mainstack-design-system 1.14.2 → 1.15.0

package/dist/mainstack-design-system551.js

@@ -1,29 +1,11 @@
-import { jsx as e } from "react/jsx-runtime";
-import { c as o } from "./utils-D85wpvmd.js";
-import { useTableScroll as s } from "./mainstack-design-system609.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";
+'use client';
+import { jsx as a } from "react/jsx-runtime";
+import { f as g } from "./index-DDHQjaCF.js";
+import { forwardRef as i } from "react";
+const t = i(
+  ({ ...r }, o) => /* @__PURE__ */ a(g, { "data-slot": "modal-trigger", ref: o, ...r })
+);
+t.displayName = "ModalTrigger";
 export {
-  l as Table
+  t as ModalTrigger
 };

package/dist/mainstack-design-system552.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("./utils-Bdd5vx6a.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 client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("./index-HSoR75mY.cjs"),r=({...t})=>o.jsx(e.DialogPortal,{"data-slot":"modal-portal",...t});exports.ModalPortal=r;

package/dist/mainstack-design-system552.js

@@ -1,14 +1,7 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as e } from "./utils-D85wpvmd.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";
+'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 {
-  r as TableBody
+  m as ModalPortal
 };

package/dist/mainstack-design-system553.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),r=require("./utils-Bdd5vx6a.cjs"),n=require("./mainstack-design-system609.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 a=require("react/jsx-runtime"),o=require("react"),d=require("./utils-Dp-J9Ksy.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-system553.js

@@ -1,33 +1,18 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as t } from "./utils-D85wpvmd.js";
-import { useTableScroll as r } from "./mainstack-design-system609.js";
-const n = ({
-  isSticky: l,
-  stickySide: a = "left",
-  className: m,
-  ...d
-}) => {
-  const { atLeft: s, atRight: e } = r();
-  return /* @__PURE__ */ o(
-    "td",
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { c as r } from "./utils-BWBRqOem.js";
+const m = l(
+  ({ className: o, ...s }, a) => /* @__PURE__ */ d(
+    "div",
     {
-      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
+      ref: a,
+      className: r("mds:hidden mds:flex-1 mds:md:flex ", o),
+      "data-slot": "responsive-modal-drawer-visual-slot",
+      ...s
     }
-  );
-};
-n.displayName = "TableCell";
+  )
+);
+m.displayName = "ModalVisualSlot";
 export {
-  n as TableCell
+  m as ModalVisualSlot
 };

package/dist/mainstack-design-system554.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-Bdd5vx6a.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 e=require("react/jsx-runtime"),c=require("react"),u=require("./mainstack-design-system555.cjs"),l=require("./mainstack-design-system556.cjs"),s=require("./mainstack-design-system557.cjs"),i=require("./mainstack-design-system558.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-system554.js

@@ -1,21 +1,16 @@
-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-D85wpvmd.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 { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { CountrySelectRoot as n } from "./mainstack-design-system555.js";
+import { CountrySelectInputField as l } from "./mainstack-design-system556.js";
+import { CountrySelectPortal as p } from "./mainstack-design-system557.js";
+import { CountrySelectOptionsList as c } from "./mainstack-design-system558.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 {
-  i as TableCellLabel
+  f as CountrySelect
 };

package/dist/mainstack-design-system555.cjs

@@ -1 +1,2 @@
-"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-Bdd5vx6a.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;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("react"),i=require("./mainstack-design-system476.cjs"),l=require("./mainstack-design-system617.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-system555.js

@@ -1,21 +1,32 @@
-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-D85wpvmd.js";
-const i = r.forwardRef(({ className: e, asChild: t = !1, children: o, ...s }, m) => /* @__PURE__ */ l(
-  t ? a : "div",
-  {
-    ref: m,
-    "data-slot": "table-cell-content",
-    className: n(
-      "mds:inline-flex mds:items-center mds:justify-center mds:shrink-0",
-      e
-    ),
-    ...s,
-    children: o
-  }
-));
-i.displayName = "TableCellContent";
+'use client';
+import { jsx as i } from "react/jsx-runtime";
+import { useMemo as n } from "react";
+import { SelectRoot as p } from "./mainstack-design-system476.js";
+import { getCountrySelectOptionsArray as s } from "./mainstack-design-system617.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 {
-  i as TableCellContent
+  y as CountrySelectRoot
 };

