mainstack-design-system 1.15.1 → 1.16.1

package/dist/mainstack-design-system564.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-Dp-J9Ksy.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-s-0cOrOT.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-system564.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-BWBRqOem.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-Z5JtG_Bc.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-system565.cjs

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

@@ -1,32 +1,21 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as l } from "./utils-BWBRqOem.js";
-import { useTableScroll as r } from "./mainstack-design-system618.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";
+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-Z5JtG_Bc.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";
 export {
-  n as TableHead
+  i as TableCellContent
 };

package/dist/mainstack-design-system566.cjs

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

package/dist/mainstack-design-system566.js

@@ -1,17 +1,32 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c as s } from "./utils-BWBRqOem.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
-  }
-);
-m.displayName = "TableHeader";
+import { jsx as o } from "react/jsx-runtime";
+import { c as l } from "./utils-Z5JtG_Bc.js";
+import { useTableScroll as r } from "./mainstack-design-system618.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";
 export {
-  m as TableHeader
+  n as TableHead
 };

package/dist/mainstack-design-system567.cjs

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

@@ -1,17 +1,17 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as e } from "./utils-BWBRqOem.js";
-const s = ({ className: d, ...m }) => /* @__PURE__ */ r(
-  "tr",
+import { jsx as d } from "react/jsx-runtime";
+import { c as s } from "./utils-Z5JtG_Bc.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-system568.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("./utils-Dp-J9Ksy.cjs"),u=require("./mainstack-design-system569.cjs"),P=require("./mainstack-design-system571.cjs"),b=require("./mainstack-design-system570.cjs"),x=require("./mainstack-design-system572.cjs"),p=require("./mainstack-design-system573.cjs"),_=require("./mainstack-design-system618.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 s=require("react/jsx-runtime"),m=require("./utils-s-0cOrOT.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-system568.js

@@ -1,59 +1,17 @@
-import { jsxs as s, jsx as m } from "react/jsx-runtime";
-import { c as g } from "./utils-BWBRqOem.js";
-import { PaginationRoot as b } from "./mainstack-design-system569.js";
-import { PaginationNext as f } from "./mainstack-design-system571.js";
-import { PaginationPrev as p } from "./mainstack-design-system570.js";
-import { PaginationPageButton as u } from "./mainstack-design-system572.js";
-import { PaginationPageSize as x } from "./mainstack-design-system573.js";
-import { useTableScroll as P } from "./mainstack-design-system618.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",
-    {
-      "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, {})
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-h.displayName = "TablePagination";
+import { jsx as r } from "react/jsx-runtime";
+import { c as e } from "./utils-Z5JtG_Bc.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 {
-  h as TablePagination
+  s as TableRow
 };

package/dist/mainstack-design-system569.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("./utils-Dp-J9Ksy.cjs"),l=require("./mainstack-design-system619.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"),g=require("./utils-s-0cOrOT.cjs"),u=require("./mainstack-design-system570.cjs"),P=require("./mainstack-design-system572.cjs"),b=require("./mainstack-design-system571.cjs"),x=require("./mainstack-design-system573.cjs"),p=require("./mainstack-design-system574.cjs"),_=require("./mainstack-design-system618.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;

package/dist/mainstack-design-system569.js

@@ -1,39 +1,59 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as d } from "./utils-BWBRqOem.js";
-import { PaginationContext as c } from "./mainstack-design-system619.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 { jsxs as s, jsx as m } from "react/jsx-runtime";
+import { c as g } from "./utils-Z5JtG_Bc.js";
+import { PaginationRoot as b } from "./mainstack-design-system570.js";
+import { PaginationNext as f } from "./mainstack-design-system572.js";
+import { PaginationPrev as p } from "./mainstack-design-system571.js";
+import { PaginationPageButton as u } from "./mainstack-design-system573.js";
+import { PaginationPageSize as x } from "./mainstack-design-system574.js";
+import { useTableScroll as P } from "./mainstack-design-system618.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",
+    {
+      "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, {})
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+h.displayName = "TablePagination";
 export {
-  l as PaginationRoot
+  h as TablePagination
 };

package/dist/mainstack-design-system570.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("./mainstack-design-system400.cjs");require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");const r=require("./mainstack-design-system404.cjs"),o=require("./mainstack-design-system619.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 t=require("react/jsx-runtime"),c=require("./utils-s-0cOrOT.cjs"),l=require("./mainstack-design-system619.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;

package/dist/mainstack-design-system570.js

@@ -1,26 +1,39 @@
-import { jsx as o } from "react/jsx-runtime";
-import "./mainstack-design-system400.js";
-import "./mainstack-design-system401.js";
-import "./mainstack-design-system402.js";
-import "./mainstack-design-system403.js";
-import { Button as r } from "./mainstack-design-system404.js";
-import { usePagination as e } from "./mainstack-design-system619.js";
-const a = () => {
-  const { page: t, setPage: i } = e();
-  return /* @__PURE__ */ o(
-    r,
-    {
-      variant: "outline",
-      status: "default",
-      size: "xs",
-      rounded: "sm",
-      disabled: t === 1,
-      onClick: () => i(t - 1),
-      children: "Prev"
-    }
-  );
-};
-a.displayName = "PaginationPrev";
+import { jsx as t } from "react/jsx-runtime";
+import { c as d } from "./utils-Z5JtG_Bc.js";
+import { PaginationContext as c } from "./mainstack-design-system619.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";
 export {
-  a as PaginationPrev
+  l as PaginationRoot
 };

package/dist/mainstack-design-system571.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("./mainstack-design-system400.cjs");require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");const a=require("./mainstack-design-system404.cjs"),r=require("./mainstack-design-system619.cjs"),t=()=>{const{page:e,totalPages:n,setPage:i}=r.usePagination();return o.jsx(a.Button,{variant:"outline",status:"default",size:"xs",rounded:"sm",disabled:e===n,onClick:()=>i(e+1),children:"Next"})};t.displayName="PaginationNext";exports.PaginationNext=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");const r=require("./mainstack-design-system405.cjs"),o=require("./mainstack-design-system619.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;

package/dist/mainstack-design-system571.js

@@ -1,26 +1,26 @@
-import { jsx as a } from "react/jsx-runtime";
-import "./mainstack-design-system400.js";
+import { jsx as o } from "react/jsx-runtime";
 import "./mainstack-design-system401.js";
 import "./mainstack-design-system402.js";
 import "./mainstack-design-system403.js";
-import { Button as e } from "./mainstack-design-system404.js";
-import { usePagination as r } from "./mainstack-design-system619.js";
-const n = () => {
-  const { page: t, totalPages: o, setPage: i } = r();
-  return /* @__PURE__ */ a(
-    e,
+import "./mainstack-design-system404.js";
+import { Button as r } from "./mainstack-design-system405.js";
+import { usePagination as e } from "./mainstack-design-system619.js";
+const a = () => {
+  const { page: t, setPage: i } = e();
+  return /* @__PURE__ */ o(
+    r,
     {
       variant: "outline",
       status: "default",
       size: "xs",
       rounded: "sm",
-      disabled: t === o,
-      onClick: () => i(t + 1),
-      children: "Next"
+      disabled: t === 1,
+      onClick: () => i(t - 1),
+      children: "Prev"
     }
   );
 };
-n.displayName = "PaginationNext";
+a.displayName = "PaginationPrev";
 export {
-  n as PaginationNext
+  a as PaginationPrev
 };

package/dist/mainstack-design-system572.cjs

@@ -1,5 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),c=require("./utils-Dp-J9Ksy.cjs"),g=require("./mainstack-design-system619.cjs"),o=({className:r,...m})=>{const{page:a,setPage:l,totalPages:e}=g.usePagination(),u=()=>{const t=[];if(e===0)return[];if(e<=5){for(let n=1;n<=e;n++)t.push(n);return t}t.push(1);let i,s;a<=3?(i=2,s=4):a>=e-2?(i=e-3,s=e-1):(i=a-1,s=a+1),i=Math.max(2,i),s=Math.min(e-1,s),i>2&&t.push("...");for(let n=i;n<=s;n++)t.push(n);return s<e-1&&t.push("..."),e>1&&t[t.length-1]!==e&&t.push(e),t};return d.jsx("div",{className:c.cn("mds:flex mds:justify-center mds:items-center mds:rounded-full mds:p-6 mds:gap-6 mds:bg-interactive-secondary",r),...m,children:u().map((t,i)=>{if(t==="...")return d.jsx("div",{className:" mds:text-secondary",children:"...."},`ellipsis-${i}`);const s=t===a;return d.jsx("button",{"data-state":s?"active":"inactive",className:`
-            mds:w-20 mds:h-20 mds:flex mds:items-center mds:justify-center mds:rounded-full 
-            mds:body-tiny-semibold mds:transition-colors mds:bg-neutral-275 
-            mds:data-[state=active]:bg-primary mds:text-on-primary
-            `,onClick:()=>l(t),disabled:s,children:t},t)})})};o.displayName="PaginationPageButton";exports.PaginationPageButton=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");const a=require("./mainstack-design-system405.cjs"),r=require("./mainstack-design-system619.cjs"),t=()=>{const{page:e,totalPages:n,setPage:i}=r.usePagination();return o.jsx(a.Button,{variant:"outline",status:"default",size:"xs",rounded:"sm",disabled:e===n,onClick:()=>i(e+1),children:"Next"})};t.displayName="PaginationNext";exports.PaginationNext=t;

package/dist/mainstack-design-system572.js

@@ -1,56 +1,26 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c } from "./utils-BWBRqOem.js";
-import { usePagination as p } from "./mainstack-design-system619.js";
-const u = ({
-  className: m,
-  ...r
-}) => {
-  const { page: n, setPage: o, totalPages: t } = p(), l = () => {
-    const s = [];
-    if (t === 0) return [];
-    if (t <= 5) {
-      for (let a = 1; a <= t; a++) s.push(a);
-      return s;
-    }
-    s.push(1);
-    let i, e;
-    n <= 3 ? (i = 2, e = 4) : n >= t - 2 ? (i = t - 3, e = t - 1) : (i = n - 1, e = n + 1), i = Math.max(2, i), e = Math.min(t - 1, e), i > 2 && s.push("...");
-    for (let a = i; a <= e; a++)
-      s.push(a);
-    return e < t - 1 && s.push("..."), t > 1 && s[s.length - 1] !== t && s.push(t), s;
-  };
-  return /* @__PURE__ */ d(
-    "div",
+import { jsx as a } from "react/jsx-runtime";
+import "./mainstack-design-system401.js";
+import "./mainstack-design-system402.js";
+import "./mainstack-design-system403.js";
+import "./mainstack-design-system404.js";
+import { Button as e } from "./mainstack-design-system405.js";
+import { usePagination as r } from "./mainstack-design-system619.js";
+const n = () => {
+  const { page: t, totalPages: o, setPage: i } = r();
+  return /* @__PURE__ */ a(
+    e,
     {
-      className: c(
-        "mds:flex mds:justify-center mds:items-center mds:rounded-full mds:p-6 mds:gap-6 mds:bg-interactive-secondary",
-        m
-      ),
-      ...r,
-      children: l().map((s, i) => {
-        if (s === "...")
-          return /* @__PURE__ */ d("div", { className: " mds:text-secondary", children: "...." }, `ellipsis-${i}`);
-        const e = s === n;
-        return /* @__PURE__ */ d(
-          "button",
-          {
-            "data-state": e ? "active" : "inactive",
-            className: `
-            mds:w-20 mds:h-20 mds:flex mds:items-center mds:justify-center mds:rounded-full 
-            mds:body-tiny-semibold mds:transition-colors mds:bg-neutral-275 
-            mds:data-[state=active]:bg-primary mds:text-on-primary
-            `,
-            onClick: () => o(s),
-            disabled: e,
-            children: s
-          },
-          s
-        );
-      })
+      variant: "outline",
+      status: "default",
+      size: "xs",
+      rounded: "sm",
+      disabled: t === o,
+      onClick: () => i(t + 1),
+      children: "Next"
     }
   );
 };
-u.displayName = "PaginationPageButton";
+n.displayName = "PaginationNext";
 export {
-  u as PaginationPageButton
+  n as PaginationNext
 };

package/dist/mainstack-design-system573.cjs

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./mainstack-design-system476.cjs"),c=require("./mainstack-design-system477.cjs"),u=require("./mainstack-design-system478.cjs"),m=require("./mainstack-design-system479.cjs"),p=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 S=require("./mainstack-design-system619.cjs"),a=()=>{const{defaultLimit:n,limit:r,setLimit:l}=S.usePagination(),o=[{value:"10",label:"10 items per page"},{value:"20",label:"20 items per page"},{value:"50",label:"50 items per page"},{value:"100",label:"100 items per page"}];return l?e.jsxs(s.SelectRoot,{options:o,value:String(r),onValueChange:t=>l(Number(t)),defaultValue:n?String(n):"10",children:[e.jsx(c.SelectInputField,{shape:"full-radius",className:"mds:min-h-36"}),e.jsx(u.SelectPortal,{children:e.jsx(m.SelectOptions,{children:({options:t})=>t.map(i=>e.jsx(p.SelectOptionItem,{value:i.value,children:i.label},i.value))})})]}):null};a.displayName="PaginationPageSize";exports.PaginationPageSize=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),c=require("./utils-s-0cOrOT.cjs"),g=require("./mainstack-design-system619.cjs"),o=({className:r,...m})=>{const{page:a,setPage:l,totalPages:e}=g.usePagination(),u=()=>{const t=[];if(e===0)return[];if(e<=5){for(let n=1;n<=e;n++)t.push(n);return t}t.push(1);let i,s;a<=3?(i=2,s=4):a>=e-2?(i=e-3,s=e-1):(i=a-1,s=a+1),i=Math.max(2,i),s=Math.min(e-1,s),i>2&&t.push("...");for(let n=i;n<=s;n++)t.push(n);return s<e-1&&t.push("..."),e>1&&t[t.length-1]!==e&&t.push(e),t};return d.jsx("div",{className:c.cn("mds:flex mds:justify-center mds:items-center mds:rounded-full mds:p-6 mds:gap-6 mds:bg-interactive-secondary",r),...m,children:u().map((t,i)=>{if(t==="...")return d.jsx("div",{className:" mds:text-secondary",children:"...."},`ellipsis-${i}`);const s=t===a;return d.jsx("button",{"data-state":s?"active":"inactive",className:`
+            mds:w-20 mds:h-20 mds:flex mds:items-center mds:justify-center mds:rounded-full 
+            mds:body-tiny-semibold mds:transition-colors mds:bg-neutral-275 
+            mds:data-[state=active]:bg-primary mds:text-on-primary
+            `,onClick:()=>l(t),disabled:s,children:t},t)})})};o.displayName="PaginationPageButton";exports.PaginationPageButton=o;