mainstack-design-system 1.4.0 → 1.4.2

package/dist/mainstack-design-system549.cjs

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

package/dist/mainstack-design-system549.js

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

package/dist/mainstack-design-system550.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("./utils-DrLMGmuk.cjs"),u=require("./mainstack-design-system551.cjs"),P=require("./mainstack-design-system553.cjs"),b=require("./mainstack-design-system552.cjs"),m=require("./mainstack-design-system554.cjs"),x=require("./mainstack-design-system555.cjs"),p=require("./mainstack-design-system585.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 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;

package/dist/mainstack-design-system550.js

@@ -1,57 +1,17 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { c } from "./utils-DC6U5j2d.js";
-import { PaginationRoot as g } from "./mainstack-design-system551.js";
-import { PaginationNext as b } from "./mainstack-design-system553.js";
-import { PaginationPrev as f } from "./mainstack-design-system552.js";
-import { PaginationPageButton as p } from "./mainstack-design-system554.js";
-import { PaginationPageSize as u } from "./mainstack-design-system555.js";
-import { useTableScroll as x } from "./mainstack-design-system585.js";
-const P = ({
-  totalResults: o = 3,
-  limit: t,
-  page: r,
-  setPage: i,
-  setLimit: n,
-  className: l
-}) => {
-  const m = Math.ceil(o / t), { isScrolling: s, atBottom: d } = 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 ",
-        s ? "rounded-t-20 shadow-lg " : "rounded-20 ",
-        d ? "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 r } from "react/jsx-runtime";
+import { c as e } from "./utils-Opg_zrKx.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-system551.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("./utils-DrLMGmuk.cjs"),u=require("./mainstack-design-system586.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 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;

package/dist/mainstack-design-system551.js

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

package/dist/mainstack-design-system552.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("./mainstack-design-system385.cjs");require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");const o=require("./mainstack-design-system388.cjs"),r=require("./mainstack-design-system586.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-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;

package/dist/mainstack-design-system552.js

@@ -1,25 +1,37 @@
-import { jsx as o } from "react/jsx-runtime";
-import "./mainstack-design-system385.js";
-import "./mainstack-design-system386.js";
-import "./mainstack-design-system387.js";
-import { Button as r } from "./mainstack-design-system388.js";
-import { usePagination as e } from "./mainstack-design-system586.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 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";
 export {
-  a as PaginationPrev
+  c as PaginationRoot
 };

package/dist/mainstack-design-system553.cjs

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

package/dist/mainstack-design-system553.js

@@ -1,25 +1,25 @@
-import { jsx as a } from "react/jsx-runtime";
-import "./mainstack-design-system385.js";
+import { jsx as o } from "react/jsx-runtime";
 import "./mainstack-design-system386.js";
 import "./mainstack-design-system387.js";
-import { Button as e } from "./mainstack-design-system388.js";
-import { usePagination as n } from "./mainstack-design-system586.js";
-const r = () => {
-  const { page: t, totalPages: o, setPage: i } = n();
-  return /* @__PURE__ */ a(
-    e,
+import "./mainstack-design-system388.js";
+import { Button as r } from "./mainstack-design-system389.js";
+import { usePagination as e } from "./mainstack-design-system596.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"
     }
   );
 };
-r.displayName = "PaginationNext";
+a.displayName = "PaginationPrev";
 export {
-  r as PaginationNext
+  a as PaginationPrev
 };

package/dist/mainstack-design-system554.cjs

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

package/dist/mainstack-design-system554.js

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

package/dist/mainstack-design-system555.cjs

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./mainstack-design-system557.cjs"),s=require("./mainstack-design-system459.cjs"),c=require("./mainstack-design-system460.cjs"),u=require("./mainstack-design-system461.cjs"),p=require("./mainstack-design-system462.cjs");require("./mainstack-design-system463.cjs");require("./mainstack-design-system464.cjs");require("./mainstack-design-system457.cjs");require("./mainstack-design-system458.cjs");const m=require("./mainstack-design-system586.cjs"),l=()=>{const{limit:a,setLimit:i}=m.usePagination(),r=[{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 i?e.jsxs(o.SelectRoot,{options:r,value:String(a),onValueChange:t=>i(Number(t)),children:[e.jsx(s.SelectInputField,{shape:"full-radius",className:"min-h-36"}),e.jsx(c.SelectPortal,{children:e.jsx(u.SelectOptions,{children:({options:t})=>t.map(n=>e.jsx(p.SelectOptionItem,{value:n.value,children:n.label},n.value))})})]}):null};l.displayName="PaginationPageSize";exports.PaginationPageSize=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),c=require("./utils-KlkRDGof.cjs"),g=require("./mainstack-design-system596.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 
+            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;

package/dist/mainstack-design-system555.js

@@ -1,35 +1,56 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { SelectRoot as o } from "./mainstack-design-system557.js";
-import { SelectInputField as p } from "./mainstack-design-system459.js";
-import { SelectPortal as n } from "./mainstack-design-system460.js";
-import { SelectOptions as s } from "./mainstack-design-system461.js";
-import { SelectOptionItem as u } from "./mainstack-design-system462.js";
-import "./mainstack-design-system463.js";
-import "./mainstack-design-system464.js";
-import "./mainstack-design-system457.js";
-import "./mainstack-design-system458.js";
-import { usePagination as c } from "./mainstack-design-system586.js";
-const g = () => {
-  const { limit: a, setLimit: l } = c(), r = [
-    { 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 ? /* @__PURE__ */ m(
-    o,
+import { jsx as d } from "react/jsx-runtime";
+import { c } from "./utils-Opg_zrKx.js";
+import { usePagination as p } from "./mainstack-design-system596.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",
     {
-      options: r,
-      value: String(a),
-      onValueChange: (i) => l(Number(i)),
-      children: [
-        /* @__PURE__ */ e(p, { shape: "full-radius", className: "min-h-36" }),
-        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(s, { children: ({ options: i }) => i.map((t) => /* @__PURE__ */ e(u, { value: t.value, children: t.label }, t.value)) }) })
-      ]
+      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 
+            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
+        );
+      })
     }