package/dist/mainstack-design-system556.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("./utils-Bdd5vx6a.cjs"),r=require("./mainstack-design-system609.cjs"),a=({isSticky:e,stickySide:s="left",className:t,...d})=>{const{atLeft:l,atRight:m}=r.useTableScroll();return o.jsx("th",{role:"columnheader","data-slot":"table-head",className:n.cn(e&&"mds:sticky mds:bg-surface-neutral-l3 mds:z-10",e&&s==="left"&&"mds:left-0",e&&s==="right"&&"mds:right-0",e&&s==="left"&&(l?"mds:shadow-none":"mds:shadow-100"),e&&s==="right"&&(m?"mds:shadow-none":"mds:shadow-100"),"mds:text-secondary mds:px-12 mds:py-16 mds:text-left mds:align-middle mds:body-small-medium mds:whitespace-nowrap mds:transition-shadow mds:duration-200",t),...d})};a.displayName="TableHead";exports.TableHead=a;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react");require("./mainstack-design-system476.cjs");const l=require("./mainstack-design-system477.cjs");require("./mainstack-design-system478.cjs");require("./mainstack-design-system479.cjs");require("./mainstack-design-system480.cjs");require("./mainstack-design-system481.cjs");require("./mainstack-design-system482.cjs");require("./mainstack-design-system474.cjs");require("./mainstack-design-system475.cjs");const d=require("./mainstack-design-system606.cjs"),m=require("./mainstack-design-system624.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-system556.js

@@ -1,32 +1,26 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as l } from "./utils-D85wpvmd.js";
-import { useTableScroll as r } from "./mainstack-design-system609.js";
-const n = ({
-  isSticky: d,
-  stickySide: a = "left",
-  className: m,
-  ...s
-}) => {
-  const { atLeft: e, atRight: t } = r();
-  return /* @__PURE__ */ o(
-    "th",
-    {
-      role: "columnheader",
-      "data-slot": "table-head",
-      className: l(
-        d && "mds:sticky mds:bg-surface-neutral-l3 mds:z-10",
-        d && a === "left" && "mds:left-0",
-        d && a === "right" && "mds:right-0",
-        d && a === "left" && (e ? "mds:shadow-none" : "mds:shadow-100"),
-        d && a === "right" && (t ? "mds:shadow-none" : "mds:shadow-100"),
-        "mds:text-secondary mds:px-12 mds:py-16 mds:text-left mds:align-middle mds:body-small-medium mds:whitespace-nowrap mds:transition-shadow mds:duration-200",
-        m
-      ),
-      ...s
-    }
-  );
-};
-n.displayName = "TableHead";
+'use client';
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import "./mainstack-design-system476.js";
+import { SelectInputField as s } from "./mainstack-design-system477.js";
+import "./mainstack-design-system478.js";
+import "./mainstack-design-system479.js";
+import "./mainstack-design-system480.js";
+import "./mainstack-design-system481.js";
+import "./mainstack-design-system482.js";
+import "./mainstack-design-system474.js";
+import "./mainstack-design-system475.js";
+import { useSelectContext as c } from "./mainstack-design-system606.js";
+import { getCountryFlagComp as l } from "./mainstack-design-system624.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";
 export {
-  n as TableHead
+  d as CountrySelectInputField
 };

