mainstack-design-system 1.4.1 → 1.4.2

package/dist/mainstack-design-system529.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("react"),s=require("./utils-FBJ8OQ9f.cjs"),e=a.forwardRef(({className:t,...o},r)=>n.jsx("footer",{"data-slot":"modal-content-footer",className:s.cn("flex py-16 px-20 gap-12 items-center sticky bottom-0 justify-between bg-surface-neutral-l1",t),ref:r,...o}));e.displayName="ModalContentFooter";exports.ModalContentFooter=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),d=require("./utils-KlkRDGof.cjs"),e=n.forwardRef(({className:t,...o},s)=>r.jsx("footer",{"data-slot":"modal-content-footer",className:d.cn("mds:flex mds:py-16 mds:px-20 mds:gap-12 mds:items-center mds:sticky mds:bottom-0 mds:justify-between mds:bg-surface-neutral-l1",t),ref:s,...o}));e.displayName="ModalContentFooter";exports.ModalContentFooter=e;

package/dist/mainstack-design-system529.js

@@ -1,13 +1,13 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { c as n } from "./utils-DnnzGb1L.js";
-const m = a(
-  ({ className: o, ...t }, e) => /* @__PURE__ */ r(
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { c as r } from "./utils-Opg_zrKx.js";
+const d = s(
+  ({ className: o, ...t }, e) => /* @__PURE__ */ m(
     "footer",
     {
       "data-slot": "modal-content-footer",
-      className: n(
-        "flex py-16 px-20 gap-12 items-center sticky bottom-0 justify-between bg-surface-neutral-l1",
+      className: r(
+        "mds:flex mds:py-16 mds:px-20 mds:gap-12 mds:items-center mds:sticky mds:bottom-0 mds:justify-between mds:bg-surface-neutral-l1",
         o
       ),
       ref: e,
@@ -15,7 +15,7 @@ const m = a(
     }
   )
 );
-m.displayName = "ModalContentFooter";
+d.displayName = "ModalContentFooter";
 export {
-  m as ModalContentFooter
+  d as ModalContentFooter
 };

package/dist/mainstack-design-system530.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),r=require("./utils-FBJ8OQ9f.cjs"),a=require("./index-HSoR75mY.cjs"),e=l.forwardRef(({className:t,...o},i)=>n.jsx(a.DialogTitle,{"data-slot":"modal-content-header",className:r.cn("body-medium-semibold",t),ref:i,...o}));e.displayName="ModalContentTitle";exports.ModalContentTitle=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),r=require("./utils-KlkRDGof.cjs"),a=require("./index-HSoR75mY.cjs"),e=l.forwardRef(({className:t,...o},i)=>n.jsx(a.DialogTitle,{"data-slot":"modal-content-header",className:r.cn("body-medium-semibold",t),ref:i,...o}));e.displayName="ModalContentTitle";exports.ModalContentTitle=e;

package/dist/mainstack-design-system530.js

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

package/dist/mainstack-design-system531.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),r=require("./utils-FBJ8OQ9f.cjs"),e=i.forwardRef(({className:t,...n},o)=>a.jsx("div",{"data-slot":"modal-content-main",className:r.cn("flex-1 px-20 overflow-auto",t),ref:o,...n}));e.displayName="ModalContentMain";exports.ModalContentMain=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),i=require("./utils-KlkRDGof.cjs"),e=s.forwardRef(({className:t,...n},o)=>a.jsx("div",{"data-slot":"modal-content-main",className:i.cn("mds:flex-1 mds:px-20 mds:overflow-auto",t),ref:o,...n}));e.displayName="ModalContentMain";exports.ModalContentMain=e;

package/dist/mainstack-design-system531.js

