boreal-ui 0.0.1

package/dist/next/NotificationCenter.cjs.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const NotificationCenter = require("./NotificationCenter-BTcM5bCY.cjs");
+exports.default = NotificationCenter.NotificationCenter;
+exports.themeIcons = NotificationCenter.themeIcons;
+//# sourceMappingURL=NotificationCenter.cjs.js.map

package/dist/next/NotificationCenter.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenter.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/next/NotificationCenter.js

@@ -0,0 +1,6 @@
+import { N, t } from "./NotificationCenter-BGc41ims.js";
+export {
+  N as default,
+  t as themeIcons
+};
+//# sourceMappingURL=NotificationCenter.js.map

package/dist/next/NotificationCenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenter.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/next/Pager-0B36P0k1.js

@@ -0,0 +1,167 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { A as ArrowRightIcon } from "./ArrowRightIcon-BYQv5XS8.js";
+import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
+import { B as Button } from "./Button-BpVwB1WA.js";
+import { I as IconButton } from "./IconButton-EbX_9a0k.js";
+const ArrowLeftIcon = (props) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    strokeWidth: "1.5",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        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",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+const BasePager = ({
+  totalItems,
+  itemsPerPage,
+  currentPage,
+  serverControlled = false,
+  onPageChange,
+  className = "",
+  size = getDefaultSize(),
+  theme = getDefaultTheme(),
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  state = "",
+  "data-testid": testId = "pager",
+  Button: Button2,
+  IconButton: IconButton2,
+  classMap
+}) => {
+  const totalPages = Math.ceil(totalItems / itemsPerPage);
+  const pages = serverControlled ? [] : Array.from({ length: totalPages }, (_, i) => i + 1);
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      className: `${classMap.wrapper} ${className}`,
+      "aria-label": "Pagination Navigation",
+      role: "navigation",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: classMap.controls, children: /* @__PURE__ */ jsx(
+          IconButton2,
+          {
+            icon: ArrowLeftIcon,
+            theme,
+            state,
+            size,
+            shadow,
+            rounding,
+            className: classMap.controlButton,
+            disabled: currentPage === 1,
+            "aria-label": "Go to previous page",
+            title: "Previous Page",
+            onClick: () => onPageChange(currentPage - 1),
+            "data-testid": `${testId}-prev`
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: classMap.controls, role: "list", children: serverControlled ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: classMap.buttonWrapper,
+            role: "listitem",
+            "data-testid": `${testId}-page-${currentPage}`,
+            children: /* @__PURE__ */ jsx(
+              Button2,
+              {
+                theme,
+                state,
+                size,
+                rounding,
+                shadow,
+                onClick: () => onPageChange(currentPage),
+                "aria-label": `Page ${currentPage}`,
+                "aria-current": "page",
+                disabled: true,
+                className: `${classMap.button} ${classMap.active}`,
+                "data-testid": `${testId}-button-${currentPage}`,
+                children: currentPage
+              }
+            )
+          }
+        ) : pages.map((page) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: classMap.buttonWrapper,
+            "data-testid": `${testId}-page-${page}`,
+            role: "listitem",
+            children: /* @__PURE__ */ jsx(
+              Button2,
+              {
+                theme,
+                state,
+                size,
+                rounding,
+                shadow,
+                onClick: () => onPageChange(page),
+                "aria-label": `Go to page ${page}`,
+                "aria-current": page === currentPage ? "page" : void 0,
+                disabled: page === currentPage,
+                className: `${classMap.button} ${page === currentPage ? classMap.active : ""}`,
+                "data-testid": `${testId}-button-${page}`,
+                children: page
+              }
+            )
+          },
+          page
+        )) }),
+        /* @__PURE__ */ jsx("div", { className: classMap.controls, children: /* @__PURE__ */ jsx(
+          IconButton2,
+          {
+            icon: ArrowRightIcon,
+            theme,
+            state,
+            rounding,
+            shadow,
+            size,
+            className: classMap.controlButton,
+            disabled: currentPage === totalPages,
+            "aria-label": "Go to next page",
+            title: "Next Page",
+            onClick: () => onPageChange(currentPage + 1),
+            "data-testid": `${testId}-next`
+          }
+        ) })
+      ]
+    }
+  );
+};
+const wrapper = "_wrapper_mx3zn_68";
+const controls = "_controls_mx3zn_84";
+const controlButton = "_controlButton_mx3zn_100";
+const button = "_button_mx3zn_115";
+const styles = {
+  wrapper,
+  controls,
+  controlButton,
+  button
+};
+const Pager = (props) => {
+  return /* @__PURE__ */ jsx(
+    BasePager,
+    {
+      ...props,
+      Button,
+      IconButton,
+      classMap: styles
+    }
+  );
+};
+export {
+  Pager as P
+};
+//# sourceMappingURL=Pager-0B36P0k1.js.map