package/dist/mainstack-design-system557.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("./utils-Bdd5vx6a.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;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react");require("./mainstack-design-system476.cjs");require("./mainstack-design-system477.cjs");const i=require("./mainstack-design-system478.cjs");require("./mainstack-design-system479.cjs");require("./mainstack-design-system480.cjs");require("./mainstack-design-system481.cjs");require("./mainstack-design-system482.cjs");require("./mainstack-design-system474.cjs");require("./mainstack-design-system475.cjs");const e=u.forwardRef(({...r},t)=>o.jsx(i.SelectPortal,{ref:t,...r}));e.displayName="CountrySelectPortal";exports.CountrySelectPortal=e;

package/dist/mainstack-design-system557.js

@@ -1,17 +1,19 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c as s } from "./utils-D85wpvmd.js";
-const m = ({ className: e, ...a }) => /* @__PURE__ */ d(
-  "thead",
-  {
-    "data-slot": "table-header",
-    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
-  }
+'use client';
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import "./mainstack-design-system476.js";
+import "./mainstack-design-system477.js";
+import { SelectPortal as p } from "./mainstack-design-system478.js";
+import "./mainstack-design-system479.js";
+import "./mainstack-design-system480.js";
+import "./mainstack-design-system481.js";
+import "./mainstack-design-system482.js";
+import "./mainstack-design-system474.js";
+import "./mainstack-design-system475.js";
+const i = m(
+  ({ ...r }, o) => /* @__PURE__ */ t(p, { ref: o, ...r })
 );
-m.displayName = "TableHeader";
+i.displayName = "CountrySelectPortal";
 export {
-  m as TableHeader
+  i as CountrySelectPortal
 };

package/dist/mainstack-design-system558.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("./utils-Bdd5vx6a.cjs"),e=({className:d,...r})=>s.jsx("tr",{"data-slot":"table-row",className:m.cn("mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border-y mds:border-x-1 mds:md:border-x-0  mds:border-border-interactive-neutral mds:rounded-20 mds:md:rounded-0 mds:mb-16 mds:md:mb-0 mds:divide-y mds:divide-border-interactive-neutral",d),...r});e.displayName="TableRow";exports.TableRow=e;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system476.cjs");require("./mainstack-design-system477.cjs");require("./mainstack-design-system478.cjs");const l=require("./mainstack-design-system479.cjs"),o=require("./mainstack-design-system480.cjs");require("./mainstack-design-system481.cjs");require("./mainstack-design-system482.cjs");require("./mainstack-design-system474.cjs");require("./mainstack-design-system475.cjs");const m=require("./mainstack-design-system624.cjs"),u=require("./utils-Dp-J9Ksy.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-system558.js

@@ -1,17 +1,35 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as e } from "./utils-D85wpvmd.js";
-const s = ({ className: d, ...m }) => /* @__PURE__ */ r(
-  "tr",
-  {
-    "data-slot": "table-row",
-    className: e(
-      "mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border-y mds:border-x-1 mds:md:border-x-0  mds:border-border-interactive-neutral mds:rounded-20 mds:md:rounded-0 mds:mb-16 mds:md:mb-0 mds:divide-y mds:divide-border-interactive-neutral",
-      d
-    ),
-    ...m
-  }
+'use client';
+import { jsx as m, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import "./mainstack-design-system476.js";
+import "./mainstack-design-system477.js";
+import "./mainstack-design-system478.js";
+import { SelectOptions as l } from "./mainstack-design-system479.js";
+import { SelectOptionItem as a } from "./mainstack-design-system480.js";
+import "./mainstack-design-system481.js";
+import "./mainstack-design-system482.js";
+import "./mainstack-design-system474.js";
+import "./mainstack-design-system475.js";
+import { getCountryFlagComp as d } from "./mainstack-design-system624.js";
+import { c as p } from "./utils-BWBRqOem.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)) })
 );
-s.displayName = "TableRow";
+c.displayName = "CountrySelectOptionsList";
 export {
-  s as TableRow
+  c as CountrySelectOptionsList
 };

package/dist/mainstack-design-system559.cjs

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

@@ -1,59 +1,45 @@
-import { jsxs as s, jsx as m } from "react/jsx-runtime";
-import { c as g } from "./utils-D85wpvmd.js";
-import { PaginationRoot as b } from "./mainstack-design-system560.js";
-import { PaginationNext as f } from "./mainstack-design-system562.js";
-import { PaginationPrev as p } from "./mainstack-design-system561.js";
-import { PaginationPageButton as u } from "./mainstack-design-system563.js";
-import { PaginationPageSize as x } from "./mainstack-design-system564.js";
-import { useTableScroll as P } from "./mainstack-design-system609.js";
-const h = ({
-  totalResults: d = 3,
-  limit: e,
-  defaultLimit: a,
-  page: o,
-  setPage: t,
-  setLimit: r,
-  className: i
-}) => {
-  const n = Math.ceil(d / e), { isScrolling: l, atBottom: c } = P();
-  return /* @__PURE__ */ s(
-    "div",
+import { jsx as n } from "react/jsx-runtime";
+import { c as S } from "./utils-BWBRqOem.js";
+import { useState as r, useEffect as x } from "react";
+import { TableContext as R } from "./mainstack-design-system618.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-pagination",
-      className: g(
-        "mds:flex mds:items-center mds:justify-between mds:w-full mds:p-16 mds:mt-12 mds:border-t mds:border-x  mds:border-border-interactive-neutral mds:sticky mds:bottom-0 mds:z-20 mds:bg-surface-neutral-l1 mds:transition-all mds:duration-200 ",
-        l ? "mds:rounded-t-20 mds:shadow-lg " : "mds:rounded-20 ",
-        c ? "mds:rounded-b-20 mds:border" : "mds:rounded-b-none",
-        i
-      ),
-      children: [
-        /* @__PURE__ */ s("div", { className: "mds:text-primary mds:body-extrasmall-regular mds:flex-1 mds:hidden mds:md:flex mds:gap-2", children: [
-          /* @__PURE__ */ m("p", { className: "mds:body-extrasmall-semibold", children: d }),
-          " results"
-        ] }),
-        /* @__PURE__ */ s(
-          b,
-          {
-            page: o,
-            totalPages: n,
-            onPageChange: t,
-            defaultLimit: a,
-            limit: e,
-            onLimitChange: r,
-            className: "mds:flex mds:items-center mds:w-full mds:gap-12 mds:justify-end",
-            children: [
-              /* @__PURE__ */ m(x, {}),
-              /* @__PURE__ */ m(p, {}),
-              /* @__PURE__ */ m(u, {}),
-              /* @__PURE__ */ m(f, {})
-            ]
-          }
-        )
-      ]
+      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
+        }
+      )
     }
   );
 };
