mainstack-design-system 1.12.6 → 1.12.8

package/dist/mainstack-design-system541.js

@@ -1,18 +1,7 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import { c as r } from "./utils-DQg2eeoE.js";
-const m = l(
-  ({ className: o, ...s }, a) => /* @__PURE__ */ d(
-    "div",
-    {
-      ref: a,
-      className: r("mds:hidden mds:flex-1 mds:md:flex ", o),
-      "data-slot": "responsive-modal-drawer-visual-slot",
-      ...s
-    }
-  )
-);
-m.displayName = "ModalVisualSlot";
+'use client';
+import { jsx as r } from "react/jsx-runtime";
+import { g as t } from "./index-DDHQjaCF.js";
+const m = ({ ...o }) => /* @__PURE__ */ r(t, { "data-slot": "modal-portal", ...o });
 export {
-  m as ModalVisualSlot
+  m as ModalPortal
 };

package/dist/mainstack-design-system542.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),u=require("./mainstack-design-system543.cjs"),l=require("./mainstack-design-system544.cjs"),s=require("./mainstack-design-system545.cjs"),i=require("./mainstack-design-system546.cjs"),t=c.forwardRef(({id:o,...n},r)=>e.jsxs(u.CountrySelectRoot,{ref:r,...n,children:[e.jsx(l.CountrySelectInputField,{id:o}),e.jsx(s.CountrySelectPortal,{children:e.jsx(i.CountrySelectOptionsList,{})})]}));t.displayName="CountrySelect";exports.CountrySelect=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),d=require("./utils-BSwAMW3o.cjs"),e=o.forwardRef(({className:s,...l},t)=>a.jsx("div",{ref:t,className:d.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-system542.js

@@ -1,16 +1,18 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { CountrySelectRoot as n } from "./mainstack-design-system543.js";
-import { CountrySelectInputField as l } from "./mainstack-design-system544.js";
-import { CountrySelectPortal as p } from "./mainstack-design-system545.js";
-import { CountrySelectOptionsList as c } from "./mainstack-design-system546.js";
-const f = i(
-  ({ id: t, ...o }, e) => /* @__PURE__ */ m(n, { ref: e, ...o, children: [
-    /* @__PURE__ */ r(l, { id: t }),
-    /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(c, {}) })
-  ] })
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { c as r } from "./utils-DCbdjouM.js";
+const m = l(
+  ({ className: o, ...s }, a) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: a,
+      className: r("mds:hidden mds:flex-1 mds:md:flex ", o),
+      "data-slot": "responsive-modal-drawer-visual-slot",
+      ...s
+    }
+  )
 );
-f.displayName = "CountrySelect";
+m.displayName = "ModalVisualSlot";
 export {
-  f as CountrySelect
+  m as ModalVisualSlot
 };

package/dist/mainstack-design-system543.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("react"),i=require("./mainstack-design-system575.cjs"),l=require("./mainstack-design-system599.cjs"),o=({onValueChange:n,excludeLocales:t,includeLocales:e,...r})=>{const c=u.useMemo(()=>l.getCountrySelectOptionsArray({includeLocales:e,excludeLocales:t}),[e,t]);return s.jsx(i.SelectRoot,{...r,onValueChange:n,isMultiSelect:!1,options:c})};o.displayName="CountrySelectRoot";exports.CountrySelectRoot=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),u=require("./mainstack-design-system544.cjs"),l=require("./mainstack-design-system545.cjs"),s=require("./mainstack-design-system546.cjs"),i=require("./mainstack-design-system547.cjs"),t=c.forwardRef(({id:o,...n},r)=>e.jsxs(u.CountrySelectRoot,{ref:r,...n,children:[e.jsx(l.CountrySelectInputField,{id:o}),e.jsx(s.CountrySelectPortal,{children:e.jsx(i.CountrySelectOptionsList,{})})]}));t.displayName="CountrySelect";exports.CountrySelect=t;