package/dist/next/Pager-0B36P0k1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pager-0B36P0k1.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 { PaginationProps } from \"./Pager.types\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePagerProps extends PaginationProps {\r\n  Button: React.ComponentType<any>;\r\n  IconButton: React.ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\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  \"data-testid\": testId = \"pager\",\r\n  Button,\r\n  IconButton,\r\n  classMap,\r\n}) => {\r\n  const totalPages = Math.ceil(totalItems / itemsPerPage);\r\n  const pages = serverControlled\r\n    ? []\r\n    : Array.from({ length: totalPages }, (_, i) => i + 1);\r\n\r\n  return (\r\n    <nav\r\n      className={`${classMap.wrapper} ${className}`}\r\n      aria-label=\"Pagination Navigation\"\r\n      role=\"navigation\"\r\n      data-testid={testId}\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={currentPage === 1}\r\n          aria-label=\"Go to previous page\"\r\n          title=\"Previous Page\"\r\n          onClick={() => onPageChange(currentPage - 1)}\r\n          data-testid={`${testId}-prev`}\r\n        />\r\n      </div>\r\n\r\n      <div className={classMap.controls} role=\"list\">\r\n        {serverControlled ? (\r\n          <div\r\n            className={classMap.buttonWrapper}\r\n            role=\"listitem\"\r\n            data-testid={`${testId}-page-${currentPage}`}\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={() => onPageChange(currentPage)}\r\n              aria-label={`Page ${currentPage}`}\r\n              aria-current=\"page\"\r\n              disabled\r\n              className={`${classMap.button} ${classMap.active}`}\r\n              data-testid={`${testId}-button-${currentPage}`}\r\n            >\r\n              {currentPage}\r\n            </Button>\r\n          </div>\r\n        ) : (\r\n          pages.map((page) => (\r\n            <div\r\n              key={page}\r\n              className={classMap.buttonWrapper}\r\n              data-testid={`${testId}-page-${page}`}\r\n              role=\"listitem\"\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={() => onPageChange(page)}\r\n                aria-label={`Go to page ${page}`}\r\n                aria-current={page === currentPage ? \"page\" : undefined}\r\n                disabled={page === currentPage}\r\n                className={`${classMap.button} ${\r\n                  page === currentPage ? classMap.active : \"\"\r\n                }`}\r\n                data-testid={`${testId}-button-${page}`}\r\n              >\r\n                {page}\r\n              </Button>\r\n            </div>\r\n          ))\r\n        )}\r\n      </div>\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={currentPage === totalPages}\r\n          aria-label=\"Go to next page\"\r\n          title=\"Next Page\"\r\n          onClick={() => onPageChange(currentPage + 1)}\r\n          data-testid={`${testId}-next`}\r\n        />\r\n      </div>\r\n    </nav>\r\n  );\r\n};\r\n\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 { PaginationProps } from \"../Pager.types\";\r\n\r\nconst Pager: React.FC<PaginationProps> = (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\n\r\nexport default Pager;\r\n"],"names":["Button","IconButton"],"mappings":"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"}

