boreal-ui 0.0.31 → 0.0.32

package/dist/core/NotificationCenter.cjs.js

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

package/dist/core/NotificationCenter.js

@@ -1,4 +1,4 @@
-import { N, t } from "./NotificationCenter-C8acfI4Y.js";
+import { N, t } from "./NotificationCenter-BkoTAZCz.js";
 export {
   N as default,
   t as themeIcons

package/dist/core/Pager-CcIEdgIe.cjs

@@ -0,0 +1,185 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const ArrowRightIcon = require("./ArrowRightIcon-ClXQHGAD.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+;/* empty css                   */
+const Button = require("./Button-CD1ETVvS.cjs");
+const IconButton = require("./IconButton-D_W4nsPZ.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 perPage = Math.max(1, itemsPerPage || 1);
+  const totalPages = Math.max(1, Math.ceil(totalItems / perPage));
+  const page = Math.min(Math.max(1, currentPage || 1), totalPages);
+  const pages = serverControlled ? [] : Array.from({ length: totalPages }, (_, i) => i + 1);
+  const goTo = (p) => {
+    const clamped = Math.min(Math.max(1, p), totalPages);
+    if (clamped !== page) onPageChange(clamped);
+  };
+  const wrapperClass = classNames.combineClassNames(classMap.wrapper, className);
+  const buttonBaseClass = classNames.combineClassNames(
+    classMap.button,
+    shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+    rounding && classMap[`round${capitalize.capitalize(rounding)}`]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { "aria-label": "Pagination", className: wrapperClass, "data-testid": testId, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "sr_only", "aria-live": "polite", children: [
+      "Page ",
+      page,
+      " of ",
+      totalPages
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.controls, children: /* @__PURE__ */ jsxRuntime.jsx(
+      IconButton2,
+      {
+        icon: ArrowLeftIcon,
+        theme,
+        state,
+        size,
+        shadow,
+        rounding,
+        className: classMap.controlButton,
+        disabled: page <= 1,
+        ariaLabel: `Go to page ${Math.max(1, page - 1)}`,
+        title: "Previous page",
+        onClick: () => goTo(page - 1),
+        "data-testid": `${testId}-prev`,
+        type: "button"
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: classMap.controls, children: serverControlled ? /* @__PURE__ */ jsxRuntime.jsx(
+      "li",
+      {
+        className: classMap.buttonWrapper,
+        "data-testid": `${testId}-page-${page}`,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Button2,
+          {
+            theme,
+            state,
+            size,
+            rounding,
+            shadow,
+            onClick: () => goTo(page),
+            "aria-label": `Page ${page}`,
+            "aria-current": "page",
+            disabled: true,
+            className: classNames.combineClassNames(buttonBaseClass, classMap.active),
+            "data-testid": `${testId}-button-${page}`,
+            type: "button",
+            children: page
+          }
+        )
+      }
+    ) : pages.map((p) => {
+      const isActive = p === page;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "li",
+        {
+          className: classMap.buttonWrapper,
+          "data-testid": `${testId}-page-${p}`,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            Button2,
+            {
+              theme,
+              state,
+              size,
+              rounding,
+              shadow,
+              onClick: () => goTo(p),
+              "aria-label": isActive ? `Page ${p}` : `Go to page ${p}`,
+              "aria-current": isActive ? "page" : void 0,
+              disabled: isActive,
+              className: classNames.combineClassNames(
+                buttonBaseClass,
+                isActive && classMap.active
+              ),
+              "data-testid": `${testId}-button-${p}`,
+              type: "button",
+              children: p
+            }
+          )
+        },
+        p
+      );
+    }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.controls, children: /* @__PURE__ */ jsxRuntime.jsx(
+      IconButton2,
+      {
+        icon: ArrowRightIcon.ArrowRightIcon,
+        theme,
+        state,
+        rounding,
+        shadow,
+        size,
+        className: classMap.controlButton,
+        disabled: page >= totalPages,
+        ariaLabel: `Go to page ${Math.min(totalPages, page + 1)}`,
+        title: "Next page",
+        onClick: () => goTo(page + 1),
+        "data-testid": `${testId}-next`,
+        type: "button"
+      }
+    ) })
+  ] });
+};
+BasePager.displayName = "BasePager";
+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-CcIEdgIe.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pager-CcIEdgIe.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 {\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  \"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  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  return (\r\n    <nav aria-label=\"Pagination\" className={wrapperClass} data-testid={testId}>\r\n      <p className=\"sr_only\" aria-live=\"polite\">\r\n        Page {page} of {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          ariaLabel={`Go to page ${Math.max(1, page - 1)}`}\r\n          title=\"Previous page\"\r\n          onClick={() => goTo(page - 1)}\r\n          data-testid={`${testId}-prev`}\r\n          type=\"button\"\r\n        />\r\n      </div>\r\n\r\n      <ul className={classMap.controls}>\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={`Page ${page}`}\r\n              aria-current=\"page\"\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            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={isActive ? `Page ${p}` : `Go to page ${p}`}\r\n                  aria-current={isActive ? \"page\" : 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          ariaLabel={`Go to page ${Math.min(totalPages, page + 1)}`}\r\n          title=\"Next page\"\r\n          onClick={() => goTo(page + 1)}\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","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","combineClassNames","capitalize","jsxs","ArrowRightIcon"],"mappings":";;;;;;;;;AAAA,MAAM,gBAAyD,CAAC,UAC9DA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAAA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN;AACH;ACLF,MAAM,YAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,YAAY;AAAA,EACZ,OAAOC,kBAAAA,eAAA;AAAA,EACP,QAAQC,kBAAAA,gBAAA;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,eAAe,SAAS;AAAA,EACxB,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA;AACF,MAAM;AACJ,QAAM,UAAU,KAAK,IAAI,GAAG,gBAAgB,CAAC;AAC7C,QAAM,aAAa,KAAK,IAAI,GAAG,KAAK,KAAK,aAAa,OAAO,CAAC;AAC9D,QAAM,OAAO,KAAK,IAAI,KAAK,IAAI,GAAG,eAAe,CAAC,GAAG,UAAU;AAE/D,QAAM,QAAQ,mBACV,KACA,MAAM,KAAK,EAAE,QAAQ,WAAA,GAAc,CAAC,GAAG,MAAM,IAAI,CAAC;AAEtD,QAAM,OAAO,CAAC,MAAc;AAC1B,UAAM,UAAU,KAAK,IAAI,KAAK,IAAI,GAAG,CAAC,GAAG,UAAU;AACnD,QAAI,YAAY,KAAM,cAAa,OAAO;AAAA,EAC5C;AAEA,QAAM,eAAeC,WAAAA,kBAAkB,SAAS,SAAS,SAAS;AAClE,QAAM,kBAAkBA,WAAAA;AAAAA,IACtB,SAAS;AAAA,IACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,EAAA;AAGrD,yCACG,OAAA,EAAI,cAAW,cAAa,WAAW,cAAc,eAAa,QACjE,UAAA;AAAA,IAAAC,2BAAAA,KAAC,KAAA,EAAE,WAAU,WAAU,aAAU,UAAS,UAAA;AAAA,MAAA;AAAA,MAClC;AAAA,MAAK;AAAA,MAAK;AAAA,IAAA,GAClB;AAAA,IAEAT,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,UACvB,UAAAA,2BAAAA;AAAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,SAAS;AAAA,QACpB,UAAU,QAAQ;AAAA,QAClB,WAAW,cAAc,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC;AAAA,QAC9C,OAAM;AAAA,QACN,SAAS,MAAM,KAAK,OAAO,CAAC;AAAA,QAC5B,eAAa,GAAG,MAAM;AAAA,QACtB,MAAK;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,IAEAN,2BAAAA,IAAC,MAAA,EAAG,WAAW,SAAS,UACrB,UAAA,mBACCA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,eAAa,GAAG,MAAM,SAAS,IAAI;AAAA,QAEnC,UAAAA,2BAAAA;AAAAA,UAACK;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,MAAM,KAAK,IAAI;AAAA,YACxB,cAAY,QAAQ,IAAI;AAAA,YACxB,gBAAa;AAAA,YACb,UAAQ;AAAA,YACR,WAAWE,WAAAA,kBAAkB,iBAAiB,SAAS,MAAM;AAAA,YAC7D,eAAa,GAAG,MAAM,WAAW,IAAI;AAAA,YACrC,MAAK;AAAA,YAEJ,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,IAGF,MAAM,IAAI,CAAC,MAAM;AACf,YAAM,WAAW,MAAM;AACvB,aACEP,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM,SAAS,CAAC;AAAA,UAEhC,UAAAA,2BAAAA;AAAAA,YAACK;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,SAAS,MAAM,KAAK,CAAC;AAAA,cACrB,cAAY,WAAW,QAAQ,CAAC,KAAK,cAAc,CAAC;AAAA,cACpD,gBAAc,WAAW,SAAS;AAAA,cAClC,UAAU;AAAA,cACV,WAAWE,WAAAA;AAAAA,gBACT;AAAA,gBACA,YAAY,SAAS;AAAA,cAAA;AAAA,cAEvB,eAAa,GAAG,MAAM,WAAW,CAAC;AAAA,cAClC,MAAK;AAAA,cAEJ,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,QAtBK;AAAA,MAAA;AAAA,IAyBX,CAAC,EAAA,CAEL;AAAA,IAEAP,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,UACvB,UAAAA,2BAAAA;AAAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAMI,eAAAA;AAAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,SAAS;AAAA,QACpB,UAAU,QAAQ;AAAA,QAClB,WAAW,cAAc,KAAK,IAAI,YAAY,OAAO,CAAC,CAAC;AAAA,QACvD,OAAM;AAAA,QACN,SAAS,MAAM,KAAK,OAAO,CAAC;AAAA,QAC5B,eAAa,GAAG,MAAM;AAAA,QACtB,MAAK;AAAA,MAAA;AAAA,IAAA,EACP,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,UAAU,cAAc;ACjJxB,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AAAA,EACV,eAAe;AAAA,EACf,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,QAAQ;AACV;AAEA,MAAM,QAAmC,CAAC,UAAU;AAClD,SACEV,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MAAA,QACJK,OAAAA;AAAAA,MAAA,YACAC,WAAAA;AAAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;;"}