package/dist/mainstack-design-system543.js

@@ -1,32 +1,16 @@
-'use client';
-import { jsx as i } from "react/jsx-runtime";
-import { useMemo as n } from "react";
-import { SelectRoot as p } from "./mainstack-design-system575.js";
-import { getCountrySelectOptionsArray as s } from "./mainstack-design-system599.js";
-const y = ({
-  onValueChange: r,
-  excludeLocales: t,
-  includeLocales: o,
-  ...e
-}) => {
-  const m = n(
-    () => s({
-      includeLocales: o,
-      excludeLocales: t
-    }),
-    [o, t]
-  );
-  return /* @__PURE__ */ i(
-    p,
-    {
-      ...e,
-      onValueChange: r,
-      isMultiSelect: !1,
-      options: m
-    }
-  );
-};
-y.displayName = "CountrySelectRoot";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { CountrySelectRoot as n } from "./mainstack-design-system544.js";
+import { CountrySelectInputField as l } from "./mainstack-design-system545.js";
+import { CountrySelectPortal as p } from "./mainstack-design-system546.js";
+import { CountrySelectOptionsList as c } from "./mainstack-design-system547.js";
+const f = i(
+  ({ id: t, ...o }, e) => /* @__PURE__ */ m(n, { ref: e, ...o, children: [
+    /* @__PURE__ */ r(l, { id: t }),
+    /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(c, {}) })
+  ] })
+);
+f.displayName = "CountrySelect";
 export {
-  y as CountrySelectRoot
+  f as CountrySelect
 };

package/dist/mainstack-design-system544.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react");require("./mainstack-design-system575.cjs");const l=require("./mainstack-design-system465.cjs");require("./mainstack-design-system466.cjs");require("./mainstack-design-system467.cjs");require("./mainstack-design-system468.cjs");require("./mainstack-design-system469.cjs");require("./mainstack-design-system470.cjs");require("./mainstack-design-system463.cjs");require("./mainstack-design-system464.cjs");const d=require("./mainstack-design-system588.cjs"),m=require("./mainstack-design-system606.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("react"),i=require("./mainstack-design-system576.cjs"),l=require("./mainstack-design-system599.cjs"),o=({onValueChange:n,excludeLocales:t,includeLocales:e,...r})=>{const c=u.useMemo(()=>l.getCountrySelectOptionsArray({includeLocales:e,excludeLocales:t}),[e,t]);return s.jsx(i.SelectRoot,{...r,onValueChange:n,isMultiSelect:!1,options:c})};o.displayName="CountrySelectRoot";exports.CountrySelectRoot=o;

package/dist/mainstack-design-system544.js