-  ) : null;
+  );
 };
-g.displayName = "PaginationPageSize";
+u.displayName = "PaginationPageButton";
 export {
-  g as PaginationPageSize
+  u as PaginationPageButton
 };

package/dist/mainstack-design-system556.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext([{mode:"light",uiTheme:"default",themeCssVariablesOveride:{}},()=>{}]);exports.MainstackDesignSystemProviderContext=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./mainstack-design-system567.cjs"),s=require("./mainstack-design-system460.cjs"),c=require("./mainstack-design-system461.cjs"),u=require("./mainstack-design-system462.cjs"),p=require("./mainstack-design-system463.cjs");require("./mainstack-design-system464.cjs");require("./mainstack-design-system465.cjs");require("./mainstack-design-system458.cjs");require("./mainstack-design-system459.cjs");const m=require("./mainstack-design-system596.cjs"),l=()=>{const{limit:a,setLimit:i}=m.usePagination(),r=[{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 i?e.jsxs(o.SelectRoot,{options:r,value:String(a),onValueChange:t=>i(Number(t)),children:[e.jsx(s.SelectInputField,{shape:"full-radius",className:"mds:min-h-36"}),e.jsx(c.SelectPortal,{children:e.jsx(u.SelectOptions,{children:({options:t})=>t.map(n=>e.jsx(p.SelectOptionItem,{value:n.value,children:n.label},n.value))})})]}):null};l.displayName="PaginationPageSize";exports.PaginationPageSize=l;

package/dist/mainstack-design-system556.js

