@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260702085048 → 0.8.1-dev.20260706110649

package/dist/Pagination-6OFACRMQ.mjs

@@ -0,0 +1,229 @@
+"use client";
+import {
+  Constants,
+  Hyperlink,
+  OdataBuilder
+} from "./chunk-TVL6KVD5.mjs";
+import "./chunk-56HSDML5.mjs";
+
+// src/components/Pagination.tsx
+import { useMemo } from "react";
+
+// src/svg/chevron-updown.tsx
+import { jsx } from "react/jsx-runtime";
+var ChevronUpDown = (props) => {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
+};
+var chevron_updown_default = ChevronUpDown;
+
+// src/svg/chevron-down.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ChevronDown = (props) => {
+  return /* @__PURE__ */ jsx2("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx2("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
+};
+var chevron_down_default = ChevronDown;
+
+// src/svg/chevron-up.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ChevronUp = (props) => {
+  return /* @__PURE__ */ jsx3("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx3("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
+};
+var chevron_up_default = ChevronUp;
+
+// src/svg/plus.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Plus = (props) => {
+  return /* @__PURE__ */ jsx4("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx4("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
+};
+var plus_default = Plus;
+
+// src/svg/Icons.tsx
+var Icons = {
+  chevronUpDown: chevron_updown_default,
+  chevronDown: chevron_down_default,
+  chevronUp: chevron_up_default,
+  plus: plus_default
+};
+var Icons_default = Icons;
+
+// src/svg/Icon.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Icon = ({ name, className, ...props }) => {
+  const IconComponent = Icons_default[name];
+  if (!IconComponent) {
+    console.error(`Icon "${name}" not found.`);
+    return null;
+  }
+  return /* @__PURE__ */ jsx5(IconComponent, { ...props, className });
+};
+var Icon_default = Icon;
+
+// src/components/Pagination.tsx
+import { jsx as jsx6, jsxs } from "react/jsx-runtime";
+var Pagination = (props) => {
+  const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
+  const builder = useMemo(() => {
+    const b = new OdataBuilder(path);
+    if (query) b.setQuery(query);
+    return b;
+  }, [path, query]);
+  const activePageNumber = builder.getPageNumber(Constants.pagesize);
+  const totalItems = dataset?.count || 0;
+  const itemsPerPage = parseInt(builder.top || Constants.pagesize.toString());
+  const totalPages = Math.ceil(totalItems / itemsPerPage);
+  const startItem = totalItems > 0 ? (activePageNumber - 1) * itemsPerPage + 1 : 0;
+  const endItem = Math.min(activePageNumber * itemsPerPage, totalItems);
+  const getPaginationRange = () => {
+    const delta = 1;
+    const range = [];
+    if (totalPages <= 7) {
+      return Array.from({ length: totalPages }, (_, i) => i + 1);
+    }
+    range.push(1);
+    let start = Math.max(2, activePageNumber - delta);
+    let end = Math.min(totalPages - 1, activePageNumber + delta);
+    if (activePageNumber - delta <= 2) {
+      end = Math.min(totalPages - 1, 4);
+    }
+    if (activePageNumber + delta >= totalPages - 1) {
+      start = Math.max(2, totalPages - 4);
+    }
+    if (start > 2) {
+      range.push("...");
+    }
+    for (let i = start; i <= end; i++) {
+      range.push(i);
+    }
+    if (end < totalPages - 1) {
+      range.push("...");
+    }
+    if (totalPages > 1) {
+      range.push(totalPages);
+    }
+    return range;
+  };
+  const paginationRange = getPaginationRange();
+  const PageButton = ({ page, children }) => /* @__PURE__ */ jsx6(
+    Hyperlink,
+    {
+      linkType: "Link" /* Link */,
+      className: `
+               min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2.5 md:px-3 
+                border text-sm font-medium transition-colors duration-150
+                ${activePageNumber === page ? "bg-primary-base font-semibold" : ""}
+            `,
+      href: builder.getNewPageUrl(page),
+      children
+    }
+  );
+  const NavigationButton = ({ page, disabled, children }) => {
+    if (disabled) {
+      return /* @__PURE__ */ jsx6("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border  bg-neutral-base cursor-not-allowed", children });
+    }
+    return /* @__PURE__ */ jsx6(
+      Hyperlink,
+      {
+        className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
+        href: builder.getNewPageUrl(page),
+        children
+      }
+    );
+  };
+  if (totalPages <= 1 && totalItems === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "py-6 border-t bg-default", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+        "Showing ",
+        /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
+          startItem,
+          "-",
+          endItem
+        ] }),
+        " ",
+        "out of ",
+        /* @__PURE__ */ jsx6("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
+        " results"
+      ] }),
+      totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
+        /* @__PURE__ */ jsxs(
+          NavigationButton,
+          {
+            page: activePageNumber - 1,
+            disabled: activePageNumber === 1,
+            children: [
+              /* @__PURE__ */ jsx6("span", { children: /* @__PURE__ */ jsx6(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
+              /* @__PURE__ */ jsx6("span", { className: "text-sm", children: "Prev" })
+            ]
+          }
+        ),
+        paginationRange.map((item, index) => {
+          if (item === "...") {
+            return /* @__PURE__ */ jsx6(
+              "span",
+              {
+                className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
+                children: "..."
+              },
+              `ellipsis-${index}`
+            );
+          }
+          const page = item;
+          return /* @__PURE__ */ jsx6(PageButton, { page, children: page }, page);
+        }),
+        /* @__PURE__ */ jsxs(
+          NavigationButton,
+          {
+            page: activePageNumber + 1,
+            disabled: activePageNumber === totalPages,
+            children: [
+              /* @__PURE__ */ jsx6("span", { className: "text-sm", children: "Next" }),
+              /* @__PURE__ */ jsx6("span", { children: /* @__PURE__ */ jsx6(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
+            ]
+          }
+        )
+      ] }),
+      showJumpToPage && totalPages > 5 && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsx6("span", { className: "text-sm", children: "Go to:" }),
+        /* @__PURE__ */ jsx6("div", { className: "relative", children: /* @__PURE__ */ jsx6(
+          "input",
+          {
+            type: "number",
+            min: "1",
+            max: totalPages,
+            defaultValue: activePageNumber,
+            className: "w-20 h-10 px-3 border rounded text-sm focus:outline-none focus:ring-2 focus:border-transparent",
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                const input = e.target;
+                const page = parseInt(input.value);
+                if (page >= 1 && page <= totalPages && page !== activePageNumber) {
+                  window.location.href = builder.getNewPageUrl(page);
+                }
+              }
+            }
+          }
+        ) })
+      ] })
+    ] }),
+    showPageSizeSelector && /* @__PURE__ */ jsx6("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center space-x-2", children: [
+      /* @__PURE__ */ jsx6("span", { className: "text-sm", children: "Show:" }),
+      /* @__PURE__ */ jsx6("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ jsx6(
+        Hyperlink,
+        {
+          className: `
+                                        px-3 py-1 text-sm rounded border transition-colors duration-150
+                                        ${itemsPerPage === size ? "bg-primary-base font-medium" : "bg-neutral-weak"}
+                                    `,
+          href: builder.getNewPageSizeUrl(size),
+          children: size
+        },
+        size
+      )) }),
+      /* @__PURE__ */ jsx6("span", { className: "text-sm", children: "per page" })
+    ] }) })
+  ] });
+};
+var Pagination_default = Pagination;
+export {
+  Pagination_default as default
+};