@@ -1,26 +1,32 @@
 'use client';
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import "./mainstack-design-system575.js";
-import { SelectInputField as s } from "./mainstack-design-system465.js";
-import "./mainstack-design-system466.js";
-import "./mainstack-design-system467.js";
-import "./mainstack-design-system468.js";
-import "./mainstack-design-system469.js";
-import "./mainstack-design-system470.js";
-import "./mainstack-design-system463.js";
-import "./mainstack-design-system464.js";
-import { useSelectContext as c } from "./mainstack-design-system588.js";
-import { getCountryFlagComp as l } from "./mainstack-design-system606.js";
-const d = n(
-  ({ placeholder: e = "Select Country", ...o }, r) => {
-    const { selectedOption: i, options: m } = c(), p = m.map.get(
-      i
-    );
-    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";
+import { jsx as i } from "react/jsx-runtime";
+import { useMemo as n } from "react";
+import { SelectRoot as p } from "./mainstack-design-system576.js";
+import { getCountrySelectOptionsArray as s } from "./mainstack-design-system599.js";
+const y = ({
+  onValueChange: r,
+  excludeLocales: t,
+  includeLocales: o,
+  ...e
+}) => {
+  const m = n(
+    () => s({
+      includeLocales: o,
+      excludeLocales: t
+    }),
+    [o, t]
+  );
+  return /* @__PURE__ */ i(
+    p,
+    {
+      ...e,
+      onValueChange: r,
+      isMultiSelect: !1,
+      options: m
+    }
+  );
+};
+y.displayName = "CountrySelectRoot";
 export {
-  d as CountrySelectInputField
+  y as CountrySelectRoot
 };

package/dist/mainstack-design-system545.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react");require("./mainstack-design-system575.cjs");require("./mainstack-design-system465.cjs");const i=require("./mainstack-design-system466.cjs");require("./mainstack-design-system467.cjs");require("./mainstack-design-system468.cjs");require("./mainstack-design-system469.cjs");require("./mainstack-design-system470.cjs");require("./mainstack-design-system463.cjs");require("./mainstack-design-system464.cjs");const e=u.forwardRef(({...r},t)=>o.jsx(i.SelectPortal,{ref:t,...r}));e.displayName="CountrySelectPortal";exports.CountrySelectPortal=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react");require("./mainstack-design-system576.cjs");const l=require("./mainstack-design-system466.cjs");require("./mainstack-design-system467.cjs");require("./mainstack-design-system468.cjs");require("./mainstack-design-system469.cjs");require("./mainstack-design-system470.cjs");require("./mainstack-design-system471.cjs");require("./mainstack-design-system464.cjs");require("./mainstack-design-system465.cjs");const d=require("./mainstack-design-system589.cjs"),m=require("./mainstack-design-system606.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-system545.js

@@ -1,19 +1,26 @@
 'use client';
 import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import "./mainstack-design-system575.js";
-import "./mainstack-design-system465.js";
-import { SelectPortal as p } from "./mainstack-design-system466.js";
+import { forwardRef as n } from "react";
+import "./mainstack-design-system576.js";
+import { SelectInputField as s } from "./mainstack-design-system466.js";
 import "./mainstack-design-system467.js";
 import "./mainstack-design-system468.js";
 import "./mainstack-design-system469.js";
 import "./mainstack-design-system470.js";
-import "./mainstack-design-system463.js";
+import "./mainstack-design-system471.js";
 import "./mainstack-design-system464.js";
-const i = m(
-  ({ ...r }, o) => /* @__PURE__ */ t(p, { ref: o, ...r })
+import "./mainstack-design-system465.js";
+import { useSelectContext as c } from "./mainstack-design-system589.js";
+import { getCountryFlagComp as l } from "./mainstack-design-system606.js";
+const d = n(
+  ({ placeholder: e = "Select Country", ...o }, r) => {
+    const { selectedOption: i, options: m } = c(), p = m.map.get(
+      i
+    );
+    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) }) });
+  }
 );
-i.displayName = "CountrySelectPortal";
+d.displayName = "CountrySelectInputField";
 export {
-  i as CountrySelectPortal
+  d as CountrySelectInputField
 };

package/dist/mainstack-design-system546.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-system575.cjs");require("./mainstack-design-system465.cjs");require("./mainstack-design-system466.cjs");const l=require("./mainstack-design-system467.cjs"),o=require("./mainstack-design-system468.cjs");require("./mainstack-design-system469.cjs");require("./mainstack-design-system470.cjs");require("./mainstack-design-system463.cjs");require("./mainstack-design-system464.cjs");const m=require("./mainstack-design-system606.cjs"),u=require("./utils-B5hIDwfq.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:m.getCountryFlagComp(t.data?.iso2Code)}),e.jsx("p",{className:u.cn("mds:body-extrasmall-medium","mds:text-primary"),children:t.label})]})},t.value))}));r.displayName="CountrySelectOptionsList";exports.CountrySelectOptionsList=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react");require("./mainstack-design-system576.cjs");require("./mainstack-design-system466.cjs");const i=require("./mainstack-design-system467.cjs");require("./mainstack-design-system468.cjs");require("./mainstack-design-system469.cjs");require("./mainstack-design-system470.cjs");require("./mainstack-design-system471.cjs");require("./mainstack-design-system464.cjs");require("./mainstack-design-system465.cjs");const e=u.forwardRef(({...r},t)=>o.jsx(i.SelectPortal,{ref:t,...r}));e.displayName="CountrySelectPortal";exports.CountrySelectPortal=e;

