mainstack-design-system 1.1.2 → 1.2.1

package/dist/mainstack-design-system537.js

@@ -1,26 +1,31 @@
-'use client';
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import "./mainstack-design-system554.js";
-import "./mainstack-design-system464.js";
-import "./mainstack-design-system465.js";
-import { SelectOptions as a } from "./mainstack-design-system466.js";
-import { SelectOptionItem as p } from "./mainstack-design-system467.js";
-import "./mainstack-design-system468.js";
-import "./mainstack-design-system469.js";
-import "./mainstack-design-system462.js";
-import "./mainstack-design-system463.js";
-import { getCountryFlagComp as s } from "./mainstack-design-system588.js";
-import { cn as c } from "./mainstack-design-system586.js";
-const n = l(
-  (t, m) => /* @__PURE__ */ r(a, { ref: m, ...t, children: ({ options: i }) => i.map((e) => /* @__PURE__ */ r(p, { value: e.value, children: /* @__PURE__ */ o("div", { className: "flex items-center gap-8", children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center justify-center", children: s(
-      e.data?.iso2Code
-    ) }),
-    /* @__PURE__ */ r("p", { className: c("body-extrasmall-medium", "text-primary"), children: e.label })
-  ] }) }, e.value)) })
-);
-n.displayName = "CountrySelectOptionsList";
+import { jsx as s } from "react/jsx-runtime";
+import { cn as T } from "./mainstack-design-system586.js";
+import { useRef as v, useState as c, useEffect as g } from "react";
+import { TableContext as h } from "./mainstack-design-system580.js";
+const x = ({ className: i, ...n }) => {
+  const l = v(null), [a, r] = c(!1), [m, 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: a, atBottom: m }, children: /* @__PURE__ */ s(
+    "div",
+    {
+      ref: l,
+      className: T("w-full mx-auto ", i),
+      ...n
+    }
+  ) });
+};
+x.displayName = "TableRoot";
 export {
-  n as CountrySelectOptionsList
+  x as TableRoot
 };

package/dist/mainstack-design-system538.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),v=require("./mainstack-design-system586.cjs"),l=require("react"),R=require("./mainstack-design-system580.cjs"),c=({className:i,...u})=>{const s=l.useRef(null),[a,r]=l.useState(!1),[f,m]=l.useState(!1);return l.useEffect(()=>{const t=s.current;if(!t)return;let e;const o=()=>{r(!0),e&&clearTimeout(e),e=setTimeout(()=>r(!1),150);const{scrollTop:T,scrollHeight:b,clientHeight:d}=t;m(T+d>=b-1)};return t.addEventListener("scroll",o),o(),()=>{t.removeEventListener("scroll",o),e&&clearTimeout(e)}},[]),n.jsx(R.TableContext.Provider,{value:{isScrolling:a,atBottom:f},children:n.jsx("div",{ref:s,className:v.cn("w-full mx-auto ",i),...u})})};c.displayName="TableRoot";exports.TableRoot=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("./mainstack-design-system586.cjs"),t=({className:r,...a})=>e.jsx("div",{"data-slot":"table-container",className:l.cn("overflow-auto md:border md:border-border-interactive-neutral rounded-20 sm:justify-center",r),children:e.jsx("table",{"data-slot":"table",className:"text-left w-full",...a})});t.displayName="Table";exports.Table=t;

package/dist/mainstack-design-system538.js

@@ -1,31 +1,17 @@
-import { jsx as s } from "react/jsx-runtime";
-import { cn as T } from "./mainstack-design-system586.js";
-import { useRef as v, useState as c, useEffect as g } from "react";
-import { TableContext as h } from "./mainstack-design-system580.js";
-const x = ({ className: i, ...n }) => {
-  const l = v(null), [a, r] = c(!1), [m, 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: a, atBottom: m }, children: /* @__PURE__ */ s(
-    "div",
-    {
-      ref: l,
-      className: T("w-full mx-auto ", i),
-      ...n
-    }
-  ) });
-};
-x.displayName = "TableRoot";
+import { jsx as e } from "react/jsx-runtime";
+import { cn as a } from "./mainstack-design-system586.js";
+const l = ({ className: t, ...r }) => /* @__PURE__ */ e(
+  "div",
+  {
+    "data-slot": "table-container",
+    className: a(
+      "overflow-auto md:border md:border-border-interactive-neutral rounded-20 sm:justify-center",
+      t
+    ),
+    children: /* @__PURE__ */ e("table", { "data-slot": "table", className: "text-left w-full", ...r })
+  }
+);
+l.displayName = "Table";
 export {
-  x as TableRoot
+  l as Table
 };