package/dist/next/Pager-CRAgN3LJ.cjs

@@ -0,0 +1,166 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const ArrowRightIcon = require("./ArrowRightIcon-BVb75OpX.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const Button = require("./Button-DUh0L7vy.cjs");
+const IconButton = require("./IconButton-mY_E1gsn.cjs");
+const ArrowLeftIcon = (props) => /* @__PURE__ */ require$$2.jsx(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    strokeWidth: "1.5",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: /* @__PURE__ */ require$$2.jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        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",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+const BasePager = ({
+  totalItems,
+  itemsPerPage,
+  currentPage,
+  serverControlled = false,
+  onPageChange,
+  className = "",
+  size = borealStyleConfig.getDefaultSize(),
+  theme = borealStyleConfig.getDefaultTheme(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  state = "",
+  "data-testid": testId = "pager",
+  Button: Button2,
+  IconButton: IconButton2,
+  classMap
+}) => {
+  const totalPages = Math.ceil(totalItems / itemsPerPage);
+  const pages = serverControlled ? [] : Array.from({ length: totalPages }, (_, i) => i + 1);
+  return /* @__PURE__ */ require$$2.jsxs(
+    "nav",
+    {
+      className: `${classMap.wrapper} ${className}`,
+      "aria-label": "Pagination Navigation",
+      role: "navigation",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ require$$2.jsx("div", { className: classMap.controls, children: /* @__PURE__ */ require$$2.jsx(
+          IconButton2,
+          {
+            icon: ArrowLeftIcon,
+            theme,
+            state,
+            size,
+            shadow,
+            rounding,
+            className: classMap.controlButton,
+            disabled: currentPage === 1,
+            "aria-label": "Go to previous page",
+            title: "Previous Page",
+            onClick: () => onPageChange(currentPage - 1),
+            "data-testid": `${testId}-prev`
+          }
+        ) }),
+        /* @__PURE__ */ require$$2.jsx("div", { className: classMap.controls, role: "list", children: serverControlled ? /* @__PURE__ */ require$$2.jsx(
+          "div",
+          {
+            className: classMap.buttonWrapper,
+            role: "listitem",
+            "data-testid": `${testId}-page-${currentPage}`,
+            children: /* @__PURE__ */ require$$2.jsx(
+              Button2,
+              {
+                theme,
+                state,
+                size,
+                rounding,
+                shadow,
+                onClick: () => onPageChange(currentPage),
+                "aria-label": `Page ${currentPage}`,
+                "aria-current": "page",
+                disabled: true,
+                className: `${classMap.button} ${classMap.active}`,
+                "data-testid": `${testId}-button-${currentPage}`,
+                children: currentPage
+              }
+            )
+          }
+        ) : pages.map((page) => /* @__PURE__ */ require$$2.jsx(
+          "div",
+          {
+            className: classMap.buttonWrapper,
+            "data-testid": `${testId}-page-${page}`,
+            role: "listitem",
+            children: /* @__PURE__ */ require$$2.jsx(
+              Button2,
+              {
+                theme,
+                state,
+                size,
+                rounding,
+                shadow,
+                onClick: () => onPageChange(page),
+                "aria-label": `Go to page ${page}`,
+                "aria-current": page === currentPage ? "page" : void 0,
+                disabled: page === currentPage,
+                className: `${classMap.button} ${page === currentPage ? classMap.active : ""}`,
+                "data-testid": `${testId}-button-${page}`,
+                children: page
+              }
+            )
+          },
+          page
+        )) }),
+        /* @__PURE__ */ require$$2.jsx("div", { className: classMap.controls, children: /* @__PURE__ */ require$$2.jsx(
+          IconButton2,
+          {
+            icon: ArrowRightIcon.ArrowRightIcon,
+            theme,
+            state,
+            rounding,
+            shadow,
+            size,
+            className: classMap.controlButton,
+            disabled: currentPage === totalPages,
+            "aria-label": "Go to next page",
+            title: "Next Page",
+            onClick: () => onPageChange(currentPage + 1),
+            "data-testid": `${testId}-next`
+          }
+        ) })
+      ]
+    }
+  );
+};
+const wrapper = "_wrapper_mx3zn_68";
+const controls = "_controls_mx3zn_84";
+const controlButton = "_controlButton_mx3zn_100";
+const button = "_button_mx3zn_115";
+const styles = {
+  wrapper,
+  controls,
+  controlButton,
+  button
+};
+const Pager = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(
+    BasePager,
+    {
+      ...props,
+      Button: Button.Button,
+      IconButton: IconButton.IconButton,
+      classMap: styles
+    }
+  );
+};
+exports.Pager = Pager;
+//# sourceMappingURL=Pager-CRAgN3LJ.cjs.map