package/dist/mainstack-design-system546.js

@@ -1,35 +1,19 @@
 'use client';
-import { jsx as m, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-import "./mainstack-design-system575.js";
-import "./mainstack-design-system465.js";
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import "./mainstack-design-system576.js";
 import "./mainstack-design-system466.js";
-import { SelectOptions as l } from "./mainstack-design-system467.js";
-import { SelectOptionItem as a } from "./mainstack-design-system468.js";
+import { SelectPortal as p } from "./mainstack-design-system467.js";
+import "./mainstack-design-system468.js";
 import "./mainstack-design-system469.js";
 import "./mainstack-design-system470.js";
-import "./mainstack-design-system463.js";
+import "./mainstack-design-system471.js";
 import "./mainstack-design-system464.js";
-import { getCountryFlagComp as d } from "./mainstack-design-system606.js";
-import { c as p } from "./utils-DQg2eeoE.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: d(
-      e.data?.iso2Code
-    ) }),
-    /* @__PURE__ */ m(
-      "p",
-      {
-        className: p(
-          "mds:body-extrasmall-medium",
-          "mds:text-primary"
-        ),
-        children: e.label
-      }
-    )
-  ] }) }, e.value)) })
+import "./mainstack-design-system465.js";
+const i = m(
+  ({ ...r }, o) => /* @__PURE__ */ t(p, { ref: o, ...r })
 );
-c.displayName = "CountrySelectOptionsList";
+i.displayName = "CountrySelectPortal";
 export {
-  c as CountrySelectOptionsList
+  i as CountrySelectPortal
 };

package/dist/mainstack-design-system547.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),w=require("./utils-B5hIDwfq.cjs"),e=require("react"),E=require("./mainstack-design-system600.cjs"),a=({className:c,...u})=>{const[t,l]=e.useState(null),[d,r]=e.useState(!1),[m,f]=e.useState(!1),[v,S]=e.useState(!0),[T,b]=e.useState(!1);return e.useEffect(()=>{if(!t)return;let s;const o=()=>{r(!0),s&&clearTimeout(s),s=setTimeout(()=>r(!1),150);const{scrollTop:g,scrollHeight:h,clientHeight:L,scrollLeft:n,scrollWidth:R,clientWidth:x}=t;f(g+L>=h-1),S(n<=2),b(n+x>=R-2)};return t.addEventListener("scroll",o),window.addEventListener("resize",o),o(),()=>{t.removeEventListener("scroll",o),window.removeEventListener("resize",o),s&&clearTimeout(s)}},[t]),i.jsx(E.TableContext.Provider,{value:{isScrolling:d,atBottom:m,atLeft:v,atRight:T,setScrollContainer:l},children:i.jsx("div",{ref:l,className:w.cn("mds:w-full mds:mx-auto mds:relative",c),...u})})};a.displayName="TableRoot";exports.TableRoot=a;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system576.cjs");require("./mainstack-design-system466.cjs");require("./mainstack-design-system467.cjs");const l=require("./mainstack-design-system468.cjs"),o=require("./mainstack-design-system469.cjs");require("./mainstack-design-system470.cjs");require("./mainstack-design-system471.cjs");require("./mainstack-design-system464.cjs");require("./mainstack-design-system465.cjs");const m=require("./mainstack-design-system606.cjs"),u=require("./utils-BSwAMW3o.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:m.getCountryFlagComp(t.data?.iso2Code)}),e.jsx("p",{className:u.cn("mds:body-extrasmall-medium","mds:text-primary"),children:t.label})]})},t.value))}));r.displayName="CountrySelectOptionsList";exports.CountrySelectOptionsList=r;

