mainstack-design-system 1.4.1 → 1.5.0

package/dist/mainstack-design-system555.js

@@ -1,56 +1,25 @@
-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
-}) => {
-  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;
-    }
-    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;
-  };
-  return /* @__PURE__ */ r(
-    "div",
+import { jsx as a } from "react/jsx-runtime";
+import "./mainstack-design-system386.js";
+import "./mainstack-design-system387.js";
+import "./mainstack-design-system388.js";
+import { Button as e } from "./mainstack-design-system389.js";
+import { usePagination as n } from "./mainstack-design-system597.js";
+const r = () => {
+  const { page: t, totalPages: o, setPage: i } = n();
+  return /* @__PURE__ */ a(
+    e,
     {
-      className: u(
-        "flex justify-center items-center rounded-full p-6 gap-6 bg-interactive-secondary",
-        o
-      ),
-      ...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(
-          "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
-        );
-      })
+      variant: "outline",
+      status: "default",
+      size: "xs",
+      rounded: "sm",
+      disabled: t === o,
+      onClick: () => i(t + 1),
+      children: "Next"
     }
   );
 };
-f.displayName = "PaginationPageButton";
+r.displayName = "PaginationNext";
 export {
-  f as PaginationPageButton
+  r as PaginationNext
 };

package/dist/mainstack-design-system556.cjs

@@ -1 +1,5 @@
-"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 d=require("react/jsx-runtime"),c=require("./utils-B6I16BNR.cjs"),g=require("./mainstack-design-system597.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-system556.js

@@ -1,35 +1,56 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { SelectRoot as o } from "./mainstack-design-system567.js";
-import { SelectInputField as p } from "./mainstack-design-system460.js";
-import { SelectPortal as n } from "./mainstack-design-system461.js";
-import { SelectOptions as s } from "./mainstack-design-system462.js";
-import { SelectOptionItem as u } from "./mainstack-design-system463.js";
-import "./mainstack-design-system464.js";
-import "./mainstack-design-system465.js";
-import "./mainstack-design-system458.js";
-import "./mainstack-design-system459.js";
-import { usePagination as c } from "./mainstack-design-system596.js";
-const g = () => {
-  const { limit: a, setLimit: l } = c(), 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 l ? /* @__PURE__ */ m(
-    o,
+import { jsx as d } from "react/jsx-runtime";
+import { c } from "./utils-B-DK6jJO.js";
+import { usePagination as p } from "./mainstack-design-system597.js";
+const u = ({
+  className: m,
+  ...r
+}) => {
+  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;
+    }
+    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__ */ d(
+    "div",
     {
-      options: r,
-      value: String(a),
-      onValueChange: (i) => l(Number(i)),
-      children: [
-        /* @__PURE__ */ e(p, { shape: "full-radius", className: "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)) }) })
-      ]
+      className: c(
+        "mds:flex mds:justify-center mds:items-center mds:rounded-full mds:p-6 mds:gap-6 mds:bg-interactive-secondary",
+        m
+      ),
+      ...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": e ? "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: () => o(s),
+            disabled: e,
+            children: s
+          },
+          s
+        );
+      })
     }
-  ) : null;
+  );
 };