package/dist/next/Pager-CRAgN3LJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pager-CRAgN3LJ.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 { PaginationProps } from \"./Pager.types\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePagerProps extends PaginationProps {\r\n  Button: React.ComponentType<any>;\r\n  IconButton: React.ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\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  \"data-testid\": testId = \"pager\",\r\n  Button,\r\n  IconButton,\r\n  classMap,\r\n}) => {\r\n  const totalPages = Math.ceil(totalItems / itemsPerPage);\r\n  const pages = serverControlled\r\n    ? []\r\n    : Array.from({ length: totalPages }, (_, i) => i + 1);\r\n\r\n  return (\r\n    <nav\r\n      className={`${classMap.wrapper} ${className}`}\r\n      aria-label=\"Pagination Navigation\"\r\n      role=\"navigation\"\r\n      data-testid={testId}\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={currentPage === 1}\r\n          aria-label=\"Go to previous page\"\r\n          title=\"Previous Page\"\r\n          onClick={() => onPageChange(currentPage - 1)}\r\n          data-testid={`${testId}-prev`}\r\n        />\r\n      </div>\r\n\r\n      <div className={classMap.controls} role=\"list\">\r\n        {serverControlled ? (\r\n          <div\r\n            className={classMap.buttonWrapper}\r\n            role=\"listitem\"\r\n            data-testid={`${testId}-page-${currentPage}`}\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={() => onPageChange(currentPage)}\r\n              aria-label={`Page ${currentPage}`}\r\n              aria-current=\"page\"\r\n              disabled\r\n              className={`${classMap.button} ${classMap.active}`}\r\n              data-testid={`${testId}-button-${currentPage}`}\r\n            >\r\n              {currentPage}\r\n            </Button>\r\n          </div>\r\n        ) : (\r\n          pages.map((page) => (\r\n            <div\r\n              key={page}\r\n              className={classMap.buttonWrapper}\r\n              data-testid={`${testId}-page-${page}`}\r\n              role=\"listitem\"\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={() => onPageChange(page)}\r\n                aria-label={`Go to page ${page}`}\r\n                aria-current={page === currentPage ? \"page\" : undefined}\r\n                disabled={page === currentPage}\r\n                className={`${classMap.button} ${\r\n                  page === currentPage ? classMap.active : \"\"\r\n                }`}\r\n                data-testid={`${testId}-button-${page}`}\r\n              >\r\n                {page}\r\n              </Button>\r\n            </div>\r\n          ))\r\n        )}\r\n      </div>\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={currentPage === totalPages}\r\n          aria-label=\"Go to next page\"\r\n          title=\"Next Page\"\r\n          onClick={() => onPageChange(currentPage + 1)}\r\n          data-testid={`${testId}-next`}\r\n        />\r\n      </div>\r\n    </nav>\r\n  );\r\n};\r\n\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 { PaginationProps } from \"../Pager.types\";\r\n\r\nconst Pager: React.FC<PaginationProps> = (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\n\r\nexport default Pager;\r\n"],"names":["jsx","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","Button","IconButton","jsxs","ArrowRightIcon"],"mappings":"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"}

