mainstack-design-system 1.4.2 → 1.5.1

package/dist/mainstack-design-system542.js

@@ -1,31 +1,26 @@
-import { jsx as s } from "react/jsx-runtime";
-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), [m, r] = c(!1), [a, f] = c(!1);
-  return g(() => {
-    const t = l.current;
-    if (!t) return;
-    let e;
-    const o = () => {
-      r(!0), e && clearTimeout(e), e = setTimeout(() => r(!1), 150);
-      const { scrollTop: u, scrollHeight: d, clientHeight: p } = t;
-      f(u + p >= d - 1);
-    };
-    return t.addEventListener("scroll", o), o(), () => {
-      t.removeEventListener("scroll", o), e && clearTimeout(e);
-    };
-  }, []), /* @__PURE__ */ s(h.Provider, { value: { isScrolling: m, atBottom: a }, children: /* @__PURE__ */ s(
-    "div",
-    {
-      ref: l,
-      className: T("mds:w-full mds:mx-auto ", i),
-      ...n
-    }
-  ) });
-};
-x.displayName = "TableRoot";
+'use client';
+import { jsx as m, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import "./mainstack-design-system568.js";
+import "./mainstack-design-system461.js";
+import "./mainstack-design-system462.js";
+import { SelectOptions as l } from "./mainstack-design-system463.js";
+import { SelectOptionItem as a } from "./mainstack-design-system464.js";
+import "./mainstack-design-system465.js";
+import "./mainstack-design-system466.js";
+import "./mainstack-design-system459.js";
+import "./mainstack-design-system460.js";
+import { getCountryFlagComp as p } from "./mainstack-design-system602.js";
+import { c as d } from "./utils-B-DK6jJO.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__ */ m("p", { className: d("body-extrasmall-medium", "mds:text-primary"), children: e.label })
+  ] }) }, e.value)) })
+);
+c.displayName = "CountrySelectOptionsList";
 export {
-  x as TableRoot
+  c as CountrySelectOptionsList
 };

package/dist/mainstack-design-system543.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),v=require("./utils-B6I16BNR.cjs"),l=require("react"),R=require("./mainstack-design-system596.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-system543.js

@@ -1,24 +1,31 @@
-import { jsx as e } from "react/jsx-runtime";
-import { c as r } from "./utils-Opg_zrKx.js";
-const d = ({ className: t, ...a }) => /* @__PURE__ */ e(
-  "div",
-  {
-    "data-slot": "table-container",
-    className: r(
-      "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: "mds:text-left mds:w-full",
-        ...a
-      }
-    )
-  }
-);
-d.displayName = "Table";
+import { jsx as s } from "react/jsx-runtime";
+import { c as T } from "./utils-B-DK6jJO.js";
+import { useRef as v, useState as c, useEffect as g } from "react";
+import { TableContext as h } from "./mainstack-design-system596.js";
+const x = ({ className: i, ...n }) => {
+  const l = v(null), [m, r] = c(!1), [a, f] = c(!1);
+  return g(() => {
+    const t = l.current;
+    if (!t) return;
+    let e;
+    const o = () => {
+      r(!0), e && clearTimeout(e), e = setTimeout(() => r(!1), 150);
+      const { scrollTop: u, scrollHeight: d, clientHeight: p } = t;
+      f(u + p >= d - 1);
+    };
+    return t.addEventListener("scroll", o), o(), () => {
+      t.removeEventListener("scroll", o), e && clearTimeout(e);
+    };
+  }, []), /* @__PURE__ */ s(h.Provider, { value: { isScrolling: m, atBottom: a }, children: /* @__PURE__ */ s(
+    "div",
+    {
+      ref: l,
+      className: T("mds:w-full mds:mx-auto ", i),
+      ...n
+    }
+  ) });
+};
+x.displayName = "TableRoot";
 export {
-  d as Table
+  x as TableRoot
 };

package/dist/mainstack-design-system544.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./utils-B6I16BNR.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-system544.js

@@ -1,14 +1,24 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as e } from "./utils-Opg_zrKx.js";
-const r = ({ className: a, ...o }) => /* @__PURE__ */ t(
-  "tbody",
+import { jsx as e } from "react/jsx-runtime";
+import { c as r } from "./utils-B-DK6jJO.js";
+const d = ({ className: t, ...a }) => /* @__PURE__ */ e(
+  "div",
   {
-    "data-slot": "table-body",
-    className: e("mds:bg-surface-neutral-l1", a),
-    ...o
+    "data-slot": "table-container",
+    className: r(
+      "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: "mds:text-left mds:w-full",
+        ...a
+      }
+    )
   }
 );
-r.displayName = "TableBody";
+d.displayName = "Table";
 export {
-  r as TableBody
+  d as Table
 };