package/dist/mainstack-design-system547.js

@@ -1,45 +1,35 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as S } from "./utils-DQg2eeoE.js";
-import { useState as r, useEffect as x } from "react";
-import { TableContext as R } from "./mainstack-design-system600.js";
-const b = ({ className: c, ...a }) => {
-  const [t, l] = r(
-    null
-  ), [m, s] = r(!1), [f, d] = r(!1), [u, v] = r(!0), [h, p] = r(!1);
-  return x(() => {
-    if (!t) return;
-    let e;
-    const o = () => {
-      s(!0), e && clearTimeout(e), e = setTimeout(() => s(!1), 150);
-      const {
-        scrollTop: L,
-        scrollHeight: T,
-        clientHeight: g,
-        scrollLeft: i,
-        scrollWidth: w,
-        clientWidth: E
-      } = t;
-      d(L + g >= T - 1), v(i <= 2), p(i + E >= w - 2);
-    };
-    return t.addEventListener("scroll", o), window.addEventListener("resize", o), o(), () => {
-      t.removeEventListener("scroll", o), window.removeEventListener("resize", o), e && clearTimeout(e);
-    };
-  }, [t]), /* @__PURE__ */ n(
-    R.Provider,
-    {
-      value: { isScrolling: m, atBottom: f, atLeft: u, atRight: h, setScrollContainer: l },
-      children: /* @__PURE__ */ n(
-        "div",
-        {
-          ref: l,
-          className: S("mds:w-full mds:mx-auto mds:relative", c),
-          ...a
-        }
-      )
-    }
-  );
-};
-b.displayName = "TableRoot";
+'use client';
+import { jsx as m, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import "./mainstack-design-system576.js";
+import "./mainstack-design-system466.js";
+import "./mainstack-design-system467.js";
+import { SelectOptions as l } from "./mainstack-design-system468.js";
+import { SelectOptionItem as a } from "./mainstack-design-system469.js";
+import "./mainstack-design-system470.js";
+import "./mainstack-design-system471.js";
+import "./mainstack-design-system464.js";
+import "./mainstack-design-system465.js";
+import { getCountryFlagComp as d } from "./mainstack-design-system606.js";
+import { c as p } from "./utils-DCbdjouM.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: d(
+      e.data?.iso2Code
+    ) }),
+    /* @__PURE__ */ m(
+      "p",
+      {
+        className: p(
+          "mds:body-extrasmall-medium",
+          "mds:text-primary"
+        ),
+        children: e.label
+      }
+    )
+  ] }) }, e.value)) })
+);
+c.displayName = "CountrySelectOptionsList";
 export {
-  b as TableRoot
+  c as CountrySelectOptionsList
 };

package/dist/mainstack-design-system548.cjs

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

package/dist/mainstack-design-system548.js