package/dist/core/Pager-De-awunI.js

@@ -0,0 +1,186 @@
+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 { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+/* empty css                 */
+import { B as Button } from "./Button-sz60qyTn.js";
+import { I as IconButton } from "./IconButton-B9WWbeSM.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 perPage = Math.max(1, itemsPerPage || 1);
+  const totalPages = Math.max(1, Math.ceil(totalItems / perPage));
+  const page = Math.min(Math.max(1, currentPage || 1), totalPages);
+  const pages = serverControlled ? [] : Array.from({ length: totalPages }, (_, i) => i + 1);
+  const goTo = (p) => {
+    const clamped = Math.min(Math.max(1, p), totalPages);
+    if (clamped !== page) onPageChange(clamped);
+  };
+  const wrapperClass = combineClassNames(classMap.wrapper, className);
+  const buttonBaseClass = combineClassNames(
+    classMap.button,
+    shadow && classMap[`shadow${capitalize(shadow)}`],
+    rounding && classMap[`round${capitalize(rounding)}`]
+  );
+  return /* @__PURE__ */ jsxs("nav", { "aria-label": "Pagination", className: wrapperClass, "data-testid": testId, children: [
+    /* @__PURE__ */ jsxs("p", { className: "sr_only", "aria-live": "polite", children: [
+      "Page ",
+      page,
+      " of ",
+      totalPages
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: classMap.controls, children: /* @__PURE__ */ jsx(
+      IconButton2,
+      {
+        icon: ArrowLeftIcon,
+        theme,
+        state,
+        size,
+        shadow,
+        rounding,
+        className: classMap.controlButton,
+        disabled: page <= 1,
+        ariaLabel: `Go to page ${Math.max(1, page - 1)}`,
+        title: "Previous page",
+        onClick: () => goTo(page - 1),
+        "data-testid": `${testId}-prev`,
+        type: "button"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("ul", { className: classMap.controls, children: serverControlled ? /* @__PURE__ */ jsx(
+      "li",
+      {
+        className: classMap.buttonWrapper,
+        "data-testid": `${testId}-page-${page}`,
+        children: /* @__PURE__ */ jsx(
+          Button2,
+          {
+            theme,
+            state,
+            size,
+            rounding,
+            shadow,
+            onClick: () => goTo(page),
+            "aria-label": `Page ${page}`,
+            "aria-current": "page",
+            disabled: true,
+            className: combineClassNames(buttonBaseClass, classMap.active),
+            "data-testid": `${testId}-button-${page}`,
+            type: "button",
+            children: page
+          }
+        )
+      }
+    ) : pages.map((p) => {
+      const isActive = p === page;
+      return /* @__PURE__ */ jsx(
+        "li",
+        {
+          className: classMap.buttonWrapper,
+          "data-testid": `${testId}-page-${p}`,
+          children: /* @__PURE__ */ jsx(
+            Button2,
+            {
+              theme,
+              state,
+              size,
+              rounding,
+              shadow,
+              onClick: () => goTo(p),
+              "aria-label": isActive ? `Page ${p}` : `Go to page ${p}`,
+              "aria-current": isActive ? "page" : void 0,
+              disabled: isActive,
+              className: combineClassNames(
+                buttonBaseClass,
+                isActive && classMap.active
+              ),
+              "data-testid": `${testId}-button-${p}`,
+              type: "button",
+              children: p
+            }
+          )
+        },
+        p
+      );
+    }) }),
+    /* @__PURE__ */ jsx("div", { className: classMap.controls, children: /* @__PURE__ */ jsx(
+      IconButton2,
+      {
+        icon: ArrowRightIcon,
+        theme,
+        state,
+        rounding,
+        shadow,
+        size,
+        className: classMap.controlButton,
+        disabled: page >= totalPages,
+        ariaLabel: `Go to page ${Math.min(totalPages, page + 1)}`,
+        title: "Next page",
+        onClick: () => goTo(page + 1),
+        "data-testid": `${testId}-next`,
+        type: "button"
+      }
+    ) })
+  ] });
+};
+BasePager.displayName = "BasePager";
+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-De-awunI.js.map

package/dist/core/Pager-De-awunI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pager-De-awunI.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 {\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  \"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  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  return (\r\n    <nav aria-label=\"Pagination\" className={wrapperClass} data-testid={testId}>\r\n      <p className=\"sr_only\" aria-live=\"polite\">\r\n        Page {page} of {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          ariaLabel={`Go to page ${Math.max(1, page - 1)}`}\r\n          title=\"Previous page\"\r\n          onClick={() => goTo(page - 1)}\r\n          data-testid={`${testId}-prev`}\r\n          type=\"button\"\r\n        />\r\n      </div>\r\n\r\n      <ul className={classMap.controls}>\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={`Page ${page}`}\r\n              aria-current=\"page\"\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            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={isActive ? `Page ${p}` : `Go to page ${p}`}\r\n                  aria-current={isActive ? \"page\" : 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          ariaLabel={`Go to page ${Math.min(totalPages, page + 1)}`}\r\n          title=\"Next page\"\r\n          onClick={() => goTo(page + 1)}\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","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.cjs.js

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

package/dist/core/Pager.js

@@ -1,4 +1,4 @@
-import { P } from "./Pager-Dfaqg2oX.js";
+import { P } from "./Pager-De-awunI.js";
 export {
   P as default
 };

package/dist/core/PopOver-BnOcfrAC.js

@@ -0,0 +1,203 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useId, 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 = "",
+  role = "dialog",
+  "data-testid": testId = "popover",
+  classMap
+}) => {
+  const [open, setOpen] = useState(false);
+  const [dynamicPlacement, setDynamicPlacement] = useState(placement);
+  const popoverRef = useRef(null);
+  const triggerRef = useRef(null);
+  const uid = useId();
+  const contentId = `${uid}-content`;
+  const labelId = `${uid}-label`;
+  const VALID_ROLES = ["dialog", "menu", "tooltip"];
+  function asValidRole(r) {
+    return VALID_ROLES.includes(r ?? "") ? r : void 0;
+  }
+  const popupRole = asValidRole(role);
+  const ariaHasPopup = role === "dialog" ? "dialog" : role === "menu" ? "menu" : void 0;
+  const triggerAria = role === "tooltip" ? { "aria-describedby": contentId } : {
+    ...ariaHasPopup ? { "aria-haspopup": ariaHasPopup } : {},
+    "aria-expanded": open,
+    "aria-controls": contentId
+  };
+  const toggleOpen = () => setOpen((prev) => !prev);
+  const close = () => {
+    var _a;
+    setOpen(false);
+    setDynamicPlacement(placement);
+    (_a = triggerRef.current) == null ? void 0 : _a.focus();
+  };
+  useEffect(() => {
+    if (!open) return;
+    const handleClickOutside = (event) => {
+      var _a, _b;
+      const t = event.target;
+      if ((_a = popoverRef.current) == null ? void 0 : _a.contains(t)) return;
+      if ((_b = triggerRef.current) == null ? void 0 : _b.contains(t)) return;
+      close();
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [open, placement]);
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e) => e.key === "Escape" && close();
+    const onReflow = () => setDynamicPlacement((p) => p);
+    document.addEventListener("keydown", onKey);
+    window.addEventListener("resize", onReflow, { passive: true });
+    window.addEventListener("scroll", onReflow, { passive: true });
+    return () => {
+      document.removeEventListener("keydown", onKey);
+      window.removeEventListener("resize", onReflow);
+      window.removeEventListener("scroll", onReflow);
+    };
+  }, [open]);
+  useEffect(() => {
+    if (!open || !popoverRef.current || !triggerRef.current) return;
+    const triggerRect = triggerRef.current.getBoundingClientRect();
+    const popoverEl = popoverRef.current;
+    const vw = window.innerWidth;
+    const vh = window.innerHeight;
+    const spaceAbove = triggerRect.top;
+    const spaceBelow = vh - triggerRect.bottom;
+    const spaceLeft = triggerRect.left;
+    const spaceRight = vw - 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 rect = popoverEl.getBoundingClientRect();
+      let dx = 0;
+      let dy = 0;
+      const pad = 8;
+      if (rect.left < pad) dx = pad - rect.left;
+      else if (rect.right > vw - pad) dx = vw - pad - rect.right;
+      if (rect.top < pad) dy = pad - rect.top;
+      else if (rect.bottom > vh - pad) dy = vh - pad - rect.bottom;
+      if (dx !== 0 || dy !== 0) {
+        const tx = dx !== 0 ? `translateX(${dx}px)` : "";
+        const ty = dy !== 0 ? `translateY(${dy}px)` : "";
+        popoverEl.style.transform = `${tx} ${ty}`.trim();
+      }
+    });
+  }, [open, placement, dynamicPlacement]);
+  const popoverContentClass = useMemo(
+    () => combineClassNames(
+      classMap.popover,
+      classMap[dynamicPlacement],
+      classMap[theme],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`],
+      className
+    ),
+    [classMap, dynamicPlacement, rounding, shadow, theme, state, className]
+  );
+  useEffect(() => {
+    if (!open) return;
+    const el = popoverRef.current;
+    if (!el) return;
+    const focusable = el.querySelector(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    (focusable ?? el).focus();
+  }, [open]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: combineClassNames(classMap.container, className),
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: classMap.trigger,
+            onClick: toggleOpen,
+            "aria-label": "Toggle popover",
+            ref: triggerRef,
+            "data-testid": `${testId}-trigger`,
+            ...triggerAria,
+            children: trigger
+          }
+        ),
+        open && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: popoverRef,
+            id: contentId,
+            role: popupRole,
+            "aria-labelledby": labelId,
+            className: popoverContentClass,
+            "data-testid": `${testId}-content`,
+            tabIndex: popupRole === "tooltip" ? void 0 : -1,
+            children: [
+              /* @__PURE__ */ jsx("span", { id: labelId, className: classMap.srOnly ?? "sr_only", children: "Popover Content" }),
+              content
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+BasePopover.displayName = "BasePopover";
+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-BnOcfrAC.js.map