-g.displayName = "PaginationPageSize";
+u.displayName = "PaginationPageButton";
 export {
-  g as PaginationPageSize
+  u as PaginationPageButton
 };

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 e=require("react/jsx-runtime"),o=require("./mainstack-design-system568.cjs"),s=require("./mainstack-design-system461.cjs"),c=require("./mainstack-design-system462.cjs"),u=require("./mainstack-design-system463.cjs"),p=require("./mainstack-design-system464.cjs");require("./mainstack-design-system465.cjs");require("./mainstack-design-system466.cjs");require("./mainstack-design-system459.cjs");require("./mainstack-design-system460.cjs");const m=require("./mainstack-design-system597.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-system557.js

@@ -1,22 +1,35 @@
-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 { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { SelectRoot as o } from "./mainstack-design-system568.js";
+import { SelectInputField as p } from "./mainstack-design-system461.js";
+import { SelectPortal as n } from "./mainstack-design-system462.js";
+import { SelectOptions as s } from "./mainstack-design-system463.js";
+import { SelectOptionItem as u } from "./mainstack-design-system464.js";
+import "./mainstack-design-system465.js";
+import "./mainstack-design-system466.js";
+import "./mainstack-design-system459.js";
+import "./mainstack-design-system460.js";
+import { usePagination as c } from "./mainstack-design-system597.js";
+const g = () => {
+  const { limit: a, setLimit: l } = c(), 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 l ? /* @__PURE__ */ m(
+    o,
     {
-      ref: a,
-      "data-slot": "toast-icon",
-      className: m(
-        "flex h-28 w-28 items-center justify-center rounded-full p-8",
-        t
-      ),
-      ...r
+      options: r,
+      value: String(a),
+      onValueChange: (i) => l(Number(i)),
+      children: [
+        /* @__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)) }) })
+      ]
     }
-  )
-);
-n.displayName = "ToastIcon";
+  ) : null;
+};
+g.displayName = "PaginationPageSize";
 export {
-  n as ToastIcon
+  g as PaginationPageSize
 };

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 c=require("react/jsx-runtime"),a=require("react"),d=require("./utils-B6I16BNR.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-system558.js

@@ -1,20 +1,22 @@
-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",
-  {
-    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"
+import { jsx as r } from "react/jsx-runtime";
+import a from "react";
+import { c as e } from "./utils-B-DK6jJO.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: m,
+      "data-slot": "toast-icon",
+      className: e(
+        "mds:flex mds:h-28 mds:w-28 mds:items-center mds:justify-center mds:rounded-full mds:p-8",
+        s
+      ),
+      ...t
     }
-  }
+  )
 );
+c.displayName = "ToastIcon";
 export {
-  r as toastVariants
+  c as ToastIcon
 };

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 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-system559.js

@@ -1,64 +1,20 @@
-import { jsxs as m, jsx as n } 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";
-import { ToastContent as p } from "./mainstack-design-system565.js";
-import { ToastTitle as f } from "./mainstack-design-system564.js";
-import { ToastDescription as u } from "./mainstack-design-system563.js";
-import { ToastActions as h } from "./mainstack-design-system562.js";
-import "./mainstack-design-system386.js";
-import "./mainstack-design-system387.js";
-import "./mainstack-design-system388.js";
-import { Button as a } from "./mainstack-design-system389.js";
-import "./mainstack-design-system355.js";
-import T from "./mainstack-design-system91.js";
-import { AnimatedIcon as y } from "./mainstack-design-system356.js";
-import { InfoAnimation as A, WarningAnimation as w, ErrorAnimation as C, SuccessAnimation as g } from "./mainstack-design-system610.js";
-const x = {
-  success: g,
-  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] }) }),
-  /* @__PURE__ */ m(p, { children: [
-    /* @__PURE__ */ n(f, { children: e }),
-    c && /* @__PURE__ */ n(u, { children: c })
-  ] }),
-  /* @__PURE__ */ m(h, { children: [
-    t && /* @__PURE__ */ n(
-      a,
-      {
-        rounded: "sm",
-        size: "tiny",
-        variant: "secondary",
-        onClick: () => {
-          t.onClick(), i.dismiss(o);
-        },
-        children: t.label
+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: "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"
       }
-    ),
-    /* @__PURE__ */ n(
-      a,
-      {
-        iconOnly: !0,
-        onClick: () => i.dismiss(o),
-        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" })
-      }
-    )
-  ] })
-] }), 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)),
-  custom: i.custom,
-  dismiss: i.dismiss
-};
+    },
+    defaultVariants: {
+      tone: "info"
+    }
+  }
+);
 export {
-  q as toast
+  a as toastVariants
 };