@@ -1,29 +1,45 @@
-import { jsx as e } from "react/jsx-runtime";
-import { c as o } from "./utils-DQg2eeoE.js";
-import { useTableScroll as s } from "./mainstack-design-system600.js";
-const l = ({ className: r, ...t }) => {
-  const { setScrollContainer: a } = s();
-  return /* @__PURE__ */ e(
-    "div",
+import { jsx as n } from "react/jsx-runtime";
+import { c as S } from "./utils-DCbdjouM.js";
+import { useState as r, useEffect as x } from "react";
+import { TableContext as R } from "./mainstack-design-system600.js";
+const b = ({ className: c, ...a }) => {
+  const [t, l] = r(
+    null
+  ), [m, s] = r(!1), [f, d] = r(!1), [u, v] = r(!0), [h, p] = r(!1);
+  return x(() => {
+    if (!t) return;
+    let e;
+    const o = () => {
+      s(!0), e && clearTimeout(e), e = setTimeout(() => s(!1), 150);
+      const {
+        scrollTop: L,
+        scrollHeight: T,
+        clientHeight: g,
+        scrollLeft: i,
+        scrollWidth: w,
+        clientWidth: E
+      } = t;
+      d(L + g >= T - 1), v(i <= 2), p(i + E >= w - 2);
+    };
+    return t.addEventListener("scroll", o), window.addEventListener("resize", o), o(), () => {
+      t.removeEventListener("scroll", o), window.removeEventListener("resize", o), e && clearTimeout(e);
+    };
+  }, [t]), /* @__PURE__ */ n(
+    R.Provider,
     {
-      "data-slot": "table-container",
-      ref: a,
-      className: o(
-        "mds:overflow-auto mds:md:border mds:md:border-border-interactive-neutral mds:rounded-20 mds:sm:justify-center",
-        r
-      ),
-      children: /* @__PURE__ */ e(
-        "table",
+      value: { isScrolling: m, atBottom: f, atLeft: u, atRight: h, setScrollContainer: l },
+      children: /* @__PURE__ */ n(
+        "div",
         {
-          "data-slot": "table",
-          className: "mds:text-left mds:w-full",
-          ...t
+          ref: l,
+          className: S("mds:w-full mds:mx-auto mds:relative", c),
+          ...a
         }
       )
     }
   );
 };
-l.displayName = "Table";
+b.displayName = "TableRoot";
 export {
-  l as Table
+  b as TableRoot
 };

package/dist/mainstack-design-system549.cjs

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

package/dist/mainstack-design-system549.js

@@ -1,14 +1,29 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as e } from "./utils-DQg2eeoE.js";
-const r = ({ className: a, ...o }) => /* @__PURE__ */ t(
-  "tbody",
-  {
-    "data-slot": "table-body",
-    className: e("mds:bg-surface-neutral-l1", a),
-    ...o
-  }
-);
-r.displayName = "TableBody";
+import { jsx as e } from "react/jsx-runtime";
+import { c as o } from "./utils-DCbdjouM.js";
+import { useTableScroll as s } from "./mainstack-design-system600.js";
+const l = ({ className: r, ...t }) => {
+  const { setScrollContainer: a } = s();
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "table-container",
+      ref: a,
+      className: o(
+        "mds:overflow-auto mds:md:border mds:md:border-border-interactive-neutral mds:rounded-20 mds:sm:justify-center",
+        r
+      ),
+      children: /* @__PURE__ */ e(
+        "table",
+        {
+          "data-slot": "table",
+          className: "mds:text-left mds:w-full",
+          ...t
+        }
+      )
+    }
+  );
+};
+l.displayName = "Table";
 export {
-  r as TableBody
+  l as Table
 };

package/dist/mainstack-design-system550.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),r=require("./utils-B5hIDwfq.cjs"),n=require("./mainstack-design-system600.cjs"),t=({isSticky:e,stickySide:l="left",className:a,...s})=>{const{atLeft:d,atRight:o}=n.useTableScroll();return m.jsx("td",{role:"cell","data-slot":"table-cell","data-sticky-cell":e,className:r.cn("mds:p-12 mds:body-extrasmall-regular mds:transition-shadow mds:duration-200",e&&"mds:md:sticky mds:md:bg-surface-neutral-l1 mds:md:z-10",e&&l==="left"&&"mds:md:left-0",e&&l==="right"&&"mds:md:right-0",e&&l==="left"&&(d?"mds:shadow-none":"mds:shadow-100"),e&&l==="right"&&(o?"mds:shadow-none":"mds:shadow-100"),a),...s})};t.displayName="TableCell";exports.TableCell=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("./utils-BSwAMW3o.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-system550.js

@@ -1,33 +1,14 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as t } from "./utils-DQg2eeoE.js";
-import { useTableScroll as r } from "./mainstack-design-system600.js";
-const n = ({
-  isSticky: l,
-  stickySide: a = "left",
-  className: m,
-  ...d
-}) => {
-  const { atLeft: s, atRight: e } = r();
-  return /* @__PURE__ */ o(
-    "td",
-    {
-      role: "cell",
-      "data-slot": "table-cell",
-      "data-sticky-cell": l,
-      className: t(
-        "mds:p-12 mds:body-extrasmall-regular mds:transition-shadow mds:duration-200",
-        l && "mds:md:sticky mds:md:bg-surface-neutral-l1 mds:md:z-10",
-        l && a === "left" && "mds:md:left-0",
-        l && a === "right" && "mds:md:right-0",
-        l && a === "left" && (s ? "mds:shadow-none" : "mds:shadow-100"),
-        l && a === "right" && (e ? "mds:shadow-none" : "mds:shadow-100"),
-        m
-      ),
-      ...d
-    }
-  );
-};
-n.displayName = "TableCell";
+import { jsx as t } from "react/jsx-runtime";
+import { c as e } from "./utils-DCbdjouM.js";
+const r = ({ className: a, ...o }) => /* @__PURE__ */ t(
+  "tbody",
+  {
+    "data-slot": "table-body",
+    className: e("mds:bg-surface-neutral-l1", a),
+    ...o
+  }
+);
+r.displayName = "TableBody";
 export {
-  n as TableCell
+  r as TableBody
 };