package/dist/Pagination-FSYLYKUA.mjs

@@ -0,0 +1,181 @@
+"use client";
+import {
+  OdataBuilder
+} from "./chunk-47HD7QP7.mjs";
+import {
+  Constants,
+  Hyperlink,
+  Icon_default
+} from "./chunk-CM7LUGCH.mjs";
+import "./chunk-56HSDML5.mjs";
+
+// src/components/Pagination.tsx
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Pagination = (props) => {
+  const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
+  const builder = useMemo(() => {
+    const b = new OdataBuilder(path);
+    if (query) b.setQuery(query);
+    return b;
+  }, [path, query]);
+  const activePageNumber = builder.getPageNumber(Constants.pagesize);
+  const totalItems = dataset?.count || 0;
+  const itemsPerPage = parseInt(builder.top || Constants.pagesize.toString());
+  const totalPages = Math.ceil(totalItems / itemsPerPage);
+  const startItem = totalItems > 0 ? (activePageNumber - 1) * itemsPerPage + 1 : 0;
+  const endItem = Math.min(activePageNumber * itemsPerPage, totalItems);
+  const getPaginationRange = () => {
+    const delta = 1;
+    const range = [];
+    if (totalPages <= 7) {
+      return Array.from({ length: totalPages }, (_, i) => i + 1);
+    }
+    range.push(1);
+    let start = Math.max(2, activePageNumber - delta);
+    let end = Math.min(totalPages - 1, activePageNumber + delta);
+    if (activePageNumber - delta <= 2) {
+      end = Math.min(totalPages - 1, 4);
+    }
+    if (activePageNumber + delta >= totalPages - 1) {
+      start = Math.max(2, totalPages - 4);
+    }
+    if (start > 2) {
+      range.push("...");
+    }
+    for (let i = start; i <= end; i++) {
+      range.push(i);
+    }
+    if (end < totalPages - 1) {
+      range.push("...");
+    }
+    if (totalPages > 1) {
+      range.push(totalPages);
+    }
+    return range;
+  };
+  const paginationRange = getPaginationRange();
+  const PageButton = ({ page, children }) => /* @__PURE__ */ jsx(
+    Hyperlink,
+    {
+      linkType: "Link" /* Link */,
+      className: `
+               min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2.5 md:px-3 
+                border text-sm font-medium transition-colors duration-150
+                ${activePageNumber === page ? "bg-primary-base font-semibold" : ""}
+            `,
+      href: builder.getNewPageUrl(page),
+      children
+    }
+  );
+  const NavigationButton = ({ page, disabled, children }) => {
+    if (disabled) {
+      return /* @__PURE__ */ jsx("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border  bg-neutral-base cursor-not-allowed", children });
+    }
+    return /* @__PURE__ */ jsx(
+      Hyperlink,
+      {
+        className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
+        href: builder.getNewPageUrl(page),
+        children
+      }
+    );
+  };
+  if (totalPages <= 1 && totalItems === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "py-6 border-t bg-default", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+        "Showing ",
+        /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
+          startItem,
+          "-",
+          endItem
+        ] }),
+        " ",
+        "out of ",
+        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
+        " results"
+      ] }),
+      totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
+        /* @__PURE__ */ jsxs(
+          NavigationButton,
+          {
+            page: activePageNumber - 1,
+            disabled: activePageNumber === 1,
+            children: [
+              /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Prev" })
+            ]
+          }
+        ),
+        paginationRange.map((item, index) => {
+          if (item === "...") {
+            return /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
+                children: "..."
+              },
+              `ellipsis-${index}`
+            );
+          }
+          const page = item;
+          return /* @__PURE__ */ jsx(PageButton, { page, children: page }, page);
+        }),
+        /* @__PURE__ */ jsxs(
+          NavigationButton,
+          {
+            page: activePageNumber + 1,
+            disabled: activePageNumber === totalPages,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Next" }),
+              /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
+            ]
+          }
+        )
+      ] }),
+      showJumpToPage && totalPages > 5 && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Go to:" }),
+        /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: "1",
+            max: totalPages,
+            defaultValue: activePageNumber,
+            className: "w-20 h-10 px-3 border rounded text-sm focus:outline-none focus:ring-2 focus:border-transparent",
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                const input = e.target;
+                const page = parseInt(input.value);
+                if (page >= 1 && page <= totalPages && page !== activePageNumber) {
+                  window.location.href = builder.getNewPageUrl(page);
+                }
+              }
+            }
+          }
+        ) })
+      ] })
+    ] }),
+    showPageSizeSelector && /* @__PURE__ */ jsx("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center space-x-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Show:" }),
+      /* @__PURE__ */ jsx("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ jsx(
+        Hyperlink,
+        {
+          className: `
+                                        px-3 py-1 text-sm rounded border transition-colors duration-150
+                                        ${itemsPerPage === size ? "bg-primary-base font-medium" : "bg-neutral-weak"}
+                                    `,
+          href: builder.getNewPageSizeUrl(size),
+          children: size
+        },
+        size
+      )) }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm", children: "per page" })
+    ] }) })
+  ] });
+};
+var Pagination_default = Pagination;
+export {
+  Pagination_default as default
+};

