mainstack-design-system 1.4.1 → 1.4.2

package/dist/mainstack-design-system551.js

@@ -1,5 +1,5 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { c } from "./utils-DnnzGb1L.js";
+import { jsxs as s, jsx as m } from "react/jsx-runtime";
+import { c } from "./utils-Opg_zrKx.js";
 import { PaginationRoot as g } from "./mainstack-design-system552.js";
 import { PaginationNext as b } from "./mainstack-design-system554.js";
 import { PaginationPrev as f } from "./mainstack-design-system553.js";
@@ -7,43 +7,43 @@ import { PaginationPageButton as p } from "./mainstack-design-system555.js";
 import { PaginationPageSize as u } from "./mainstack-design-system556.js";
 import { useTableScroll as x } from "./mainstack-design-system595.js";
 const P = ({
-  totalResults: o = 3,
-  limit: t,
-  page: r,
-  setPage: i,
-  setLimit: n,
-  className: l
+  totalResults: d = 3,
+  limit: e,
+  page: a,
+  setPage: o,
+  setLimit: t,
+  className: r
 }) => {
-  const m = Math.ceil(o / t), { isScrolling: s, atBottom: d } = x();
-  return /* @__PURE__ */ a(
+  const i = Math.ceil(d / e), { isScrolling: n, atBottom: l } = x();
+  return /* @__PURE__ */ s(
     "div",
     {
       "data-slot": "table-pagination",
       className: c(
-        "flex items-center justify-between w-full p-16 mt-12 border-t border-x  border-border-interactive-neutral sticky bottom-0 z-20 bg-surface-neutral-l1 transition-all duration-200 ",
-        s ? "rounded-t-20 shadow-lg " : "rounded-20 ",
-        d ? "rounded-b-20 border" : "rounded-b-none",
-        l
+        "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 ",
+        n ? "mds:rounded-t-20 mds:shadow-lg " : "mds:rounded-20 ",
+        l ? "mds:rounded-b-20 mds:border" : "mds:rounded-b-none",
+        r
       ),
       children: [
-        /* @__PURE__ */ a("div", { className: "text-primary body-extrasmall-regular flex-1 hidden md:flex gap-2", children: [
-          /* @__PURE__ */ e("p", { className: "body-extrasmall-semibold", children: o }),
+        /* @__PURE__ */ s("div", { className: "mds:text-primary body-extrasmall-regular mds:flex-1 mds:hidden mds:md:flex mds:gap-2", children: [
+          /* @__PURE__ */ m("p", { className: "body-extrasmall-semibold", children: d }),
           " results"
         ] }),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ s(
           g,
           {
-            page: r,
-            totalPages: m,
-            onPageChange: i,
-            limit: t,
-            onLimitChange: n,
-            className: "flex items-center w-full gap-12 justify-end",
+            page: a,
+            totalPages: i,
+            onPageChange: o,
+            limit: e,
+            onLimitChange: t,
+            className: "mds:flex mds:items-center mds:w-full mds:gap-12 mds:justify-end",
             children: [
-              /* @__PURE__ */ e(u, {}),
-              /* @__PURE__ */ e(f, {}),
-              /* @__PURE__ */ e(p, {}),
-              /* @__PURE__ */ e(b, {})
+              /* @__PURE__ */ m(u, {}),
+              /* @__PURE__ */ m(f, {}),
+              /* @__PURE__ */ m(p, {}),
+              /* @__PURE__ */ m(b, {})
             ]
           }
         )

package/dist/mainstack-design-system552.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("./utils-FBJ8OQ9f.cjs"),u=require("./mainstack-design-system596.cjs"),e=({children:i,page:n,totalPages:o,limit:a,onPageChange:s,onLimitChange:r,className:c})=>t.jsx(u.PaginationContext.Provider,{value:{page:n,totalPages:o,limit:a,setPage:s,setLimit:r},children:t.jsx("div",{className:l.cn("flex items-center space-x-4 w-full gap-12 justify-end",c),children:i})});e.displayName="PaginationRoot";exports.PaginationRoot=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("./utils-KlkRDGof.cjs"),c=require("./mainstack-design-system596.cjs"),e=({children:i,page:n,totalPages:o,limit:s,onPageChange:a,onLimitChange:r,className:d})=>t.jsx(c.PaginationContext.Provider,{value:{page:n,totalPages:o,limit:s,setPage:a,setLimit:r},children:t.jsx("div",{className:m.cn("mds:flex mds:items-center mds:space-x-4 mds:w-full mds:gap-12 mds:justify-end",d),children:i})});e.displayName="PaginationRoot";exports.PaginationRoot=e;

package/dist/mainstack-design-system552.js

@@ -1,37 +1,37 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as m } from "./utils-DnnzGb1L.js";
-import { PaginationContext as c } from "./mainstack-design-system596.js";
-const l = ({
+import { c as r } from "./utils-Opg_zrKx.js";
+import { PaginationContext as d } from "./mainstack-design-system596.js";
+const c = ({
   children: e,
   page: i,
   totalPages: o,
-  limit: a,
-  onPageChange: n,
-  onLimitChange: r,
-  className: s
+  limit: s,
+  onPageChange: m,
+  onLimitChange: a,
+  className: n
 }) => /* @__PURE__ */ t(
-  c.Provider,
+  d.Provider,
   {
     value: {
       page: i,
       totalPages: o,
-      limit: a,
-      setPage: n,
-      setLimit: r
+      limit: s,
+      setPage: m,
+      setLimit: a
     },
     children: /* @__PURE__ */ t(
       "div",
       {
-        className: m(
-          "flex items-center space-x-4 w-full gap-12 justify-end",
-          s
+        className: r(
+          "mds:flex mds:items-center mds:space-x-4 mds:w-full mds:gap-12 mds:justify-end",
+          n
         ),
         children: e
       }
     )
   }
 );
-l.displayName = "PaginationRoot";
+c.displayName = "PaginationRoot";
 export {
-  l as PaginationRoot
+  c as PaginationRoot
 };

package/dist/mainstack-design-system555.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("./utils-FBJ8OQ9f.cjs"),p=require("./mainstack-design-system596.cjs"),r=({className:l,...u})=>{const{page:s,setPage:c,totalPages:e}=p.usePagination(),d=()=>{const t=[];if(e===0)return[];if(e<=5){for(let a=1;a<=e;a++)t.push(a);return t}t.push(1);let n,i;s<=3?(n=2,i=4):s>=e-2?(n=e-3,i=e-1):(n=s-1,i=s+1),n=Math.max(2,n),i=Math.min(e-1,i),n>2&&t.push("...");for(let a=n;a<=i;a++)t.push(a);return i<e-1&&t.push("..."),e>1&&t[t.length-1]!==e&&t.push(e),t};return o.jsx("div",{className:g.cn("flex justify-center items-center rounded-full p-6 gap-6 bg-interactive-secondary",l),...u,children:d().map((t,n)=>{if(t==="...")return o.jsx("div",{className:" text-secondary",children:"...."},`ellipsis-${n}`);const i=t===s;return o.jsx("button",{"data-state":i?"active":"inactive",className:`
-            w-20 h-20 flex items-center justify-center rounded-full 
-            body-tiny-semibold transition-colors bg-neutral-275 
-            data-[state=active]:bg-primary text-on-primary
-            `,onClick:()=>c(t),disabled:i,children:t},t)})})};r.displayName="PaginationPageButton";exports.PaginationPageButton=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),c=require("./utils-KlkRDGof.cjs"),g=require("./mainstack-design-system596.cjs"),o=({className:r,...m})=>{const{page:a,setPage:l,totalPages:e}=g.usePagination(),u=()=>{const t=[];if(e===0)return[];if(e<=5){for(let n=1;n<=e;n++)t.push(n);return t}t.push(1);let i,s;a<=3?(i=2,s=4):a>=e-2?(i=e-3,s=e-1):(i=a-1,s=a+1),i=Math.max(2,i),s=Math.min(e-1,s),i>2&&t.push("...");for(let n=i;n<=s;n++)t.push(n);return s<e-1&&t.push("..."),e>1&&t[t.length-1]!==e&&t.push(e),t};return d.jsx("div",{className:c.cn("mds:flex mds:justify-center mds:items-center mds:rounded-full mds:p-6 mds:gap-6 mds:bg-interactive-secondary",r),...m,children:u().map((t,i)=>{if(t==="...")return d.jsx("div",{className:" mds:text-secondary",children:"...."},`ellipsis-${i}`);const s=t===a;return d.jsx("button",{"data-state":s?"active":"inactive",className:`
+            mds:w-20 mds:h-20 mds:flex mds:items-center mds:justify-center mds:rounded-full 
+            body-tiny-semibold mds:transition-colors mds:bg-neutral-275 
+            mds:data-[state=active]:bg-primary mds:text-on-primary
+            `,onClick:()=>l(t),disabled:s,children:t},t)})})};o.displayName="PaginationPageButton";exports.PaginationPageButton=o;

package/dist/mainstack-design-system555.js

@@ -1,56 +1,56 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as u } from "./utils-DnnzGb1L.js";
-import { usePagination as d } from "./mainstack-design-system596.js";
-const f = ({
-  className: o,
-  ...l
+import { jsx as d } from "react/jsx-runtime";
+import { c } from "./utils-Opg_zrKx.js";
+import { usePagination as p } from "./mainstack-design-system596.js";
+const u = ({
+  className: m,
+  ...r
 }) => {
-  const { page: n, setPage: c, totalPages: e } = d(), p = () => {
-    const t = [];
-    if (e === 0) return [];
-    if (e <= 5) {
-      for (let s = 1; s <= e; s++) t.push(s);
-      return t;
+  const { page: n, setPage: o, totalPages: t } = p(), l = () => {
+    const s = [];
+    if (t === 0) return [];
+    if (t <= 5) {
+      for (let a = 1; a <= t; a++) s.push(a);
+      return s;
     }
-    t.push(1);
-    let a, i;
-    n <= 3 ? (a = 2, i = 4) : n >= e - 2 ? (a = e - 3, i = e - 1) : (a = n - 1, i = n + 1), a = Math.max(2, a), i = Math.min(e - 1, i), a > 2 && t.push("...");
-    for (let s = a; s <= i; s++)
-      t.push(s);
-    return i < e - 1 && t.push("..."), e > 1 && t[t.length - 1] !== e && t.push(e), t;
+    s.push(1);
+    let i, e;
+    n <= 3 ? (i = 2, e = 4) : n >= t - 2 ? (i = t - 3, e = t - 1) : (i = n - 1, e = n + 1), i = Math.max(2, i), e = Math.min(t - 1, e), i > 2 && s.push("...");
+    for (let a = i; a <= e; a++)
+      s.push(a);
+    return e < t - 1 && s.push("..."), t > 1 && s[s.length - 1] !== t && s.push(t), s;
   };
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: u(
-        "flex justify-center items-center rounded-full p-6 gap-6 bg-interactive-secondary",
-        o
+      className: c(
+        "mds:flex mds:justify-center mds:items-center mds:rounded-full mds:p-6 mds:gap-6 mds:bg-interactive-secondary",
+        m
       ),
-      ...l,
-      children: p().map((t, a) => {
-        if (t === "...")
-          return /* @__PURE__ */ r("div", { className: " text-secondary", children: "...." }, `ellipsis-${a}`);
-        const i = t === n;
-        return /* @__PURE__ */ r(
+      ...r,
+      children: l().map((s, i) => {
+        if (s === "...")
+          return /* @__PURE__ */ d("div", { className: " mds:text-secondary", children: "...." }, `ellipsis-${i}`);
+        const e = s === n;
+        return /* @__PURE__ */ d(
           "button",
           {
-            "data-state": i ? "active" : "inactive",
+            "data-state": e ? "active" : "inactive",
             className: `
-            w-20 h-20 flex items-center justify-center rounded-full 
-            body-tiny-semibold transition-colors bg-neutral-275 
-            data-[state=active]:bg-primary text-on-primary
+            mds:w-20 mds:h-20 mds:flex mds:items-center mds:justify-center mds:rounded-full 
+            body-tiny-semibold mds:transition-colors mds:bg-neutral-275 
+            mds:data-[state=active]:bg-primary mds:text-on-primary
             `,
-            onClick: () => c(t),
-            disabled: i,
-            children: t
+            onClick: () => o(s),
+            disabled: e,
+            children: s
           },
-          t
+          s
         );
       })
     }
   );
 };
-f.displayName = "PaginationPageButton";
+u.displayName = "PaginationPageButton";
 export {
-  f as PaginationPageButton
+  u as PaginationPageButton
 };

package/dist/mainstack-design-system556.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./mainstack-design-system567.cjs"),s=require("./mainstack-design-system460.cjs"),c=require("./mainstack-design-system461.cjs"),u=require("./mainstack-design-system462.cjs"),p=require("./mainstack-design-system463.cjs");require("./mainstack-design-system464.cjs");require("./mainstack-design-system465.cjs");require("./mainstack-design-system458.cjs");require("./mainstack-design-system459.cjs");const m=require("./mainstack-design-system596.cjs"),l=()=>{const{limit:a,setLimit:i}=m.usePagination(),r=[{value:"10",label:"10 items per page"},{value:"20",label:"20 items per page"},{value:"50",label:"50 items per page"},{value:"100",label:"100 items per page"}];return i?e.jsxs(o.SelectRoot,{options:r,value:String(a),onValueChange:t=>i(Number(t)),children:[e.jsx(s.SelectInputField,{shape:"full-radius",className:"min-h-36"}),e.jsx(c.SelectPortal,{children:e.jsx(u.SelectOptions,{children:({options:t})=>t.map(n=>e.jsx(p.SelectOptionItem,{value:n.value,children:n.label},n.value))})})]}):null};l.displayName="PaginationPageSize";exports.PaginationPageSize=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./mainstack-design-system567.cjs"),s=require("./mainstack-design-system460.cjs"),c=require("./mainstack-design-system461.cjs"),u=require("./mainstack-design-system462.cjs"),p=require("./mainstack-design-system463.cjs");require("./mainstack-design-system464.cjs");require("./mainstack-design-system465.cjs");require("./mainstack-design-system458.cjs");require("./mainstack-design-system459.cjs");const m=require("./mainstack-design-system596.cjs"),l=()=>{const{limit:a,setLimit:i}=m.usePagination(),r=[{value:"10",label:"10 items per page"},{value:"20",label:"20 items per page"},{value:"50",label:"50 items per page"},{value:"100",label:"100 items per page"}];return i?e.jsxs(o.SelectRoot,{options:r,value:String(a),onValueChange:t=>i(Number(t)),children:[e.jsx(s.SelectInputField,{shape:"full-radius",className:"mds:min-h-36"}),e.jsx(c.SelectPortal,{children:e.jsx(u.SelectOptions,{children:({options:t})=>t.map(n=>e.jsx(p.SelectOptionItem,{value:n.value,children:n.label},n.value))})})]}):null};l.displayName="PaginationPageSize";exports.PaginationPageSize=l;

package/dist/mainstack-design-system556.js

@@ -23,7 +23,7 @@ const g = () => {
       value: String(a),
       onValueChange: (i) => l(Number(i)),
       children: [
-        /* @__PURE__ */ e(p, { shape: "full-radius", className: "min-h-36" }),
+        /* @__PURE__ */ e(p, { shape: "full-radius", className: "mds:min-h-36" }),
         /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(s, { children: ({ options: i }) => i.map((t) => /* @__PURE__ */ e(u, { value: t.value, children: t.label }, t.value)) }) })
       ]
     }

package/dist/mainstack-design-system557.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),a=require("react"),i=require("./utils-FBJ8OQ9f.cjs"),u=require("./index-CpE6WAgy.cjs"),e=a.forwardRef(({asChild:t,className:o,...s},n)=>{const r=t?u.Slot:"span";return c.jsx(r,{ref:n,"data-slot":"toast-icon",className:i.cn("flex h-28 w-28 items-center justify-center rounded-full p-8",o),...s})});e.displayName="ToastIcon";exports.ToastIcon=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),a=require("react"),d=require("./utils-KlkRDGof.cjs"),i=require("./index-CpE6WAgy.cjs"),e=a.forwardRef(({asChild:s,className:t,...o},n)=>{const r=s?i.Slot:"span";return c.jsx(r,{ref:n,"data-slot":"toast-icon",className:d.cn("mds:flex mds:h-28 mds:w-28 mds:items-center mds:justify-center mds:rounded-full mds:p-8",t),...o})});e.displayName="ToastIcon";exports.ToastIcon=e;

package/dist/mainstack-design-system557.js

@@ -1,22 +1,22 @@
-import { jsx as s } from "react/jsx-runtime";
-import e from "react";
-import { c as m } from "./utils-DnnzGb1L.js";
-import { S as c } from "./index-BtQfgaSF.js";
-const n = e.forwardRef(
-  ({ asChild: o, className: t, ...r }, a) => /* @__PURE__ */ s(
-    o ? c : "span",
+import { jsx as r } from "react/jsx-runtime";
+import a from "react";
+import { c as e } from "./utils-Opg_zrKx.js";
+import { S as d } from "./index-BtQfgaSF.js";
+const c = a.forwardRef(
+  ({ asChild: o, className: s, ...t }, m) => /* @__PURE__ */ r(
+    o ? d : "span",
     {
-      ref: a,
+      ref: m,
       "data-slot": "toast-icon",
-      className: m(
-        "flex h-28 w-28 items-center justify-center rounded-full p-8",
-        t
+      className: e(
+        "mds:flex mds:h-28 mds:w-28 mds:items-center mds:justify-center mds:rounded-full mds:p-8",
+        s
       ),
-      ...r
+      ...t
     }
   )
 );
-n.displayName = "ToastIcon";
+c.displayName = "ToastIcon";
 export {
-  n as ToastIcon
+  c as ToastIcon
 };

package/dist/mainstack-design-system558.cjs

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

package/dist/mainstack-design-system558.js

@@ -1,13 +1,13 @@
-import { c as t } from "./index-D29mdTf5.js";
-const r = t(
-  "flex items-center justify-between gap-12 rounded-16 p-12 shadow-500 min-w-400 transition-transform duration-200 ease-out bg-surface-neutral-l1 border border-border-interactive-neutral body-font-family text-primary",
+import { c as s } from "./index-D29mdTf5.js";
+const a = s(
+  "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: "**:data-[slot=toast-icon]:bg-surface-success-l4",
-        error: "**:data-[slot=toast-icon]:bg-surface-error-l4",
-        warning: "**:data-[slot=toast-icon]:bg-surface-warning-l4",
-        info: "**:data-[slot=toast-icon]:bg-surface-info-l4"
+        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: {
@@ -16,5 +16,5 @@ const r = t(
   }
 );
 export {
-  r as toastVariants
+  a as toastVariants
 };

package/dist/mainstack-design-system559.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("./index-5zLWZzxK.cjs"),m=require("./mainstack-design-system561.cjs"),d=require("./mainstack-design-system557.cjs"),l=require("./mainstack-design-system565.cjs"),T=require("./mainstack-design-system564.cjs"),_=require("./mainstack-design-system563.cjs"),q=require("./mainstack-design-system562.cjs");require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");require("./mainstack-design-system388.cjs");const a=require("./mainstack-design-system389.cjs");require("./mainstack-design-system355.cjs");const x=require("./mainstack-design-system91.cjs"),j=require("./mainstack-design-system356.cjs"),e=require("./mainstack-design-system610.cjs"),p={success:e.SuccessAnimation,error:e.ErrorAnimation,warning:e.WarningAnimation,info:e.InfoAnimation},i=(s,o,{title:u,description:c,action:r})=>t.jsxs(m.ToastRoot,{tone:o,children:[t.jsx(d.ToastIcon,{children:t.jsx(j.AnimatedIcon,{icon:p[o]})}),t.jsxs(l.ToastContent,{children:[t.jsx(T.ToastTitle,{children:u}),c&&t.jsx(_.ToastDescription,{children:c})]}),t.jsxs(q.ToastActions,{children:[r&&t.jsx(a.Button,{rounded:"sm",size:"tiny",variant:"secondary",onClick:()=>{r.onClick(),n.toast.dismiss(s)},children:r.label}),t.jsx(a.Button,{iconOnly:!0,onClick:()=>n.toast.dismiss(s),rounded:"sm",size:"tiny",variant:"secondary",className:"w-30 h-30",children:t.jsx(x,{variant:"filled",className:"h-16 w-16 text-on-secondary"})})]})]}),h={success:s=>n.toast.custom(o=>i(o,"success",s)),error:s=>n.toast.custom(o=>i(o,"error",s)),warning:s=>n.toast.custom(o=>i(o,"warning",s)),info:s=>n.toast.custom(o=>i(o,"info",s)),custom:n.toast.custom,dismiss:n.toast.dismiss};exports.toast=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("./index-5zLWZzxK.cjs"),u=require("./mainstack-design-system561.cjs"),d=require("./mainstack-design-system557.cjs"),l=require("./mainstack-design-system565.cjs"),T=require("./mainstack-design-system564.cjs"),_=require("./mainstack-design-system563.cjs"),q=require("./mainstack-design-system562.cjs");require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");require("./mainstack-design-system388.cjs");const a=require("./mainstack-design-system389.cjs");require("./mainstack-design-system355.cjs");const x=require("./mainstack-design-system91.cjs"),j=require("./mainstack-design-system356.cjs"),e=require("./mainstack-design-system610.cjs"),p={success:e.SuccessAnimation,error:e.ErrorAnimation,warning:e.WarningAnimation,info:e.InfoAnimation},i=(s,o,{title:m,description:c,action:r})=>t.jsxs(u.ToastRoot,{tone:o,children:[t.jsx(d.ToastIcon,{children:t.jsx(j.AnimatedIcon,{icon:p[o]})}),t.jsxs(l.ToastContent,{children:[t.jsx(T.ToastTitle,{children:m}),c&&t.jsx(_.ToastDescription,{children:c})]}),t.jsxs(q.ToastActions,{children:[r&&t.jsx(a.Button,{rounded:"sm",size:"tiny",variant:"secondary",onClick:()=>{r.onClick(),n.toast.dismiss(s)},children:r.label}),t.jsx(a.Button,{iconOnly:!0,onClick:()=>n.toast.dismiss(s),rounded:"sm",size:"tiny",variant:"secondary",className:"mds:w-30 mds:h-30",children:t.jsx(x,{variant:"filled",className:"mds:h-16 mds:w-16 mds:text-on-secondary"})})]})]}),h={success:s=>n.toast.custom(o=>i(o,"success",s)),error:s=>n.toast.custom(o=>i(o,"error",s)),warning:s=>n.toast.custom(o=>i(o,"warning",s)),info:s=>n.toast.custom(o=>i(o,"info",s)),custom:n.toast.custom,dismiss:n.toast.dismiss};exports.toast=h;

package/dist/mainstack-design-system559.js

@@ -1,4 +1,4 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
 import { t as i } from "./index-B6sSWi7l.js";
 import { ToastRoot as d } from "./mainstack-design-system561.js";
 import { ToastIcon as l } from "./mainstack-design-system557.js";
@@ -19,14 +19,14 @@ const x = {
   error: C,
   warning: w,
   info: A
-}, s = (o, r, { title: e, description: c, action: t }) => /* @__PURE__ */ m(d, { tone: r, children: [
-  /* @__PURE__ */ n(l, { children: /* @__PURE__ */ n(y, { icon: x[r] }) }),
+}, n = (o, r, { title: e, description: c, action: t }) => /* @__PURE__ */ m(d, { tone: r, children: [
+  /* @__PURE__ */ s(l, { children: /* @__PURE__ */ s(y, { icon: x[r] }) }),
   /* @__PURE__ */ m(p, { children: [
-    /* @__PURE__ */ n(f, { children: e }),
-    c && /* @__PURE__ */ n(u, { children: c })
+    /* @__PURE__ */ s(f, { children: e }),
+    c && /* @__PURE__ */ s(u, { children: c })
   ] }),
   /* @__PURE__ */ m(h, { children: [
-    t && /* @__PURE__ */ n(
+    t && /* @__PURE__ */ s(
       a,
       {
         rounded: "sm",
@@ -38,7 +38,7 @@ const x = {
         children: t.label
       }
     ),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ s(
       a,
       {
         iconOnly: !0,
@@ -46,16 +46,22 @@ const x = {
         rounded: "sm",
         size: "tiny",
         variant: "secondary",
-        className: "w-30 h-30",
-        children: /* @__PURE__ */ n(T, { variant: "filled", className: "h-16 w-16 text-on-secondary" })
+        className: "mds:w-30 mds:h-30",
+        children: /* @__PURE__ */ s(
+          T,
+          {
+            variant: "filled",
+            className: "mds:h-16 mds:w-16 mds:text-on-secondary"
+          }
+        )
       }
     )
   ] })
 ] }), q = {
-  success: (o) => i.custom((r) => s(r, "success", o)),
-  error: (o) => i.custom((r) => s(r, "error", o)),
-  warning: (o) => i.custom((r) => s(r, "warning", o)),
-  info: (o) => i.custom((r) => s(r, "info", o)),
+  success: (o) => i.custom((r) => n(r, "success", o)),
+  error: (o) => i.custom((r) => n(r, "error", o)),
+  warning: (o) => i.custom((r) => n(r, "warning", o)),
+  info: (o) => i.custom((r) => n(r, "info", o)),
   custom: i.custom,
   dismiss: i.dismiss
 };

package/dist/mainstack-design-system561.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),l=require("./utils-FBJ8OQ9f.cjs"),d=require("./mainstack-design-system558.cjs"),m=u.forwardRef,t=m(({as:o,className:s,tone:e="info",children:a,...r},n)=>{const i=o||"div";return c.jsx(i,{"data-slot":"toast-root",ref:n,className:l.cn(d.toastVariants({tone:e}),s),...r,children:a})});t.displayName="ToastRoot";exports.ToastRoot=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),l=require("./utils-KlkRDGof.cjs"),d=require("./mainstack-design-system558.cjs"),m=u.forwardRef,t=m(({as:o,className:s,tone:e="info",children:a,...r},n)=>{const i=o||"div";return c.jsx(i,{"data-slot":"toast-root",ref:n,className:l.cn(d.toastVariants({tone:e}),s),...r,children:a})});t.displayName="ToastRoot";exports.ToastRoot=t;

package/dist/mainstack-design-system561.js

@@ -1,6 +1,6 @@
 import { jsx as p } from "react/jsx-runtime";
 import f from "react";
-import { c as i } from "./utils-DnnzGb1L.js";
+import { c as i } from "./utils-Opg_zrKx.js";
 import { toastVariants as c } from "./mainstack-design-system558.js";
 const e = f.forwardRef, n = e(
   ({ as: o, className: t, tone: r = "info", children: a, ...s }, m) => /* @__PURE__ */ p(

package/dist/mainstack-design-system562.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),a=require("./utils-FBJ8OQ9f.cjs"),l=n.forwardRef,t=l(({as:e,className:o,...s},r)=>{const c=e||"div";return i.jsx(c,{ref:r,className:a.cn("flex gap-6",o),...s})});t.displayName="ToastActions";exports.ToastActions=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),a=require("./utils-KlkRDGof.cjs"),l=n.forwardRef,s=l(({as:t,className:e,...o},r)=>{const c=t||"div";return i.jsx(c,{ref:r,className:a.cn("mds:flex mds:gap-6",e),...o})});s.displayName="ToastActions";exports.ToastActions=s;

package/dist/mainstack-design-system562.js

@@ -1,13 +1,13 @@
-import { jsx as s } from "react/jsx-runtime";
-import m from "react";
-import { c } from "./utils-DnnzGb1L.js";
-const p = m.forwardRef, e = p(
-  ({ as: o, className: r, ...t }, a) => /* @__PURE__ */ s(
+import { jsx as m } from "react/jsx-runtime";
+import a from "react";
+import { c } from "./utils-Opg_zrKx.js";
+const p = a.forwardRef, e = p(
+  ({ as: o, className: r, ...s }, t) => /* @__PURE__ */ m(
     o || "div",
     {
-      ref: a,
-      className: c("flex gap-6", r),
-      ...t
+      ref: t,
+      className: c("mds:flex mds:gap-6", r),
+      ...s
     }
   )
 );

package/dist/mainstack-design-system563.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("./utils-FBJ8OQ9f.cjs"),t=({className:e,...s})=>i.jsx("p",{"data-slot":"toast-description",className:o.cn("body-extrasmall-regular",e),...s});t.displayName="ToastDescription";exports.ToastDescription=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("./utils-KlkRDGof.cjs"),t=({className:e,...s})=>i.jsx("p",{"data-slot":"toast-description",className:o.cn("body-extrasmall-regular",e),...s});t.displayName="ToastDescription";exports.ToastDescription=t;

package/dist/mainstack-design-system563.js

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

package/dist/mainstack-design-system564.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),c=require("./utils-FBJ8OQ9f.cjs");function i(e){const o=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(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const u=i(l),n=u.forwardRef(({as:e,className:o,...t},r)=>{const a=e||"h5";return s.jsx(a,{ref:r,"data-slot":"tile-title",className:c.cn("body-small-semibold",o),...t})});n.displayName="ToastTitle";exports.ToastTitle=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),c=require("./utils-KlkRDGof.cjs");function i(e){const o=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(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const u=i(l),n=u.forwardRef(({as:e,className:o,...t},r)=>{const a=e||"h5";return s.jsx(a,{ref:r,"data-slot":"tile-title",className:c.cn("body-small-semibold",o),...t})});n.displayName="ToastTitle";exports.ToastTitle=n;

package/dist/mainstack-design-system564.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as m from "react";
-import { c as r } from "./utils-DnnzGb1L.js";
+import { c as r } from "./utils-Opg_zrKx.js";
 const l = m.forwardRef(
   ({ as: o, className: t, ...a }, e) => /* @__PURE__ */ s(
     o || "h5",

package/dist/mainstack-design-system565.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),l=require("./utils-FBJ8OQ9f.cjs"),i=c.forwardRef,t=i(({as:e,className:o,...n},s)=>{const r=e||"div";return a.jsx(r,{"data-slot":"toast-content",ref:s,className:l.cn("flex flex-col gap-4 flex-1",o),...n})});t.displayName="ToastContent";exports.ToastContent=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),l=require("./utils-KlkRDGof.cjs"),i=c.forwardRef,t=i(({as:e,className:o,...s},n)=>{const r=e||"div";return a.jsx(r,{"data-slot":"toast-content",ref:n,className:l.cn("mds:flex mds:flex-col mds:gap-4 mds:flex-1",o),...s})});t.displayName="ToastContent";exports.ToastContent=t;

package/dist/mainstack-design-system565.js

@@ -1,14 +1,14 @@
-import { jsx as r } from "react/jsx-runtime";
-import s from "react";
-import { c as m } from "./utils-DnnzGb1L.js";
-const n = s.forwardRef, c = n(
-  ({ as: o, className: t, ...a }, e) => /* @__PURE__ */ r(
+import { jsx as m } from "react/jsx-runtime";
+import e from "react";
+import { c as r } from "./utils-Opg_zrKx.js";
+const n = e.forwardRef, c = n(
+  ({ as: o, className: t, ...s }, a) => /* @__PURE__ */ m(
     o || "div",
     {
       "data-slot": "toast-content",
-      ref: e,
-      className: m("flex flex-col gap-4 flex-1", t),
-      ...a
+      ref: a,
+      className: r("mds:flex mds:flex-col mds:gap-4 mds:flex-1", t),
+      ...s
     }
   )
 );

package/dist/mainstack-design-system576.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CAgJYdlN.cjs"),e=t.cva(["w-full flex flex-col md:flex-row items-center justify-between gap-12 md:gap-16 px-16 py-8 rounded-16"],{variants:{variant:{neutral:["bg-surface-neutral-l3","**:data-[slot=banner-header]:text-primary","**:data-[slot=banner-text]:text-secondary","**:data-[slot=banner-icon]:bg-surface-neutral-l4"],info:["bg-surface-info-l1","**:data-[slot=banner-header]:text-on-info-light","**:data-[slot=banner-text]:text-on-info-light","**:data-[slot=banner-icon]:bg-surface-info-l4"],success:["bg-surface-success-l1","**:data-[slot=banner-header]:text-on-success-light","**:data-[slot=banner-text]:text-on-success-light","**:data-[slot=banner-icon]:bg-surface-success-l4"],warning:["bg-surface-warning-l1","**:data-[slot=banner-header]:text-on-warning-light","**:data-[slot=banner-text]:text-on-warning-light","**:data-[slot=banner-icon]:bg-surface-warning-l4"],error:["bg-surface-error-l1","**:data-[slot=banner-header]:text-on-error-light","**:data-[slot=banner-text]:text-on-error-light","**:data-[slot=banner-icon]:bg-surface-error-l4"]}}});exports.bannerVariants=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CAgJYdlN.cjs"),e=t.cva(["mds:w-full mds:flex mds:flex-col mds:md:flex-row mds:items-center mds:justify-between mds:gap-12 mds:md:gap-16 mds:px-16 mds:py-8 mds:rounded-16"],{variants:{variant:{neutral:["mds:bg-surface-neutral-l3","mds:**:data-[slot=banner-header]:text-primary","mds:**:data-[slot=banner-text]:text-secondary","mds:**:data-[slot=banner-icon]:bg-surface-neutral-l4"],info:["mds:bg-surface-info-l1","mds:**:data-[slot=banner-header]:text-on-info-light","mds:**:data-[slot=banner-text]:text-on-info-light","mds:**:data-[slot=banner-icon]:bg-surface-info-l4"],success:["mds:bg-surface-success-l1","mds:**:data-[slot=banner-header]:text-on-success-light","mds:**:data-[slot=banner-text]:text-on-success-light","mds:**:data-[slot=banner-icon]:bg-surface-success-l4"],warning:["mds:bg-surface-warning-l1","mds:**:data-[slot=banner-header]:text-on-warning-light","mds:**:data-[slot=banner-text]:text-on-warning-light","mds:**:data-[slot=banner-icon]:bg-surface-warning-l4"],error:["mds:bg-surface-error-l1","mds:**:data-[slot=banner-header]:text-on-error-light","mds:**:data-[slot=banner-text]:text-on-error-light","mds:**:data-[slot=banner-icon]:bg-surface-error-l4"]}}});exports.bannerVariants=e;

package/dist/mainstack-design-system576.js

@@ -1,45 +1,45 @@
 import { c as a } from "./index-D29mdTf5.js";
-const e = a(
+const s = a(
   [
-    "w-full flex flex-col md:flex-row items-center justify-between gap-12 md:gap-16 px-16 py-8 rounded-16"
+    "mds:w-full mds:flex mds:flex-col mds:md:flex-row mds:items-center mds:justify-between mds:gap-12 mds:md:gap-16 mds:px-16 mds:py-8 mds:rounded-16"
   ],
   {
     variants: {
       variant: {
         neutral: [
-          "bg-surface-neutral-l3",
-          "**:data-[slot=banner-header]:text-primary",
-          "**:data-[slot=banner-text]:text-secondary",
-          "**:data-[slot=banner-icon]:bg-surface-neutral-l4"
+          "mds:bg-surface-neutral-l3",
+          "mds:**:data-[slot=banner-header]:text-primary",
+          "mds:**:data-[slot=banner-text]:text-secondary",
+          "mds:**:data-[slot=banner-icon]:bg-surface-neutral-l4"
         ],
         info: [
-          "bg-surface-info-l1",
-          "**:data-[slot=banner-header]:text-on-info-light",
-          "**:data-[slot=banner-text]:text-on-info-light",
-          "**:data-[slot=banner-icon]:bg-surface-info-l4"
+          "mds:bg-surface-info-l1",
+          "mds:**:data-[slot=banner-header]:text-on-info-light",
+          "mds:**:data-[slot=banner-text]:text-on-info-light",
+          "mds:**:data-[slot=banner-icon]:bg-surface-info-l4"
         ],
         success: [
-          "bg-surface-success-l1",
-          "**:data-[slot=banner-header]:text-on-success-light",
-          "**:data-[slot=banner-text]:text-on-success-light",
-          "**:data-[slot=banner-icon]:bg-surface-success-l4"
+          "mds:bg-surface-success-l1",
+          "mds:**:data-[slot=banner-header]:text-on-success-light",
+          "mds:**:data-[slot=banner-text]:text-on-success-light",
+          "mds:**:data-[slot=banner-icon]:bg-surface-success-l4"
         ],
         warning: [
-          "bg-surface-warning-l1",
-          "**:data-[slot=banner-header]:text-on-warning-light",
-          "**:data-[slot=banner-text]:text-on-warning-light",
-          "**:data-[slot=banner-icon]:bg-surface-warning-l4"
+          "mds:bg-surface-warning-l1",
+          "mds:**:data-[slot=banner-header]:text-on-warning-light",
+          "mds:**:data-[slot=banner-text]:text-on-warning-light",
+          "mds:**:data-[slot=banner-icon]:bg-surface-warning-l4"
         ],
         error: [
-          "bg-surface-error-l1",
-          "**:data-[slot=banner-header]:text-on-error-light",
-          "**:data-[slot=banner-text]:text-on-error-light",
-          "**:data-[slot=banner-icon]:bg-surface-error-l4"
+          "mds:bg-surface-error-l1",
+          "mds:**:data-[slot=banner-header]:text-on-error-light",
+          "mds:**:data-[slot=banner-text]:text-on-error-light",
+          "mds:**:data-[slot=banner-icon]:bg-surface-error-l4"
         ]
       }
     }
   }
 );
 export {
-  e as bannerVariants
+  s as bannerVariants
 };