package/dist/mainstack-design-system545.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("./utils-B6I16BNR.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-system545.js

@@ -1,24 +1,14 @@
-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__ */ m(
-  "td",
+import { jsx as t } from "react/jsx-runtime";
+import { c as e } from "./utils-B-DK6jJO.js";
+const r = ({ className: a, ...o }) => /* @__PURE__ */ t(
+  "tbody",
   {
-    role: "cell",
-    "data-slot": "table-cell",
-    "data-sticky-cell": l,
-    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
+    "data-slot": "table-body",
+    className: e("mds:bg-surface-neutral-l1", a),
+    ...o
   }
 );
-d.displayName = "TableCell";
+r.displayName = "TableBody";
 export {
-  d as TableCell
+  r as TableBody
 };

package/dist/mainstack-design-system546.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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("./utils-B6I16BNR.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-system546.js

@@ -1,21 +1,24 @@
-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",
+import { jsx as m } from "react/jsx-runtime";
+import { c as s } from "./utils-B-DK6jJO.js";
+const d = ({
+  isSticky: l,
+  className: e,
+  ...a
+}) => /* @__PURE__ */ m(
+  "td",
   {
-    ref: s,
-    "data-slot": "table-cell-label",
-    className: d(
-      "mds:inline-flex mds:w-122 mds:md:hidden mds:items-center mds:whitespace-nowrap",
+    role: "cell",
+    "data-slot": "table-cell",
+    "data-sticky-cell": l,
+    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
     ),
-    ...m,
-    children: a
+    ...a
   }
-));
-i.displayName = "TableCellLabel";
+);
+d.displayName = "TableCell";
 export {
-  i as TableCellLabel
+  d as TableCell
 };

package/dist/mainstack-design-system547.cjs

@@ -1 +1 @@
-"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;
+"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-B6I16BNR.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-system547.js

@@ -1,21 +1,21 @@
-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",
+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-B-DK6jJO.js";
+const i = t.forwardRef(({ className: e, children: a, asChild: l = !1, ...m }, s) => /* @__PURE__ */ o(
+  l ? r : "div",
   {
-    ref: m,
-    "data-slot": "table-cell-content",
-    className: n(
-      "mds:inline-flex mds:items-center mds:justify-center mds:shrink-0",
+    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
     ),
-    ...s,
-    children: o
+    ...m,
+    children: a
   }
 ));
-i.displayName = "TableCellContent";
+i.displayName = "TableCellLabel";
 export {
-  i as TableCellContent
+  i as TableCellLabel
 };

package/dist/mainstack-design-system548.cjs

@@ -1 +1 @@
-"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;
+"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-B6I16BNR.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-system548.js

@@ -1,23 +1,21 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c as m } from "./utils-Opg_zrKx.js";
-const t = ({
-  isSticky: e,
-  className: s,
-  ...a
-}) => /* @__PURE__ */ d(
-  "th",
+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-B-DK6jJO.js";
+const i = r.forwardRef(({ className: e, asChild: t = !1, children: o, ...s }, m) => /* @__PURE__ */ l(
+  t ? a : "div",
   {
-    role: "columnheader",
-    "data-slot": "table-head",
-    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
+    ref: m,
+    "data-slot": "table-cell-content",
+    className: n(
+      "mds:inline-flex mds:items-center mds:justify-center mds:shrink-0",
+      e
     ),
-    ...a
+    ...s,
+    children: o
   }
-);
-t.displayName = "TableHead";
+));
+i.displayName = "TableCellContent";
 export {
-  t as TableHead
+  i as TableCellContent
 };

package/dist/mainstack-design-system549.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),l=require("./utils-B6I16BNR.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-system549.js

@@ -1,17 +1,23 @@
 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",
+import { c as m } from "./utils-B-DK6jJO.js";
+const t = ({
+  isSticky: e,
+  className: s,
+  ...a
+}) => /* @__PURE__ */ d(
+  "th",
   {
-    "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
+    role: "columnheader",
+    "data-slot": "table-head",
+    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
     ),
     ...a
   }
 );
-m.displayName = "TableHeader";
+t.displayName = "TableHead";
 export {
-  m as TableHeader
+  t as TableHead
 };

package/dist/mainstack-design-system550.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("./utils-B6I16BNR.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-system550.js

@@ -1,17 +1,17 @@
-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",
+import { jsx as d } from "react/jsx-runtime";
+import { c as s } from "./utils-B-DK6jJO.js";
+const m = ({ className: e, ...a }) => /* @__PURE__ */ d(
+  "thead",
   {
-    "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
+    "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
     ),
-    ...m
+    ...a
   }
 );
-s.displayName = "TableRow";
+m.displayName = "TableHeader";
 export {
-  s as TableRow
+  m as TableHeader
 };

package/dist/mainstack-design-system551.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("./utils-B6I16BNR.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-system551.js

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

package/dist/mainstack-design-system552.cjs

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

package/dist/mainstack-design-system552.js

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

package/dist/mainstack-design-system553.cjs

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