package/dist/Pagination-YCD5CU2L.mjs

@@ -0,0 +1,183 @@
+"use client";
+
+"use client";
+import {
+  OdataBuilder
+} from "./chunk-R2HV35IB.mjs";
+import {
+  Constants,
+  Hyperlink,
+  Icon_default
+} from "./chunk-2GSYECIS.mjs";
+import "./chunk-IMNQO57B.mjs";
+
+// src/components/Pagination.tsx
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Pagination = (props) => {
+  const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
+  const builder = useMemo(() => {
+    const b = new OdataBuilder(path);
+    if (query) b.setQuery(query);
+    return b;
+  }, [path, query]);
+  const activePageNumber = builder.getPageNumber(Constants.pagesize);
+  const totalItems = dataset?.count || 0;
+  const itemsPerPage = parseInt(builder.top || Constants.pagesize.toString());
+  const totalPages = Math.ceil(totalItems / itemsPerPage);
+  const startItem = totalItems > 0 ? (activePageNumber - 1) * itemsPerPage + 1 : 0;
+  const endItem = Math.min(activePageNumber * itemsPerPage, totalItems);
+  const getPaginationRange = () => {
+    const delta = 1;
+    const range = [];
+    if (totalPages <= 7) {
+      return Array.from({ length: totalPages }, (_, i) => i + 1);
+    }
+    range.push(1);
+    let start = Math.max(2, activePageNumber - delta);
+    let end = Math.min(totalPages - 1, activePageNumber + delta);
+    if (activePageNumber - delta <= 2) {
+      end = Math.min(totalPages - 1, 4);
+    }
+    if (activePageNumber + delta >= totalPages - 1) {
+      start = Math.max(2, totalPages - 4);
+    }
+    if (start > 2) {
+      range.push("...");
+    }
+    for (let i = start; i <= end; i++) {
+      range.push(i);
+    }
+    if (end < totalPages - 1) {
+      range.push("...");
+    }
+    if (totalPages > 1) {
+      range.push(totalPages);
+    }
+    return range;
+  };
+  const paginationRange = getPaginationRange();
+  const PageButton = ({ page, children }) => /* @__PURE__ */ jsx(
+    Hyperlink,
+    {
+      linkType: "Link" /* Link */,
+      className: `
+               min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2.5 md:px-3 
+                border text-sm font-medium transition-colors duration-150
+                ${activePageNumber === page ? "bg-primary-base font-semibold" : ""}
+            `,
+      href: builder.getNewPageUrl(page),
+      children
+    }
+  );
+  const NavigationButton = ({ page, disabled, children }) => {
+    if (disabled) {
+      return /* @__PURE__ */ jsx("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border  bg-neutral-base cursor-not-allowed", children });
+    }
+    return /* @__PURE__ */ jsx(
+      Hyperlink,
+      {
+        className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
+        href: builder.getNewPageUrl(page),
+        children
+      }
+    );
+  };
+  if (totalPages <= 1 && totalItems === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "py-6 border-t bg-default", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+        "Showing ",
+        /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
+          startItem,
+          "-",
+          endItem
+        ] }),
+        " ",
+        "out of ",
+        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
+        " results"
+      ] }),
+      totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
+        /* @__PURE__ */ jsxs(
+          NavigationButton,
+          {
+            page: activePageNumber - 1,
+            disabled: activePageNumber === 1,
+            children: [
+              /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Prev" })
+            ]
+          }
+        ),
+        paginationRange.map((item, index) => {
+          if (item === "...") {
+            return /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
+                children: "..."
+              },
+              `ellipsis-${index}`
+            );
+          }
+          const page = item;
+          return /* @__PURE__ */ jsx(PageButton, { page, children: page }, page);
+        }),
+        /* @__PURE__ */ jsxs(
+          NavigationButton,
+          {
+            page: activePageNumber + 1,
+            disabled: activePageNumber === totalPages,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Next" }),
+              /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
+            ]
+          }
+        )
+      ] }),
+      showJumpToPage && totalPages > 5 && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Go to:" }),
+        /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: "1",
+            max: totalPages,
+            defaultValue: activePageNumber,
+            className: "w-20 h-10 px-3 border rounded text-sm focus:outline-none focus:ring-2 focus:border-transparent",
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                const input = e.target;
+                const page = parseInt(input.value);
+                if (page >= 1 && page <= totalPages && page !== activePageNumber) {
+                  window.location.href = builder.getNewPageUrl(page);
+                }
+              }
+            }
+          }
+        ) })
+      ] })
+    ] }),
+    showPageSizeSelector && /* @__PURE__ */ jsx("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center space-x-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Show:" }),
+      /* @__PURE__ */ jsx("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ jsx(
+        Hyperlink,
+        {
+          className: `
+                                        px-3 py-1 text-sm rounded border transition-colors duration-150
+                                        ${itemsPerPage === size ? "bg-primary-base font-medium" : "bg-neutral-weak"}
+                                    `,
+          href: builder.getNewPageSizeUrl(size),
+          children: size
+        },
+        size
+      )) }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm", children: "per page" })
+    ] }) })
+  ] });
+};
+var Pagination_default = Pagination;
+export {
+  Pagination_default as default
+};