boreal-ui 0.0.1

package/dist/core/NotificationCenter.cjs.js

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

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

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

package/dist/core/NotificationCenter.js

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

package/dist/core/NotificationCenter.js.map

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

package/dist/core/Pager-2jW3cxx_.js

@@ -0,0 +1,166 @@
+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";
+/* empty css                 */
+import { B as Button } from "./Button-DEYbr8xW.js";
+import { I as IconButton } from "./IconButton-B6cAP2hY.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 classes = {
+  wrapper: "pagination",
+  controls: "pagination_controls",
+  controlButton: "pagination_control_button",
+  buttonWrapper: "pagination_button_wrapper",
+  button: "pagination_button",
+  active: "pagination_active"
+};
+const Pager = (props) => {
+  return /* @__PURE__ */ jsx(
+    BasePager,
+    {
+      ...props,
+      Button,
+      IconButton,
+      classMap: classes
+    }
+  );
+};
+export {
+  Pager as P
+};
+//# sourceMappingURL=Pager-2jW3cxx_.js.map

package/dist/core/Pager-2jW3cxx_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pager-2jW3cxx_.js","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/core/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","import React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.core\";\r\nimport \"./Pager.scss\";\r\nimport { PaginationProps } from \"../Pager.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"pagination\",\r\n  controls: \"pagination_controls\",\r\n  controlButton: \"pagination_control_button\",\r\n  buttonWrapper: \"pagination_button_wrapper\",\r\n  button: \"pagination_button\",\r\n  active: \"pagination_active\",\r\n};\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={classes}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Pager;\r\n"],"names":["Button","IconButton"],"mappings":"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"}

package/dist/core/Pager-ByVG_at-.cjs

@@ -0,0 +1,165 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const ArrowRightIcon = require("./ArrowRightIcon-ClXQHGAD.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+;/* empty css                   */
+const Button = require("./Button-wz_We8xU.cjs");
+const IconButton = require("./IconButton-BxUXK-xn.cjs");
+const ArrowLeftIcon = (props) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+    "nav",
+    {
+      className: `${classMap.wrapper} ${className}`,
+      "aria-label": "Pagination Navigation",
+      role: "navigation",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.controls, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: classMap.controls, role: "list", children: serverControlled ? /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: classMap.buttonWrapper,
+            role: "listitem",
+            "data-testid": `${testId}-page-${currentPage}`,
+            children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: classMap.buttonWrapper,
+            "data-testid": `${testId}-page-${page}`,
+            role: "listitem",
+            children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: classMap.controls, children: /* @__PURE__ */ jsxRuntime.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 classes = {
+  wrapper: "pagination",
+  controls: "pagination_controls",
+  controlButton: "pagination_control_button",
+  buttonWrapper: "pagination_button_wrapper",
+  button: "pagination_button",
+  active: "pagination_active"
+};
+const Pager = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BasePager,
+    {
+      ...props,
+      Button: Button.Button,
+      IconButton: IconButton.IconButton,
+      classMap: classes
+    }
+  );
+};
+exports.Pager = Pager;
+//# sourceMappingURL=Pager-ByVG_at-.cjs.map

package/dist/core/Pager-ByVG_at-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pager-ByVG_at-.cjs","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/core/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","import React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.core\";\r\nimport \"./Pager.scss\";\r\nimport { PaginationProps } from \"../Pager.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"pagination\",\r\n  controls: \"pagination_controls\",\r\n  controlButton: \"pagination_control_button\",\r\n  buttonWrapper: \"pagination_button_wrapper\",\r\n  button: \"pagination_button\",\r\n  active: \"pagination_active\",\r\n};\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={classes}\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/core/Pager.cjs.js

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

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

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

package/dist/core/Pager.js

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

package/dist/core/Pager.js.map

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

package/dist/core/PopOver-DNqWcWjU.js