-h.displayName = "TablePagination";
+b.displayName = "TableRoot";
 export {
-  h as TablePagination
+  b as TableRoot
 };

package/dist/mainstack-design-system56.cjs

@@ -1 +1 @@
-"use strict";const C=require("react/jsx-runtime"),n=require("./mainstack-design-system357.cjs"),s=({...r})=>C.jsx(n,{...r,children:C.jsx("g",{mask:"url(#mask0_1713_164)",children:C.jsx("path",{d:"M11.25 5.75H9C8.7875 5.75 8.60942 5.67808 8.46575 5.53425C8.32192 5.39042 8.25 5.21225 8.25 4.99975C8.25 4.78708 8.32192 4.609 8.46575 4.4655C8.60942 4.32183 8.7875 4.25 9 4.25H11.25V2C11.25 1.7875 11.3219 1.60942 11.4658 1.46575C11.6096 1.32192 11.7878 1.25 12.0003 1.25C12.2129 1.25 12.391 1.32192 12.5345 1.46575C12.6782 1.60942 12.75 1.7875 12.75 2V4.25H15C15.2125 4.25 15.3906 4.32192 15.5343 4.46575C15.6781 4.60958 15.75 4.78775 15.75 5.00025C15.75 5.21292 15.6781 5.391 15.5343 5.5345C15.3906 5.67817 15.2125 5.75 15 5.75H12.75V8C12.75 8.2125 12.6781 8.39058 12.5343 8.53425C12.3904 8.67808 12.2122 8.75 11.9998 8.75C11.7871 8.75 11.609 8.67808 11.4655 8.53425C11.3218 8.39058 11.25 8.2125 11.25 8V5.75ZM7.15375 21.5578C6.66792 21.5578 6.25483 21.3875 5.9145 21.047C5.57417 20.7067 5.404 20.2936 5.404 19.8078C5.404 19.3218 5.57417 18.9086 5.9145 18.5683C6.25483 18.2279 6.66792 18.0578 7.15375 18.0578C7.63975 18.0578 8.05292 18.2279 8.39325 18.5683C8.73358 18.9086 8.90375 19.3218 8.90375 19.8078C8.90375 20.2936 8.73358 20.7067 8.39325 21.047C8.05292 21.3875 7.63975 21.5578 7.15375 21.5578ZM16.8462 21.5578C16.3602 21.5578 15.9471 21.3875 15.6068 21.047C15.2664 20.7067 15.0962 20.2936 15.0962 19.8078C15.0962 19.3218 15.2664 18.9086 15.6068 18.5683C15.9471 18.2279 16.3602 18.0578 16.8462 18.0578C17.3321 18.0578 17.7452 18.2279 18.0855 18.5683C18.4258 18.9086 18.596 19.3218 18.596 19.8078C18.596 20.2936 18.4258 20.7067 18.0855 21.047C17.7452 21.3875 17.3321 21.5578 16.8462 21.5578ZM3.404 3.75H2.25C2.0375 3.75 1.85942 3.67808 1.71575 3.53425C1.57192 3.39042 1.5 3.21225 1.5 2.99975C1.5 2.78708 1.57192 2.609 1.71575 2.4655C1.85942 2.32183 2.0375 2.25 2.25 2.25H3.79275C3.96425 2.25 4.12433 2.295 4.273 2.385C4.42183 2.475 4.53342 2.60242 4.60775 2.76725L8.5345 11.0577H15.352C15.4097 11.0577 15.4609 11.0433 15.5057 11.0145C15.5506 10.9857 15.5891 10.9456 15.6212 10.8943L19.1115 4.625C19.1757 4.50317 19.2638 4.41025 19.376 4.34625C19.4883 4.28208 19.6131 4.25 19.7502 4.25C20.0373 4.25 20.2525 4.37242 20.396 4.61725C20.5397 4.86208 20.5423 5.1095 20.4038 5.3595L16.9345 11.6423C16.7705 11.9307 16.5534 12.1554 16.2833 12.3162C16.0131 12.4773 15.7174 12.5577 15.3962 12.5577H8.1L6.94225 14.673C6.89092 14.75 6.88933 14.8333 6.9375 14.923C6.9855 15.0128 7.05758 15.0577 7.15375 15.0577H17.8463C18.0588 15.0577 18.2368 15.1297 18.3805 15.2735C18.5242 15.4173 18.596 15.5955 18.596 15.808C18.596 16.0207 18.5242 16.1987 18.3805 16.3422C18.2368 16.4859 18.0588 16.5577 17.8463 16.5577H7.15375C6.48708 16.5577 5.98358 16.2727 5.64325 15.7028C5.30292 15.1329 5.29367 14.5563 5.6155 13.973L7.04225 11.4078L3.404 3.75Z",fill:"currentColor"})})});module.exports=s;
+"use strict";const C=require("react/jsx-runtime"),n=require("./mainstack-design-system366.cjs"),s=({...r})=>C.jsx(n,{...r,children:C.jsx("g",{mask:"url(#mask0_1713_164)",children:C.jsx("path",{d:"M11.25 5.75H9C8.7875 5.75 8.60942 5.67808 8.46575 5.53425C8.32192 5.39042 8.25 5.21225 8.25 4.99975C8.25 4.78708 8.32192 4.609 8.46575 4.4655C8.60942 4.32183 8.7875 4.25 9 4.25H11.25V2C11.25 1.7875 11.3219 1.60942 11.4658 1.46575C11.6096 1.32192 11.7878 1.25 12.0003 1.25C12.2129 1.25 12.391 1.32192 12.5345 1.46575C12.6782 1.60942 12.75 1.7875 12.75 2V4.25H15C15.2125 4.25 15.3906 4.32192 15.5343 4.46575C15.6781 4.60958 15.75 4.78775 15.75 5.00025C15.75 5.21292 15.6781 5.391 15.5343 5.5345C15.3906 5.67817 15.2125 5.75 15 5.75H12.75V8C12.75 8.2125 12.6781 8.39058 12.5343 8.53425C12.3904 8.67808 12.2122 8.75 11.9998 8.75C11.7871 8.75 11.609 8.67808 11.4655 8.53425C11.3218 8.39058 11.25 8.2125 11.25 8V5.75ZM7.15375 21.5578C6.66792 21.5578 6.25483 21.3875 5.9145 21.047C5.57417 20.7067 5.404 20.2936 5.404 19.8078C5.404 19.3218 5.57417 18.9086 5.9145 18.5683C6.25483 18.2279 6.66792 18.0578 7.15375 18.0578C7.63975 18.0578 8.05292 18.2279 8.39325 18.5683C8.73358 18.9086 8.90375 19.3218 8.90375 19.8078C8.90375 20.2936 8.73358 20.7067 8.39325 21.047C8.05292 21.3875 7.63975 21.5578 7.15375 21.5578ZM16.8462 21.5578C16.3602 21.5578 15.9471 21.3875 15.6068 21.047C15.2664 20.7067 15.0962 20.2936 15.0962 19.8078C15.0962 19.3218 15.2664 18.9086 15.6068 18.5683C15.9471 18.2279 16.3602 18.0578 16.8462 18.0578C17.3321 18.0578 17.7452 18.2279 18.0855 18.5683C18.4258 18.9086 18.596 19.3218 18.596 19.8078C18.596 20.2936 18.4258 20.7067 18.0855 21.047C17.7452 21.3875 17.3321 21.5578 16.8462 21.5578ZM3.404 3.75H2.25C2.0375 3.75 1.85942 3.67808 1.71575 3.53425C1.57192 3.39042 1.5 3.21225 1.5 2.99975C1.5 2.78708 1.57192 2.609 1.71575 2.4655C1.85942 2.32183 2.0375 2.25 2.25 2.25H3.79275C3.96425 2.25 4.12433 2.295 4.273 2.385C4.42183 2.475 4.53342 2.60242 4.60775 2.76725L8.5345 11.0577H15.352C15.4097 11.0577 15.4609 11.0433 15.5057 11.0145C15.5506 10.9857 15.5891 10.9456 15.6212 10.8943L19.1115 4.625C19.1757 4.50317 19.2638 4.41025 19.376 4.34625C19.4883 4.28208 19.6131 4.25 19.7502 4.25C20.0373 4.25 20.2525 4.37242 20.396 4.61725C20.5397 4.86208 20.5423 5.1095 20.4038 5.3595L16.9345 11.6423C16.7705 11.9307 16.5534 12.1554 16.2833 12.3162C16.0131 12.4773 15.7174 12.5577 15.3962 12.5577H8.1L6.94225 14.673C6.89092 14.75 6.88933 14.8333 6.9375 14.923C6.9855 15.0128 7.05758 15.0577 7.15375 15.0577H17.8463C18.0588 15.0577 18.2368 15.1297 18.3805 15.2735C18.5242 15.4173 18.596 15.5955 18.596 15.808C18.596 16.0207 18.5242 16.1987 18.3805 16.3422C18.2368 16.4859 18.0588 16.5577 17.8463 16.5577H7.15375C6.48708 16.5577 5.98358 16.2727 5.64325 15.7028C5.30292 15.1329 5.29367 14.5563 5.6155 13.973L7.04225 11.4078L3.404 3.75Z",fill:"currentColor"})})});module.exports=s;