package/dist/next/Pager.cjs.js

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

package/dist/next/Pager.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pager.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/next/Pager.js

@@ -0,0 +1,5 @@
+import { P } from "./Pager-0B36P0k1.js";
+export {
+  P as default
+};
+//# sourceMappingURL=Pager.js.map

package/dist/next/Pager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pager.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/next/PopOver-CHs0s9rp.cjs

@@ -0,0 +1,233 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const BasePopover = ({
+  trigger: trigger2,
+  content,
+  placement = "bottom",
+  theme = borealStyleConfig.getDefaultTheme(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  state = "",
+  className = "",
+  "data-testid": testId = "popover",
+  classMap
+}) => {
+  const [open, setOpen] = React.useState(false);
+  const [dynamicPlacement, setDynamicPlacement] = React.useState(placement);
+  const popoverRef = React.useRef(null);
+  const triggerRef = React.useRef(null);
+  const toggleOpen = () => setOpen((prev) => !prev);
+  const close = () => {
+    var _a;
+    setOpen(false);
+    setDynamicPlacement(placement);
+    (_a = triggerRef.current) == null ? void 0 : _a.focus();
+  };
+  React.useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (popoverRef.current && !popoverRef.current.contains(event.target)) {
+        close();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  React.useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        close();
+      }
+    };
+    if (open) {
+      document.addEventListener("keydown", handleKeyDown);
+    }
+    if (open && popoverRef.current && triggerRef.current) {
+      const triggerRect = triggerRef.current.getBoundingClientRect();
+      const popoverEl = popoverRef.current;
+      const viewportWidth = window.innerWidth;
+      const viewportHeight = window.innerHeight;
+      const spaceAbove = triggerRect.top;
+      const spaceBelow = viewportHeight - triggerRect.bottom;
+      const spaceLeft = triggerRect.left;
+      const spaceRight = viewportWidth - triggerRect.right;
+      popoverEl.style.transform = "";
+      popoverEl.style.left = "";
+      popoverEl.style.right = "";
+      popoverEl.style.top = "";
+      popoverEl.style.bottom = "";
+      let newPlacement = placement;
+      if (placement === "top" && popoverEl.offsetHeight > spaceAbove) {
+        newPlacement = "bottom";
+      } else if (placement === "bottom" && popoverEl.offsetHeight > spaceBelow) {
+        newPlacement = "top";
+      } else if (placement === "left" && popoverEl.offsetWidth > spaceLeft) {
+        newPlacement = "right";
+      } else if (placement === "right" && popoverEl.offsetWidth > spaceRight) {
+        newPlacement = "left";
+      }
+      setDynamicPlacement(newPlacement);
+      requestAnimationFrame(() => {
+        const popoverRect = popoverEl.getBoundingClientRect();
+        let dx = 0;
+        let dy = 0;
+        if (popoverRect.left < 8) {
+          dx = 8 - popoverRect.left;
+        } else if (popoverRect.right > viewportWidth - 8) {
+          dx = viewportWidth - 8 - popoverRect.right;
+        }
+        if (popoverRect.top < 8) {
+          dy = 8 - popoverRect.top;
+        } else if (popoverRect.bottom > viewportHeight - 8) {
+          dy = viewportHeight - 8 - popoverRect.bottom;
+        }
+        if (dx !== 0 || dy !== 0) {
+          if (popoverRect.left < 8) {
+            popoverEl.style.left = "8px";
+            popoverEl.style.transform = "translateY(10px)";
+          } else if (popoverRect.right > viewportWidth - 8) {
+            popoverEl.style.right = "8px";
+            popoverEl.style.left = "auto";
+            popoverEl.style.transform = "translateY(10px)";
+          }
+        }
+      });
+    }
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [open]);
+  const popoverContentClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.popover,
+      classMap[dynamicPlacement],
+      classMap[theme],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`]
+    ),
+    [classMap, dynamicPlacement, rounding, shadow, theme, state]
+  );
+  return /* @__PURE__ */ require$$2.jsxs("div", { className: `${classMap.container} ${className}`, "data-testid": testId, children: [
+    /* @__PURE__ */ require$$2.jsx(
+      "div",
+      {
+        className: classMap.trigger,
+        onClick: toggleOpen,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            toggleOpen();
+          }
+        },
+        tabIndex: 0,
+        role: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        "aria-controls": `${testId}-content`,
+        "aria-label": "Toggle popover",
+        ref: triggerRef,
+        "data-testid": `${testId}-trigger`,
+        children: trigger2
+      }
+    ),
+    open && /* @__PURE__ */ require$$2.jsxs(
+      "div",
+      {
+        ref: popoverRef,
+        id: `${testId}-content`,
+        role: "dialog",
+        "aria-modal": "false",
+        "aria-labelledby": `${testId}-label`,
+        className: popoverContentClass,
+        "data-testid": `${testId}-content`,
+        children: [
+          /* @__PURE__ */ require$$2.jsx("span", { id: `${testId}-label`, className: "sr-only", children: "Popover Content" }),
+          content
+        ]
+      }
+    )
+  ] });
+};
+const noScroll = "_noScroll_y3xbe_91";
+const errorMessage = "_errorMessage_y3xbe_92";
+const loadingContainer = "_loadingContainer_y3xbe_93";
+const hideScrollbar = "_hideScrollbar_y3xbe_85";
+const sr_only = "_sr_only_y3xbe_94";
+const container = "_container_y3xbe_479";
+const trigger = "_trigger_y3xbe_485";
+const popover = "_popover_y3xbe_494";
+const primary = "_primary_y3xbe_506";
+const secondary = "_secondary_y3xbe_511";
+const tertiary = "_tertiary_y3xbe_516";
+const quaternary = "_quaternary_y3xbe_521";
+const clear = "_clear_y3xbe_526";
+const success = "_success_y3xbe_531";
+const error = "_error_y3xbe_92";
+const warning = "_warning_y3xbe_543";
+const top = "_top_y3xbe_558";
+const bottom = "_bottom_y3xbe_564";
+const left = "_left_y3xbe_570";
+const right = "_right_y3xbe_576";
+const roundNone = "_roundNone_y3xbe_582";
+const roundSmall = "_roundSmall_y3xbe_586";
+const roundMedium = "_roundMedium_y3xbe_590";
+const roundLarge = "_roundLarge_y3xbe_594";
+const roundFull = "_roundFull_y3xbe_598";
+const shadowNone = "_shadowNone_y3xbe_602";
+const shadowLight = "_shadowLight_y3xbe_606";
+const shadowMedium = "_shadowMedium_y3xbe_610";
+const shadowStrong = "_shadowStrong_y3xbe_614";
+const shadowIntense = "_shadowIntense_y3xbe_618";
+const spin = "_spin_y3xbe_1";
+const pulse = "_pulse_y3xbe_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  container,
+  trigger,
+  popover,
+  "fade-in": "_fade-in_y3xbe_1",
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  top,
+  bottom,
+  left,
+  right,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "slide-up": "_slide-up_y3xbe_1",
+  "spin-3d": "_spin-3d_y3xbe_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_y3xbe_1",
+  "progress-grow": "_progress-grow_y3xbe_1",
+  "indeterminate-move": "_indeterminate-move_y3xbe_1",
+  "skeleton-loading": "_skeleton-loading_y3xbe_1"
+};
+const Popover = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(BasePopover, { ...props, classMap: styles });
+};
+exports.Popover = Popover;
+//# sourceMappingURL=PopOver-CHs0s9rp.cjs.map