package/dist/mainstack-design-system539.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("./mainstack-design-system586.cjs"),t=({className:r,...a})=>e.jsx("div",{"data-slot":"table-container",className:l.cn("overflow-auto md:border md:border-border-interactive-neutral rounded-20 sm:justify-center",r),children:e.jsx("table",{"data-slot":"table",className:"text-left w-full",...a})});t.displayName="Table";exports.Table=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("./mainstack-design-system586.cjs"),e=({className:t,...a})=>l.jsx("tbody",{"data-slot":"table-body",className:o.cn("bg-surface-neutral-l1",t),...a});e.displayName="TableBody";exports.TableBody=e;

package/dist/mainstack-design-system539.js

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

package/dist/mainstack-design-system540.cjs

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

package/dist/mainstack-design-system540.js

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

package/dist/mainstack-design-system541.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("./mainstack-design-system586.cjs"),l=({isSticky:e,className:t,...a})=>r.jsx("td",{role:"cell","data-slot":"table-cell","data-sticky-cell":e,className:s.cn("p-12 body-extrasmall-regular",e?"md:sticky md:left-0 md:bg-surface-neutral-l1 md:z-10":"",t),...a});l.displayName="TableCell";exports.TableCell=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),s=require("./index-CpE6WAgy.cjs"),u=require("./mainstack-design-system586.cjs");function b(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(l,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return l.default=e,Object.freeze(l)}const d=b(i),n=d.forwardRef(({className:e,children:l,asChild:t=!1,...a},r)=>{const c=t?s.Slot:"div";return o.jsx(c,{ref:r,"data-slot":"table-cell-label",className:u.cn("inline-flex w-122 md:hidden items-center whitespace-nowrap",e),...a,children:l})});n.displayName="TableCellLabel";exports.TableCellLabel=n;

package/dist/mainstack-design-system541.js

@@ -1,24 +1,21 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as r } from "./mainstack-design-system586.js";
-const m = ({
-  isSticky: l,
-  className: e,
-  ...a
-}) => /* @__PURE__ */ t(
-  "td",
+import { jsx as r } from "react/jsx-runtime";
+import * as m from "react";
+import { S as s } from "./index-BtQfgaSF.js";
+import { cn as i } from "./mainstack-design-system586.js";
+const p = m.forwardRef(({ className: e, children: l, asChild: a = !1, ...o }, t) => /* @__PURE__ */ r(
+  a ? s : "div",
   {
-    role: "cell",
-    "data-slot": "table-cell",
-    "data-sticky-cell": l,
-    className: r(
-      "p-12 body-extrasmall-regular",
-      l ? "md:sticky md:left-0 md:bg-surface-neutral-l1 md:z-10" : "",
+    ref: t,
+    "data-slot": "table-cell-label",
+    className: i(
+      "inline-flex w-122 md:hidden items-center whitespace-nowrap",
       e
     ),
-    ...a
+    ...o,
+    children: l
   }
-);
-m.displayName = "TableCell";
+));
+p.displayName = "TableCellLabel";
 export {
-  m as TableCell
+  p as TableCellLabel
 };

package/dist/mainstack-design-system542.cjs

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

package/dist/mainstack-design-system542.js

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

package/dist/mainstack-design-system543.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),s=require("./index-CpE6WAgy.cjs"),u=require("./mainstack-design-system586.cjs");function f(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const b=f(i),l=b.forwardRef(({className:e,asChild:n=!1,children:t,...r},o)=>{const c=n?s.Slot:"div";return a.jsx(c,{ref:o,"data-slot":"table-cell-content",className:u.cn("inline-flex items-center justify-center shrink-0",e),...r,children:t})});l.displayName="TableCellContent";exports.TableCellContent=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("./mainstack-design-system586.cjs"),e=({isSticky:t,className:a,...l})=>s.jsx("th",{role:"columnheader","data-slot":"table-head",className:r.cn(t?"sticky left-0 bg-surface-neutral-l3 z-10":"","text-secondary px-12 py-16 text-left align-middle body-small-medium whitespace-nowrap",a),...l});e.displayName="TableHead";exports.TableHead=e;

package/dist/mainstack-design-system543.js

@@ -1,21 +1,23 @@
-import { jsx as n } from "react/jsx-runtime";
-import * as a from "react";
-import { S as m } from "./index-BtQfgaSF.js";
-import { cn as s } from "./mainstack-design-system586.js";
-const i = a.forwardRef(({ className: e, asChild: t = !1, children: o, ...l }, r) => /* @__PURE__ */ n(
-  t ? m : "div",
+import { jsx as l } from "react/jsx-runtime";
+import { cn as r } from "./mainstack-design-system586.js";
+const o = ({
+  isSticky: e,
+  className: a,
+  ...t
+}) => /* @__PURE__ */ l(
+  "th",
   {
-    ref: r,
-    "data-slot": "table-cell-content",
-    className: s(
-      "inline-flex items-center justify-center shrink-0",
-      e
+    role: "columnheader",
+    "data-slot": "table-head",
+    className: r(
+      e ? "sticky left-0 bg-surface-neutral-l3 z-10" : "",
+      "text-secondary px-12 py-16 text-left align-middle body-small-medium whitespace-nowrap",
+      a
     ),
-    ...l,
-    children: o
+    ...t
   }
-));
-i.displayName = "TableCellContent";
+);
+o.displayName = "TableHead";
 export {
-  i as TableCellContent
+  o as TableHead
 };

package/dist/mainstack-design-system544.cjs

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

package/dist/mainstack-design-system544.js

@@ -1,23 +1,17 @@
-import { jsx as l } from "react/jsx-runtime";
-import { cn as r } from "./mainstack-design-system586.js";
-const o = ({
-  isSticky: e,
-  className: a,
-  ...t
-}) => /* @__PURE__ */ l(
-  "th",
+import { jsx as r } from "react/jsx-runtime";
+import { cn as t } from "./mainstack-design-system586.js";
+const d = ({ className: e, ...a }) => /* @__PURE__ */ r(
+  "thead",
   {
-    role: "columnheader",
-    "data-slot": "table-head",
-    className: r(
-      e ? "sticky left-0 bg-surface-neutral-l3 z-10" : "",
-      "text-secondary px-12 py-16 text-left align-middle body-small-medium whitespace-nowrap",
-      a
+    "data-slot": "table-header",
+    className: t(
+      "bg-white hidden md:table-header-group sticky top-0 z-20 bg-surface-neutral-l3",
+      e
     ),
-    ...t
+    ...a
   }
 );
-o.displayName = "TableHead";
+d.displayName = "TableHeader";
 export {
-  o as TableHead
+  d as TableHeader
 };

package/dist/mainstack-design-system545.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("./mainstack-design-system586.cjs"),e=({className:a,...t})=>r.jsx("thead",{"data-slot":"table-header",className:l.cn("bg-white hidden md:table-header-group sticky top-0 z-20 bg-surface-neutral-l3",a),...t});e.displayName="TableHeader";exports.TableHeader=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),o=require("./mainstack-design-system586.cjs"),e=({className:r,...t})=>d.jsx("tr",{"data-slot":"table-row",className:o.cn("flex flex-col sm:table-row px-16 md:px-0 border-y border-x-1 md:border-x-0  border-border-interactive-neutral rounded-20 md:rounded-0 mb-16 md:mb-0 divide-y divide-border-interactive-neutral",r),...t});e.displayName="TableRow";exports.TableRow=e;

package/dist/mainstack-design-system545.js

@@ -1,17 +1,17 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as t } from "./mainstack-design-system586.js";
-const d = ({ className: e, ...a }) => /* @__PURE__ */ r(
-  "thead",
+import { jsx as d } from "react/jsx-runtime";
+import { cn as o } from "./mainstack-design-system586.js";
+const t = ({ className: r, ...e }) => /* @__PURE__ */ d(
+  "tr",
   {
-    "data-slot": "table-header",
-    className: t(
-      "bg-white hidden md:table-header-group sticky top-0 z-20 bg-surface-neutral-l3",
-      e
+    "data-slot": "table-row",
+    className: o(
+      "flex flex-col sm:table-row px-16 md:px-0 border-y border-x-1 md:border-x-0  border-border-interactive-neutral rounded-20 md:rounded-0 mb-16 md:mb-0 divide-y divide-border-interactive-neutral",
+      r
     ),
-    ...a
+    ...e
   }
 );
-d.displayName = "TableHeader";
+t.displayName = "TableRow";
 export {
-  d as TableHeader
+  t as TableRow
 };

package/dist/mainstack-design-system546.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("./mainstack-design-system586.cjs"),e=({className:r,...t})=>o.jsx("tr",{"data-slot":"table-row",className:d.cn("divide-y divide-border-interactive-neutral data-[state=selected]:bg-muted transition-colors flex flex-col sm:table-row px-16 md:px-0 border border-border-interactive-neutral rounded-20 md:rounded-0 md:border-none mb-16 md:mb-0",r),...t});e.displayName="TableRow";exports.TableRow=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("./mainstack-design-system586.cjs"),u=require("./mainstack-design-system547.cjs"),P=require("./mainstack-design-system549.cjs"),b=require("./mainstack-design-system548.cjs"),m=require("./mainstack-design-system550.cjs"),x=require("./mainstack-design-system551.cjs"),p=require("./mainstack-design-system580.cjs"),a=({totalResults:n=3,limit:t,page:o,setPage:i,setLimit:r,className:s})=>{const l=Math.ceil(n/t),{isScrolling:c,atBottom:g}=p.useTableScroll();return e.jsxs("div",{"data-slot":"table-pagination",className:d.cn("flex items-center justify-between w-full p-16 mt-12 border-t border-x  border-border-interactive-neutral sticky bottom-0 z-20 bg-surface-neutral-l1 transition-all duration-200 ",c?"rounded-t-20 shadow-lg ":"rounded-20 ",g?"rounded-b-20 border":"rounded-b-none",s),children:[e.jsxs("div",{className:"text-primary body-extrasmall-regular flex-1 hidden md:flex gap-2",children:[e.jsx("p",{className:"body-extrasmall-semibold",children:n})," results"]}),e.jsxs(u.PaginationRoot,{page:o,totalPages:l,onPageChange:i,limit:t,onLimitChange:r,className:"flex items-center w-full gap-12 justify-end",children:[e.jsx(x.PaginationPageSize,{}),e.jsx(b.PaginationPrev,{}),e.jsx(m.PaginationPageButton,{}),e.jsx(P.PaginationNext,{})]})]})};a.displayName="TablePagination";exports.TablePagination=a;

package/dist/mainstack-design-system546.js

@@ -1,17 +1,57 @@
-import { jsx as o } from "react/jsx-runtime";
-import { cn as t } from "./mainstack-design-system586.js";
-const d = ({ className: e, ...r }) => /* @__PURE__ */ o(
-  "tr",
-  {
-    "data-slot": "table-row",
-    className: t(
-      "divide-y divide-border-interactive-neutral data-[state=selected]:bg-muted transition-colors flex flex-col sm:table-row px-16 md:px-0 border border-border-interactive-neutral rounded-20 md:rounded-0 md:border-none mb-16 md:mb-0",
-      e
-    ),
-    ...r
-  }
-);
-d.displayName = "TableRow";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { cn as c } from "./mainstack-design-system586.js";
+import { PaginationRoot as g } from "./mainstack-design-system547.js";
+import { PaginationNext as b } from "./mainstack-design-system549.js";
+import { PaginationPrev as f } from "./mainstack-design-system548.js";
+import { PaginationPageButton as p } from "./mainstack-design-system550.js";
+import { PaginationPageSize as u } from "./mainstack-design-system551.js";
+import { useTableScroll as x } from "./mainstack-design-system580.js";
+const P = ({
+  totalResults: o = 3,
+  limit: t,
+  page: r,
+  setPage: i,
+  setLimit: n,
+  className: l
+}) => {
+  const m = Math.ceil(o / t), { isScrolling: d, atBottom: s } = x();
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "table-pagination",
+      className: c(
+        "flex items-center justify-between w-full p-16 mt-12 border-t border-x  border-border-interactive-neutral sticky bottom-0 z-20 bg-surface-neutral-l1 transition-all duration-200 ",
+        d ? "rounded-t-20 shadow-lg " : "rounded-20 ",
+        s ? "rounded-b-20 border" : "rounded-b-none",
+        l
+      ),
+      children: [
+        /* @__PURE__ */ a("div", { className: "text-primary body-extrasmall-regular flex-1 hidden md:flex gap-2", children: [
+          /* @__PURE__ */ e("p", { className: "body-extrasmall-semibold", children: o }),
+          " results"
+        ] }),
+        /* @__PURE__ */ a(
+          g,
+          {
+            page: r,
+            totalPages: m,
+            onPageChange: i,
+            limit: t,
+            onLimitChange: n,
+            className: "flex items-center w-full gap-12 justify-end",
+            children: [
+              /* @__PURE__ */ e(u, {}),
+              /* @__PURE__ */ e(f, {}),
+              /* @__PURE__ */ e(p, {}),
+              /* @__PURE__ */ e(b, {})
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+P.displayName = "TablePagination";
 export {
-  d as TableRow
+  P as TablePagination
 };

package/dist/mainstack-design-system547.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("./mainstack-design-system586.cjs"),u=require("./mainstack-design-system548.cjs"),P=require("./mainstack-design-system550.cjs"),b=require("./mainstack-design-system549.cjs"),m=require("./mainstack-design-system551.cjs"),x=require("./mainstack-design-system552.cjs"),p=require("./mainstack-design-system580.cjs"),a=({totalResults:n=3,limit:t,page:o,setPage:i,setLimit:r,className:s})=>{const l=Math.ceil(n/t),{isScrolling:c,atBottom:g}=p.useTableScroll();return e.jsxs("div",{"data-slot":"table-pagination",className:d.cn("flex items-center justify-between w-full p-16 mt-12 border-t border-x  border-border-interactive-neutral sticky bottom-0 z-20 bg-surface-neutral-l1 transition-all duration-200 ",c?"rounded-t-20 shadow-lg ":"rounded-20 ",g?"rounded-b-20 border":"rounded-b-none",s),children:[e.jsxs("div",{className:"text-primary body-extrasmall-regular flex-1 hidden md:flex gap-2",children:[e.jsx("p",{className:"body-extrasmall-semibold",children:n})," results"]}),e.jsxs(u.PaginationRoot,{page:o,totalPages:l,onPageChange:i,limit:t,onLimitChange:r,className:"flex items-center w-full gap-12 justify-end",children:[e.jsx(x.PaginationPageSize,{}),e.jsx(b.PaginationPrev,{}),e.jsx(m.PaginationPageButton,{}),e.jsx(P.PaginationNext,{})]})]})};a.displayName="TablePagination";exports.TablePagination=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("./mainstack-design-system586.cjs"),u=require("./mainstack-design-system581.cjs"),e=({children:i,page:n,totalPages:o,limit:a,onPageChange:s,onLimitChange:r,className:c})=>t.jsx(u.PaginationContext.Provider,{value:{page:n,totalPages:o,limit:a,setPage:s,setLimit:r},children:t.jsx("div",{className:l.cn("flex items-center space-x-4 w-full gap-12 justify-end",c),children:i})});e.displayName="PaginationRoot";exports.PaginationRoot=e;

package/dist/mainstack-design-system547.js

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

package/dist/mainstack-design-system548.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("./mainstack-design-system586.cjs"),u=require("./mainstack-design-system581.cjs"),e=({children:i,page:n,totalPages:o,limit:a,onPageChange:s,onLimitChange:r,className:c})=>t.jsx(u.PaginationContext.Provider,{value:{page:n,totalPages:o,limit:a,setPage:s,setLimit:r},children:t.jsx("div",{className:l.cn("flex items-center space-x-4 w-full gap-12 justify-end",c),children:i})});e.displayName="PaginationRoot";exports.PaginationRoot=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("./mainstack-design-system382.cjs");require("./mainstack-design-system383.cjs");require("./mainstack-design-system384.cjs");const o=require("./mainstack-design-system385.cjs"),r=require("./mainstack-design-system581.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;