@@ -0,0 +1,187 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useMemo } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
+const BasePopover = ({
+  trigger,
+  content,
+  placement = "bottom",
+  theme = getDefaultTheme(),
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  state = "",
+  className = "",
+  "data-testid": testId = "popover",
+  classMap
+}) => {
+  const [open, setOpen] = useState(false);
+  const [dynamicPlacement, setDynamicPlacement] = useState(placement);
+  const popoverRef = useRef(null);
+  const triggerRef = useRef(null);
+  const toggleOpen = () => setOpen((prev) => !prev);
+  const close = () => {
+    var _a;
+    setOpen(false);
+    setDynamicPlacement(placement);
+    (_a = triggerRef.current) == null ? void 0 : _a.focus();
+  };
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (popoverRef.current && !popoverRef.current.contains(event.target)) {
+        close();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  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 = useMemo(
+    () => combineClassNames(
+      classMap.popover,
+      classMap[dynamicPlacement],
+      classMap[theme],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`]
+    ),
+    [classMap, dynamicPlacement, rounding, shadow, theme, state]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: `${classMap.container} ${className}`, "data-testid": testId, children: [
+    /* @__PURE__ */ 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: trigger
+      }
+    ),
+    open && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: popoverRef,
+        id: `${testId}-content`,
+        role: "dialog",
+        "aria-modal": "false",
+        "aria-labelledby": `${testId}-label`,
+        className: popoverContentClass,
+        "data-testid": `${testId}-content`,
+        children: [
+          /* @__PURE__ */ jsx("span", { id: `${testId}-label`, className: "sr-only", children: "Popover Content" }),
+          content
+        ]
+      }
+    )
+  ] });
+};
+const classes = {
+  container: "popover_container",
+  trigger: "popover_trigger",
+  popover: "popover",
+  top: "popover_top",
+  bottom: "popover_bottom",
+  left: "popover_left",
+  right: "popover_right",
+  primary: "popover_primary",
+  secondary: "popover_secondary",
+  tertiary: "popover_tertiary",
+  quaternary: "popover_quaternary",
+  success: "popover_success",
+  error: "popover_error",
+  warning: "popover_warning",
+  clear: "popover_clear",
+  shadowNone: "popover_shadow-None",
+  shadowLight: "popover_shadow-Light",
+  shadowMedium: "popover_shadow-Medium",
+  shadowStrong: "popover_shadow-Strong",
+  shadowIntense: "popover_shadow-Intense",
+  roundNone: "popover_round-None",
+  roundSmall: "popover_round-Small",
+  roundMedium: "popover_round-Medium",
+  roundLarge: "popover_round-Large"
+};
+const Popover = (props) => {
+  return /* @__PURE__ */ jsx(BasePopover, { ...props, classMap: classes });
+};
+export {
+  Popover as P
+};
+//# sourceMappingURL=PopOver-DNqWcWjU.js.map

package/dist/core/PopOver-DNqWcWjU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopOver-DNqWcWjU.js","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/core/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo } from \"react\";\r\nimport { PopoverProps } from \"./PopOver.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePopoverProps extends PopoverProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n  trigger,\r\n  content,\r\n  placement = \"bottom\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"popover\",\r\n  classMap,\r\n}: BasePopoverProps): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n  const popoverRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<HTMLDivElement>(null);\r\n\r\n  const toggleOpen = () => setOpen((prev) => !prev);\r\n  const close = () => {\r\n    setOpen(false);\r\n    setDynamicPlacement(placement);\r\n    triggerRef.current?.focus();\r\n  };\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        popoverRef.current &&\r\n        !popoverRef.current.contains(event.target as Node)\r\n      ) {\r\n        close();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const handleKeyDown = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") {\r\n        e.stopPropagation();\r\n        close();\r\n      }\r\n    };\r\n\r\n    if (open) {\r\n      document.addEventListener(\"keydown\", handleKeyDown);\r\n    }\r\n\r\n    if (open && popoverRef.current && triggerRef.current) {\r\n      const triggerRect = triggerRef.current.getBoundingClientRect();\r\n      const popoverEl = popoverRef.current;\r\n\r\n      const viewportWidth = window.innerWidth;\r\n      const viewportHeight = window.innerHeight;\r\n      const spaceAbove = triggerRect.top;\r\n      const spaceBelow = viewportHeight - triggerRect.bottom;\r\n      const spaceLeft = triggerRect.left;\r\n      const spaceRight = viewportWidth - triggerRect.right;\r\n\r\n      popoverEl.style.transform = \"\";\r\n      popoverEl.style.left = \"\";\r\n      popoverEl.style.right = \"\";\r\n      popoverEl.style.top = \"\";\r\n      popoverEl.style.bottom = \"\";\r\n\r\n      let newPlacement = placement;\r\n\r\n      if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n        newPlacement = \"bottom\";\r\n      } else if (\r\n        placement === \"bottom\" &&\r\n        popoverEl.offsetHeight > spaceBelow\r\n      ) {\r\n        newPlacement = \"top\";\r\n      } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n        newPlacement = \"right\";\r\n      } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n        newPlacement = \"left\";\r\n      }\r\n\r\n      setDynamicPlacement(newPlacement);\r\n\r\n      requestAnimationFrame(() => {\r\n        const popoverRect = popoverEl.getBoundingClientRect();\r\n\r\n        let dx = 0;\r\n        let dy = 0;\r\n\r\n        if (popoverRect.left < 8) {\r\n          dx = 8 - popoverRect.left;\r\n        } else if (popoverRect.right > viewportWidth - 8) {\r\n          dx = viewportWidth - 8 - popoverRect.right;\r\n        }\r\n\r\n        if (popoverRect.top < 8) {\r\n          dy = 8 - popoverRect.top;\r\n        } else if (popoverRect.bottom > viewportHeight - 8) {\r\n          dy = viewportHeight - 8 - popoverRect.bottom;\r\n        }\r\n\r\n        if (dx !== 0 || dy !== 0) {\r\n          if (popoverRect.left < 8) {\r\n            popoverEl.style.left = \"8px\";\r\n            popoverEl.style.transform = \"translateY(10px)\";\r\n          } else if (popoverRect.right > viewportWidth - 8) {\r\n            popoverEl.style.right = \"8px\";\r\n            popoverEl.style.left = \"auto\";\r\n            popoverEl.style.transform = \"translateY(10px)\";\r\n          }\r\n        }\r\n      });\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", handleKeyDown);\r\n    };\r\n  }, [open]);\r\n\r\n  const popoverContentClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.popover,\r\n        classMap[dynamicPlacement],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, dynamicPlacement, rounding, shadow, theme, state]\r\n  );\r\n\r\n  return (\r\n    <div className={`${classMap.container} ${className}`} data-testid={testId}>\r\n      <div\r\n        className={classMap.trigger}\r\n        onClick={toggleOpen}\r\n        onKeyDown={(e) => {\r\n          if (e.key === \"Enter\" || e.key === \" \") {\r\n            e.preventDefault();\r\n            toggleOpen();\r\n          }\r\n        }}\r\n        tabIndex={0}\r\n        role=\"button\"\r\n        aria-haspopup=\"dialog\"\r\n        aria-expanded={open}\r\n        aria-controls={`${testId}-content`}\r\n        aria-label=\"Toggle popover\"\r\n        ref={triggerRef}\r\n        data-testid={`${testId}-trigger`}\r\n      >\r\n        {trigger}\r\n      </div>\r\n\r\n      {open && (\r\n        <div\r\n          ref={popoverRef}\r\n          id={`${testId}-content`}\r\n          role=\"dialog\"\r\n          aria-modal=\"false\"\r\n          aria-labelledby={`${testId}-label`}\r\n          className={popoverContentClass}\r\n          data-testid={`${testId}-content`}\r\n        >\r\n          <span id={`${testId}-label`} className=\"sr-only\">\r\n            Popover Content\r\n          </span>\r\n          {content}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BasePopover;\r\n","import React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport \"./PopOver.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst classes = {\r\n  container: \"popover_container\",\r\n  trigger: \"popover_trigger\",\r\n  popover: \"popover\",\r\n\r\n  top: \"popover_top\",\r\n  bottom: \"popover_bottom\",\r\n  left: \"popover_left\",\r\n  right: \"popover_right\",\r\n\r\n  primary: \"popover_primary\",\r\n  secondary: \"popover_secondary\",\r\n  tertiary: \"popover_tertiary\",\r\n  quaternary: \"popover_quaternary\",\r\n\r\n  success: \"popover_success\",\r\n  error: \"popover_error\",\r\n  warning: \"popover_warning\",\r\n\r\n  clear: \"popover_clear\",\r\n\r\n  shadowNone: \"popover_shadow-None\",\r\n  shadowLight: \"popover_shadow-Light\",\r\n  shadowMedium: \"popover_shadow-Medium\",\r\n  shadowStrong: \"popover_shadow-Strong\",\r\n  shadowIntense: \"popover_shadow-Intense\",\r\n\r\n  roundNone: \"popover_round-None\",\r\n  roundSmall: \"popover_round-Small\",\r\n  roundMedium: \"popover_round-Medium\",\r\n  roundLarge: \"popover_round-Large\",\r\n};\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n  return <BasePopover {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Popover;\r\n"],"names":[],"mappings":"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"}