boreal-ui 0.0.76 → 0.0.78

package/dist/next/NotificationCenter.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const NotificationCenter = require("./NotificationCenter-JIX-pouI.cjs");
+const NotificationCenter = require("./NotificationCenter-obd1jF2n.cjs");
 module.exports = NotificationCenter.NotificationCenter;
 //# sourceMappingURL=NotificationCenter.cjs.js.map

package/dist/next/NotificationCenter.css

@@ -0,0 +1,475 @@
+@charset "UTF-8";
+/**
+ * ---------------------------------------------------------------------
+ * theme.scss
+ * ---------------------------------------------------------------------
+ * Global design tokens and theme configuration for the Boreal UI system.
+ * This file defines SCSS variables, maps, and constants for:
+ * - Colors (brand, background, feedback, text)
+ * - Fonts (families, sizes, weights)
+ * - Spacing
+ * - Border radii
+ * - Shadows
+ * - Transitions
+ * - Z-index layers
+ * - Thematic color maps
+ * - UI states (success, error, warning)
+ * - Rounding and shadow presets
+ * 
+ * All variables support the `!default` flag to allow overrides via user-defined themes.
+ * ---------------------------------------------------------------------
+ *
+ * == Color Palette ==
+ * $primary-color           – Brand primary color
+ * $secondary-color         – Secondary accent color
+ * $tertiary-color          – Alternate accent color
+ * $quaternary-color        – Alternate accent color
+ * $background-color        – Main background color (dark)
+ * $background-color-surface – Surface layer background (cards, modals)
+ * $error-color, $success-color, $warning-color – Feedback states
+ * $link-color              – Link default color
+ * $link-hover-color        – Link hover state
+ * $text-color, $text-color-light, $text-color-primary, $text-color-secondary – Text coloring
+ *
+ * == Typography ==
+ * $font-family-primary / secondary – Primary typefaces
+ * $font-size-xxs to $font-size-xxl – Font size scale
+ * $font-weight-light to bolder     – Font weights
+ *
+ * == Spacing ==
+ * $spacing-xxs to $spacing-xl – Margin/padding utility scale
+ *
+ * == Border Radius ==
+ * $border-radius-xs to full  – Border rounding presets
+ *
+ * == Shadows ==
+ * $box-shadow-light to intense – Shadow elevation levels
+ * $inverted-shadows            – Shadows used on dark surfaces (e.g. modals)
+ *
+ * == Transitions ==
+ * $transition-fast / default / slow – Standard easing transitions
+ *
+ * == Z-Index Layers ==
+ * $z-index-drawer   – For slide-out panels
+ * $z-index-modal    – For modals and overlays
+ * $z-index-tooltip  – Highest layer for tooltips and floating labels
+ *
+ * == Theme Map ==
+ * $themes: map of theme names (e.g. "primary", "secondary") to their visual styles
+ *  - Each theme includes: bg, hover, text, border, text-hover
+ *
+ * == State Map ==
+ * $states: visual styles for UI feedback states (success, error, warning)
+ *
+ * == Rounding / Shadow Maps ==
+ * $rounding: key-value pairs for component rounding levels
+ * $shadow: key-value pairs for shadow levels
+ */
+/**
+ * -----------------------------------------------------
+ * _breakpoints.scss
+ * -----------------------------------------------------
+ * These constants define the standard device-width breakpoints
+ * used in responsive media queries throughout the theme.
+ *
+ * - $breakpoint-xs: 320px  (Extra small, portrait phones)
+ * - $breakpoint-sm: 480px  (Small devices, larger phones)
+ * - $breakpoint-md: 768px  (Medium devices, tablets)
+ * - $breakpoint-lg: 1024px (Large devices, desktops)
+ * - $breakpoint-xl: 1280px (Extra large desktops)
+ * - $breakpoint-xxl: 1536px (Widescreens, large monitors)
+ *
+ * $breakpoints map:
+ *  Use this map to loop over breakpoints or access named values.
+ */
+/**
+ * -----------------------------------------------------
+ * _animations.scss
+ * -----------------------------------------------------
+ * This file contains reusable keyframe animations
+ * used across the component library for transitions,
+ * loaders, and visual enhancements.
+ *
+ * List of Animations:
+ *
+ * 1. fade-in
+ *    - Smoothly fades in an element by transitioning opacity from 0 to 1.
+ *
+ * 2. slide-up
+ *    - Slides an element upward into view from below while fading in.
+ *
+ * 3. spin-3d
+ *    - Rotates an element in 3D space along both X and Y axes (360°).
+ *
+ * 4. spin
+ *    - Continuously rotates an element clockwise in 2D space.
+ *
+ * 5. pulse
+ *    - Gently scales an element up and down to create a pulsing effect.
+ *
+ * 6. fade-in-up
+ *    - Combines a fade-in with a slight upward motion (used for tooltips, popups).
+ *
+ * 7. progress-grow
+ *    - Expands the width of a progress bar from 0% to 100%.
+ *
+ * 8. indeterminate-move
+ *    - Moves an element from left to right in a loop, used in indeterminate loaders.
+ *
+ * 9. skeleton-loading
+ *    - Creates a sweeping shimmer effect for skeleton loaders.
+ */
+@keyframes _fade-in_ib4ox_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes _slide-up_ib4ox_1 {
+  from {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes _spin-3d_ib4ox_1 {
+  0% {
+    transform: rotateX(0deg) rotateY(0deg);
+  }
+  100% {
+    transform: rotateX(360deg) rotateY(360deg);
+  }
+}
+@keyframes _spin_ib4ox_1 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes _pulse_ib4ox_1 {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes _fade-in-up_ib4ox_1 {
+  from {
+    opacity: 0;
+    transform: translateY(-5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes _progress-grow_ib4ox_1 {
+  from {
+    width: 0;
+  }
+  to {
+    width: 100%;
+  }
+}
+@keyframes _indeterminate-move_ib4ox_1 {
+  0% {
+    transform: translateX(-100%);
+  }
+  50% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+@keyframes _skeleton-loading_ib4ox_1 {
+  0% {
+    left: -100%;
+  }
+  100% {
+    left: 100%;
+  }
+}
+._wrapper_ib4ox_204 {
+  position: relative;
+  width: fit-content;
+  max-width: 400px;
+  padding: var(--spacing-sm);
+  overflow: hidden;
+  font-family: var(--font-family-body);
+}
+@media (width <= 479.98px) {
+  ._wrapper_ib4ox_204 {
+    max-width: 100%;
+    padding: var(--spacing-xs);
+  }
+}
+@media (min-width: 1024px) {
+  ._wrapper_ib4ox_204 {
+    max-width: 520px;
+    padding: var(--spacing-md);
+  }
+}
+._wrapper_ib4ox_204:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 3px;
+  border-radius: 8px;
+}
+
+._header_ib4ox_230 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-label);
+  font-weight: var(--font-weight-label);
+  line-height: var(--line-height-label);
+  letter-spacing: var(--letter-spacing-label);
+  margin-bottom: var(--spacing-sm);
+  gap: var(--spacing-xs);
+}
+@media (width <= 479.98px) {
+  ._header_ib4ox_230 {
+    margin-bottom: var(--spacing-xs);
+    flex-direction: column;
+  }
+}
+@media (min-width: 1024px) {
+  ._header_ib4ox_230 {
+    margin-bottom: var(--spacing-md);
+  }
+}
+
+._body_ib4ox_254 {
+  width: 100%;
+  overflow-x: auto;
+}
+
+._list_ib4ox_259 {
+  display: flex;
+  width: fit-content;
+  height: fit-content;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+  margin: 0;
+  padding: 4px;
+  list-style: none;
+  max-height: 340px;
+  overflow-y: auto;
+}
+@media (width <= 479.98px) {
+  ._list_ib4ox_259 {
+    max-height: 50vh;
+    gap: var(--spacing-xxs);
+    padding: 2px;
+  }
+}
+@media (min-width: 1024px) {
+  ._list_ib4ox_259 {
+    max-height: 60vh;
+    gap: var(--spacing-sm);
+  }
+}
+
+._notification_ib4ox_285 {
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-xs);
+  overflow-x: auto;
+  background-color: var(--background-color-dark);
+  border-left: 4px solid transparent;
+  animation: _fade-in-up_ib4ox_1 0.3s ease;
+  transition: background-color var(--transition-default), transform var(--transition-default), box-shadow var(--transition-default);
+}
+._notification_ib4ox_285:hover {
+  background-color: var(--background-color-darker);
+}
+._notification_ib4ox_285:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+@media (width <= 479.98px) {
+  ._notification_ib4ox_285 {
+    padding: var(--spacing-xxs);
+  }
+}
+@media (min-width: 1024px) {
+  ._notification_ib4ox_285 {
+    padding: var(--spacing-sm);
+  }
+}
+._notification_ib4ox_285._primary_ib4ox_313 {
+  border-color: var(--primary-color);
+}
+._notification_ib4ox_285._success_ib4ox_316 {
+  border-color: var(--success-color);
+}
+._notification_ib4ox_285._error_ib4ox_319 {
+  border-color: var(--error-color);
+}
+._notification_ib4ox_285._warning_ib4ox_322 {
+  border-color: var(--warning-color);
+}
+._notification_ib4ox_285._info_ib4ox_325 {
+  border-color: var(--link-color);
+}
+._notification_ib4ox_285 ._icon_ib4ox_328 {
+  margin-right: var(--spacing-sm);
+  font-size: 1.2rem;
+}
+@media (width <= 479.98px) {
+  ._notification_ib4ox_285 ._icon_ib4ox_328 {
+    margin-right: var(--spacing-xs);
+    font-size: 1rem;
+  }
+}
+@media (min-width: 1024px) {
+  ._notification_ib4ox_285 ._icon_ib4ox_328 {
+    font-size: 1.3rem;
+  }
+}
+._notification_ib4ox_285 ._content_ib4ox_343 {
+  flex-grow: 1;
+}
+._notification_ib4ox_285 ._content_ib4ox_343 ._message_ib4ox_346 {
+  display: block;
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-body);
+  font-weight: var(--font-weight-body);
+  line-height: var(--line-height-body);
+  letter-spacing: var(--letter-spacing-body);
+}
+@media (width <= 479.98px) {
+  ._notification_ib4ox_285 ._content_ib4ox_343 ._message_ib4ox_346 {
+    font-size: var(--font-size-body-sm);
+  }
+}
+@media (min-width: 1024px) {
+  ._notification_ib4ox_285 ._content_ib4ox_343 ._message_ib4ox_346 {
+    font-size: var(--font-size-body);
+  }
+}
+._notification_ib4ox_285 ._content_ib4ox_343 ._timestamp_ib4ox_364 {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-caption);
+  font-weight: var(--font-weight-body);
+  line-height: var(--line-height-body);
+  letter-spacing: var(--letter-spacing-body);
+  color: var(--text-color-secondary);
+}
+@media (width <= 479.98px) {
+  ._notification_ib4ox_285 ._content_ib4ox_343 ._timestamp_ib4ox_364 {
+    font-size: var(--font-size-caption);
+  }
+}
+@media (min-width: 1024px) {
+  ._notification_ib4ox_285 ._content_ib4ox_343 ._timestamp_ib4ox_364 {
+    font-size: var(--font-size-label);
+  }
+}
+._notification_ib4ox_285 ._close_ib4ox_382 {
+  margin-left: var(--spacing-sm);
+  background: transparent;
+  color: inherit;
+  border: none;
+  box-shadow: none;
+  cursor: pointer;
+  padding: var(--spacing-xxs);
+  line-height: 1;
+  transition: opacity var(--transition-default);
+}
+._notification_ib4ox_285 ._close_ib4ox_382:hover {
+  opacity: 0.7;
+}
+._notification_ib4ox_285 ._close_ib4ox_382:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+@media (width <= 479.98px) {
+  ._notification_ib4ox_285 ._close_ib4ox_382 {
+    margin-left: var(--spacing-xs);
+  }
+}
+
+._roundNone_ib4ox_407 {
+  border-radius: var(--border-radius-none);
+}
+
+._roundSmall_ib4ox_411 {
+  border-radius: var(--border-radius-sm);
+}
+
+._roundMedium_ib4ox_415 {
+  border-radius: var(--border-radius-md);
+}
+
+._roundLarge_ib4ox_419 {
+  border-radius: var(--border-radius-lg);
+}
+
+._roundFull_ib4ox_423 {
+  border-radius: var(--border-radius-full);
+}
+
+._shadowNone_ib4ox_427 {
+  box-shadow: var(--box-shadow-none);
+}
+
+._shadowLight_ib4ox_431 {
+  box-shadow: var(--box-shadow-light);
+}
+
+._shadowMedium_ib4ox_435 {
+  box-shadow: var(--box-shadow-medium);
+}
+
+._shadowStrong_ib4ox_439 {
+  box-shadow: var(--box-shadow-heavy);
+}
+
+._shadowIntense_ib4ox_443 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._wrapper_ib4ox_204,
+  ._wrapper_ib4ox_204 * {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+@media (hover: none) {
+  ._notification_ib4ox_285:hover {
+    background-color: var(--background-color-dark);
+  }
+  ._header_ib4ox_230 ._clearAll_ib4ox_458:hover,
+  ._notification_ib4ox_285 ._close_ib4ox_382:hover {
+    opacity: 1;
+  }
+}
+@media (forced-colors: active) {
+  ._notification_ib4ox_285 {
+    background: Canvas;
+    color: CanvasText;
+    border-left: 3px solid Highlight;
+  }
+  ._header_ib4ox_230 ._clearAll_ib4ox_458,
+  ._notification_ib4ox_285 ._close_ib4ox_382 {
+    color: ButtonText;
+    border: 1px solid ButtonText;
+    border-radius: 4px;
+  }
+}

package/dist/next/NotificationCenter.js

@@ -1,4 +1,4 @@
-import { N } from "./NotificationCenter-BrAzv2oD.js";
+import { N } from "./NotificationCenter-BDd4Zr8Y.js";
 export {
   N as default
 };

package/dist/next/{Pager-DcibmVu1.cjs → Pager-8dIVqCGz.cjs}

@@ -1,12 +1,12 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');require('./Pager.css');const require$$2 = require("react/jsx-runtime");
 const ArrowRightIcon = require("./ArrowRightIcon-BVb75OpX.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 ;/* empty css                   */
-const Button = require("./Button-BZmph-Qr.cjs");
-const IconButton = require("./IconButton-4ySBEhn1.cjs");
+const Button = require("./Button-CmH6HYjc.cjs");
+const IconButton = require("./IconButton-C66aQhKe.cjs");
 const ArrowLeftIcon = (props) => /* @__PURE__ */ require$$2.jsx(
   "svg",
   {
@@ -223,4 +223,4 @@ const Pager = (props) => {
 };
 Pager.displayName = "Pager";
 exports.Pager = Pager;
-//# sourceMappingURL=Pager-DcibmVu1.cjs.map
+//# sourceMappingURL=Pager-8dIVqCGz.cjs.map

package/dist/next/{Pager-DcibmVu1.cjs.map → Pager-8dIVqCGz.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Pager-DcibmVu1.cjs","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/next/Pager.tsx"],"sourcesContent":["const ArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M15.287 18.6929C15.5673 18.5768 15.75 18.3033 15.75 18V5.99998C15.75 5.69663 15.5673 5.42315 15.287 5.30707C15.0068 5.19098 14.6842 5.25515 14.4697 5.46965L8.46967 11.4696C8.17678 11.7625 8.17678 12.2374 8.46967 12.5303L14.4697 18.5303C14.6842 18.7448 15.0068 18.809 15.287 18.6929Z\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default ArrowLeftIcon;\r\n","import React from \"react\";\r\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../../Icons\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BasePagerProps } from \"./Pager.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\n\r\nconst BasePager: React.FC<BasePagerProps> = ({\r\n  totalItems,\r\n  itemsPerPage,\r\n  currentPage,\r\n  serverControlled = false,\r\n  onPageChange,\r\n  className = \"\",\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  \"aria-label\": ariaLabel = \"Pagination\",\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"page-list-aria-label\": pageListAriaLabel = \"Page list\",\r\n  \"previous-button-aria-label\": previousButtonAriaLabel = \"Go to previous page\",\r\n  \"next-button-aria-label\": nextButtonAriaLabel = \"Go to next page\",\r\n  getPageAriaLabel = (pageNumber, isActive) =>\r\n    isActive ? `Current page, page ${pageNumber}` : `Go to page ${pageNumber}`,\r\n  getLiveRegionMessage = (activePage, totalPages) =>\r\n    `Page ${activePage} of ${totalPages}`,\r\n  liveRegionAriaLive = \"polite\",\r\n  \"data-testid\": testId = \"pager\",\r\n  Button,\r\n  IconButton,\r\n  classMap,\r\n}) => {\r\n  const perPage = Math.max(1, itemsPerPage || 1);\r\n  const totalPages = Math.max(1, Math.ceil(totalItems / perPage));\r\n  const page = Math.min(Math.max(1, currentPage || 1), totalPages);\r\n\r\n  const pages = serverControlled\r\n    ? []\r\n    : Array.from({ length: totalPages }, (_, i) => i + 1);\r\n\r\n  const goTo = (p: number) => {\r\n    const clamped = Math.min(Math.max(1, p), totalPages);\r\n    if (clamped !== page) onPageChange(clamped);\r\n  };\r\n\r\n  const wrapperClass = combineClassNames(classMap.wrapper, className);\r\n\r\n  const buttonBaseClass = combineClassNames(\r\n    classMap.button,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n  );\r\n\r\n  const liveRegionId = `${testId}-status`;\r\n\r\n  return (\r\n    <nav\r\n      aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy ?? liveRegionId}\r\n      className={wrapperClass}\r\n      data-testid={testId}\r\n    >\r\n      <p\r\n        id={liveRegionId}\r\n        className=\"sr_only\"\r\n        aria-live={liveRegionAriaLive}\r\n        aria-atomic=\"true\"\r\n        data-testid={`${testId}-status`}\r\n      >\r\n        {getLiveRegionMessage(page, totalPages)}\r\n      </p>\r\n\r\n      <div className={classMap.controls}>\r\n        <IconButton\r\n          icon={ArrowLeftIcon}\r\n          theme={theme}\r\n          state={state}\r\n          size={size}\r\n          shadow={shadow}\r\n          rounding={rounding}\r\n          className={classMap.controlButton}\r\n          disabled={page <= 1}\r\n          aria-label={previousButtonAriaLabel}\r\n          title=\"Previous page\"\r\n          onClick={() => goTo(page - 1)}\r\n          aria-controls={pageListAriaLabel ? `${testId}-page-list` : undefined}\r\n          data-testid={`${testId}-prev`}\r\n          type=\"button\"\r\n        />\r\n      </div>\r\n\r\n      <ul\r\n        id={`${testId}-page-list`}\r\n        className={classMap.controls}\r\n        aria-label={pageListAriaLabel}\r\n        data-testid={`${testId}-page-list`}\r\n      >\r\n        {serverControlled ? (\r\n          <li\r\n            className={classMap.buttonWrapper}\r\n            data-testid={`${testId}-page-${page}`}\r\n          >\r\n            <Button\r\n              theme={theme}\r\n              state={state}\r\n              size={size}\r\n              rounding={rounding}\r\n              shadow={shadow}\r\n              onClick={() => goTo(page)}\r\n              aria-label={getPageAriaLabel(page, true)}\r\n              aria-current=\"page\"\r\n              aria-describedby={liveRegionId}\r\n              disabled\r\n              className={combineClassNames(buttonBaseClass, classMap.active)}\r\n              data-testid={`${testId}-button-${page}`}\r\n              type=\"button\"\r\n            >\r\n              {page}\r\n            </Button>\r\n          </li>\r\n        ) : (\r\n          pages.map((p) => {\r\n            const isActive = p === page;\r\n\r\n            return (\r\n              <li\r\n                key={p}\r\n                className={classMap.buttonWrapper}\r\n                data-testid={`${testId}-page-${p}`}\r\n              >\r\n                <Button\r\n                  theme={theme}\r\n                  state={state}\r\n                  size={size}\r\n                  rounding={rounding}\r\n                  shadow={shadow}\r\n                  onClick={() => goTo(p)}\r\n                  aria-label={getPageAriaLabel(p, isActive)}\r\n                  aria-current={isActive ? \"page\" : undefined}\r\n                  aria-describedby={isActive ? liveRegionId : undefined}\r\n                  disabled={isActive}\r\n                  className={combineClassNames(\r\n                    buttonBaseClass,\r\n                    isActive && classMap.active,\r\n                  )}\r\n                  data-testid={`${testId}-button-${p}`}\r\n                  type=\"button\"\r\n                >\r\n                  {p}\r\n                </Button>\r\n              </li>\r\n            );\r\n          })\r\n        )}\r\n      </ul>\r\n\r\n      <div className={classMap.controls}>\r\n        <IconButton\r\n          icon={ArrowRightIcon}\r\n          theme={theme}\r\n          state={state}\r\n          rounding={rounding}\r\n          shadow={shadow}\r\n          size={size}\r\n          className={classMap.controlButton}\r\n          disabled={page >= totalPages}\r\n          aria-label={nextButtonAriaLabel}\r\n          title=\"Next page\"\r\n          onClick={() => goTo(page + 1)}\r\n          aria-controls={pageListAriaLabel ? `${testId}-page-list` : undefined}\r\n          data-testid={`${testId}-next`}\r\n          type=\"button\"\r\n        />\r\n      </div>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBasePager.displayName = \"BasePager\";\r\nexport default BasePager;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.next\";\r\nimport styles from \"./Pager.module.scss\";\r\nimport { PagerProps } from \"../Pager.types\";\r\n\r\nconst Pager: React.FC<PagerProps> = (props) => {\r\n  return (\r\n    <BasePager\r\n      {...props}\r\n      Button={Button}\r\n      IconButton={IconButton}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nPager.displayName = \"Pager\";\r\nexport default Pager;\r\n"],"names":["jsx","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","Button","IconButton","combineClassNames","capitalize","jsxs","ArrowRightIcon"],"mappings":"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"}
+{"version":3,"file":"Pager-8dIVqCGz.cjs","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/next/Pager.tsx"],"sourcesContent":["const ArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M15.287 18.6929C15.5673 18.5768 15.75 18.3033 15.75 18V5.99998C15.75 5.69663 15.5673 5.42315 15.287 5.30707C15.0068 5.19098 14.6842 5.25515 14.4697 5.46965L8.46967 11.4696C8.17678 11.7625 8.17678 12.2374 8.46967 12.5303L14.4697 18.5303C14.6842 18.7448 15.0068 18.809 15.287 18.6929Z\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default ArrowLeftIcon;\r\n","import React from \"react\";\r\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../../Icons\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BasePagerProps } from \"./Pager.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\n\r\nconst BasePager: React.FC<BasePagerProps> = ({\r\n  totalItems,\r\n  itemsPerPage,\r\n  currentPage,\r\n  serverControlled = false,\r\n  onPageChange,\r\n  className = \"\",\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  \"aria-label\": ariaLabel = \"Pagination\",\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"page-list-aria-label\": pageListAriaLabel = \"Page list\",\r\n  \"previous-button-aria-label\": previousButtonAriaLabel = \"Go to previous page\",\r\n  \"next-button-aria-label\": nextButtonAriaLabel = \"Go to next page\",\r\n  getPageAriaLabel = (pageNumber, isActive) =>\r\n    isActive ? `Current page, page ${pageNumber}` : `Go to page ${pageNumber}`,\r\n  getLiveRegionMessage = (activePage, totalPages) =>\r\n    `Page ${activePage} of ${totalPages}`,\r\n  liveRegionAriaLive = \"polite\",\r\n  \"data-testid\": testId = \"pager\",\r\n  Button,\r\n  IconButton,\r\n  classMap,\r\n}) => {\r\n  const perPage = Math.max(1, itemsPerPage || 1);\r\n  const totalPages = Math.max(1, Math.ceil(totalItems / perPage));\r\n  const page = Math.min(Math.max(1, currentPage || 1), totalPages);\r\n\r\n  const pages = serverControlled\r\n    ? []\r\n    : Array.from({ length: totalPages }, (_, i) => i + 1);\r\n\r\n  const goTo = (p: number) => {\r\n    const clamped = Math.min(Math.max(1, p), totalPages);\r\n    if (clamped !== page) onPageChange(clamped);\r\n  };\r\n\r\n  const wrapperClass = combineClassNames(classMap.wrapper, className);\r\n\r\n  const buttonBaseClass = combineClassNames(\r\n    classMap.button,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n  );\r\n\r\n  const liveRegionId = `${testId}-status`;\r\n\r\n  return (\r\n    <nav\r\n      aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy ?? liveRegionId}\r\n      className={wrapperClass}\r\n      data-testid={testId}\r\n    >\r\n      <p\r\n        id={liveRegionId}\r\n        className=\"sr_only\"\r\n        aria-live={liveRegionAriaLive}\r\n        aria-atomic=\"true\"\r\n        data-testid={`${testId}-status`}\r\n      >\r\n        {getLiveRegionMessage(page, totalPages)}\r\n      </p>\r\n\r\n      <div className={classMap.controls}>\r\n        <IconButton\r\n          icon={ArrowLeftIcon}\r\n          theme={theme}\r\n          state={state}\r\n          size={size}\r\n          shadow={shadow}\r\n          rounding={rounding}\r\n          className={classMap.controlButton}\r\n          disabled={page <= 1}\r\n          aria-label={previousButtonAriaLabel}\r\n          title=\"Previous page\"\r\n          onClick={() => goTo(page - 1)}\r\n          aria-controls={pageListAriaLabel ? `${testId}-page-list` : undefined}\r\n          data-testid={`${testId}-prev`}\r\n          type=\"button\"\r\n        />\r\n      </div>\r\n\r\n      <ul\r\n        id={`${testId}-page-list`}\r\n        className={classMap.controls}\r\n        aria-label={pageListAriaLabel}\r\n        data-testid={`${testId}-page-list`}\r\n      >\r\n        {serverControlled ? (\r\n          <li\r\n            className={classMap.buttonWrapper}\r\n            data-testid={`${testId}-page-${page}`}\r\n          >\r\n            <Button\r\n              theme={theme}\r\n              state={state}\r\n              size={size}\r\n              rounding={rounding}\r\n              shadow={shadow}\r\n              onClick={() => goTo(page)}\r\n              aria-label={getPageAriaLabel(page, true)}\r\n              aria-current=\"page\"\r\n              aria-describedby={liveRegionId}\r\n              disabled\r\n              className={combineClassNames(buttonBaseClass, classMap.active)}\r\n              data-testid={`${testId}-button-${page}`}\r\n              type=\"button\"\r\n            >\r\n              {page}\r\n            </Button>\r\n          </li>\r\n        ) : (\r\n          pages.map((p) => {\r\n            const isActive = p === page;\r\n\r\n            return (\r\n              <li\r\n                key={p}\r\n                className={classMap.buttonWrapper}\r\n                data-testid={`${testId}-page-${p}`}\r\n              >\r\n                <Button\r\n                  theme={theme}\r\n                  state={state}\r\n                  size={size}\r\n                  rounding={rounding}\r\n                  shadow={shadow}\r\n                  onClick={() => goTo(p)}\r\n                  aria-label={getPageAriaLabel(p, isActive)}\r\n                  aria-current={isActive ? \"page\" : undefined}\r\n                  aria-describedby={isActive ? liveRegionId : undefined}\r\n                  disabled={isActive}\r\n                  className={combineClassNames(\r\n                    buttonBaseClass,\r\n                    isActive && classMap.active,\r\n                  )}\r\n                  data-testid={`${testId}-button-${p}`}\r\n                  type=\"button\"\r\n                >\r\n                  {p}\r\n                </Button>\r\n              </li>\r\n            );\r\n          })\r\n        )}\r\n      </ul>\r\n\r\n      <div className={classMap.controls}>\r\n        <IconButton\r\n          icon={ArrowRightIcon}\r\n          theme={theme}\r\n          state={state}\r\n          rounding={rounding}\r\n          shadow={shadow}\r\n          size={size}\r\n          className={classMap.controlButton}\r\n          disabled={page >= totalPages}\r\n          aria-label={nextButtonAriaLabel}\r\n          title=\"Next page\"\r\n          onClick={() => goTo(page + 1)}\r\n          aria-controls={pageListAriaLabel ? `${testId}-page-list` : undefined}\r\n          data-testid={`${testId}-next`}\r\n          type=\"button\"\r\n        />\r\n      </div>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBasePager.displayName = \"BasePager\";\r\nexport default BasePager;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.next\";\r\nimport styles from \"./Pager.module.scss\";\r\nimport { PagerProps } from \"../Pager.types\";\r\n\r\nconst Pager: React.FC<PagerProps> = (props) => {\r\n  return (\r\n    <BasePager\r\n      {...props}\r\n      Button={Button}\r\n      IconButton={IconButton}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nPager.displayName = \"Pager\";\r\nexport default Pager;\r\n"],"names":["jsx","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","Button","IconButton","combineClassNames","capitalize","jsxs","ArrowRightIcon"],"mappings":"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"}

package/dist/next/{Pager-DFKfUn1s.js → Pager-C7n5x44P.js}

@@ -3,9 +3,9 @@ import { A as ArrowRightIcon } from "./ArrowRightIcon-BYQv5XS8.js";
 import { c as getDefaultSize, d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-/* empty css                 */
-import { B as Button } from "./Button-DWpImTmr.js";
-import { I as IconButton } from "./IconButton-BWw3WPaS.js";
+import './globals.css';import './Pager.css';/* empty css                 */
+import { B as Button } from "./Button-oSOXL3At.js";
+import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
 const ArrowLeftIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -224,4 +224,4 @@ Pager.displayName = "Pager";
 export {
   Pager as P
 };
-//# sourceMappingURL=Pager-DFKfUn1s.js.map
+//# sourceMappingURL=Pager-C7n5x44P.js.map

package/dist/next/{Pager-DFKfUn1s.js.map → Pager-C7n5x44P.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Pager-DFKfUn1s.js","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/next/Pager.tsx"],"sourcesContent":["const ArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M15.287 18.6929C15.5673 18.5768 15.75 18.3033 15.75 18V5.99998C15.75 5.69663 15.5673 5.42315 15.287 5.30707C15.0068 5.19098 14.6842 5.25515 14.4697 5.46965L8.46967 11.4696C8.17678 11.7625 8.17678 12.2374 8.46967 12.5303L14.4697 18.5303C14.6842 18.7448 15.0068 18.809 15.287 18.6929Z\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default ArrowLeftIcon;\r\n","import React from \"react\";\r\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../../Icons\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BasePagerProps } from \"./Pager.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\n\r\nconst BasePager: React.FC<BasePagerProps> = ({\r\n  totalItems,\r\n  itemsPerPage,\r\n  currentPage,\r\n  serverControlled = false,\r\n  onPageChange,\r\n  className = \"\",\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  \"aria-label\": ariaLabel = \"Pagination\",\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"page-list-aria-label\": pageListAriaLabel = \"Page list\",\r\n  \"previous-button-aria-label\": previousButtonAriaLabel = \"Go to previous page\",\r\n  \"next-button-aria-label\": nextButtonAriaLabel = \"Go to next page\",\r\n  getPageAriaLabel = (pageNumber, isActive) =>\r\n    isActive ? `Current page, page ${pageNumber}` : `Go to page ${pageNumber}`,\r\n  getLiveRegionMessage = (activePage, totalPages) =>\r\n    `Page ${activePage} of ${totalPages}`,\r\n  liveRegionAriaLive = \"polite\",\r\n  \"data-testid\": testId = \"pager\",\r\n  Button,\r\n  IconButton,\r\n  classMap,\r\n}) => {\r\n  const perPage = Math.max(1, itemsPerPage || 1);\r\n  const totalPages = Math.max(1, Math.ceil(totalItems / perPage));\r\n  const page = Math.min(Math.max(1, currentPage || 1), totalPages);\r\n\r\n  const pages = serverControlled\r\n    ? []\r\n    : Array.from({ length: totalPages }, (_, i) => i + 1);\r\n\r\n  const goTo = (p: number) => {\r\n    const clamped = Math.min(Math.max(1, p), totalPages);\r\n    if (clamped !== page) onPageChange(clamped);\r\n  };\r\n\r\n  const wrapperClass = combineClassNames(classMap.wrapper, className);\r\n\r\n  const buttonBaseClass = combineClassNames(\r\n    classMap.button,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n  );\r\n\r\n  const liveRegionId = `${testId}-status`;\r\n\r\n  return (\r\n    <nav\r\n      aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy ?? liveRegionId}\r\n      className={wrapperClass}\r\n      data-testid={testId}\r\n    >\r\n      <p\r\n        id={liveRegionId}\r\n        className=\"sr_only\"\r\n        aria-live={liveRegionAriaLive}\r\n        aria-atomic=\"true\"\r\n        data-testid={`${testId}-status`}\r\n      >\r\n        {getLiveRegionMessage(page, totalPages)}\r\n      </p>\r\n\r\n      <div className={classMap.controls}>\r\n        <IconButton\r\n          icon={ArrowLeftIcon}\r\n          theme={theme}\r\n          state={state}\r\n          size={size}\r\n          shadow={shadow}\r\n          rounding={rounding}\r\n          className={classMap.controlButton}\r\n          disabled={page <= 1}\r\n          aria-label={previousButtonAriaLabel}\r\n          title=\"Previous page\"\r\n          onClick={() => goTo(page - 1)}\r\n          aria-controls={pageListAriaLabel ? `${testId}-page-list` : undefined}\r\n          data-testid={`${testId}-prev`}\r\n          type=\"button\"\r\n        />\r\n      </div>\r\n\r\n      <ul\r\n        id={`${testId}-page-list`}\r\n        className={classMap.controls}\r\n        aria-label={pageListAriaLabel}\r\n        data-testid={`${testId}-page-list`}\r\n      >\r\n        {serverControlled ? (\r\n          <li\r\n            className={classMap.buttonWrapper}\r\n            data-testid={`${testId}-page-${page}`}\r\n          >\r\n            <Button\r\n              theme={theme}\r\n              state={state}\r\n              size={size}\r\n              rounding={rounding}\r\n              shadow={shadow}\r\n              onClick={() => goTo(page)}\r\n              aria-label={getPageAriaLabel(page, true)}\r\n              aria-current=\"page\"\r\n              aria-describedby={liveRegionId}\r\n              disabled\r\n              className={combineClassNames(buttonBaseClass, classMap.active)}\r\n              data-testid={`${testId}-button-${page}`}\r\n              type=\"button\"\r\n            >\r\n              {page}\r\n            </Button>\r\n          </li>\r\n        ) : (\r\n          pages.map((p) => {\r\n            const isActive = p === page;\r\n\r\n            return (\r\n              <li\r\n                key={p}\r\n                className={classMap.buttonWrapper}\r\n                data-testid={`${testId}-page-${p}`}\r\n              >\r\n                <Button\r\n                  theme={theme}\r\n                  state={state}\r\n                  size={size}\r\n                  rounding={rounding}\r\n                  shadow={shadow}\r\n                  onClick={() => goTo(p)}\r\n                  aria-label={getPageAriaLabel(p, isActive)}\r\n                  aria-current={isActive ? \"page\" : undefined}\r\n                  aria-describedby={isActive ? liveRegionId : undefined}\r\n                  disabled={isActive}\r\n                  className={combineClassNames(\r\n                    buttonBaseClass,\r\n                    isActive && classMap.active,\r\n                  )}\r\n                  data-testid={`${testId}-button-${p}`}\r\n                  type=\"button\"\r\n                >\r\n                  {p}\r\n                </Button>\r\n              </li>\r\n            );\r\n          })\r\n        )}\r\n      </ul>\r\n\r\n      <div className={classMap.controls}>\r\n        <IconButton\r\n          icon={ArrowRightIcon}\r\n          theme={theme}\r\n          state={state}\r\n          rounding={rounding}\r\n          shadow={shadow}\r\n          size={size}\r\n          className={classMap.controlButton}\r\n          disabled={page >= totalPages}\r\n          aria-label={nextButtonAriaLabel}\r\n          title=\"Next page\"\r\n          onClick={() => goTo(page + 1)}\r\n          aria-controls={pageListAriaLabel ? `${testId}-page-list` : undefined}\r\n          data-testid={`${testId}-next`}\r\n          type=\"button\"\r\n        />\r\n      </div>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBasePager.displayName = \"BasePager\";\r\nexport default BasePager;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.next\";\r\nimport styles from \"./Pager.module.scss\";\r\nimport { PagerProps } from \"../Pager.types\";\r\n\r\nconst Pager: React.FC<PagerProps> = (props) => {\r\n  return (\r\n    <BasePager\r\n      {...props}\r\n      Button={Button}\r\n      IconButton={IconButton}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nPager.displayName = \"Pager\";\r\nexport default Pager;\r\n"],"names":["Button","IconButton"],"mappings":"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"}
+{"version":3,"file":"Pager-C7n5x44P.js","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/next/Pager.tsx"],"sourcesContent":["const ArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M15.287 18.6929C15.5673 18.5768 15.75 18.3033 15.75 18V5.99998C15.75 5.69663 15.5673 5.42315 15.287 5.30707C15.0068 5.19098 14.6842 5.25515 14.4697 5.46965L8.46967 11.4696C8.17678 11.7625 8.17678 12.2374 8.46967 12.5303L14.4697 18.5303C14.6842 18.7448 15.0068 18.809 15.287 18.6929Z\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default ArrowLeftIcon;\r\n","import React from \"react\";\r\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../../Icons\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BasePagerProps } from \"./Pager.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\n\r\nconst BasePager: React.FC<BasePagerProps> = ({\r\n  totalItems,\r\n  itemsPerPage,\r\n  currentPage,\r\n  serverControlled = false,\r\n  onPageChange,\r\n  className = \"\",\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  \"aria-label\": ariaLabel = \"Pagination\",\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"page-list-aria-label\": pageListAriaLabel = \"Page list\",\r\n  \"previous-button-aria-label\": previousButtonAriaLabel = \"Go to previous page\",\r\n  \"next-button-aria-label\": nextButtonAriaLabel = \"Go to next page\",\r\n  getPageAriaLabel = (pageNumber, isActive) =>\r\n    isActive ? `Current page, page ${pageNumber}` : `Go to page ${pageNumber}`,\r\n  getLiveRegionMessage = (activePage, totalPages) =>\r\n    `Page ${activePage} of ${totalPages}`,\r\n  liveRegionAriaLive = \"polite\",\r\n  \"data-testid\": testId = \"pager\",\r\n  Button,\r\n  IconButton,\r\n  classMap,\r\n}) => {\r\n  const perPage = Math.max(1, itemsPerPage || 1);\r\n  const totalPages = Math.max(1, Math.ceil(totalItems / perPage));\r\n  const page = Math.min(Math.max(1, currentPage || 1), totalPages);\r\n\r\n  const pages = serverControlled\r\n    ? []\r\n    : Array.from({ length: totalPages }, (_, i) => i + 1);\r\n\r\n  const goTo = (p: number) => {\r\n    const clamped = Math.min(Math.max(1, p), totalPages);\r\n    if (clamped !== page) onPageChange(clamped);\r\n  };\r\n\r\n  const wrapperClass = combineClassNames(classMap.wrapper, className);\r\n\r\n  const buttonBaseClass = combineClassNames(\r\n    classMap.button,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n  );\r\n\r\n  const liveRegionId = `${testId}-status`;\r\n\r\n  return (\r\n    <nav\r\n      aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy ?? liveRegionId}\r\n      className={wrapperClass}\r\n      data-testid={testId}\r\n    >\r\n      <p\r\n        id={liveRegionId}\r\n        className=\"sr_only\"\r\n        aria-live={liveRegionAriaLive}\r\n        aria-atomic=\"true\"\r\n        data-testid={`${testId}-status`}\r\n      >\r\n        {getLiveRegionMessage(page, totalPages)}\r\n      </p>\r\n\r\n      <div className={classMap.controls}>\r\n        <IconButton\r\n          icon={ArrowLeftIcon}\r\n          theme={theme}\r\n          state={state}\r\n          size={size}\r\n          shadow={shadow}\r\n          rounding={rounding}\r\n          className={classMap.controlButton}\r\n          disabled={page <= 1}\r\n          aria-label={previousButtonAriaLabel}\r\n          title=\"Previous page\"\r\n          onClick={() => goTo(page - 1)}\r\n          aria-controls={pageListAriaLabel ? `${testId}-page-list` : undefined}\r\n          data-testid={`${testId}-prev`}\r\n          type=\"button\"\r\n        />\r\n      </div>\r\n\r\n      <ul\r\n        id={`${testId}-page-list`}\r\n        className={classMap.controls}\r\n        aria-label={pageListAriaLabel}\r\n        data-testid={`${testId}-page-list`}\r\n      >\r\n        {serverControlled ? (\r\n          <li\r\n            className={classMap.buttonWrapper}\r\n            data-testid={`${testId}-page-${page}`}\r\n          >\r\n            <Button\r\n              theme={theme}\r\n              state={state}\r\n              size={size}\r\n              rounding={rounding}\r\n              shadow={shadow}\r\n              onClick={() => goTo(page)}\r\n              aria-label={getPageAriaLabel(page, true)}\r\n              aria-current=\"page\"\r\n              aria-describedby={liveRegionId}\r\n              disabled\r\n              className={combineClassNames(buttonBaseClass, classMap.active)}\r\n              data-testid={`${testId}-button-${page}`}\r\n              type=\"button\"\r\n            >\r\n              {page}\r\n            </Button>\r\n          </li>\r\n        ) : (\r\n          pages.map((p) => {\r\n            const isActive = p === page;\r\n\r\n            return (\r\n              <li\r\n                key={p}\r\n                className={classMap.buttonWrapper}\r\n                data-testid={`${testId}-page-${p}`}\r\n              >\r\n                <Button\r\n                  theme={theme}\r\n                  state={state}\r\n                  size={size}\r\n                  rounding={rounding}\r\n                  shadow={shadow}\r\n                  onClick={() => goTo(p)}\r\n                  aria-label={getPageAriaLabel(p, isActive)}\r\n                  aria-current={isActive ? \"page\" : undefined}\r\n                  aria-describedby={isActive ? liveRegionId : undefined}\r\n                  disabled={isActive}\r\n                  className={combineClassNames(\r\n                    buttonBaseClass,\r\n                    isActive && classMap.active,\r\n                  )}\r\n                  data-testid={`${testId}-button-${p}`}\r\n                  type=\"button\"\r\n                >\r\n                  {p}\r\n                </Button>\r\n              </li>\r\n            );\r\n          })\r\n        )}\r\n      </ul>\r\n\r\n      <div className={classMap.controls}>\r\n        <IconButton\r\n          icon={ArrowRightIcon}\r\n          theme={theme}\r\n          state={state}\r\n          rounding={rounding}\r\n          shadow={shadow}\r\n          size={size}\r\n          className={classMap.controlButton}\r\n          disabled={page >= totalPages}\r\n          aria-label={nextButtonAriaLabel}\r\n          title=\"Next page\"\r\n          onClick={() => goTo(page + 1)}\r\n          aria-controls={pageListAriaLabel ? `${testId}-page-list` : undefined}\r\n          data-testid={`${testId}-next`}\r\n          type=\"button\"\r\n        />\r\n      </div>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBasePager.displayName = \"BasePager\";\r\nexport default BasePager;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.next\";\r\nimport styles from \"./Pager.module.scss\";\r\nimport { PagerProps } from \"../Pager.types\";\r\n\r\nconst Pager: React.FC<PagerProps> = (props) => {\r\n  return (\r\n    <BasePager\r\n      {...props}\r\n      Button={Button}\r\n      IconButton={IconButton}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nPager.displayName = \"Pager\";\r\nexport default Pager;\r\n"],"names":["Button","IconButton"],"mappings":"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"}

package/dist/next/Pager.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Pager = require("./Pager-DcibmVu1.cjs");
+const Pager = require("./Pager-8dIVqCGz.cjs");
 module.exports = Pager.Pager;
 //# sourceMappingURL=Pager.cjs.js.map