@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260707162731 → 0.8.1-dev.20260708070033

package/dist/{InputControlClient-NJV6B65M.mjs → InputControlClient-646PQPKQ.mjs}

@@ -22,7 +22,7 @@ import {
   Hyperlink,
   Icon_default,
   InputControlType_default
-} from "./chunk-2GSYECIS.mjs";
+} from "./chunk-FI2KJBK2.mjs";
 import {
   Button_default,
   ClientButton_default
@@ -30,7 +30,7 @@ import {
 import "./chunk-IMNQO57B.mjs";
 
 // src/components/controls/edit/InputControlClient.tsx
-import React4 from "react";
+import React5 from "react";
 
 // src/components/controls/edit/Select.tsx
 import { useState, useEffect } from "react";
@@ -570,9 +570,81 @@ var AssetUpload = (props) => {
 };
 var AssetUpload_default = AssetUpload;
 
+// src/components/controls/edit/SwitchInput.tsx
+import React4 from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var SwitchInput = (props) => {
+  const textChangeHandler = (event) => {
+    let text = event.target.checked;
+    if (props.callback !== void 0) {
+      props.callback({
+        name: props.name,
+        value: text,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  let value = false;
+  if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
+    value = true;
+  }
+  return /* @__PURE__ */ jsx4(React4.Fragment, { children: /* @__PURE__ */ jsxs4("div", { className: "flex items-start justify-between gap-4 py-3", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
+      props?.attributes?.label && /* @__PURE__ */ jsxs4(
+        "label",
+        {
+          htmlFor: props.name,
+          className: "inline-block text-sm font-semibold text-slate-800",
+          children: [
+            props.attributes.label,
+            props?.attributes?.required && /* @__PURE__ */ jsx4("span", { className: "bg-error-weak", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx4("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage || "" })
+    ] }),
+    /* @__PURE__ */ jsxs4(
+      "label",
+      {
+        htmlFor: props.name,
+        className: "relative inline-flex shrink-0 cursor-pointer items-center peer-disabled:cursor-not-allowed",
+        children: [
+          /* @__PURE__ */ jsx4(
+            "input",
+            {
+              type: "checkbox",
+              name: props.name,
+              id: props.name,
+              checked: value,
+              onChange: textChangeHandler,
+              required: props?.attributes?.required,
+              disabled: props?.attributes?.readOnly,
+              className: "peer sr-only"
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            "div",
+            {
+              className: "h-6 w-11 rounded-full bg-slate-200 shadow-inner\n                       transition-colors duration-200 ease-in-out\n                       peer-checked:bg-blue-600\n                       peer-focus-visible:ring-2 peer-focus-visible:ring-blue-300 peer-focus-visible:ring-offset-2\n                       peer-disabled:bg-slate-100"
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            "div",
+            {
+              className: "absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-default shadow\n                       transition-transform duration-200 ease-in-out\n                       peer-checked:translate-x-5\n                       peer-disabled:bg-slate-50"
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+};
+var SwitchInput_default = SwitchInput;
+
 // src/components/controls/edit/InputControlClient.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var InputControl = React4.forwardRef(
+import { jsx as jsx5 } from "react/jsx-runtime";
+var InputControl = React5.forwardRef(
   (props, ref) => {
     const ControlComponents = {
       [InputControlType_default.lineTextInput]: LineTextInput_default,
@@ -591,10 +663,11 @@ var InputControl = React4.forwardRef(
       [InputControlType_default.selectWithSearchPanel]: SelectWithSearchPanel_default,
       [InputControlType_default.booleanSelect]: BooleanSelect_default,
       [InputControlType_default.timeInput]: TimeInput_default,
-      [InputControlType_default.asset]: AssetUpload_default
+      [InputControlType_default.asset]: AssetUpload_default,
+      [InputControlType_default.switchInput]: SwitchInput_default
     };
     const SelectedControlComponent = ControlComponents[props.controlType];
-    return /* @__PURE__ */ jsx4(React4.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx4(SelectedControlComponent, { ...props }) : "Control not found" });
+    return /* @__PURE__ */ jsx5(React5.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx5(SelectedControlComponent, { ...props }) : "Control not found" });
   }
 );
 InputControl.displayName = "InputControl";

package/dist/{InputControlClient-TW664WIJ.mjs → InputControlClient-O4HBEUP4.mjs}

@@ -20,7 +20,7 @@ import {
   Hyperlink,
   Icon_default,
   InputControlType_default
-} from "./chunk-CM7LUGCH.mjs";
+} from "./chunk-UWFXFVUU.mjs";
 import {
   Button_default,
   ClientButton_default
@@ -28,7 +28,7 @@ import {
 import "./chunk-56HSDML5.mjs";
 
 // src/components/controls/edit/InputControlClient.tsx
-import React4 from "react";
+import React5 from "react";
 
 // src/components/controls/edit/Select.tsx
 import { useState, useEffect } from "react";
@@ -568,9 +568,81 @@ var AssetUpload = (props) => {
 };
 var AssetUpload_default = AssetUpload;
 
+// src/components/controls/edit/SwitchInput.tsx
+import React4 from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var SwitchInput = (props) => {
+  const textChangeHandler = (event) => {
+    let text = event.target.checked;
+    if (props.callback !== void 0) {
+      props.callback({
+        name: props.name,
+        value: text,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  let value = false;
+  if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
+    value = true;
+  }
+  return /* @__PURE__ */ jsx4(React4.Fragment, { children: /* @__PURE__ */ jsxs4("div", { className: "flex items-start justify-between gap-4 py-3", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
+      props?.attributes?.label && /* @__PURE__ */ jsxs4(
+        "label",
+        {
+          htmlFor: props.name,
+          className: "inline-block text-sm font-semibold text-slate-800",
+          children: [
+            props.attributes.label,
+            props?.attributes?.required && /* @__PURE__ */ jsx4("span", { className: "bg-error-weak", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx4("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage || "" })
+    ] }),
+    /* @__PURE__ */ jsxs4(
+      "label",
+      {
+        htmlFor: props.name,
+        className: "relative inline-flex shrink-0 cursor-pointer items-center peer-disabled:cursor-not-allowed",
+        children: [
+          /* @__PURE__ */ jsx4(
+            "input",
+            {
+              type: "checkbox",
+              name: props.name,
+              id: props.name,
+              checked: value,
+              onChange: textChangeHandler,
+              required: props?.attributes?.required,
+              disabled: props?.attributes?.readOnly,
+              className: "peer sr-only"
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            "div",
+            {
+              className: "h-6 w-11 rounded-full bg-slate-200 shadow-inner\n                       transition-colors duration-200 ease-in-out\n                       peer-checked:bg-blue-600\n                       peer-focus-visible:ring-2 peer-focus-visible:ring-blue-300 peer-focus-visible:ring-offset-2\n                       peer-disabled:bg-slate-100"
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            "div",
+            {
+              className: "absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-default shadow\n                       transition-transform duration-200 ease-in-out\n                       peer-checked:translate-x-5\n                       peer-disabled:bg-slate-50"
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+};
+var SwitchInput_default = SwitchInput;
+
 // src/components/controls/edit/InputControlClient.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var InputControl = React4.forwardRef(
+import { jsx as jsx5 } from "react/jsx-runtime";
+var InputControl = React5.forwardRef(
   (props, ref) => {
     const ControlComponents = {
       [InputControlType_default.lineTextInput]: LineTextInput_default,
@@ -589,10 +661,11 @@ var InputControl = React4.forwardRef(
       [InputControlType_default.selectWithSearchPanel]: SelectWithSearchPanel_default,
       [InputControlType_default.booleanSelect]: BooleanSelect_default,
       [InputControlType_default.timeInput]: TimeInput_default,
-      [InputControlType_default.asset]: AssetUpload_default
+      [InputControlType_default.asset]: AssetUpload_default,
+      [InputControlType_default.switchInput]: SwitchInput_default
     };
     const SelectedControlComponent = ControlComponents[props.controlType];
-    return /* @__PURE__ */ jsx4(React4.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx4(SelectedControlComponent, { ...props }) : "Control not found" });
+    return /* @__PURE__ */ jsx5(React5.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx5(SelectedControlComponent, { ...props }) : "Control not found" });
   }
 );
 InputControl.displayName = "InputControl";

package/dist/{LinkNodeButton-FUL3J5HR.mjs → LinkNodeButton-66LEXGVY.mjs}

@@ -3,7 +3,8 @@ import {
   ServiceClient_default
 } from "./chunk-3GWLDT7C.mjs";
 import {
-  Button_default
+  Button_default,
+  ToastService_default
 } from "./chunk-IKIXEQPV.mjs";
 import "./chunk-56HSDML5.mjs";
 
@@ -13,7 +14,6 @@ import { jsx } from "react/jsx-runtime";
 var LinkNodeButton = (props) => {
   const { node, dataitem, children, linkText, linkType, linkUrl } = props;
   const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState(null);
   const extractFieldNames = useCallback((template) => {
     if (!template) return [];
     const regex = /\{(\{\})?([a-zA-Z_$][a-zA-Z0-9_$]*)(?:\}\})?\}/g;
@@ -67,11 +67,10 @@ var LinkNodeButton = (props) => {
   }, []);
   const onClick = useCallback(async (e) => {
     if (!node.postUrl) {
-      setError("No POST URL configured for this button");
+      ToastService_default.showError("No POST URL configured for this button");
       return;
     }
     setIsLoading(true);
-    setError(null);
     try {
       const resolvedPostUrl = replaceTemplateVariables(node.postUrl);
       let parsedPayload = {};
@@ -90,10 +89,12 @@ var LinkNodeButton = (props) => {
       console.log("API Response:", response);
       if (response && !response.isSuccessful) {
         const errorMessage = response.message || "API request failed";
-        setError(errorMessage);
         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);
@@ -131,19 +132,18 @@ var LinkNodeButton = (props) => {
         if (resolvedRedirectUrl && !resolvedRedirectUrl.includes("{")) {
           window.location.href = resolvedRedirectUrl;
         }
-      } else if (response && !response.result && response.message) {
-        setError(response.message);
-        throw new Error(response.message);
       } else if (!response) {
-        setError("No response from server");
+        const errorMessage = "No response from server";
+        setIsLoading(false);
+        return { isSuccessful: false, message: errorMessage };
       }
       setIsLoading(false);
-      return { isSuccessful: true, response };
+      return { isSuccessful: true, message: response?.message, result: response };
     } catch (err) {
       console.error("Button API call failed:", err);
-      setError(err.message || "An unexpected error occurred");
+      const errorMessage = err.message || "An unexpected error occurred";
       setIsLoading(false);
-      return { isSuccessful: false, message: err.message };
+      return { isSuccessful: false, message: errorMessage };
     }
   }, [node.postUrl, node.payload, node.redirectUrl, replaceTemplateVariables, extractFieldNames, getNestedValue, props.apiBaseUrl, props.session]);
   const renderButtonContent = () => {

package/dist/{LinkNodeButton-IGJOGOKI.mjs → LinkNodeButton-GVOICN34.mjs}

@@ -203,7 +203,6 @@ 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 [error, setError] = useState3(null);
   const extractFieldNames = useCallback((template) => {
     if (!template) return [];
     const regex = /\{(\{\})?([a-zA-Z_$][a-zA-Z0-9_$]*)(?:\}\})?\}/g;
@@ -257,11 +256,10 @@ var LinkNodeButton = (props) => {
   }, []);
   const onClick = useCallback(async (e) => {
     if (!node.postUrl) {
-      setError("No POST URL configured for this button");
+      ToastService_default.showError("No POST URL configured for this button");
       return;
     }
     setIsLoading(true);
-    setError(null);
     try {
       const resolvedPostUrl = replaceTemplateVariables(node.postUrl);
       let parsedPayload = {};
@@ -280,10 +278,12 @@ var LinkNodeButton = (props) => {
       console.log("API Response:", response);
       if (response && !response.isSuccessful) {
         const errorMessage = response.message || "API request failed";
-        setError(errorMessage);
         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);
@@ -321,19 +321,18 @@ var LinkNodeButton = (props) => {
         if (resolvedRedirectUrl && !resolvedRedirectUrl.includes("{")) {
           window.location.href = resolvedRedirectUrl;
         }
-      } else if (response && !response.result && response.message) {
-        setError(response.message);
-        throw new Error(response.message);
       } else if (!response) {
-        setError("No response from server");
+        const errorMessage = "No response from server";
+        setIsLoading(false);
+        return { isSuccessful: false, message: errorMessage };
       }
       setIsLoading(false);
-      return { isSuccessful: true, response };
+      return { isSuccessful: true, message: response?.message, result: response };
     } catch (err) {
       console.error("Button API call failed:", err);
-      setError(err.message || "An unexpected error occurred");
+      const errorMessage = err.message || "An unexpected error occurred";
       setIsLoading(false);
-      return { isSuccessful: false, message: err.message };
+      return { isSuccessful: false, message: errorMessage };
     }
   }, [node.postUrl, node.payload, node.redirectUrl, replaceTemplateVariables, extractFieldNames, getNestedValue, props.apiBaseUrl, props.session]);
   const renderButtonContent = () => {

package/dist/{LinkNodeButton-ZONM74OO.mjs → LinkNodeButton-WA5N3CBJ.mjs}

@@ -5,7 +5,8 @@ import {
   ServiceClient_default
 } from "./chunk-WEV5U33G.mjs";
 import {
-  Button_default
+  Button_default,
+  ToastService_default
 } from "./chunk-67IG5NBU.mjs";
 import "./chunk-IMNQO57B.mjs";
 
@@ -15,7 +16,6 @@ import { jsx } from "react/jsx-runtime";
 var LinkNodeButton = (props) => {
   const { node, dataitem, children, linkText, linkType, linkUrl } = props;
   const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState(null);
   const extractFieldNames = useCallback((template) => {
     if (!template) return [];
     const regex = /\{(\{\})?([a-zA-Z_$][a-zA-Z0-9_$]*)(?:\}\})?\}/g;
@@ -69,11 +69,10 @@ var LinkNodeButton = (props) => {
   }, []);
   const onClick = useCallback(async (e) => {
     if (!node.postUrl) {
-      setError("No POST URL configured for this button");
+      ToastService_default.showError("No POST URL configured for this button");
       return;
     }
     setIsLoading(true);
-    setError(null);
     try {
       const resolvedPostUrl = replaceTemplateVariables(node.postUrl);
       let parsedPayload = {};
@@ -92,10 +91,12 @@ var LinkNodeButton = (props) => {
       console.log("API Response:", response);
       if (response && !response.isSuccessful) {
         const errorMessage = response.message || "API request failed";
-        setError(errorMessage);
         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);
@@ -133,19 +134,18 @@ var LinkNodeButton = (props) => {
         if (resolvedRedirectUrl && !resolvedRedirectUrl.includes("{")) {
           window.location.href = resolvedRedirectUrl;
         }
-      } else if (response && !response.result && response.message) {
-        setError(response.message);
-        throw new Error(response.message);
       } else if (!response) {
-        setError("No response from server");
+        const errorMessage = "No response from server";
+        setIsLoading(false);
+        return { isSuccessful: false, message: errorMessage };
       }
       setIsLoading(false);
-      return { isSuccessful: true, response };
+      return { isSuccessful: true, message: response?.message, result: response };
     } catch (err) {
       console.error("Button API call failed:", err);
-      setError(err.message || "An unexpected error occurred");
+      const errorMessage = err.message || "An unexpected error occurred";
       setIsLoading(false);
-      return { isSuccessful: false, message: err.message };
+      return { isSuccessful: false, message: errorMessage };
     }
   }, [node.postUrl, node.payload, node.redirectUrl, replaceTemplateVariables, extractFieldNames, getNestedValue, props.apiBaseUrl, props.session]);
   const renderButtonContent = () => {

package/dist/{Pagination-FSYLYKUA.mjs → Pagination-4K7GMWUE.mjs}

@@ -1,12 +1,12 @@
 "use client";
 import {
   OdataBuilder
-} from "./chunk-47HD7QP7.mjs";
+} from "./chunk-FYGNBMII.mjs";
 import {
   Constants,
   Hyperlink,
   Icon_default
-} from "./chunk-CM7LUGCH.mjs";
+} from "./chunk-UWFXFVUU.mjs";
 import "./chunk-56HSDML5.mjs";
 
 // src/components/Pagination.tsx

package/dist/Pagination-OQT7Q2XO.mjs

@@ -0,0 +1,183 @@
+"use client";
+
+"use client";
+import {
+  OdataBuilder
+} from "./chunk-OGGIS4AN.mjs";
+import {
+  Constants,
+  Hyperlink,
+  Icon_default
+} from "./chunk-FI2KJBK2.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
+};