package/dist/mainstack-design-system551.cjs

@@ -1 +1 @@
-"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-B5hIDwfq.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),r=require("./utils-BSwAMW3o.cjs"),n=require("./mainstack-design-system600.cjs"),t=({isSticky:e,stickySide:l="left",className:a,...s})=>{const{atLeft:d,atRight:o}=n.useTableScroll();return m.jsx("td",{role:"cell","data-slot":"table-cell","data-sticky-cell":e,className:r.cn("mds:p-12 mds:body-extrasmall-regular mds:transition-shadow mds:duration-200",e&&"mds:md:sticky mds:md:bg-surface-neutral-l1 mds:md:z-10",e&&l==="left"&&"mds:md:left-0",e&&l==="right"&&"mds:md:right-0",e&&l==="left"&&(d?"mds:shadow-none":"mds:shadow-100"),e&&l==="right"&&(o?"mds:shadow-none":"mds:shadow-100"),a),...s})};t.displayName="TableCell";exports.TableCell=t;

package/dist/mainstack-design-system551.js

@@ -1,21 +1,33 @@
 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-DQg2eeoE.js";
-const i = t.forwardRef(({ className: e, children: a, asChild: l = !1, ...m }, s) => /* @__PURE__ */ o(
-  l ? r : "div",
-  {
-    ref: s,
-    "data-slot": "table-cell-label",
-    className: d(
-      "mds:inline-flex mds:w-122 mds:md:hidden mds:items-center mds:whitespace-nowrap",
-      e
-    ),
-    ...m,
-    children: a
-  }
-));
-i.displayName = "TableCellLabel";
+import { c as t } from "./utils-DCbdjouM.js";
+import { useTableScroll as r } from "./mainstack-design-system600.js";
+const n = ({
+  isSticky: l,
+  stickySide: a = "left",
+  className: m,
+  ...d
+}) => {
+  const { atLeft: s, atRight: e } = r();
+  return /* @__PURE__ */ o(
+    "td",
+    {
+      role: "cell",
+      "data-slot": "table-cell",
+      "data-sticky-cell": l,
+      className: t(
+        "mds:p-12 mds:body-extrasmall-regular mds:transition-shadow mds:duration-200",
+        l && "mds:md:sticky mds:md:bg-surface-neutral-l1 mds:md:z-10",
+        l && a === "left" && "mds:md:left-0",
+        l && a === "right" && "mds:md:right-0",
+        l && a === "left" && (s ? "mds:shadow-none" : "mds:shadow-100"),
+        l && a === "right" && (e ? "mds:shadow-none" : "mds:shadow-100"),
+        m
+      ),
+      ...d
+    }
+  );
+};
+n.displayName = "TableCell";
 export {
-  i as TableCellLabel
+  n as TableCell
 };