@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260721133206 → 0.8.1-dev.20260722070133

package/dist/LinkNodeButton-U7T2NP22.mjs

@@ -1,374 +0,0 @@
-"use client";
-import {
-  ServiceClient_default
-} from "./chunk-3GWLDT7C.mjs";
-import {
-  buttonClasses,
-  progressClasses
-} from "./chunk-56HSDML5.mjs";
-
-// src/components/pageRenderingEngine/nodes/LinkNodeButton.tsx
-import { useCallback, useState as useState3 } from "react";
-
-// src/components/Button.tsx
-import React3, { useState as useState2 } from "react";
-
-// src/components/ToastService.tsx
-var toastHandlersKey = "__digitalStoreToastHandlers";
-var getToastHandlers = () => {
-  const globalScope = globalThis;
-  if (!globalScope[toastHandlersKey]) {
-    globalScope[toastHandlersKey] = {};
-  }
-  return globalScope[toastHandlersKey];
-};
-var ToastService = class {
-  static initialize(showToast, closeToast) {
-    const handlers = getToastHandlers();
-    handlers.showToast = showToast;
-    handlers.closeToast = closeToast;
-  }
-  static showError(message) {
-    const handlers = getToastHandlers();
-    if (handlers.showToast) {
-      handlers.showToast(message, "error");
-    }
-  }
-  static showInfo(message) {
-    const handlers = getToastHandlers();
-    if (handlers.showToast) {
-      handlers.showToast(message, "info");
-    }
-  }
-  static showWarning(message) {
-    const handlers = getToastHandlers();
-    if (handlers.showToast) {
-      handlers.showToast(message, "warning");
-    }
-  }
-  static showSuccess(message) {
-    const handlers = getToastHandlers();
-    if (handlers.showToast) {
-      handlers.showToast(message, "success");
-    }
-  }
-  static close() {
-    const handlers = getToastHandlers();
-    if (handlers.closeToast) {
-      handlers.closeToast();
-    }
-  }
-};
-var ToastService_default = ToastService;
-
-// src/components/Confirm.tsx
-import { useState } from "react";
-
-// src/components/ClientButton.tsx
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var ClientButton = (props) => {
-  const execute = async (event) => {
-    if (props.onClick !== void 0) {
-      props.onClick();
-    } else {
-      ToastService_default.showError("No action defined.");
-    }
-  };
-  let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
-  return /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      onClick: execute,
-      className: buttonClass + " " + props.className,
-      children: props.children
-    }
-  ) });
-};
-var ClientButton_default = ClientButton;
-
-// src/components/Confirm.tsx
-import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
-var Confirm = ({ message, onConfirm, onCancel }) => {
-  const [showModal, setShowModal] = useState(true);
-  const handleConfirmAction = () => {
-    setShowModal(false);
-    if (onConfirm) {
-      onConfirm();
-    }
-  };
-  const handleCancelAction = () => {
-    setShowModal(false);
-    if (onCancel) {
-      onCancel();
-    }
-  };
-  return /* @__PURE__ */ jsx2(Fragment, { children: showModal && /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
-    /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 bg-black opacity-70" }),
-    /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
-      /* @__PURE__ */ jsx2("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
-      /* @__PURE__ */ jsx2("p", { className: "mb-4", children: message }),
-      /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-8", children: [
-        /* @__PURE__ */ jsx2(
-          ClientButton_default,
-          {
-            onClick: handleCancelAction,
-            ButtonType: "PrimaryHollow" /* Hollow */,
-            children: "Cancel"
-          }
-        ),
-        /* @__PURE__ */ jsx2(
-          ClientButton_default,
-          {
-            onClick: handleConfirmAction,
-            children: "Confirm"
-          }
-        )
-      ] })
-    ] })
-  ] }) });
-};
-var Confirm_default = Confirm;
-{
-}
-
-// src/components/Button.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var Button = (props) => {
-  const [inProgress, setInProgress] = useState2(false);
-  const [isActionPerformed, setIsActionPerformed] = useState2(false);
-  const [responseMessage, setResponseMessage] = useState2(null);
-  const [showModal, setShowModal] = useState2(null);
-  const execute = async (event) => {
-    event.preventDefault();
-    event.stopPropagation();
-    if (props.confirm) {
-      const confirmed = await showConfirmation("Are you sure you want to delete this item?");
-      setShowModal(null);
-      if (!confirmed) {
-        return;
-      }
-    }
-    if (props.oneTimeAction && isActionPerformed) {
-      return;
-    }
-    setInProgress(true);
-    let isValid = true;
-    if (props.onValidate !== void 0) {
-      isValid = await props.onValidate();
-      if (!isValid) {
-        setInProgress(false);
-        ToastService_default.showError("There are errors in the form. Please fix them before proceeding.");
-        return;
-      }
-    }
-    if (props.onClick !== void 0) {
-      let response = await props.onClick();
-      if (response.isSuccessful) {
-        setIsActionPerformed(true);
-        setResponseMessage(response.message);
-        if (props.showToast) {
-          ToastService_default.showInfo(response.message || "");
-        }
-      } else {
-        ToastService_default.showError(response.message || "");
-      }
-    } else {
-      ToastService_default.showError("No action defined.");
-    }
-    setInProgress(false);
-  };
-  const showConfirmation = (message) => {
-    return new Promise((resolve) => {
-      const onConfirm = () => resolve(true);
-      const onCancel = () => resolve(false);
-      setShowModal(/* @__PURE__ */ jsx3(Confirm_default, { message: props.confirmationMessage, onConfirm, onCancel }));
-    });
-  };
-  let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
-  let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
-  const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
-  return /* @__PURE__ */ jsxs2(React3.Fragment, { children: [
-    /* @__PURE__ */ jsxs2(
-      "button",
-      {
-        type: "submit",
-        onClick: execute,
-        disabled: props.disabled,
-        title: isDisabled ? "The button is disabled to prevent any action" : "",
-        className: buttonClass + " relative " + props.className,
-        children: [
-          isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
-          inProgress && /* @__PURE__ */ jsx3(React3.Fragment, { children: props.hideProgressIndicator === true ? /* @__PURE__ */ jsx3("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ jsxs2("svg", { className: "animate-spin ml-2 mr-3 h-5 w-5 " + progressClass, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
-            /* @__PURE__ */ jsx3("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-            /* @__PURE__ */ jsx3("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
-          ] }) })
-        ]
-      }
-    ),
-    showModal
-  ] });
-};
-var Button_default = Button;
-
-// src/components/pageRenderingEngine/nodes/LinkNodeButton.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var LinkNodeButton = (props) => {
-  const { node, dataitem, children, linkText, linkType, linkUrl } = props;
-  const [isLoading, setIsLoading] = useState3(false);
-  const extractFieldNames = useCallback((template) => {
-    if (!template) return [];
-    const regex = /\{(\{\})?([a-zA-Z_$][a-zA-Z0-9_$]*)(?:\}\})?\}/g;
-    const matches = Array.from(template.matchAll(regex));
-    const fieldNames = matches.map((match) => match[2] || match[1]).filter((name, index, self) => self.indexOf(name) === index);
-    return fieldNames;
-  }, []);
-  const replaceTemplateVariables = useCallback((template, responseData) => {
-    if (!template) return template;
-    let result = template;
-    const fieldNames = extractFieldNames(template);
-    if (responseData) {
-      fieldNames.forEach((fieldName) => {
-        const value = getNestedValue(responseData, fieldName);
-        if (value !== void 0) {
-          const regex1 = new RegExp(`\\{${fieldName}\\}`, "g");
-          const regex2 = new RegExp(`\\{\\{${fieldName}\\}\\}`, "g");
-          result = result.replace(regex1, String(value));
-          result = result.replace(regex2, String(value));
-        }
-      });
-    }
-    if (props.routeParameters) {
-      Object.entries(props.routeParameters).forEach(([key, value]) => {
-        const regex = new RegExp(`\\{\\{${key}\\}\\}`, "g");
-        result = result.replace(regex, String(value));
-      });
-    }
-    if (dataitem) {
-      Object.entries(dataitem).forEach(([key, value]) => {
-        const regex = new RegExp(`\\{\\{${key}\\}\\}`, "g");
-        result = result.replace(regex, String(value));
-      });
-    }
-    return result;
-  }, [props.routeParameters, dataitem, extractFieldNames]);
-  const getNestedValue = useCallback((obj, path) => {
-    if (!obj || !path) return void 0;
-    if (obj[path] !== void 0) {
-      return obj[path];
-    }
-    const keys = path.split(".");
-    let current = obj;
-    for (const key of keys) {
-      if (current[key] === void 0) {
-        return void 0;
-      }
-      current = current[key];
-    }
-    return current;
-  }, []);
-  const onClick = useCallback(async () => {
-    if (!node.postUrl) {
-      return { isSuccessful: false, message: "No POST URL configured for this button" };
-    }
-    setIsLoading(true);
-    try {
-      const resolvedPostUrl = replaceTemplateVariables(node.postUrl);
-      let parsedPayload = {};
-      if (node.payload) {
-        try {
-          const payloadStr = replaceTemplateVariables(node.payload);
-          parsedPayload = JSON.parse(payloadStr);
-          console.log("Parsed payload:", parsedPayload);
-        } catch (err) {
-          console.error("Failed to parse payload JSON:", err);
-          parsedPayload = { error: "Invalid payload JSON" };
-        }
-      }
-      const serviceClient = new ServiceClient_default(props.apiBaseUrl, props.session);
-      const response = await serviceClient.post(resolvedPostUrl, parsedPayload);
-      console.log("API Response:", response);
-      if (response && !response.isSuccessful) {
-        const errorMessage = response.message || "API request failed";
-        setIsLoading(false);
-        return { isSuccessful: false, message: errorMessage };
-      }
-      if (response?.message) {
-        ToastService_default.showSuccess(response.message);
-      }
-      if (response && node.redirectUrl) {
-        const fieldNames = extractFieldNames(node.redirectUrl);
-        console.log("Field names in redirect URL:", fieldNames);
-        const fieldValueMap = {};
-        fieldNames.forEach((fieldName) => {
-          const value = getNestedValue(response, fieldName);
-          if (value !== void 0) {
-            fieldValueMap[fieldName] = String(value);
-          } else {
-            const resultValue = getNestedValue(response, `result.${fieldName}`);
-            if (resultValue !== void 0) {
-              fieldValueMap[fieldName] = String(resultValue);
-            } else {
-              const dataValue = getNestedValue(response, `data.${fieldName}`);
-              if (dataValue !== void 0) {
-                fieldValueMap[fieldName] = String(dataValue);
-              }
-            }
-          }
-        });
-        console.log("Field value map:", fieldValueMap);
-        const missingFields = fieldNames.filter((fieldName) => !fieldValueMap[fieldName]);
-        if (missingFields.length > 0) {
-          console.warn(`Missing field values for: ${missingFields.join(", ")}`);
-        }
-        let resolvedRedirectUrl = node.redirectUrl;
-        Object.entries(fieldValueMap).forEach(([fieldName, value]) => {
-          const regex1 = new RegExp(`\\{${fieldName}\\}`, "g");
-          const regex2 = new RegExp(`\\{\\{${fieldName}\\}\\}`, "g");
-          resolvedRedirectUrl = resolvedRedirectUrl.replace(regex1, value);
-          resolvedRedirectUrl = resolvedRedirectUrl.replace(regex2, value);
-        });
-        resolvedRedirectUrl = replaceTemplateVariables(resolvedRedirectUrl, response);
-        console.log("Final redirect URL:", resolvedRedirectUrl);
-        if (resolvedRedirectUrl && !resolvedRedirectUrl.includes("{")) {
-          window.location.href = resolvedRedirectUrl;
-        }
-      } else if (!response) {
-        const errorMessage = "No response from server";
-        setIsLoading(false);
-        return { isSuccessful: false, message: errorMessage };
-      }
-      setIsLoading(false);
-      return { isSuccessful: true, message: response?.message, result: response };
-    } catch (err) {
-      console.error("Button API call failed:", err);
-      const errorMessage = err.message || "An unexpected error occurred";
-      setIsLoading(false);
-      return { isSuccessful: false, message: errorMessage };
-    }
-  }, [node.postUrl, node.payload, node.redirectUrl, replaceTemplateVariables, extractFieldNames, getNestedValue, props.apiBaseUrl, props.session]);
-  const renderButtonContent = () => {
-    if (children) {
-      return children;
-    }
-    if (linkText) {
-      return /* @__PURE__ */ jsx4("span", { children: linkText });
-    }
-    return node.title || "Button";
-  };
-  return /* @__PURE__ */ jsx4("div", { className: "link-button-wrapper", children: /* @__PURE__ */ jsx4(
-    Button_default,
-    {
-      ButtonType: linkType,
-      onClick,
-      disabled: isLoading,
-      className: "w-full",
-      children: renderButtonContent()
-    }
-  ) });
-};
-var LinkNodeButton_default = LinkNodeButton;
-export {
-  LinkNodeButton_default as default
-};

package/dist/Pagination-6OFACRMQ.mjs

@@ -1,229 +0,0 @@
-"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
-};