package/dist/mainstack-design-system560.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("./index-5zLWZzxK.cjs"),e=({position:t,...o})=>r.jsx(s.Toaster,{position:t,richColors:!1,closeButton:!1,...o});e.displayName="ToastContainer";exports.Toaster=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("./index-5zLWZzxK.cjs"),u=require("./mainstack-design-system562.cjs"),d=require("./mainstack-design-system558.cjs"),l=require("./mainstack-design-system566.cjs"),T=require("./mainstack-design-system565.cjs"),_=require("./mainstack-design-system564.cjs"),q=require("./mainstack-design-system563.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-system611.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-system560.js

@@ -1,16 +1,70 @@
-'use client';
-import { jsx as s } from "react/jsx-runtime";
-import { T as t } from "./index-B6sSWi7l.js";
-const a = ({ position: o, ...r }) => /* @__PURE__ */ s(
-  t,
-  {
-    position: o,
-    richColors: !1,
-    closeButton: !1,
-    ...r
-  }
-);
-a.displayName = "ToastContainer";
+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-system562.js";
+import { ToastIcon as l } from "./mainstack-design-system558.js";
+import { ToastContent as p } from "./mainstack-design-system566.js";
+import { ToastTitle as f } from "./mainstack-design-system565.js";
+import { ToastDescription as u } from "./mainstack-design-system564.js";
+import { ToastActions as h } from "./mainstack-design-system563.js";
+import "./mainstack-design-system386.js";
+import "./mainstack-design-system387.js";
+import "./mainstack-design-system388.js";
+import { Button as a } from "./mainstack-design-system389.js";
+import "./mainstack-design-system355.js";
+import T from "./mainstack-design-system91.js";
+import { AnimatedIcon as y } from "./mainstack-design-system356.js";
+import { InfoAnimation as A, WarningAnimation as w, ErrorAnimation as C, SuccessAnimation as g } from "./mainstack-design-system611.js";
+const x = {
+  success: g,
+  error: C,
+  warning: w,
+  info: A
+}, 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__ */ s(f, { children: e }),
+    c && /* @__PURE__ */ s(u, { children: c })
+  ] }),
+  /* @__PURE__ */ m(h, { children: [
+    t && /* @__PURE__ */ s(
+      a,
+      {
+        rounded: "sm",
+        size: "tiny",
+        variant: "secondary",
+        onClick: () => {
+          t.onClick(), i.dismiss(o);
+        },
+        children: t.label
+      }
+    ),
+    /* @__PURE__ */ s(
+      a,
+      {
+        iconOnly: !0,
+        onClick: () => i.dismiss(o),
+        rounded: "sm",
+        size: "tiny",
+        variant: "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) => 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
+};
 export {
-  a as Toaster
+  q as toast
 };

package/dist/mainstack-design-system561.cjs

@@ -1 +1,2 @@
-"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 client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("./index-5zLWZzxK.cjs"),e=({position:t,...o})=>r.jsx(s.Toaster,{position:t,richColors:!1,closeButton:!1,...o});e.displayName="ToastContainer";exports.Toaster=e;

package/dist/mainstack-design-system561.js

@@ -1,20 +1,16 @@
-import { jsx as p } from "react/jsx-runtime";
-import f from "react";
-import { c as i } from "./utils-DnnzGb1L.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(
-    o || "div",
-    {
-      "data-slot": "toast-root",
-      ref: m,
-      className: i(c({ tone: r }), t),
-      ...s,
-      children: a
-    }
-  )
+'use client';
+import { jsx as s } from "react/jsx-runtime";
+import { T as t } from "./index-B6sSWi7l.js";
+const a = ({ position: o, ...r }) => /* @__PURE__ */ s(
+  t,
+  {
+    position: o,
+    richColors: !1,
+    closeButton: !1,
+    ...r
+  }
 );
-n.displayName = "ToastRoot";
+a.displayName = "ToastContainer";
 export {
-  n as ToastRoot
+  a as Toaster
 };

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 c=require("react/jsx-runtime"),u=require("react"),l=require("./utils-B6I16BNR.cjs"),d=require("./mainstack-design-system559.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-system562.js

@@ -1,17 +1,20 @@
-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 p } from "react/jsx-runtime";
+import f from "react";
+import { c as i } from "./utils-B-DK6jJO.js";
+import { toastVariants as c } from "./mainstack-design-system559.js";
+const e = f.forwardRef, n = e(
+  ({ as: o, className: t, tone: r = "info", children: a, ...s }, m) => /* @__PURE__ */ p(
     o || "div",
     {
-      ref: a,
-      className: c("flex gap-6", r),
-      ...t
+      "data-slot": "toast-root",
+      ref: m,
+      className: i(c({ tone: r }), t),
+      ...s,
+      children: a
     }
   )
 );
-e.displayName = "ToastActions";
+n.displayName = "ToastRoot";
 export {
-  e as ToastActions
+  n as ToastRoot
 };

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"),n=require("react"),a=require("./utils-B6I16BNR.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-system563.js

@@ -1,17 +1,17 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as a } from "./utils-DnnzGb1L.js";
-const r = ({
-  className: t,
-  ...o
-}) => /* @__PURE__ */ s(
-  "p",
-  {
-    "data-slot": "toast-description",
-    className: a("body-extrasmall-regular", t),
-    ...o
-  }
+import { jsx as m } from "react/jsx-runtime";
+import a from "react";
+import { c } from "./utils-B-DK6jJO.js";
+const p = a.forwardRef, e = p(
+  ({ as: o, className: r, ...s }, t) => /* @__PURE__ */ m(
+    o || "div",
+    {
+      ref: t,
+      className: c("mds:flex mds:gap-6", r),
+      ...s
+    }
+  )
 );
-r.displayName = "ToastDescription";
+e.displayName = "ToastActions";
 export {
-  r as ToastDescription
+  e as ToastActions
 };

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 i=require("react/jsx-runtime"),o=require("./utils-B6I16BNR.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;