@vygruppen/spor-react 9.4.1 → 9.5.0

package/dist/index.js

@@ -252,8 +252,8 @@ function useTranslation() {
   };
   return { t: t2, language };
 }
-function createTexts(texts28) {
-  return texts28;
+function createTexts(texts29) {
+  return texts29;
 }
 exports.Language = void 0; var LanguageContext;
 var init_i18n = __esm({
@@ -5070,6 +5070,121 @@ var init_nudge = __esm({
     init_WizardNudge();
   }
 });
+exports.Pagination = void 0; var texts24;
+var init_Pagination = __esm({
+  "src/pagination/Pagination.tsx"() {
+    init_src();
+    exports.Pagination = ({
+      totalPages,
+      selectedPage,
+      onPageChange
+    }) => {
+      const { t: t2 } = useTranslation();
+      const style = react.useMultiStyleConfig("Pagination", { selectedPage });
+      const hasPreviousPage = selectedPage > 1;
+      const hasNextPage = selectedPage < totalPages;
+      const renderPaginationButtons = () => {
+        const displayPageNumbers = [];
+        const maxVisiblePages = 8;
+        if (totalPages <= maxVisiblePages) {
+          displayPageNumbers.push(
+            ...Array.from({ length: totalPages }, (_, i) => i + 1)
+          );
+        } else {
+          if (selectedPage <= Math.floor(maxVisiblePages / 2) + 1) {
+            displayPageNumbers.push(
+              ...Array.from({ length: maxVisiblePages - 1 }, (_, i) => i + 1)
+            );
+            displayPageNumbers.push("...");
+            displayPageNumbers.push(totalPages);
+          } else if (selectedPage >= totalPages - Math.floor(maxVisiblePages / 2)) {
+            displayPageNumbers.push(1);
+            displayPageNumbers.push("...");
+            displayPageNumbers.push(
+              ...Array.from(
+                { length: maxVisiblePages - 1 },
+                (_, i) => totalPages - maxVisiblePages + 2 + i
+              )
+            );
+          } else {
+            displayPageNumbers.push(1);
+            displayPageNumbers.push("...");
+            for (let i = selectedPage - Math.floor((maxVisiblePages - 3) / 2); i <= selectedPage + Math.floor((maxVisiblePages - 3) / 2); i++) {
+              displayPageNumbers.push(i);
+            }
+            displayPageNumbers.push("...");
+            displayPageNumbers.push(totalPages);
+          }
+        }
+        return displayPageNumbers.map(
+          (pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React70__namespace.default.createElement(react.ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React70__namespace.default.createElement(react.Center, null, "...")) : /* @__PURE__ */ React70__namespace.default.createElement(
+            react.Link,
+            {
+              key: index,
+              as: react.ListItem,
+              onClick: () => {
+                if (pageNumber !== "...") {
+                  onPageChange(+pageNumber);
+                }
+              },
+              padding: pageNumber === "..." ? 0 : void 0,
+              sx: pageNumber === selectedPage ? style.activeButton : style.link
+            },
+            pageNumber
+          )
+        );
+      };
+      return /* @__PURE__ */ React70__namespace.default.createElement(react.Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React70__namespace.default.createElement(
+        react.UnorderedList,
+        {
+          display: "flex",
+          listStyleType: "none",
+          gap: [0, 1],
+          padding: 0,
+          margin: 0
+        },
+        /* @__PURE__ */ React70__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts24.previousPage) }, /* @__PURE__ */ React70__namespace.default.createElement(
+          exports.TextLink,
+          {
+            onClick: () => onPageChange(selectedPage - 1),
+            sx: hasPreviousPage ? style.link : style.disabled
+          },
+          /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, { sx: style.icon })
+        )),
+        renderPaginationButtons(),
+        /* @__PURE__ */ React70__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts24.nextPage) }, /* @__PURE__ */ React70__namespace.default.createElement(
+          exports.TextLink,
+          {
+            onClick: () => onPageChange(selectedPage + 1),
+            sx: hasNextPage ? style.link : style.disabled
+          },
+          /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { sx: style.icon })
+        ))
+      ));
+    };
+    texts24 = createTexts({
+      previousPage: {
+        nb: "Forrige side",
+        nn: "F\xF8rre side",
+        en: "Previous page",
+        sv: "F\xF6reg\xE5ende sida"
+      },
+      nextPage: {
+        nb: "Neste side",
+        nn: "Neste side",
+        en: "Next page",
+        sv: "N\xE4sta sida"
+      }
+    });
+  }
+});
+
+// src/pagination/index.tsx
+var init_pagination = __esm({
+  "src/pagination/index.tsx"() {
+    init_Pagination();
+  }
+});
 var ProgressDot;
 var init_ProgressDot = __esm({
   "src/progress-indicator/ProgressDot.tsx"() {
@@ -5091,7 +5206,7 @@ var init_ProgressDot = __esm({
     };
   }
 });
-exports.ProgressIndicator = void 0; var texts24;
+exports.ProgressIndicator = void 0; var texts25;
 var init_ProgressIndicator = __esm({
   "src/progress-indicator/ProgressIndicator.tsx"() {
     init_src();
@@ -5110,7 +5225,7 @@ var init_ProgressIndicator = __esm({
           "aria-valuemin": 1,
           "aria-valuemax": numberOfSteps,
           "aria-valuenow": activeStep,
-          "aria-valuetext": t2(texts24.stepsOf(activeStep, numberOfSteps))
+          "aria-valuetext": t2(texts25.stepsOf(activeStep, numberOfSteps))
         },
         /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React70__namespace.default.createElement(
           ProgressDot,
@@ -5122,7 +5237,7 @@ var init_ProgressIndicator = __esm({
         )))
       );
     };
-    texts24 = createTexts({
+    texts25 = createTexts({
       stepsOf: (activeStep, numberOfSteps) => ({
         nb: `Steg ${activeStep} av ${numberOfSteps}`,
         nn: `Steg ${activeStep} av ${numberOfSteps}`,
@@ -5194,7 +5309,7 @@ var init_StepperContext = __esm({
     };
   }
 });
-exports.Stepper = void 0; var texts25;
+exports.Stepper = void 0; var texts26;
 var init_Stepper = __esm({
   "src/stepper/Stepper.tsx"() {
     init_stepper();
@@ -5237,7 +5352,7 @@ var init_Stepper = __esm({
           /* @__PURE__ */ React70__namespace.default.createElement(
             exports.IconButton,
             {
-              "aria-label": t2(texts25.back),
+              "aria-label": t2(texts26.back),
               icon: /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
               variant: "ghost",
               size: "sm",
@@ -5252,7 +5367,7 @@ var init_Stepper = __esm({
             }
           ),
           shownHeading && /* @__PURE__ */ React70__namespace.default.createElement(exports.Text, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
-          /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { sx: style.stepCounter }, t2(texts25.stepsOf(activeStep, numberOfSteps)))
+          /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { sx: style.stepCounter }, t2(texts26.stepsOf(activeStep, numberOfSteps)))
         )), /* @__PURE__ */ React70__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React70__namespace.default.createElement(
           exports.StepperStep,
           {
@@ -5266,7 +5381,7 @@ var init_Stepper = __esm({
         ))))
       ));
     };
-    texts25 = createTexts({
+    texts26 = createTexts({
       stepsOf: (activeStep, numberOfSteps) => ({
         nb: `Steg ${activeStep}/${numberOfSteps}`,
         nn: `Steg ${activeStep}/${numberOfSteps}`,
@@ -6124,16 +6239,16 @@ function defineCssVars(scope, keys2) {
 function defineStyle(styles3) {
   return styles3;
 }
-function defineStyleConfig(config42) {
-  return config42;
+function defineStyleConfig(config43) {
+  return config43;
 }
-function createMultiStyleConfigHelpers(parts18) {
+function createMultiStyleConfigHelpers(parts19) {
   return {
-    definePartsStyle(config42) {
-      return config42;
+    definePartsStyle(config43) {
+      return config43;
     },
-    defineMultiStyleConfig(config42) {
-      return { parts: parts18, ...config42 };
+    defineMultiStyleConfig(config43) {
+      return { parts: parts19, ...config43 };
     }
   };
 }
@@ -7456,7 +7571,7 @@ function anatomy(name, map = {}) {
       "[anatomy] .part(...) should only be called once. Did you mean to use .extend(...) ?"
     );
   }
-  function parts18(...values) {
+  function parts19(...values) {
     assert();
     for (const part of values) {
       map[part] = toPart(part);
@@ -7496,7 +7611,7 @@ function anatomy(name, map = {}) {
   }
   const __type = {};
   return {
-    parts: parts18,
+    parts: parts19,
     toPart,
     extend,
     selectors,
@@ -12807,9 +12922,9 @@ var init_datepicker2 = __esm({
           [$arrowBackground.variable]: surface("default", props).backgroundColor
         },
         calendarPopover: {
-          ...baseBackground("default", props),
+          ...floatingBackground("default", props),
           ...baseText("default", props),
-          ...baseBorder("default", props),
+          ...floatingBorder("default", props),
           boxShadow: "md"
         },
         weekdays: {
@@ -14224,7 +14339,79 @@ var init_numeric_stepper = __esm({
     numeric_stepper_default = config28;
   }
 });
-var $popperBg2, $arrowBg3, $arrowShadowColor2, helpers20, config29, popover_default;
+var parts14, helpers20, config29, commonStyles, pagination_default;
+var init_pagination2 = __esm({
+  "src/theme/components/pagination.ts"() {
+    init_ghost_utils();
+    init_base_utils();
+    parts14 = themeTools.anatomy("Pagination").parts(
+      "listItem",
+      "link",
+      "activeButton",
+      "disabled",
+      "icon"
+    );
+    helpers20 = react.createMultiStyleConfigHelpers(parts14.keys);
+    config29 = helpers20.defineMultiStyleConfig({
+      baseStyle: (props) => ({
+        activeButton: {
+          fontWeight: "bold",
+          ...commonStyles,
+          ...ghostBackground("active", props),
+          _hover: {
+            ...ghostBackground("hover", props),
+            borderRadius: 50
+          },
+          _active: {
+            borderRadius: 50,
+            ...ghostBackground("active", props)
+          }
+        },
+        disabled: {
+          ...commonStyles,
+          cursor: "not-allowed",
+          pointerEvents: "none",
+          boxShadow: "none",
+          ...baseText("disabled", props)
+        },
+        listItem: {
+          display: "flex"
+        },
+        link: {
+          ...commonStyles,
+          ...ghostBackground("default", props),
+          ...baseText("default", props),
+          _hover: {
+            ...ghostBackground("hover", props),
+            borderRadius: 50,
+            _disabled: {
+              ...baseText("disabled", props)
+            }
+          },
+          _active: {
+            borderRadius: 50,
+            ...ghostBackground("active", props)
+          }
+        },
+        icon: {
+          bottom: "-0.03em !important"
+        }
+      })
+    });
+    commonStyles = {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: 5,
+      height: 5,
+      backgroundImage: "none",
+      borderRadius: 50,
+      fontSize: "xs"
+    };
+    pagination_default = config29;
+  }
+});
+var $popperBg2, $arrowBg3, $arrowShadowColor2, helpers21, config30, popover_default;
 var init_popover = __esm({
   "src/theme/components/popover.ts"() {
     init_dist4();
@@ -14232,8 +14419,8 @@ var init_popover = __esm({
     $popperBg2 = themeTools.cssVar("popper-bg");
     $arrowBg3 = themeTools.cssVar("popper-arrow-bg");
     $arrowShadowColor2 = themeTools.cssVar("popper-arrow-shadow-color");
-    helpers20 = react.createMultiStyleConfigHelpers(popoverAnatomy.keys);
-    config29 = helpers20.defineMultiStyleConfig({
+    helpers21 = react.createMultiStyleConfigHelpers(popoverAnatomy.keys);
+    config30 = helpers21.defineMultiStyleConfig({
       baseStyle: (props) => ({
         popper: {
           zIndex: "popover"
@@ -14288,22 +14475,22 @@ var init_popover = __esm({
         }
       }
     });
-    popover_default = config29;
+    popover_default = config30;
   }
 });
-var parts14, helpers21, config30, progress_bar_default;
+var parts15, helpers22, config31, progress_bar_default;
 var init_progress_bar = __esm({
   "src/theme/components/progress-bar.ts"() {
     init_dist4();
     init_dist3();
-    parts14 = anatomy("progressBar").parts(
+    parts15 = anatomy("progressBar").parts(
       "container",
       "background",
       "progress",
       "description"
     );
-    helpers21 = createMultiStyleConfigHelpers(parts14.keys);
-    config30 = helpers21.defineMultiStyleConfig({
+    helpers22 = createMultiStyleConfigHelpers(parts15.keys);
+    config31 = helpers22.defineMultiStyleConfig({
       baseStyle: (props) => ({
         container: {
           minWidth: "100px"
@@ -14333,19 +14520,19 @@ var init_progress_bar = __esm({
         }
       })
     });
-    progress_bar_default = config30;
+    progress_bar_default = config31;
   }
 });
-var parts15, helpers22, config31, progress_indicator_default;
+var parts16, helpers23, config32, progress_indicator_default;
 var init_progress_indicator2 = __esm({
   "src/theme/components/progress-indicator.ts"() {
-    parts15 = themeTools.anatomy("progress-indicator").parts(
+    parts16 = themeTools.anatomy("progress-indicator").parts(
       "root",
       "container",
       "progressDot"
     );
-    helpers22 = react.createMultiStyleConfigHelpers(parts15.keys);
-    config31 = helpers22.defineMultiStyleConfig({
+    helpers23 = react.createMultiStyleConfigHelpers(parts16.keys);
+    config32 = helpers23.defineMultiStyleConfig({
       baseStyle: (props) => ({
         root: {
           width: "100%"
@@ -14376,18 +14563,18 @@ var init_progress_indicator2 = __esm({
         variant: "base"
       }
     });
-    progress_indicator_default = config31;
+    progress_indicator_default = config32;
   }
 });
-var helpers23, config32, radio_default;
+var helpers24, config33, radio_default;
 var init_radio = __esm({
   "src/theme/components/radio.ts"() {
     init_dist4();
     init_base_utils();
     init_brand_utils();
     init_focus_utils();
-    helpers23 = react.createMultiStyleConfigHelpers(radioAnatomy.keys);
-    config32 = helpers23.defineMultiStyleConfig({
+    helpers24 = react.createMultiStyleConfigHelpers(radioAnatomy.keys);
+    config33 = helpers24.defineMultiStyleConfig({
       baseStyle: (props) => ({
         container: {
           _hover: {
@@ -14440,18 +14627,18 @@ var init_radio = __esm({
         }
       })
     });
-    radio_default = config32;
+    radio_default = config33;
   }
 });
-var parts16, helpers24, config33, select_default;
+var parts17, helpers25, config34, select_default;
 var init_select = __esm({
   "src/theme/components/select.ts"() {
     init_dist4();
     init_base_utils();
     init_input2();
-    parts16 = selectAnatomy.extend("root");
-    helpers24 = react.createMultiStyleConfigHelpers(parts16.keys);
-    config33 = helpers24.defineMultiStyleConfig({
+    parts17 = selectAnatomy.extend("root");
+    helpers25 = react.createMultiStyleConfigHelpers(parts17.keys);
+    config34 = helpers25.defineMultiStyleConfig({
       baseStyle: (props) => ({
         root: {
           width: "100%",
@@ -14491,7 +14678,7 @@ var init_select = __esm({
         }
       })
     });
-    select_default = config33;
+    select_default = config34;
   }
 });
 
@@ -14507,7 +14694,7 @@ var init_dist7 = __esm({
     init_dist3();
   }
 });
-var fade, $startColor2, $endColor2, config34, skeleton_default;
+var fade, $startColor2, $endColor2, config35, skeleton_default;
 var init_skeleton = __esm({
   "src/theme/components/skeleton.ts"() {
     init_dist7();
@@ -14517,7 +14704,7 @@ var init_skeleton = __esm({
     });
     $startColor2 = themeTools.cssVar("skeleton-start-color");
     $endColor2 = themeTools.cssVar("skeleton-end-color");
-    config34 = react.defineStyleConfig({
+    config35 = react.defineStyleConfig({
       baseStyle: (props) => {
         const defaultStartColor = themeTools.mode("blackAlpha.300", "whiteAlpha.300")(props);
         const defaultEndColor = themeTools.mode("blackAlpha.100", "whiteAlpha.100")(props);
@@ -14540,16 +14727,16 @@ var init_skeleton = __esm({
         };
       }
     });
-    skeleton_default = config34;
+    skeleton_default = config35;
   }
 });
-var parts17, helpers25, config35, stepper_default;
+var parts18, helpers26, config36, stepper_default;
 var init_stepper2 = __esm({
   "src/theme/components/stepper.ts"() {
     init_base_utils();
     init_brand_utils();
     init_accent_utils();
-    parts17 = themeTools.anatomy("stepper").parts(
+    parts18 = themeTools.anatomy("stepper").parts(
       "root",
       "container",
       "innerContainer",
@@ -14561,8 +14748,8 @@ var init_stepper2 = __esm({
       "stepTitle",
       "closeButton"
     );
-    helpers25 = react.createMultiStyleConfigHelpers(parts17.keys);
-    config35 = helpers25.defineMultiStyleConfig({
+    helpers26 = react.createMultiStyleConfigHelpers(parts18.keys);
+    config36 = helpers26.defineMultiStyleConfig({
       baseStyle: {
         root: {
           display: "flex",
@@ -14631,10 +14818,10 @@ var init_stepper2 = __esm({
         variant: "base"
       }
     });
-    stepper_default = config35;
+    stepper_default = config36;
   }
 });
-var $width2, $height3, $diff2, diffValue2, $translateX2, helpers26, config36, switch_default;
+var $width2, $height3, $diff2, diffValue2, $translateX2, helpers27, config37, switch_default;
 var init_switch = __esm({
   "src/theme/components/switch.ts"() {
     init_dist4();
@@ -14646,8 +14833,8 @@ var init_switch = __esm({
     $diff2 = themeTools.cssVar("switch-track-diff");
     diffValue2 = themeTools.calc.subtract($width2, $height3);
     $translateX2 = themeTools.cssVar("switch-thumb-x");
-    helpers26 = react.createMultiStyleConfigHelpers(switchAnatomy.keys);
-    config36 = helpers26.defineMultiStyleConfig({
+    helpers27 = react.createMultiStyleConfigHelpers(switchAnatomy.keys);
+    config37 = helpers27.defineMultiStyleConfig({
       baseStyle: (props) => ({
         container: {
           [$diff2.variable]: diffValue2,
@@ -14740,21 +14927,21 @@ var init_switch = __esm({
         size: "md"
       }
     });
-    switch_default = config36;
+    switch_default = config37;
   }
 });
-var helpers27, numericStyles2, config37, table_default;
+var helpers28, numericStyles2, config38, table_default;
 var init_table2 = __esm({
   "src/theme/components/table.ts"() {
     init_dist4();
     init_base_utils();
-    helpers27 = react.createMultiStyleConfigHelpers(tableAnatomy.keys);
+    helpers28 = react.createMultiStyleConfigHelpers(tableAnatomy.keys);
     numericStyles2 = {
       "&[data-is-numeric=true]": {
         textAlign: "end"
       }
     };
-    config37 = helpers27.defineMultiStyleConfig({
+    config38 = helpers28.defineMultiStyleConfig({
       baseStyle: (props) => ({
         table: {
           borderCollapse: "collapse",
@@ -14900,10 +15087,10 @@ var init_table2 = __esm({
         colorScheme: "grey"
       }
     });
-    table_default = config37;
+    table_default = config38;
   }
 });
-var helpers28, config38, tabs_default;
+var helpers29, config39, tabs_default;
 var init_tabs = __esm({
   "src/theme/components/tabs.ts"() {
     init_dist4();
@@ -14911,8 +15098,8 @@ var init_tabs = __esm({
     init_base_utils();
     init_brand_utils();
     init_focus_utils();
-    helpers28 = react.createMultiStyleConfigHelpers(tabsAnatomy.keys);
-    config38 = helpers28.defineMultiStyleConfig({
+    helpers29 = react.createMultiStyleConfigHelpers(tabsAnatomy.keys);
+    config39 = helpers29.defineMultiStyleConfig({
       baseStyle: (props) => ({
         root: {
           display: "flex",
@@ -15035,14 +15222,14 @@ var init_tabs = __esm({
         variant: "base"
       }
     });
-    tabs_default = config38;
+    tabs_default = config39;
   }
 });
-var config39, textarea_default;
+var config40, textarea_default;
 var init_textarea = __esm({
   "src/theme/components/textarea.ts"() {
     init_input2();
-    config39 = react.defineStyleConfig({
+    config40 = react.defineStyleConfig({
       baseStyle: (props) => ({
         ...input_default.baseStyle(props).field,
         minHeight: "5rem",
@@ -15059,13 +15246,13 @@ var init_textarea = __esm({
         }
       })
     });
-    textarea_default = config39;
+    textarea_default = config40;
   }
 });
-var config40, toast_default;
+var config41, toast_default;
 var init_toast = __esm({
   "src/theme/components/toast.ts"() {
-    config40 = react.defineStyleConfig({
+    config41 = react.defineStyleConfig({
       baseStyle: {
         display: "flex",
         alignItems: "center",
@@ -15089,15 +15276,15 @@ var init_toast = __esm({
         }
       }
     });
-    toast_default = config40;
+    toast_default = config41;
   }
 });
-var config41, static_card_default, getColorSchemeBaseProps2;
+var config42, static_card_default, getColorSchemeBaseProps2;
 var init_static_card = __esm({
   "src/theme/components/static-card.ts"() {
     init_foundations();
     init_base_utils();
-    config41 = react.defineStyleConfig({
+    config42 = react.defineStyleConfig({
       baseStyle: (props) => ({
         appearance: "none",
         border: "none",
@@ -15110,7 +15297,7 @@ var init_static_card = __esm({
         ...getColorSchemeBaseProps2(props)
       })
     });
-    static_card_default = config41;
+    static_card_default = config42;
     getColorSchemeBaseProps2 = (props) => {
       var _a6;
       switch (props.colorScheme) {
@@ -15177,6 +15364,7 @@ __export(components_exports, {
   MediaControllerButton: () => media_controller_button_default,
   Modal: () => modal_default,
   NumericStepper: () => numeric_stepper_default,
+  Pagination: () => pagination_default,
   Popover: () => popover_default,
   ProgressBar: () => progress_bar_default,
   ProgressIndicator: () => progress_indicator_default,
@@ -15222,6 +15410,7 @@ var init_components = __esm({
     init_media_controller_button();
     init_modal2();
     init_numeric_stepper();
+    init_pagination2();
     init_popover();
     init_progress_bar();
     init_progress_indicator2();
@@ -15349,7 +15538,7 @@ var init_theme = __esm({
     };
   }
 });
-var BaseToast, ToastIcon, getIcon3, texts26;
+var BaseToast, ToastIcon, getIcon3, texts27;
 var init_BaseToast = __esm({
   "src/toast/BaseToast.tsx"() {
     init_src();
@@ -15364,7 +15553,7 @@ var init_BaseToast = __esm({
         Icon,
         {
           flexShrink: 0,
-          "aria-label": t2(texts26[variant]),
+          "aria-label": t2(texts27[variant]),
           marginRight: 1,
           marginY: 1.5,
           color: "darkGrey"
@@ -15381,7 +15570,7 @@ var init_BaseToast = __esm({
           return sporIconReact.ErrorOutline24Icon;
       }
     };
-    texts26 = createTexts({
+    texts27 = createTexts({
       info: {
         nb: "Informasjon",
         nn: "Informasjon",
@@ -15419,7 +15608,7 @@ var init_ActionToast = __esm({
     };
   }
 });
-var ClosableToast, texts27;
+var ClosableToast, texts28;
 var init_ClosableToast = __esm({
   "src/toast/ClosableToast.tsx"() {
     init_src();
@@ -15437,13 +15626,13 @@ var init_ClosableToast = __esm({
         {
           sx: styles3.dismissButton,
           variant: "ghost",
-          "aria-label": t2(texts27.dismiss),
+          "aria-label": t2(texts28.dismiss),
           icon: /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
           onClick: onClose
         }
       ));
     };
-    texts27 = createTexts({
+    texts28 = createTexts({
       dismiss: {
         nb: "Lukk",
         nn: "Lukk",
@@ -15713,6 +15902,7 @@ var init_src = __esm({
     init_media_controller();
     init_modal();
     init_nudge();
+    init_pagination();
     init_progress_indicator();
     init_provider();
     init_stepper();