package/dist/mainstack-design-system56.js

@@ -1,5 +1,5 @@
 import { jsx as C } from "react/jsx-runtime";
-import o from "./mainstack-design-system357.js";
+import o from "./mainstack-design-system366.js";
 const n = ({ ...r }) => /* @__PURE__ */ C(o, { ...r, children: /* @__PURE__ */ C("g", { mask: "url(#mask0_1713_164)", children: /* @__PURE__ */ C(
   "path",
   {

package/dist/mainstack-design-system560.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("./utils-Bdd5vx6a.cjs"),l=require("./mainstack-design-system610.cjs"),e=({children:i,page:n,totalPages:o,limit:s,defaultLimit:a,onPageChange:r,onLimitChange:d,className:m})=>t.jsx(l.PaginationContext.Provider,{value:{page:n,totalPages:o,defaultLimit:a,limit:s,setPage:r,setLimit:d},children:t.jsx("div",{className:c.cn("mds:flex mds:items-center mds:space-x-4 mds:w-full mds:gap-12 mds:justify-end",m),children:i})});e.displayName="PaginationRoot";exports.PaginationRoot=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./utils-Dp-J9Ksy.cjs"),o=require("./mainstack-design-system618.cjs"),t=({className:s,...l})=>{const{setScrollContainer:r}=o.useTableScroll();return e.jsx("div",{"data-slot":"table-container",ref:r,className:a.cn("mds:overflow-auto mds:md:border mds:md:border-border-interactive-neutral mds:rounded-20 mds:sm:justify-center",s),children:e.jsx("table",{"data-slot":"table",className:"mds:text-left mds:w-full",...l})})};t.displayName="Table";exports.Table=t;

package/dist/mainstack-design-system560.js

@@ -1,39 +1,29 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as d } from "./utils-D85wpvmd.js";
-import { PaginationContext as c } from "./mainstack-design-system610.js";
-const l = ({
-  children: e,
-  page: i,
-  totalPages: o,
-  limit: s,
-  defaultLimit: m,
-  onPageChange: a,
-  onLimitChange: n,
-  className: r
-}) => /* @__PURE__ */ t(
-  c.Provider,
-  {
-    value: {
-      page: i,
-      totalPages: o,
-      defaultLimit: m,
-      limit: s,
-      setPage: a,
-      setLimit: n
-    },
-    children: /* @__PURE__ */ t(
-      "div",
-      {
-        className: d(
-          "mds:flex mds:items-center mds:space-x-4 mds:w-full mds:gap-12 mds:justify-end",
-          r
-        ),
-        children: e
-      }
-    )
-  }
-);
-l.displayName = "PaginationRoot";
+import { jsx as e } from "react/jsx-runtime";
+import { c as o } from "./utils-BWBRqOem.js";
+import { useTableScroll as s } from "./mainstack-design-system618.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 {
-  l as PaginationRoot
+  l as Table
 };

package/dist/mainstack-design-system561.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");const r=require("./mainstack-design-system395.cjs"),o=require("./mainstack-design-system610.cjs"),t=()=>{const{page:e,setPage:n}=o.usePagination();return i.jsx(r.Button,{variant:"outline",status:"default",size:"xs",rounded:"sm",disabled:e===1,onClick:()=>n(e-1),children:"Prev"})};t.displayName="PaginationPrev";exports.PaginationPrev=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("./utils-Dp-J9Ksy.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;