@@ -1,9 +1,35 @@
-import { createContext as e } from "react";
-const i = e([
-  { mode: "light", uiTheme: "default", themeCssVariablesOveride: {} },
-  () => {
-  }
-]);
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { SelectRoot as o } from "./mainstack-design-system567.js";
+import { SelectInputField as p } from "./mainstack-design-system460.js";
+import { SelectPortal as n } from "./mainstack-design-system461.js";
+import { SelectOptions as s } from "./mainstack-design-system462.js";
+import { SelectOptionItem as u } from "./mainstack-design-system463.js";
+import "./mainstack-design-system464.js";
+import "./mainstack-design-system465.js";
+import "./mainstack-design-system458.js";
+import "./mainstack-design-system459.js";
+import { usePagination as c } from "./mainstack-design-system596.js";
+const g = () => {
+  const { limit: a, setLimit: l } = c(), r = [
+    { 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 ? /* @__PURE__ */ m(
+    o,
+    {
+      options: r,
+      value: String(a),
+      onValueChange: (i) => l(Number(i)),
+      children: [
+        /* @__PURE__ */ e(p, { shape: "full-radius", className: "mds:min-h-36" }),
+        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(s, { children: ({ options: i }) => i.map((t) => /* @__PURE__ */ e(u, { value: t.value, children: t.label }, t.value)) }) })
+      ]
+    }
+  ) : null;
+};
+g.displayName = "PaginationPageSize";
 export {
-  i as MainstackDesignSystemProviderContext
+  g as PaginationPageSize
 };

package/dist/mainstack-design-system557.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),g=require("./index-C8aODXfJ.cjs"),T=require("./index-4R9KShCu.cjs"),o=require("react"),D=require("./mainstack-design-system573.cjs"),m=require("./mainstack-design-system587.cjs"),x=o.forwardRef(({isDisabled:y,isError:C,isMultiSelect:c=!1,isSuccess:b,children:v,value:d,defaultValue:n,inputReadOnly:h,options:l=[],isOptionOpen:j,onOptionOpenChange:q,onValueChange:p},t)=>{const u=o.useRef(null),[r,P]=o.useState(m.parseSelectOptions(l)),[s,R]=g.useControllableState({prop:d,defaultProp:m.mapDefaultValuesToSelectedOption({isMultiSelect:c,defaultValue:n,options:l}),onChange:p}),[A,a]=o.useState(()=>typeof n=="string"&&r.map.get(n)?.label||""),[S,O]=g.useControllableState({prop:j,defaultProp:!1,onChange:q}),[_,f]=o.useState("idle");return i.jsx(D.SelectContext.Provider,{value:{defaultValue:n,options:r,selectedOption:s,isOptionOpen:S,isDisabled:y,isError:C,isMultiSelect:c,isSuccess:b,inputValue:A,inputReadOnly:h,previousAction:_,rootElementRef:u,setOptions:P,setPreviousAction:f,setInputValue:a,setSelectedOption:R,onOptionOpenChange:O,onValueChange:p},children:i.jsx(T.Popover,{open:S,onOpenChange:e=>{O(e),s&&!Array.isArray(s)&&!e&&(a(r.map.get(s)?.label||""),f("selection"))},children:i.jsx("div",{ref:e=>{u.current=e,typeof t=="function"?t(e):typeof t=="object"&&t?.current&&(t.current=e)},"data-slot":"select-root",children:v})})})});x.displayName="SelectRoot";exports.SelectRoot=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),a=require("react"),d=require("./utils-KlkRDGof.cjs"),i=require("./index-CpE6WAgy.cjs"),e=a.forwardRef(({asChild:s,className:t,...o},n)=>{const r=s?i.Slot:"span";return c.jsx(r,{ref:n,"data-slot":"toast-icon",className:d.cn("mds:flex mds:h-28 mds:w-28 mds:items-center mds:justify-center mds:rounded-full mds:p-8",t),...o})});e.displayName="ToastIcon";exports.ToastIcon=e;