@@ -1,18 +1,18 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
-import { c as e } from "./utils-DnnzGb1L.js";
-const m = r(
-  ({ className: o, ...a }, t) => /* @__PURE__ */ n(
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { c as r } from "./utils-Opg_zrKx.js";
+const d = n(
+  ({ className: o, ...a }, t) => /* @__PURE__ */ m(
     "div",
     {
       "data-slot": "modal-content-main",
-      className: e("flex-1 px-20 overflow-auto", o),
+      className: r("mds:flex-1 mds:px-20 mds:overflow-auto", o),
       ref: t,
       ...a
     }
   )
 );
-m.displayName = "ModalContentMain";
+d.displayName = "ModalContentMain";
 export {
-  m as ModalContentMain
+  d as ModalContentMain
 };

package/dist/mainstack-design-system532.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("./index-HSoR75mY.cjs"),o=require("./utils-FBJ8OQ9f.cjs"),s=require("react"),e=s.forwardRef(({className:a,...t},r)=>l.jsx(n.DialogOverlay,{"data-slot":"modal-overlay",className:o.cn("data-[state=open]:animate-content-fade-in data-[state=closed]:animate-content-fade-out fixed blur-sm inset-0 z-50 bg-surface-neutral-invert-l3/20",a),ref:r,...t}));e.displayName="ModalOverlay";exports.ModalOverlay=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("./index-HSoR75mY.cjs"),l=require("./utils-KlkRDGof.cjs"),n=require("react"),e=n.forwardRef(({className:a,...t},s)=>r.jsx(d.DialogOverlay,{"data-slot":"modal-overlay",className:l.cn("mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:fixed mds:blur-sm inset-0 mds:z-50 mds:bg-surface-neutral-invert-l3/20",a),ref:s,...t}));e.displayName="ModalOverlay";exports.ModalOverlay=e;

package/dist/mainstack-design-system532.js

@@ -1,15 +1,15 @@
 'use client';
 import { jsx as o } from "react/jsx-runtime";
 import { d as r } from "./index-DDHQjaCF.js";
-import { c as l } from "./utils-DnnzGb1L.js";
-import { forwardRef as m } from "react";
-const n = m(
+import { c as m } from "./utils-Opg_zrKx.js";
+import { forwardRef as s } from "react";
+const d = s(
   ({ className: a, ...t }, e) => /* @__PURE__ */ o(
     r,
     {
       "data-slot": "modal-overlay",
-      className: l(
-        "data-[state=open]:animate-content-fade-in data-[state=closed]:animate-content-fade-out fixed blur-sm inset-0 z-50 bg-surface-neutral-invert-l3/20",
+      className: m(
+        "mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:fixed mds:blur-sm inset-0 mds:z-50 mds:bg-surface-neutral-invert-l3/20",
         a
       ),
       ref: e,
@@ -17,7 +17,7 @@ const n = m(
     }
   )
 );
-n.displayName = "ModalOverlay";
+d.displayName = "ModalOverlay";
 export {
-  n as ModalOverlay
+  d as ModalOverlay
 };

package/dist/mainstack-design-system536.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),o=require("./utils-FBJ8OQ9f.cjs"),e=a.forwardRef(({className:l,...s})=>t.jsx("div",{className:o.cn("hidden flex-1 md:flex ",l),"data-slot":"responsive-modal-drawer-visual-slot",...s}));e.displayName="ModalVisualSlot";exports.ModalVisualSlot=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),o=require("./utils-KlkRDGof.cjs"),e=a.forwardRef(({className:s,...l})=>t.jsx("div",{className:o.cn("mds:hidden mds:flex-1 mds:md:flex ",s),"data-slot":"responsive-modal-drawer-visual-slot",...l}));e.displayName="ModalVisualSlot";exports.ModalVisualSlot=e;

package/dist/mainstack-design-system536.js

@@ -1,17 +1,17 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
-import { c as s } from "./utils-DnnzGb1L.js";
-const d = r(
-  ({ className: o, ...a }) => /* @__PURE__ */ l(
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { c as l } from "./utils-Opg_zrKx.js";
+const r = d(
+  ({ className: o, ...s }) => /* @__PURE__ */ a(
     "div",
     {
-      className: s("hidden flex-1 md:flex ", o),
+      className: l("mds:hidden mds:flex-1 mds:md:flex ", o),
       "data-slot": "responsive-modal-drawer-visual-slot",
-      ...a
+      ...s
     }
   )
 );
-d.displayName = "ModalVisualSlot";
+r.displayName = "ModalVisualSlot";
 export {
-  d as ModalVisualSlot
+  r as ModalVisualSlot
 };

package/dist/mainstack-design-system539.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react");require("./mainstack-design-system567.cjs");const s=require("./mainstack-design-system460.cjs");require("./mainstack-design-system461.cjs");require("./mainstack-design-system462.cjs");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 d=require("./mainstack-design-system583.cjs"),p=require("./mainstack-design-system602.cjs"),t=l.forwardRef(({placeholder:r="Select Country",...n},o)=>{const{selectedOption:c,options:i}=d.useSelectContext(),u=i.map.get(c);return e.jsx(s.SelectInputField,{ref:o,placeholder:r,...n,children:e.jsx("div",{className:"flex items-center justify-center",children:p.getCountryFlagComp(u?.data?.iso2Code)})})});t.displayName="CountrySelectInputField";exports.CountrySelectInputField=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react");require("./mainstack-design-system567.cjs");const l=require("./mainstack-design-system460.cjs");require("./mainstack-design-system461.cjs");require("./mainstack-design-system462.cjs");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 d=require("./mainstack-design-system583.cjs"),m=require("./mainstack-design-system602.cjs"),t=s.forwardRef(({placeholder:r="Select Country",...n},o)=>{const{selectedOption:c,options:i}=d.useSelectContext(),u=i.map.get(c);return e.jsx(l.SelectInputField,{ref:o,placeholder:r,...n,children:e.jsx("div",{className:"mds:flex mds:items-center mds:justify-center",children:m.getCountryFlagComp(u?.data?.iso2Code)})})});t.displayName="CountrySelectInputField";exports.CountrySelectInputField=t;

package/dist/mainstack-design-system539.js

@@ -2,7 +2,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
 import "./mainstack-design-system567.js";
-import { SelectInputField as c } from "./mainstack-design-system460.js";
+import { SelectInputField as s } from "./mainstack-design-system460.js";
 import "./mainstack-design-system461.js";
 import "./mainstack-design-system462.js";
 import "./mainstack-design-system463.js";
@@ -10,14 +10,14 @@ import "./mainstack-design-system464.js";
 import "./mainstack-design-system465.js";
 import "./mainstack-design-system458.js";
 import "./mainstack-design-system459.js";
-import { useSelectContext as l } from "./mainstack-design-system583.js";
-import { getCountryFlagComp as s } from "./mainstack-design-system602.js";
+import { useSelectContext as c } from "./mainstack-design-system583.js";
+import { getCountryFlagComp as l } from "./mainstack-design-system602.js";
 const d = n(
   ({ placeholder: e = "Select Country", ...o }, r) => {
-    const { selectedOption: i, options: m } = l(), p = m.map.get(
+    const { selectedOption: i, options: m } = c(), p = m.map.get(
       i
     );
-    return /* @__PURE__ */ t(c, { ref: r, placeholder: e, ...o, children: /* @__PURE__ */ t("div", { className: "flex items-center justify-center", children: s(p?.data?.iso2Code) }) });
+    return /* @__PURE__ */ t(s, { ref: r, placeholder: e, ...o, children: /* @__PURE__ */ t("div", { className: "mds:flex mds:items-center mds:justify-center", children: l(p?.data?.iso2Code) }) });
   }
 );
 d.displayName = "CountrySelectInputField";

package/dist/mainstack-design-system541.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system567.cjs");require("./mainstack-design-system460.cjs");require("./mainstack-design-system461.cjs");const l=require("./mainstack-design-system462.cjs"),o=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 u=require("./mainstack-design-system602.cjs"),a=require("./utils-FBJ8OQ9f.cjs"),r=c.forwardRef((i,s)=>e.jsx(l.SelectOptions,{ref:s,...i,children:({options:n})=>n.map(t=>e.jsx(o.SelectOptionItem,{value:t.value,children:e.jsxs("div",{className:"flex items-center gap-8",children:[e.jsx("div",{className:"flex items-center justify-center",children:u.getCountryFlagComp(t.data?.iso2Code)}),e.jsx("p",{className:a.cn("body-extrasmall-medium","text-primary"),children:t.label})]})},t.value))}));r.displayName="CountrySelectOptionsList";exports.CountrySelectOptionsList=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system567.cjs");require("./mainstack-design-system460.cjs");require("./mainstack-design-system461.cjs");const l=require("./mainstack-design-system462.cjs"),o=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 u=require("./mainstack-design-system602.cjs"),m=require("./utils-KlkRDGof.cjs"),r=c.forwardRef((s,i)=>e.jsx(l.SelectOptions,{ref:i,...s,children:({options:n})=>n.map(t=>e.jsx(o.SelectOptionItem,{value:t.value,children:e.jsxs("div",{className:"mds:flex mds:items-center mds:gap-8",children:[e.jsx("div",{className:"mds:flex mds:items-center mds:justify-center",children:u.getCountryFlagComp(t.data?.iso2Code)}),e.jsx("p",{className:m.cn("body-extrasmall-medium","mds:text-primary"),children:t.label})]})},t.value))}));r.displayName="CountrySelectOptionsList";exports.CountrySelectOptionsList=r;

package/dist/mainstack-design-system541.js

@@ -1,26 +1,26 @@
 'use client';
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
+import { jsx as m, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
 import "./mainstack-design-system567.js";
 import "./mainstack-design-system460.js";
 import "./mainstack-design-system461.js";
-import { SelectOptions as a } from "./mainstack-design-system462.js";
-import { SelectOptionItem as s } from "./mainstack-design-system463.js";
+import { SelectOptions as l } from "./mainstack-design-system462.js";
+import { SelectOptionItem as a } 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 { getCountryFlagComp as p } from "./mainstack-design-system602.js";
-import { c } from "./utils-DnnzGb1L.js";
-const n = l(
-  (t, m) => /* @__PURE__ */ r(a, { ref: m, ...t, children: ({ options: i }) => i.map((e) => /* @__PURE__ */ r(s, { value: e.value, children: /* @__PURE__ */ o("div", { className: "flex items-center gap-8", children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center justify-center", children: p(
+import { c as d } from "./utils-Opg_zrKx.js";
+const c = o(
+  (r, t) => /* @__PURE__ */ m(l, { ref: t, ...r, children: ({ options: i }) => i.map((e) => /* @__PURE__ */ m(a, { value: e.value, children: /* @__PURE__ */ s("div", { className: "mds:flex mds:items-center mds:gap-8", children: [
+    /* @__PURE__ */ m("div", { className: "mds:flex mds:items-center mds:justify-center", children: p(
       e.data?.iso2Code
     ) }),
-    /* @__PURE__ */ r("p", { className: c("body-extrasmall-medium", "text-primary"), children: e.label })
+    /* @__PURE__ */ m("p", { className: d("body-extrasmall-medium", "mds:text-primary"), children: e.label })
   ] }) }, e.value)) })
 );
-n.displayName = "CountrySelectOptionsList";
+c.displayName = "CountrySelectOptionsList";
 export {
-  n as CountrySelectOptionsList
+  c as CountrySelectOptionsList
 };

package/dist/mainstack-design-system542.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),v=require("./utils-FBJ8OQ9f.cjs"),l=require("react"),R=require("./mainstack-design-system595.cjs"),c=({className:i,...u})=>{const s=l.useRef(null),[a,r]=l.useState(!1),[f,m]=l.useState(!1);return l.useEffect(()=>{const t=s.current;if(!t)return;let e;const o=()=>{r(!0),e&&clearTimeout(e),e=setTimeout(()=>r(!1),150);const{scrollTop:T,scrollHeight:b,clientHeight:d}=t;m(T+d>=b-1)};return t.addEventListener("scroll",o),o(),()=>{t.removeEventListener("scroll",o),e&&clearTimeout(e)}},[]),n.jsx(R.TableContext.Provider,{value:{isScrolling:a,atBottom:f},children:n.jsx("div",{ref:s,className:v.cn("w-full mx-auto ",i),...u})})};c.displayName="TableRoot";exports.TableRoot=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),v=require("./utils-KlkRDGof.cjs"),l=require("react"),R=require("./mainstack-design-system595.cjs"),c=({className:i,...u})=>{const s=l.useRef(null),[a,r]=l.useState(!1),[m,f]=l.useState(!1);return l.useEffect(()=>{const t=s.current;if(!t)return;let e;const o=()=>{r(!0),e&&clearTimeout(e),e=setTimeout(()=>r(!1),150);const{scrollTop:d,scrollHeight:T,clientHeight:b}=t;f(d+b>=T-1)};return t.addEventListener("scroll",o),o(),()=>{t.removeEventListener("scroll",o),e&&clearTimeout(e)}},[]),n.jsx(R.TableContext.Provider,{value:{isScrolling:a,atBottom:m},children:n.jsx("div",{ref:s,className:v.cn("mds:w-full mds:mx-auto ",i),...u})})};c.displayName="TableRoot";exports.TableRoot=c;

package/dist/mainstack-design-system542.js

@@ -1,9 +1,9 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as T } from "./utils-DnnzGb1L.js";
+import { c as T } from "./utils-Opg_zrKx.js";
 import { useRef as v, useState as c, useEffect as g } from "react";
 import { TableContext as h } from "./mainstack-design-system595.js";
 const x = ({ className: i, ...n }) => {
-  const l = v(null), [a, r] = c(!1), [m, f] = c(!1);
+  const l = v(null), [m, r] = c(!1), [a, f] = c(!1);
   return g(() => {
     const t = l.current;
     if (!t) return;
@@ -16,11 +16,11 @@ const x = ({ className: i, ...n }) => {
     return t.addEventListener("scroll", o), o(), () => {
       t.removeEventListener("scroll", o), e && clearTimeout(e);
     };
-  }, []), /* @__PURE__ */ s(h.Provider, { value: { isScrolling: a, atBottom: m }, children: /* @__PURE__ */ s(
+  }, []), /* @__PURE__ */ s(h.Provider, { value: { isScrolling: m, atBottom: a }, children: /* @__PURE__ */ s(
     "div",
     {
       ref: l,
-      className: T("w-full mx-auto ", i),
+      className: T("mds:w-full mds:mx-auto ", i),
       ...n
     }
   ) });

package/dist/mainstack-design-system543.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("./utils-FBJ8OQ9f.cjs"),t=({className:r,...a})=>e.jsx("div",{"data-slot":"table-container",className:l.cn("overflow-auto md:border md:border-border-interactive-neutral rounded-20 sm:justify-center",r),children:e.jsx("table",{"data-slot":"table",className:"text-left w-full",...a})});t.displayName="Table";exports.Table=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./utils-KlkRDGof.cjs"),t=({className:s,...r})=>e.jsx("div",{"data-slot":"table-container",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",...r})});t.displayName="Table";exports.Table=t;

package/dist/mainstack-design-system543.js

@@ -1,17 +1,24 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as r } from "./utils-DnnzGb1L.js";
-const l = ({ className: t, ...a }) => /* @__PURE__ */ e(
+import { c as r } from "./utils-Opg_zrKx.js";
+const d = ({ className: t, ...a }) => /* @__PURE__ */ e(
   "div",
   {
     "data-slot": "table-container",
     className: r(
-      "overflow-auto md:border md:border-border-interactive-neutral rounded-20 sm:justify-center",
+      "mds:overflow-auto mds:md:border mds:md:border-border-interactive-neutral mds:rounded-20 mds:sm:justify-center",
       t
     ),
-    children: /* @__PURE__ */ e("table", { "data-slot": "table", className: "text-left w-full", ...a })
+    children: /* @__PURE__ */ e(
+      "table",
+      {
+        "data-slot": "table",
+        className: "mds:text-left mds:w-full",
+        ...a
+      }
+    )
   }
 );
-l.displayName = "Table";
+d.displayName = "Table";
 export {
-  l as Table
+  d as Table
 };

package/dist/mainstack-design-system544.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("./utils-FBJ8OQ9f.cjs"),e=({className:t,...a})=>l.jsx("tbody",{"data-slot":"table-body",className:o.cn("bg-surface-neutral-l1",t),...a});e.displayName="TableBody";exports.TableBody=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("./utils-KlkRDGof.cjs"),e=({className:t,...a})=>l.jsx("tbody",{"data-slot":"table-body",className:s.cn("mds:bg-surface-neutral-l1",t),...a});e.displayName="TableBody";exports.TableBody=e;

package/dist/mainstack-design-system544.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as e } from "./utils-DnnzGb1L.js";
+import { c as e } from "./utils-Opg_zrKx.js";
 const r = ({ className: a, ...o }) => /* @__PURE__ */ t(
   "tbody",
   {
     "data-slot": "table-body",
-    className: e("bg-surface-neutral-l1", a),
+    className: e("mds:bg-surface-neutral-l1", a),
     ...o
   }
 );

package/dist/mainstack-design-system545.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("./utils-FBJ8OQ9f.cjs"),l=({isSticky:e,className:t,...a})=>r.jsx("td",{role:"cell","data-slot":"table-cell","data-sticky-cell":e,className:s.cn("p-12 body-extrasmall-regular",e?"md:sticky md:left-0 md:bg-surface-neutral-l1 md:z-10":"",t),...a});l.displayName="TableCell";exports.TableCell=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("./utils-KlkRDGof.cjs"),l=({isSticky:e,className:t,...s})=>a.jsx("td",{role:"cell","data-slot":"table-cell","data-sticky-cell":e,className:d.cn("mds:p-12 body-extrasmall-regular",e?"mds:md:sticky mds:md:left-0 mds:md:bg-surface-neutral-l1 mds:md:z-10":"",t),...s});l.displayName="TableCell";exports.TableCell=l;

package/dist/mainstack-design-system545.js

@@ -1,24 +1,24 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as r } from "./utils-DnnzGb1L.js";
-const m = ({
+import { jsx as m } from "react/jsx-runtime";
+import { c as s } from "./utils-Opg_zrKx.js";
+const d = ({
   isSticky: l,
   className: e,
   ...a
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ m(
   "td",
   {
     role: "cell",
     "data-slot": "table-cell",
     "data-sticky-cell": l,
-    className: r(
-      "p-12 body-extrasmall-regular",
-      l ? "md:sticky md:left-0 md:bg-surface-neutral-l1 md:z-10" : "",
+    className: s(
+      "mds:p-12 body-extrasmall-regular",
+      l ? "mds:md:sticky mds:md:left-0 mds:md:bg-surface-neutral-l1 mds:md:z-10" : "",
       e
     ),
     ...a
   }
 );
-m.displayName = "TableCell";
+d.displayName = "TableCell";
 export {
-  m as TableCell
+  d as TableCell
 };

package/dist/mainstack-design-system546.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),s=require("./index-CpE6WAgy.cjs"),u=require("./utils-FBJ8OQ9f.cjs");function b(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(l,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return l.default=e,Object.freeze(l)}const d=b(i),n=d.forwardRef(({className:e,children:l,asChild:t=!1,...a},r)=>{const c=t?s.Slot:"div";return o.jsx(c,{ref:r,"data-slot":"table-cell-label",className:u.cn("inline-flex w-122 md:hidden items-center whitespace-nowrap",e),...a,children:l})});n.displayName="TableCellLabel";exports.TableCellLabel=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),o=require("react"),i=require("./index-CpE6WAgy.cjs"),d=require("./utils-KlkRDGof.cjs");function u(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(l,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return l.default=e,Object.freeze(l)}const b=u(o),n=b.forwardRef(({className:e,children:l,asChild:t=!1,...a},r)=>{const s=t?i.Slot:"div";return c.jsx(s,{ref:r,"data-slot":"table-cell-label",className:d.cn("mds:inline-flex mds:w-122 mds:md:hidden mds:items-center mds:whitespace-nowrap",e),...a,children:l})});n.displayName="TableCellLabel";exports.TableCellLabel=n;

package/dist/mainstack-design-system546.js

@@ -1,21 +1,21 @@
-import { jsx as r } from "react/jsx-runtime";
-import * as m from "react";
-import { S as s } from "./index-BtQfgaSF.js";
-import { c as i } from "./utils-DnnzGb1L.js";
-const p = m.forwardRef(({ className: e, children: a, asChild: l = !1, ...o }, t) => /* @__PURE__ */ r(
-  l ? s : "div",
+import { jsx as o } from "react/jsx-runtime";
+import * as t from "react";
+import { S as r } from "./index-BtQfgaSF.js";
+import { c as d } from "./utils-Opg_zrKx.js";
+const i = t.forwardRef(({ className: e, children: a, asChild: l = !1, ...m }, s) => /* @__PURE__ */ o(
+  l ? r : "div",
   {
-    ref: t,
+    ref: s,
     "data-slot": "table-cell-label",
-    className: i(
-      "inline-flex w-122 md:hidden items-center whitespace-nowrap",
+    className: d(
+      "mds:inline-flex mds:w-122 mds:md:hidden mds:items-center mds:whitespace-nowrap",
       e
     ),
-    ...o,
+    ...m,
     children: a
   }
 ));
-p.displayName = "TableCellLabel";
+i.displayName = "TableCellLabel";
 export {
-  p as TableCellLabel
+  i as TableCellLabel
 };

package/dist/mainstack-design-system547.cjs

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

package/dist/mainstack-design-system547.js

@@ -1,17 +1,17 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as n from "react";
-import { S as s } from "./index-BtQfgaSF.js";
-import { c as m } from "./utils-DnnzGb1L.js";
-const i = n.forwardRef(({ className: e, asChild: t = !1, children: o, ...l }, r) => /* @__PURE__ */ a(
-  t ? s : "div",
+import { jsx as l } from "react/jsx-runtime";
+import * as r from "react";
+import { S as a } from "./index-BtQfgaSF.js";
+import { c as n } from "./utils-Opg_zrKx.js";
+const i = r.forwardRef(({ className: e, asChild: t = !1, children: o, ...s }, m) => /* @__PURE__ */ l(
+  t ? a : "div",
   {
-    ref: r,
+    ref: m,
     "data-slot": "table-cell-content",
-    className: m(
-      "inline-flex items-center justify-center shrink-0",
+    className: n(
+      "mds:inline-flex mds:items-center mds:justify-center mds:shrink-0",
       e
     ),
-    ...l,
+    ...s,
     children: o
   }
 ));

package/dist/mainstack-design-system548.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("./utils-FBJ8OQ9f.cjs"),e=({isSticky:t,className:a,...l})=>s.jsx("th",{role:"columnheader","data-slot":"table-head",className:r.cn(t?"sticky left-0 bg-surface-neutral-l3 z-10":"","text-secondary px-12 py-16 text-left align-middle body-small-medium whitespace-nowrap",a),...l});e.displayName="TableHead";exports.TableHead=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),l=require("./utils-KlkRDGof.cjs"),e=({isSticky:s,className:t,...a})=>d.jsx("th",{role:"columnheader","data-slot":"table-head",className:l.cn(s?"mds:sticky mds:left-0 mds:bg-surface-neutral-l3 mds:z-10":"","mds:text-secondary mds:px-12 mds:py-16 mds:text-left mds:align-middle body-small-medium mds:whitespace-nowrap",t),...a});e.displayName="TableHead";exports.TableHead=e;

package/dist/mainstack-design-system548.js

@@ -1,23 +1,23 @@
-import { jsx as l } from "react/jsx-runtime";
-import { c as r } from "./utils-DnnzGb1L.js";
-const o = ({
+import { jsx as d } from "react/jsx-runtime";
+import { c as m } from "./utils-Opg_zrKx.js";
+const t = ({
   isSticky: e,
-  className: a,
-  ...t
-}) => /* @__PURE__ */ l(
+  className: s,
+  ...a
+}) => /* @__PURE__ */ d(
   "th",
   {
     role: "columnheader",
     "data-slot": "table-head",
-    className: r(
-      e ? "sticky left-0 bg-surface-neutral-l3 z-10" : "",
-      "text-secondary px-12 py-16 text-left align-middle body-small-medium whitespace-nowrap",
-      a
+    className: m(
+      e ? "mds:sticky mds:left-0 mds:bg-surface-neutral-l3 mds:z-10" : "",
+      "mds:text-secondary mds:px-12 mds:py-16 mds:text-left mds:align-middle body-small-medium mds:whitespace-nowrap",
+      s
     ),
-    ...t
+    ...a
   }
 );
-o.displayName = "TableHead";
+t.displayName = "TableHead";
 export {
-  o as TableHead
+  t as TableHead
 };

package/dist/mainstack-design-system549.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("./utils-FBJ8OQ9f.cjs"),e=({className:a,...t})=>r.jsx("thead",{"data-slot":"table-header",className:l.cn("bg-white hidden md:table-header-group sticky top-0 z-20 bg-surface-neutral-l3",a),...t});e.displayName="TableHeader";exports.TableHeader=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("./utils-KlkRDGof.cjs"),e=({className:a,...s})=>t.jsx("thead",{"data-slot":"table-header",className:d.cn("mds:bg-white mds:hidden mds:md:table-header-group mds:sticky mds:top-0 mds:z-20 mds:bg-surface-neutral-l3",a),...s});e.displayName="TableHeader";exports.TableHeader=e;

package/dist/mainstack-design-system549.js

@@ -1,17 +1,17 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as t } from "./utils-DnnzGb1L.js";
-const d = ({ className: e, ...a }) => /* @__PURE__ */ r(
+import { jsx as d } from "react/jsx-runtime";
+import { c as s } from "./utils-Opg_zrKx.js";
+const m = ({ className: e, ...a }) => /* @__PURE__ */ d(
   "thead",
   {
     "data-slot": "table-header",
-    className: t(
-      "bg-white hidden md:table-header-group sticky top-0 z-20 bg-surface-neutral-l3",
+    className: s(
+      "mds:bg-white mds:hidden mds:md:table-header-group mds:sticky mds:top-0 mds:z-20 mds:bg-surface-neutral-l3",
       e
     ),
     ...a
   }
 );
-d.displayName = "TableHeader";
+m.displayName = "TableHeader";
 export {
-  d as TableHeader
+  m as TableHeader
 };

package/dist/mainstack-design-system550.cjs

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

package/dist/mainstack-design-system550.js

@@ -1,17 +1,17 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c as o } from "./utils-DnnzGb1L.js";
-const t = ({ className: r, ...e }) => /* @__PURE__ */ d(
+import { jsx as r } from "react/jsx-runtime";
+import { c as e } from "./utils-Opg_zrKx.js";
+const s = ({ className: d, ...m }) => /* @__PURE__ */ r(
   "tr",
   {
     "data-slot": "table-row",
-    className: o(
-      "flex flex-col sm:table-row px-16 md:px-0 border-y border-x-1 md:border-x-0  border-border-interactive-neutral rounded-20 md:rounded-0 mb-16 md:mb-0 divide-y divide-border-interactive-neutral",
-      r
+    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",
+      d
     ),
-    ...e
+    ...m
   }
 );
-t.displayName = "TableRow";
+s.displayName = "TableRow";
 export {
-  t as TableRow
+  s as TableRow
 };

package/dist/mainstack-design-system551.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("./utils-FBJ8OQ9f.cjs"),u=require("./mainstack-design-system552.cjs"),P=require("./mainstack-design-system554.cjs"),b=require("./mainstack-design-system553.cjs"),m=require("./mainstack-design-system555.cjs"),x=require("./mainstack-design-system556.cjs"),p=require("./mainstack-design-system595.cjs"),a=({totalResults:n=3,limit:t,page:o,setPage:i,setLimit:r,className:s})=>{const l=Math.ceil(n/t),{isScrolling:c,atBottom:g}=p.useTableScroll();return e.jsxs("div",{"data-slot":"table-pagination",className:d.cn("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 ",c?"rounded-t-20 shadow-lg ":"rounded-20 ",g?"rounded-b-20 border":"rounded-b-none",s),children:[e.jsxs("div",{className:"text-primary body-extrasmall-regular flex-1 hidden md:flex gap-2",children:[e.jsx("p",{className:"body-extrasmall-semibold",children:n})," results"]}),e.jsxs(u.PaginationRoot,{page:o,totalPages:l,onPageChange:i,limit:t,onLimitChange:r,className:"flex items-center w-full gap-12 justify-end",children:[e.jsx(x.PaginationPageSize,{}),e.jsx(b.PaginationPrev,{}),e.jsx(m.PaginationPageButton,{}),e.jsx(P.PaginationNext,{})]})]})};a.displayName="TablePagination";exports.TablePagination=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("./utils-KlkRDGof.cjs"),g=require("./mainstack-design-system552.cjs"),u=require("./mainstack-design-system554.cjs"),P=require("./mainstack-design-system553.cjs"),b=require("./mainstack-design-system555.cjs"),x=require("./mainstack-design-system556.cjs"),p=require("./mainstack-design-system595.cjs"),t=({totalResults:n=3,limit:s,page:a,setPage:o,setLimit:i,className:d})=>{const r=Math.ceil(n/s),{isScrolling:m,atBottom:l}=p.useTableScroll();return e.jsxs("div",{"data-slot":"table-pagination",className:c.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 ",m?"mds:rounded-t-20 mds:shadow-lg ":"mds:rounded-20 ",l?"mds:rounded-b-20 mds:border":"mds:rounded-b-none",d),children:[e.jsxs("div",{className:"mds:text-primary body-extrasmall-regular mds:flex-1 mds:hidden mds:md:flex mds:gap-2",children:[e.jsx("p",{className:"body-extrasmall-semibold",children:n})," results"]}),e.jsxs(g.PaginationRoot,{page:a,totalPages:r,onPageChange:o,limit:s,onLimitChange:i,className:"mds:flex mds:items-center mds:w-full mds:gap-12 mds:justify-end",children:[e.jsx(x.PaginationPageSize,{}),e.jsx(P.PaginationPrev,{}),e.jsx(b.PaginationPageButton,{}),e.jsx(u.PaginationNext,{})]})]})};t.displayName="TablePagination";exports.TablePagination=t;