boreal-ui 0.0.36 → 0.0.38

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-BjTSHg0M.cjs");
+const NotificationCenter = require("./NotificationCenter-Dqwu2Z6s.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-Ca_Gegaf.js";
+import { N, t } from "./NotificationCenter-BrUNpJAx.js";
 export {
   N as default,
   t as themeIcons

package/dist/core/{Pager-B-mFsJVZ.js → Pager-CZF6O7rq.js}

@@ -4,8 +4,8 @@ import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 /* empty css                 */
-import { B as Button } from "./Button-DxYuUx72.js";
-import { I as IconButton } from "./IconButton-DY1ppFX-.js";
+import { B as Button } from "./Button-CC0Q_XPy.js";
+import { I as IconButton } from "./IconButton-_lxTppua.js";
 const ArrowLeftIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -180,7 +180,8 @@ const Pager = (props) => {
     }
   );
 };
+Pager.displayName = "Pager";
 export {
   Pager as P
 };
-//# sourceMappingURL=Pager-B-mFsJVZ.js.map
+//# sourceMappingURL=Pager-CZF6O7rq.js.map

package/dist/core/{Pager-B-mFsJVZ.js.map → Pager-CZF6O7rq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Pager-B-mFsJVZ.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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"}
+{"version":3,"file":"Pager-CZF6O7rq.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\nPager.displayName = \"Pager\";\r\nexport default Pager;\r\n"],"names":["Button","IconButton"],"mappings":"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"}

package/dist/core/{Pager-B3Hy6QIt.cjs → Pager-C_SG4CIc.cjs}

@@ -5,8 +5,8 @@ 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-CBmiAYTl.cjs");
-const IconButton = require("./IconButton-Cs4PHptF.cjs");
+const Button = require("./Button-zvElXSem.cjs");
+const IconButton = require("./IconButton-CR9bTZoJ.cjs");
 const ArrowLeftIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -181,5 +181,6 @@ const Pager = (props) => {
     }
   );
 };
+Pager.displayName = "Pager";
 exports.Pager = Pager;
-//# sourceMappingURL=Pager-B3Hy6QIt.cjs.map
+//# sourceMappingURL=Pager-C_SG4CIc.cjs.map

package/dist/core/{Pager-B3Hy6QIt.cjs.map → Pager-C_SG4CIc.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Pager-B3Hy6QIt.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":"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"}
+{"version":3,"file":"Pager-C_SG4CIc.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\nPager.displayName = \"Pager\";\r\nexport default Pager;\r\n"],"names":["jsx","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","Button","IconButton","combineClassNames","capitalize","jsxs","ArrowRightIcon"],"mappings":"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"}

package/dist/core/Pager.cjs.js

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

package/dist/core/Pager.js

@@ -1,4 +1,4 @@
-import { P } from "./Pager-B-mFsJVZ.js";
+import { P } from "./Pager-CZF6O7rq.js";
 export {
   P as default
 };

package/dist/core/{PopOver-BnOcfrAC.js → PopOver-Bt80x5vL.js}

@@ -197,7 +197,8 @@ const classes = {
 const Popover = (props) => {
   return /* @__PURE__ */ jsx(BasePopover, { ...props, classMap: classes });
 };
+Popover.displayName = "Popover";
 export {
   Popover as P
 };
-//# sourceMappingURL=PopOver-BnOcfrAC.js.map
+//# sourceMappingURL=PopOver-Bt80x5vL.js.map

package/dist/core/{PopOver-BnOcfrAC.js.map → PopOver-Bt80x5vL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PopOver-BnOcfrAC.js","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/core/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo, useId } from \"react\";\r\nimport { BasePopoverProps } 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\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  role = \"dialog\",\r\n  \"data-testid\": testId = \"popover\",\r\n  classMap,\r\n}): 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<HTMLButtonElement>(null);\r\n  const uid = useId();\r\n  const contentId = `${uid}-content`;\r\n  const labelId = `${uid}-label`;\r\n\r\n  type PopupRole = \"dialog\" | \"menu\" | \"tooltip\";\r\n  const VALID_ROLES: PopupRole[] = [\"dialog\", \"menu\", \"tooltip\"];\r\n\r\n  function asValidRole(r?: string): PopupRole | undefined {\r\n    return (VALID_ROLES as readonly string[]).includes(r ?? \"\")\r\n      ? (r as PopupRole)\r\n      : undefined;\r\n  }\r\n\r\n  const popupRole = asValidRole(role);\r\n\r\n  const ariaHasPopup: React.AriaAttributes[\"aria-haspopup\"] =\r\n    role === \"dialog\" ? \"dialog\" : role === \"menu\" ? \"menu\" : undefined;\r\n\r\n  const triggerAria =\r\n    role === \"tooltip\"\r\n      ? { \"aria-describedby\": contentId }\r\n      : {\r\n          ...(ariaHasPopup ? { \"aria-haspopup\": ariaHasPopup } : {}),\r\n          \"aria-expanded\": open,\r\n          \"aria-controls\": contentId,\r\n        };\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    if (!open) return;\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      const t = event.target as Node;\r\n      if (popoverRef.current?.contains(t)) return;\r\n      if (triggerRef.current?.contains(t as Node)) return;\r\n      close();\r\n    };\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open, placement]);\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const onKey = (e: KeyboardEvent) => e.key === \"Escape\" && close();\r\n    const onReflow = () => setDynamicPlacement((p) => p);\r\n    document.addEventListener(\"keydown\", onKey);\r\n    window.addEventListener(\"resize\", onReflow, { passive: true });\r\n    window.addEventListener(\"scroll\", onReflow, { passive: true });\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", onKey);\r\n      window.removeEventListener(\"resize\", onReflow);\r\n      window.removeEventListener(\"scroll\", onReflow);\r\n    };\r\n  }, [open]);\r\n\r\n  useEffect(() => {\r\n    if (!open || !popoverRef.current || !triggerRef.current) return;\r\n\r\n    const triggerRect = triggerRef.current.getBoundingClientRect();\r\n    const popoverEl = popoverRef.current;\r\n\r\n    const vw = window.innerWidth;\r\n    const vh = window.innerHeight;\r\n    const spaceAbove = triggerRect.top;\r\n    const spaceBelow = vh - triggerRect.bottom;\r\n    const spaceLeft = triggerRect.left;\r\n    const spaceRight = vw - 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    if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove)\r\n      newPlacement = \"bottom\";\r\n    else if (placement === \"bottom\" && popoverEl.offsetHeight > spaceBelow)\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    setDynamicPlacement(newPlacement);\r\n\r\n    requestAnimationFrame(() => {\r\n      const rect = popoverEl.getBoundingClientRect();\r\n      let dx = 0;\r\n      let dy = 0;\r\n      const pad = 8;\r\n\r\n      if (rect.left < pad) dx = pad - rect.left;\r\n      else if (rect.right > vw - pad) dx = vw - pad - rect.right;\r\n\r\n      if (rect.top < pad) dy = pad - rect.top;\r\n      else if (rect.bottom > vh - pad) dy = vh - pad - rect.bottom;\r\n\r\n      if (dx !== 0 || dy !== 0) {\r\n        const tx = dx !== 0 ? `translateX(${dx}px)` : \"\";\r\n        const ty = dy !== 0 ? `translateY(${dy}px)` : \"\";\r\n        popoverEl.style.transform = `${tx} ${ty}`.trim();\r\n      }\r\n    });\r\n  }, [open, placement, dynamicPlacement]);\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        className\r\n      ),\r\n    [classMap, dynamicPlacement, rounding, shadow, theme, state, className]\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const el = popoverRef.current;\r\n    if (!el) return;\r\n    const focusable = el.querySelector<HTMLElement>(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n    );\r\n    (focusable ?? el).focus();\r\n  }, [open]);\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(classMap.container, className)}\r\n      data-testid={testId}\r\n    >\r\n      <button\r\n        type=\"button\"\r\n        className={classMap.trigger}\r\n        onClick={toggleOpen}\r\n        aria-label=\"Toggle popover\"\r\n        ref={triggerRef}\r\n        data-testid={`${testId}-trigger`}\r\n        {...triggerAria}\r\n      >\r\n        {trigger}\r\n      </button>\r\n\r\n      {open && (\r\n        <div\r\n          ref={popoverRef}\r\n          id={contentId}\r\n          role={popupRole}\r\n          aria-labelledby={labelId}\r\n          className={popoverContentClass}\r\n          data-testid={`${testId}-content`}\r\n          tabIndex={popupRole === \"tooltip\" ? undefined : -1}\r\n        >\r\n          <span id={labelId} className={classMap.srOnly ?? \"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\nBasePopover.displayName = \"BasePopover\";\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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"}
+{"version":3,"file":"PopOver-Bt80x5vL.js","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/core/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo, useId } from \"react\";\r\nimport { BasePopoverProps } 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\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  role = \"dialog\",\r\n  \"data-testid\": testId = \"popover\",\r\n  classMap,\r\n}): 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<HTMLButtonElement>(null);\r\n  const uid = useId();\r\n  const contentId = `${uid}-content`;\r\n  const labelId = `${uid}-label`;\r\n\r\n  type PopupRole = \"dialog\" | \"menu\" | \"tooltip\";\r\n  const VALID_ROLES: PopupRole[] = [\"dialog\", \"menu\", \"tooltip\"];\r\n\r\n  function asValidRole(r?: string): PopupRole | undefined {\r\n    return (VALID_ROLES as readonly string[]).includes(r ?? \"\")\r\n      ? (r as PopupRole)\r\n      : undefined;\r\n  }\r\n\r\n  const popupRole = asValidRole(role);\r\n\r\n  const ariaHasPopup: React.AriaAttributes[\"aria-haspopup\"] =\r\n    role === \"dialog\" ? \"dialog\" : role === \"menu\" ? \"menu\" : undefined;\r\n\r\n  const triggerAria =\r\n    role === \"tooltip\"\r\n      ? { \"aria-describedby\": contentId }\r\n      : {\r\n          ...(ariaHasPopup ? { \"aria-haspopup\": ariaHasPopup } : {}),\r\n          \"aria-expanded\": open,\r\n          \"aria-controls\": contentId,\r\n        };\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    if (!open) return;\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      const t = event.target as Node;\r\n      if (popoverRef.current?.contains(t)) return;\r\n      if (triggerRef.current?.contains(t as Node)) return;\r\n      close();\r\n    };\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open, placement]);\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const onKey = (e: KeyboardEvent) => e.key === \"Escape\" && close();\r\n    const onReflow = () => setDynamicPlacement((p) => p);\r\n    document.addEventListener(\"keydown\", onKey);\r\n    window.addEventListener(\"resize\", onReflow, { passive: true });\r\n    window.addEventListener(\"scroll\", onReflow, { passive: true });\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", onKey);\r\n      window.removeEventListener(\"resize\", onReflow);\r\n      window.removeEventListener(\"scroll\", onReflow);\r\n    };\r\n  }, [open]);\r\n\r\n  useEffect(() => {\r\n    if (!open || !popoverRef.current || !triggerRef.current) return;\r\n\r\n    const triggerRect = triggerRef.current.getBoundingClientRect();\r\n    const popoverEl = popoverRef.current;\r\n\r\n    const vw = window.innerWidth;\r\n    const vh = window.innerHeight;\r\n    const spaceAbove = triggerRect.top;\r\n    const spaceBelow = vh - triggerRect.bottom;\r\n    const spaceLeft = triggerRect.left;\r\n    const spaceRight = vw - 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    if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove)\r\n      newPlacement = \"bottom\";\r\n    else if (placement === \"bottom\" && popoverEl.offsetHeight > spaceBelow)\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    setDynamicPlacement(newPlacement);\r\n\r\n    requestAnimationFrame(() => {\r\n      const rect = popoverEl.getBoundingClientRect();\r\n      let dx = 0;\r\n      let dy = 0;\r\n      const pad = 8;\r\n\r\n      if (rect.left < pad) dx = pad - rect.left;\r\n      else if (rect.right > vw - pad) dx = vw - pad - rect.right;\r\n\r\n      if (rect.top < pad) dy = pad - rect.top;\r\n      else if (rect.bottom > vh - pad) dy = vh - pad - rect.bottom;\r\n\r\n      if (dx !== 0 || dy !== 0) {\r\n        const tx = dx !== 0 ? `translateX(${dx}px)` : \"\";\r\n        const ty = dy !== 0 ? `translateY(${dy}px)` : \"\";\r\n        popoverEl.style.transform = `${tx} ${ty}`.trim();\r\n      }\r\n    });\r\n  }, [open, placement, dynamicPlacement]);\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        className\r\n      ),\r\n    [classMap, dynamicPlacement, rounding, shadow, theme, state, className]\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const el = popoverRef.current;\r\n    if (!el) return;\r\n    const focusable = el.querySelector<HTMLElement>(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n    );\r\n    (focusable ?? el).focus();\r\n  }, [open]);\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(classMap.container, className)}\r\n      data-testid={testId}\r\n    >\r\n      <button\r\n        type=\"button\"\r\n        className={classMap.trigger}\r\n        onClick={toggleOpen}\r\n        aria-label=\"Toggle popover\"\r\n        ref={triggerRef}\r\n        data-testid={`${testId}-trigger`}\r\n        {...triggerAria}\r\n      >\r\n        {trigger}\r\n      </button>\r\n\r\n      {open && (\r\n        <div\r\n          ref={popoverRef}\r\n          id={contentId}\r\n          role={popupRole}\r\n          aria-labelledby={labelId}\r\n          className={popoverContentClass}\r\n          data-testid={`${testId}-content`}\r\n          tabIndex={popupRole === \"tooltip\" ? undefined : -1}\r\n        >\r\n          <span id={labelId} className={classMap.srOnly ?? \"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\nBasePopover.displayName = \"BasePopover\";\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\nPopover.displayName = \"Popover\";\r\nexport default Popover;\r\n"],"names":[],"mappings":"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"}

package/dist/core/{PopOver-Gy7Gn9LW.cjs → PopOver-IzDFOu7Y.cjs}

@@ -198,5 +198,6 @@ const classes = {
 const Popover = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(BasePopover, { ...props, classMap: classes });
 };
+Popover.displayName = "Popover";
 exports.Popover = Popover;
-//# sourceMappingURL=PopOver-Gy7Gn9LW.cjs.map
+//# sourceMappingURL=PopOver-IzDFOu7Y.cjs.map

package/dist/core/{PopOver-Gy7Gn9LW.cjs.map → PopOver-IzDFOu7Y.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"PopOver-Gy7Gn9LW.cjs","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/core/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo, useId } from \"react\";\r\nimport { BasePopoverProps } 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\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  role = \"dialog\",\r\n  \"data-testid\": testId = \"popover\",\r\n  classMap,\r\n}): 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<HTMLButtonElement>(null);\r\n  const uid = useId();\r\n  const contentId = `${uid}-content`;\r\n  const labelId = `${uid}-label`;\r\n\r\n  type PopupRole = \"dialog\" | \"menu\" | \"tooltip\";\r\n  const VALID_ROLES: PopupRole[] = [\"dialog\", \"menu\", \"tooltip\"];\r\n\r\n  function asValidRole(r?: string): PopupRole | undefined {\r\n    return (VALID_ROLES as readonly string[]).includes(r ?? \"\")\r\n      ? (r as PopupRole)\r\n      : undefined;\r\n  }\r\n\r\n  const popupRole = asValidRole(role);\r\n\r\n  const ariaHasPopup: React.AriaAttributes[\"aria-haspopup\"] =\r\n    role === \"dialog\" ? \"dialog\" : role === \"menu\" ? \"menu\" : undefined;\r\n\r\n  const triggerAria =\r\n    role === \"tooltip\"\r\n      ? { \"aria-describedby\": contentId }\r\n      : {\r\n          ...(ariaHasPopup ? { \"aria-haspopup\": ariaHasPopup } : {}),\r\n          \"aria-expanded\": open,\r\n          \"aria-controls\": contentId,\r\n        };\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    if (!open) return;\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      const t = event.target as Node;\r\n      if (popoverRef.current?.contains(t)) return;\r\n      if (triggerRef.current?.contains(t as Node)) return;\r\n      close();\r\n    };\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open, placement]);\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const onKey = (e: KeyboardEvent) => e.key === \"Escape\" && close();\r\n    const onReflow = () => setDynamicPlacement((p) => p);\r\n    document.addEventListener(\"keydown\", onKey);\r\n    window.addEventListener(\"resize\", onReflow, { passive: true });\r\n    window.addEventListener(\"scroll\", onReflow, { passive: true });\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", onKey);\r\n      window.removeEventListener(\"resize\", onReflow);\r\n      window.removeEventListener(\"scroll\", onReflow);\r\n    };\r\n  }, [open]);\r\n\r\n  useEffect(() => {\r\n    if (!open || !popoverRef.current || !triggerRef.current) return;\r\n\r\n    const triggerRect = triggerRef.current.getBoundingClientRect();\r\n    const popoverEl = popoverRef.current;\r\n\r\n    const vw = window.innerWidth;\r\n    const vh = window.innerHeight;\r\n    const spaceAbove = triggerRect.top;\r\n    const spaceBelow = vh - triggerRect.bottom;\r\n    const spaceLeft = triggerRect.left;\r\n    const spaceRight = vw - 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    if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove)\r\n      newPlacement = \"bottom\";\r\n    else if (placement === \"bottom\" && popoverEl.offsetHeight > spaceBelow)\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    setDynamicPlacement(newPlacement);\r\n\r\n    requestAnimationFrame(() => {\r\n      const rect = popoverEl.getBoundingClientRect();\r\n      let dx = 0;\r\n      let dy = 0;\r\n      const pad = 8;\r\n\r\n      if (rect.left < pad) dx = pad - rect.left;\r\n      else if (rect.right > vw - pad) dx = vw - pad - rect.right;\r\n\r\n      if (rect.top < pad) dy = pad - rect.top;\r\n      else if (rect.bottom > vh - pad) dy = vh - pad - rect.bottom;\r\n\r\n      if (dx !== 0 || dy !== 0) {\r\n        const tx = dx !== 0 ? `translateX(${dx}px)` : \"\";\r\n        const ty = dy !== 0 ? `translateY(${dy}px)` : \"\";\r\n        popoverEl.style.transform = `${tx} ${ty}`.trim();\r\n      }\r\n    });\r\n  }, [open, placement, dynamicPlacement]);\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        className\r\n      ),\r\n    [classMap, dynamicPlacement, rounding, shadow, theme, state, className]\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const el = popoverRef.current;\r\n    if (!el) return;\r\n    const focusable = el.querySelector<HTMLElement>(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n    );\r\n    (focusable ?? el).focus();\r\n  }, [open]);\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(classMap.container, className)}\r\n      data-testid={testId}\r\n    >\r\n      <button\r\n        type=\"button\"\r\n        className={classMap.trigger}\r\n        onClick={toggleOpen}\r\n        aria-label=\"Toggle popover\"\r\n        ref={triggerRef}\r\n        data-testid={`${testId}-trigger`}\r\n        {...triggerAria}\r\n      >\r\n        {trigger}\r\n      </button>\r\n\r\n      {open && (\r\n        <div\r\n          ref={popoverRef}\r\n          id={contentId}\r\n          role={popupRole}\r\n          aria-labelledby={labelId}\r\n          className={popoverContentClass}\r\n          data-testid={`${testId}-content`}\r\n          tabIndex={popupRole === \"tooltip\" ? undefined : -1}\r\n        >\r\n          <span id={labelId} className={classMap.srOnly ?? \"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\nBasePopover.displayName = \"BasePopover\";\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":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useId","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"PopOver-IzDFOu7Y.cjs","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/core/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo, useId } from \"react\";\r\nimport { BasePopoverProps } 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\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  role = \"dialog\",\r\n  \"data-testid\": testId = \"popover\",\r\n  classMap,\r\n}): 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<HTMLButtonElement>(null);\r\n  const uid = useId();\r\n  const contentId = `${uid}-content`;\r\n  const labelId = `${uid}-label`;\r\n\r\n  type PopupRole = \"dialog\" | \"menu\" | \"tooltip\";\r\n  const VALID_ROLES: PopupRole[] = [\"dialog\", \"menu\", \"tooltip\"];\r\n\r\n  function asValidRole(r?: string): PopupRole | undefined {\r\n    return (VALID_ROLES as readonly string[]).includes(r ?? \"\")\r\n      ? (r as PopupRole)\r\n      : undefined;\r\n  }\r\n\r\n  const popupRole = asValidRole(role);\r\n\r\n  const ariaHasPopup: React.AriaAttributes[\"aria-haspopup\"] =\r\n    role === \"dialog\" ? \"dialog\" : role === \"menu\" ? \"menu\" : undefined;\r\n\r\n  const triggerAria =\r\n    role === \"tooltip\"\r\n      ? { \"aria-describedby\": contentId }\r\n      : {\r\n          ...(ariaHasPopup ? { \"aria-haspopup\": ariaHasPopup } : {}),\r\n          \"aria-expanded\": open,\r\n          \"aria-controls\": contentId,\r\n        };\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    if (!open) return;\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      const t = event.target as Node;\r\n      if (popoverRef.current?.contains(t)) return;\r\n      if (triggerRef.current?.contains(t as Node)) return;\r\n      close();\r\n    };\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open, placement]);\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const onKey = (e: KeyboardEvent) => e.key === \"Escape\" && close();\r\n    const onReflow = () => setDynamicPlacement((p) => p);\r\n    document.addEventListener(\"keydown\", onKey);\r\n    window.addEventListener(\"resize\", onReflow, { passive: true });\r\n    window.addEventListener(\"scroll\", onReflow, { passive: true });\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", onKey);\r\n      window.removeEventListener(\"resize\", onReflow);\r\n      window.removeEventListener(\"scroll\", onReflow);\r\n    };\r\n  }, [open]);\r\n\r\n  useEffect(() => {\r\n    if (!open || !popoverRef.current || !triggerRef.current) return;\r\n\r\n    const triggerRect = triggerRef.current.getBoundingClientRect();\r\n    const popoverEl = popoverRef.current;\r\n\r\n    const vw = window.innerWidth;\r\n    const vh = window.innerHeight;\r\n    const spaceAbove = triggerRect.top;\r\n    const spaceBelow = vh - triggerRect.bottom;\r\n    const spaceLeft = triggerRect.left;\r\n    const spaceRight = vw - 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    if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove)\r\n      newPlacement = \"bottom\";\r\n    else if (placement === \"bottom\" && popoverEl.offsetHeight > spaceBelow)\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    setDynamicPlacement(newPlacement);\r\n\r\n    requestAnimationFrame(() => {\r\n      const rect = popoverEl.getBoundingClientRect();\r\n      let dx = 0;\r\n      let dy = 0;\r\n      const pad = 8;\r\n\r\n      if (rect.left < pad) dx = pad - rect.left;\r\n      else if (rect.right > vw - pad) dx = vw - pad - rect.right;\r\n\r\n      if (rect.top < pad) dy = pad - rect.top;\r\n      else if (rect.bottom > vh - pad) dy = vh - pad - rect.bottom;\r\n\r\n      if (dx !== 0 || dy !== 0) {\r\n        const tx = dx !== 0 ? `translateX(${dx}px)` : \"\";\r\n        const ty = dy !== 0 ? `translateY(${dy}px)` : \"\";\r\n        popoverEl.style.transform = `${tx} ${ty}`.trim();\r\n      }\r\n    });\r\n  }, [open, placement, dynamicPlacement]);\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        className\r\n      ),\r\n    [classMap, dynamicPlacement, rounding, shadow, theme, state, className]\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const el = popoverRef.current;\r\n    if (!el) return;\r\n    const focusable = el.querySelector<HTMLElement>(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n    );\r\n    (focusable ?? el).focus();\r\n  }, [open]);\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(classMap.container, className)}\r\n      data-testid={testId}\r\n    >\r\n      <button\r\n        type=\"button\"\r\n        className={classMap.trigger}\r\n        onClick={toggleOpen}\r\n        aria-label=\"Toggle popover\"\r\n        ref={triggerRef}\r\n        data-testid={`${testId}-trigger`}\r\n        {...triggerAria}\r\n      >\r\n        {trigger}\r\n      </button>\r\n\r\n      {open && (\r\n        <div\r\n          ref={popoverRef}\r\n          id={contentId}\r\n          role={popupRole}\r\n          aria-labelledby={labelId}\r\n          className={popoverContentClass}\r\n          data-testid={`${testId}-content`}\r\n          tabIndex={popupRole === \"tooltip\" ? undefined : -1}\r\n        >\r\n          <span id={labelId} className={classMap.srOnly ?? \"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\nBasePopover.displayName = \"BasePopover\";\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\nPopover.displayName = \"Popover\";\r\nexport default Popover;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useId","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}

package/dist/core/PopOver.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const PopOver = require("./PopOver-Gy7Gn9LW.cjs");
+const PopOver = require("./PopOver-IzDFOu7Y.cjs");
 module.exports = PopOver.Popover;
 //# sourceMappingURL=PopOver.cjs.js.map

package/dist/core/PopOver.js

@@ -1,4 +1,4 @@
-import { P } from "./PopOver-BnOcfrAC.js";
+import { P } from "./PopOver-Bt80x5vL.js";
 export {
   P as default
 };

package/dist/core/{ProgressBar-QkROTKv6.cjs → ProgressBar-BwjYOqoE.cjs}

@@ -97,5 +97,6 @@ const classes = {
 const ProgressBar = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(BaseProgressBar, { ...props, classMap: classes });
 };
+ProgressBar.displayName = "ProgressBar";
 exports.ProgressBar = ProgressBar;
-//# sourceMappingURL=ProgressBar-QkROTKv6.cjs.map
+//# sourceMappingURL=ProgressBar-BwjYOqoE.cjs.map

package/dist/core/{ProgressBar-QkROTKv6.cjs.map → ProgressBar-BwjYOqoE.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar-QkROTKv6.cjs","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/core/ProgressBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseProgressBarProps } from \"./ProgressBar.types\";\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n  progress = 0,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  animated = true,\r\n  indeterminate = false,\r\n  className = \"\",\r\n  ariaLabel = \"Progress\",\r\n  \"data-testid\": testId = \"progressbar\",\r\n  classMap,\r\n}) => {\r\n  const numeric = Number(progress);\r\n  const clamped = Number.isFinite(numeric)\r\n    ? Math.min(100, Math.max(0, numeric))\r\n    : 0;\r\n  const value = Math.round(clamped);\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, size, shadow, rounding, className]\r\n  );\r\n\r\n  const barClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.bar,\r\n        classMap[theme],\r\n        classMap[state],\r\n        animated && classMap.animated,\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        indeterminate && classMap.indeterminate\r\n      ),\r\n    [classMap, theme, state, rounding, indeterminate, animated]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"progressbar\"\r\n      aria-label={ariaLabel}\r\n      aria-valuemin={0}\r\n      aria-valuemax={100}\r\n      aria-valuenow={indeterminate ? undefined : value}\r\n      aria-valuetext={indeterminate ? \"Loading\" : `${value}% complete`}\r\n      aria-busy={indeterminate || undefined}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={barClass}\r\n        style={{ width: indeterminate ? undefined : `${value}%` }}\r\n        data-testid={`${testId}-bar`}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseProgressBar.displayName = \"BaseProgressBar\";\r\nexport default BaseProgressBar;\r\n","import React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport \"./ProgressBar.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst classes = {\r\n  container: \"progress_container\",\r\n  bar: \"progress_bar\",\r\n\r\n  primary: \"progress_primary\",\r\n  secondary: \"progress_secondary\",\r\n  tertiary: \"progress_tertiary\",\r\n  quaternary: \"progress_quaternary\",\r\n\r\n  success: \"progress_success\",\r\n  error: \"progress_error\",\r\n  warning: \"progress_warning\",\r\n\r\n  clear: \"progress_clear\",\r\n\r\n  xs: \"progress_xs\",\r\n  xl: \"progress_xl\",\r\n  small: \"progress_small\",\r\n  medium: \"progress_medium\",\r\n  large: \"progress_large\",\r\n\r\n  shadowNone: \"progress_shadow-None\",\r\n  shadowLight: \"progress_shadow-Light\",\r\n  shadowMedium: \"progress_shadow-Medium\",\r\n  shadowStrong: \"progress_shadow-Strong\",\r\n  shadowIntense: \"progress_shadow-Intense\",\r\n\r\n  roundNone: \"progress_round-None\",\r\n  roundSmall: \"progress_round-Small\",\r\n  roundMedium: \"progress_round-Medium\",\r\n  roundLarge: \"progress_round-Large\",\r\n\r\n  animated: \"progress_animated\",\r\n  indeterminate: \"progress_indeterminate\",\r\n};\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n  return <BaseProgressBar {...props} classMap={classes} />;\r\n};\r\n\r\nexport default ProgressBar;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAWA,MAAM,kBAAkD,CAAC;AAAA,EACvD,WAAW;AAAA,EACX,QAAQA,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAOC,kBAAAA,eAAA;AAAA,EACP,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,UAAU,OAAO,QAAQ;AAC/B,QAAM,UAAU,OAAO,SAAS,OAAO,IACnC,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAClC;AACJ,QAAM,QAAQ,KAAK,MAAM,OAAO;AAEhC,QAAM,eAAeC,MAAAA;AAAAA,IACnB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,MAAM,QAAQ,UAAU,SAAS;AAAA,EAAA;AAG9C,QAAM,WAAWF,MAAAA;AAAAA,IACf,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,YAAY,SAAS;AAAA,MACrB,YAAY,SAAS,QAAQC,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD,iBAAiB,SAAS;AAAA,IAAA;AAAA,IAE9B,CAAC,UAAU,OAAO,OAAO,UAAU,eAAe,QAAQ;AAAA,EAAA;AAG5D,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,gBAAgB,SAAY;AAAA,MAC3C,kBAAgB,gBAAgB,YAAY,GAAG,KAAK;AAAA,MACpD,aAAW,iBAAiB;AAAA,MAC5B,eAAa;AAAA,MAEb,UAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAO,EAAE,OAAO,gBAAgB,SAAY,GAAG,KAAK,IAAA;AAAA,UACpD,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACxB;AAAA,EAAA;AAGN;AAEA,gBAAgB,cAAc;ACxE9B,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,KAAK;AAAA,EAEL,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EAEZ,UAAU;AAAA,EACV,eAAe;AACjB;AAEA,MAAM,cAA0C,CAAC,UAAU;AACzD,SAAOA,2BAAAA,IAAC,iBAAA,EAAiB,GAAG,OAAO,UAAU,SAAS;AACxD;;"}
+{"version":3,"file":"ProgressBar-BwjYOqoE.cjs","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/core/ProgressBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseProgressBarProps } from \"./ProgressBar.types\";\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n  progress = 0,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  animated = true,\r\n  indeterminate = false,\r\n  className = \"\",\r\n  ariaLabel = \"Progress\",\r\n  \"data-testid\": testId = \"progressbar\",\r\n  classMap,\r\n}) => {\r\n  const numeric = Number(progress);\r\n  const clamped = Number.isFinite(numeric)\r\n    ? Math.min(100, Math.max(0, numeric))\r\n    : 0;\r\n  const value = Math.round(clamped);\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, size, shadow, rounding, className]\r\n  );\r\n\r\n  const barClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.bar,\r\n        classMap[theme],\r\n        classMap[state],\r\n        animated && classMap.animated,\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        indeterminate && classMap.indeterminate\r\n      ),\r\n    [classMap, theme, state, rounding, indeterminate, animated]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"progressbar\"\r\n      aria-label={ariaLabel}\r\n      aria-valuemin={0}\r\n      aria-valuemax={100}\r\n      aria-valuenow={indeterminate ? undefined : value}\r\n      aria-valuetext={indeterminate ? \"Loading\" : `${value}% complete`}\r\n      aria-busy={indeterminate || undefined}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={barClass}\r\n        style={{ width: indeterminate ? undefined : `${value}%` }}\r\n        data-testid={`${testId}-bar`}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseProgressBar.displayName = \"BaseProgressBar\";\r\nexport default BaseProgressBar;\r\n","import React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport \"./ProgressBar.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst classes = {\r\n  container: \"progress_container\",\r\n  bar: \"progress_bar\",\r\n\r\n  primary: \"progress_primary\",\r\n  secondary: \"progress_secondary\",\r\n  tertiary: \"progress_tertiary\",\r\n  quaternary: \"progress_quaternary\",\r\n\r\n  success: \"progress_success\",\r\n  error: \"progress_error\",\r\n  warning: \"progress_warning\",\r\n\r\n  clear: \"progress_clear\",\r\n\r\n  xs: \"progress_xs\",\r\n  xl: \"progress_xl\",\r\n  small: \"progress_small\",\r\n  medium: \"progress_medium\",\r\n  large: \"progress_large\",\r\n\r\n  shadowNone: \"progress_shadow-None\",\r\n  shadowLight: \"progress_shadow-Light\",\r\n  shadowMedium: \"progress_shadow-Medium\",\r\n  shadowStrong: \"progress_shadow-Strong\",\r\n  shadowIntense: \"progress_shadow-Intense\",\r\n\r\n  roundNone: \"progress_round-None\",\r\n  roundSmall: \"progress_round-Small\",\r\n  roundMedium: \"progress_round-Medium\",\r\n  roundLarge: \"progress_round-Large\",\r\n\r\n  animated: \"progress_animated\",\r\n  indeterminate: \"progress_indeterminate\",\r\n};\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n  return <BaseProgressBar {...props} classMap={classes} />;\r\n};\r\nProgressBar.displayName = \"ProgressBar\";\r\nexport default ProgressBar;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAWA,MAAM,kBAAkD,CAAC;AAAA,EACvD,WAAW;AAAA,EACX,QAAQA,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAOC,kBAAAA,eAAA;AAAA,EACP,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,UAAU,OAAO,QAAQ;AAC/B,QAAM,UAAU,OAAO,SAAS,OAAO,IACnC,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAClC;AACJ,QAAM,QAAQ,KAAK,MAAM,OAAO;AAEhC,QAAM,eAAeC,MAAAA;AAAAA,IACnB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,MAAM,QAAQ,UAAU,SAAS;AAAA,EAAA;AAG9C,QAAM,WAAWF,MAAAA;AAAAA,IACf,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,YAAY,SAAS;AAAA,MACrB,YAAY,SAAS,QAAQC,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD,iBAAiB,SAAS;AAAA,IAAA;AAAA,IAE9B,CAAC,UAAU,OAAO,OAAO,UAAU,eAAe,QAAQ;AAAA,EAAA;AAG5D,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,gBAAgB,SAAY;AAAA,MAC3C,kBAAgB,gBAAgB,YAAY,GAAG,KAAK;AAAA,MACpD,aAAW,iBAAiB;AAAA,MAC5B,eAAa;AAAA,MAEb,UAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAO,EAAE,OAAO,gBAAgB,SAAY,GAAG,KAAK,IAAA;AAAA,UACpD,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACxB;AAAA,EAAA;AAGN;AAEA,gBAAgB,cAAc;ACxE9B,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,KAAK;AAAA,EAEL,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EAEZ,UAAU;AAAA,EACV,eAAe;AACjB;AAEA,MAAM,cAA0C,CAAC,UAAU;AACzD,SAAOA,2BAAAA,IAAC,iBAAA,EAAiB,GAAG,OAAO,UAAU,SAAS;AACxD;AACA,YAAY,cAAc;;"}

package/dist/core/{ProgressBar-BAbEjBvm.js → ProgressBar-DaA5vvnq.js}

@@ -96,7 +96,8 @@ const classes = {
 const ProgressBar = (props) => {
   return /* @__PURE__ */ jsx(BaseProgressBar, { ...props, classMap: classes });
 };
+ProgressBar.displayName = "ProgressBar";
 export {
   ProgressBar as P
 };
-//# sourceMappingURL=ProgressBar-BAbEjBvm.js.map
+//# sourceMappingURL=ProgressBar-DaA5vvnq.js.map

package/dist/core/{ProgressBar-BAbEjBvm.js.map → ProgressBar-DaA5vvnq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar-BAbEjBvm.js","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/core/ProgressBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseProgressBarProps } from \"./ProgressBar.types\";\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n  progress = 0,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  animated = true,\r\n  indeterminate = false,\r\n  className = \"\",\r\n  ariaLabel = \"Progress\",\r\n  \"data-testid\": testId = \"progressbar\",\r\n  classMap,\r\n}) => {\r\n  const numeric = Number(progress);\r\n  const clamped = Number.isFinite(numeric)\r\n    ? Math.min(100, Math.max(0, numeric))\r\n    : 0;\r\n  const value = Math.round(clamped);\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, size, shadow, rounding, className]\r\n  );\r\n\r\n  const barClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.bar,\r\n        classMap[theme],\r\n        classMap[state],\r\n        animated && classMap.animated,\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        indeterminate && classMap.indeterminate\r\n      ),\r\n    [classMap, theme, state, rounding, indeterminate, animated]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"progressbar\"\r\n      aria-label={ariaLabel}\r\n      aria-valuemin={0}\r\n      aria-valuemax={100}\r\n      aria-valuenow={indeterminate ? undefined : value}\r\n      aria-valuetext={indeterminate ? \"Loading\" : `${value}% complete`}\r\n      aria-busy={indeterminate || undefined}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={barClass}\r\n        style={{ width: indeterminate ? undefined : `${value}%` }}\r\n        data-testid={`${testId}-bar`}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseProgressBar.displayName = \"BaseProgressBar\";\r\nexport default BaseProgressBar;\r\n","import React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport \"./ProgressBar.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst classes = {\r\n  container: \"progress_container\",\r\n  bar: \"progress_bar\",\r\n\r\n  primary: \"progress_primary\",\r\n  secondary: \"progress_secondary\",\r\n  tertiary: \"progress_tertiary\",\r\n  quaternary: \"progress_quaternary\",\r\n\r\n  success: \"progress_success\",\r\n  error: \"progress_error\",\r\n  warning: \"progress_warning\",\r\n\r\n  clear: \"progress_clear\",\r\n\r\n  xs: \"progress_xs\",\r\n  xl: \"progress_xl\",\r\n  small: \"progress_small\",\r\n  medium: \"progress_medium\",\r\n  large: \"progress_large\",\r\n\r\n  shadowNone: \"progress_shadow-None\",\r\n  shadowLight: \"progress_shadow-Light\",\r\n  shadowMedium: \"progress_shadow-Medium\",\r\n  shadowStrong: \"progress_shadow-Strong\",\r\n  shadowIntense: \"progress_shadow-Intense\",\r\n\r\n  roundNone: \"progress_round-None\",\r\n  roundSmall: \"progress_round-Small\",\r\n  roundMedium: \"progress_round-Medium\",\r\n  roundLarge: \"progress_round-Large\",\r\n\r\n  animated: \"progress_animated\",\r\n  indeterminate: \"progress_indeterminate\",\r\n};\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n  return <BaseProgressBar {...props} classMap={classes} />;\r\n};\r\n\r\nexport default ProgressBar;\r\n"],"names":[],"mappings":";;;;;AAWA,MAAM,kBAAkD,CAAC;AAAA,EACvD,WAAW;AAAA,EACX,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO,eAAA;AAAA,EACP,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,UAAU,OAAO,QAAQ;AAC/B,QAAM,UAAU,OAAO,SAAS,OAAO,IACnC,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAClC;AACJ,QAAM,QAAQ,KAAK,MAAM,OAAO;AAEhC,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,MAAM,QAAQ,UAAU,SAAS;AAAA,EAAA;AAG9C,QAAM,WAAW;AAAA,IACf,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,YAAY,SAAS;AAAA,MACrB,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD,iBAAiB,SAAS;AAAA,IAAA;AAAA,IAE9B,CAAC,UAAU,OAAO,OAAO,UAAU,eAAe,QAAQ;AAAA,EAAA;AAG5D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,gBAAgB,SAAY;AAAA,MAC3C,kBAAgB,gBAAgB,YAAY,GAAG,KAAK;AAAA,MACpD,aAAW,iBAAiB;AAAA,MAC5B,eAAa;AAAA,MAEb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAO,EAAE,OAAO,gBAAgB,SAAY,GAAG,KAAK,IAAA;AAAA,UACpD,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACxB;AAAA,EAAA;AAGN;AAEA,gBAAgB,cAAc;ACxE9B,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,KAAK;AAAA,EAEL,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EAEZ,UAAU;AAAA,EACV,eAAe;AACjB;AAEA,MAAM,cAA0C,CAAC,UAAU;AACzD,SAAO,oBAAC,iBAAA,EAAiB,GAAG,OAAO,UAAU,SAAS;AACxD;"}
+{"version":3,"file":"ProgressBar-DaA5vvnq.js","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/core/ProgressBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseProgressBarProps } from \"./ProgressBar.types\";\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n  progress = 0,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  animated = true,\r\n  indeterminate = false,\r\n  className = \"\",\r\n  ariaLabel = \"Progress\",\r\n  \"data-testid\": testId = \"progressbar\",\r\n  classMap,\r\n}) => {\r\n  const numeric = Number(progress);\r\n  const clamped = Number.isFinite(numeric)\r\n    ? Math.min(100, Math.max(0, numeric))\r\n    : 0;\r\n  const value = Math.round(clamped);\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, size, shadow, rounding, className]\r\n  );\r\n\r\n  const barClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.bar,\r\n        classMap[theme],\r\n        classMap[state],\r\n        animated && classMap.animated,\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        indeterminate && classMap.indeterminate\r\n      ),\r\n    [classMap, theme, state, rounding, indeterminate, animated]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"progressbar\"\r\n      aria-label={ariaLabel}\r\n      aria-valuemin={0}\r\n      aria-valuemax={100}\r\n      aria-valuenow={indeterminate ? undefined : value}\r\n      aria-valuetext={indeterminate ? \"Loading\" : `${value}% complete`}\r\n      aria-busy={indeterminate || undefined}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={barClass}\r\n        style={{ width: indeterminate ? undefined : `${value}%` }}\r\n        data-testid={`${testId}-bar`}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseProgressBar.displayName = \"BaseProgressBar\";\r\nexport default BaseProgressBar;\r\n","import React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport \"./ProgressBar.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst classes = {\r\n  container: \"progress_container\",\r\n  bar: \"progress_bar\",\r\n\r\n  primary: \"progress_primary\",\r\n  secondary: \"progress_secondary\",\r\n  tertiary: \"progress_tertiary\",\r\n  quaternary: \"progress_quaternary\",\r\n\r\n  success: \"progress_success\",\r\n  error: \"progress_error\",\r\n  warning: \"progress_warning\",\r\n\r\n  clear: \"progress_clear\",\r\n\r\n  xs: \"progress_xs\",\r\n  xl: \"progress_xl\",\r\n  small: \"progress_small\",\r\n  medium: \"progress_medium\",\r\n  large: \"progress_large\",\r\n\r\n  shadowNone: \"progress_shadow-None\",\r\n  shadowLight: \"progress_shadow-Light\",\r\n  shadowMedium: \"progress_shadow-Medium\",\r\n  shadowStrong: \"progress_shadow-Strong\",\r\n  shadowIntense: \"progress_shadow-Intense\",\r\n\r\n  roundNone: \"progress_round-None\",\r\n  roundSmall: \"progress_round-Small\",\r\n  roundMedium: \"progress_round-Medium\",\r\n  roundLarge: \"progress_round-Large\",\r\n\r\n  animated: \"progress_animated\",\r\n  indeterminate: \"progress_indeterminate\",\r\n};\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n  return <BaseProgressBar {...props} classMap={classes} />;\r\n};\r\nProgressBar.displayName = \"ProgressBar\";\r\nexport default ProgressBar;\r\n"],"names":[],"mappings":";;;;;AAWA,MAAM,kBAAkD,CAAC;AAAA,EACvD,WAAW;AAAA,EACX,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO,eAAA;AAAA,EACP,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,UAAU,OAAO,QAAQ;AAC/B,QAAM,UAAU,OAAO,SAAS,OAAO,IACnC,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAClC;AACJ,QAAM,QAAQ,KAAK,MAAM,OAAO;AAEhC,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,MAAM,QAAQ,UAAU,SAAS;AAAA,EAAA;AAG9C,QAAM,WAAW;AAAA,IACf,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,YAAY,SAAS;AAAA,MACrB,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD,iBAAiB,SAAS;AAAA,IAAA;AAAA,IAE9B,CAAC,UAAU,OAAO,OAAO,UAAU,eAAe,QAAQ;AAAA,EAAA;AAG5D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,gBAAgB,SAAY;AAAA,MAC3C,kBAAgB,gBAAgB,YAAY,GAAG,KAAK;AAAA,MACpD,aAAW,iBAAiB;AAAA,MAC5B,eAAa;AAAA,MAEb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAO,EAAE,OAAO,gBAAgB,SAAY,GAAG,KAAK,IAAA;AAAA,UACpD,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACxB;AAAA,EAAA;AAGN;AAEA,gBAAgB,cAAc;ACxE9B,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,KAAK;AAAA,EAEL,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EAEZ,UAAU;AAAA,EACV,eAAe;AACjB;AAEA,MAAM,cAA0C,CAAC,UAAU;AACzD,SAAO,oBAAC,iBAAA,EAAiB,GAAG,OAAO,UAAU,SAAS;AACxD;AACA,YAAY,cAAc;"}

package/dist/core/ProgressBar.cjs.js

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

package/dist/core/ProgressBar.js

@@ -1,4 +1,4 @@
-import { P } from "./ProgressBar-BAbEjBvm.js";
+import { P } from "./ProgressBar-DaA5vvnq.js";
 export {
   P as default
 };

package/dist/core/RadioButton-BxdmcaZg.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton-BxdmcaZg.cjs","sources":["../../src/components/RadioButton/RadioButtonBase.tsx","../../src/components/RadioButton/core/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useId } from \"react\";\r\nimport { BaseRadioButtonProps } from \"./RadioButton.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\nconst BaseRadioButton = forwardRef<HTMLInputElement, BaseRadioButtonProps>(\r\n  (\r\n    {\r\n      label,\r\n      value,\r\n      checked,\r\n      onChange,\r\n      name,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      className = \"\",\r\n      id,\r\n      \"data-testid\": testId = \"radio-button\",\r\n      classMap,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const uid = useId();\r\n    const inputId = id ?? `${testId}-input-${uid}`;\r\n    const labelId = `${testId}-label-${uid}`;\r\n\r\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n      if (disabled) return;\r\n      if (e.target.checked) onChange(e.target.value);\r\n    };\r\n\r\n    const wrapperClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.wrapper,\r\n          classMap[theme],\r\n          classMap[state],\r\n          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [classMap, theme, state, disabled, className]\r\n    );\r\n\r\n    const radioClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.circle,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`]\r\n        ),\r\n      [classMap, rounding, shadow]\r\n    );\r\n\r\n    return (\r\n      <label\r\n        className={wrapperClasses}\r\n        data-testid={`${testId}-wrapper`}\r\n        htmlFor={inputId}\r\n      >\r\n        <input\r\n          ref={ref}\r\n          type=\"radio\"\r\n          id={inputId}\r\n          name={name}\r\n          className={classMap.input}\r\n          value={value}\r\n          checked={checked}\r\n          onChange={handleChange}\r\n          disabled={disabled}\r\n          aria-labelledby={label ? labelId : undefined}\r\n          data-testid={testId}\r\n          {...props}\r\n        />\r\n        <span\r\n          className={radioClasses}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-circle`}\r\n        />\r\n        {label && (\r\n          <span\r\n            id={labelId}\r\n            className={classMap.label}\r\n            data-testid={`${testId}-label`}\r\n          >\r\n            {label}\r\n          </span>\r\n        )}\r\n      </label>\r\n    );\r\n  }\r\n);\r\n\r\nBaseRadioButton.displayName = \"BaseRadioButton\";\r\nexport default BaseRadioButton;\r\n","import React from \"react\";\r\nimport BaseRadioButton from \"../RadioButtonBase\";\r\nimport \"./RadioButton.scss\";\r\nimport { RadioButtonProps } from \"../RadioButton.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"radio_wrapper\",\r\n  input: \"radio_input\",\r\n  circle: \"radio_circle\",\r\n  label: \"radio_label\",\r\n  disabled: \"radio_disabled\",\r\n\r\n  primary: \"radio_primary\",\r\n  secondary: \"radio_secondary\",\r\n  tertiary: \"radio_tertiary\",\r\n  quaternary: \"radio_quaternary\",\r\n\r\n  success: \"radio_success\",\r\n  error: \"radio_error\",\r\n  warning: \"radio_warning\",\r\n\r\n  clear: \"radio_clear\",\r\n\r\n  shadowNone: \"radio_shadow-None\",\r\n  shadowLight: \"radio_shadow-Light\",\r\n  shadowMedium: \"radio_shadow-Medium\",\r\n  shadowStrong: \"radio_shadow-Strong\",\r\n  shadowIntense: \"radio_shadow-Intense\",\r\n\r\n  roundNone: \"radio_round-None\",\r\n  roundSmall: \"radio_round-Small\",\r\n  roundMedium: \"radio_round-Medium\",\r\n  roundLarge: \"radio_round-Large\",\r\n};\r\n\r\nconst RadioButton = React.forwardRef<HTMLInputElement, RadioButtonProps>(\r\n  (props, ref) => <BaseRadioButton {...props} ref={ref} classMap={classes} />\r\n);\r\n\r\nRadioButton.displayName = \"RadioButton\";\r\nexport default RadioButton;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"RadioButton-BxdmcaZg.cjs","sources":["../../src/components/RadioButton/RadioButtonBase.tsx","../../src/components/RadioButton/core/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useId } from \"react\";\r\nimport { BaseRadioButtonProps } from \"./RadioButton.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\nconst BaseRadioButton = forwardRef<HTMLInputElement, BaseRadioButtonProps>(\r\n  (\r\n    {\r\n      label,\r\n      value,\r\n      checked,\r\n      onChange,\r\n      name,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      className = \"\",\r\n      id,\r\n      \"data-testid\": testId = \"radio-button\",\r\n      classMap,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const uid = useId();\r\n    const inputId = id ?? `${testId}-input-${uid}`;\r\n    const labelId = `${testId}-label-${uid}`;\r\n\r\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n      if (disabled) return;\r\n      if (e.target.checked) onChange(e.target.value);\r\n    };\r\n\r\n    const wrapperClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.wrapper,\r\n          classMap[theme],\r\n          classMap[state],\r\n          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [classMap, theme, state, disabled, className]\r\n    );\r\n\r\n    const radioClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.circle,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`]\r\n        ),\r\n      [classMap, rounding, shadow]\r\n    );\r\n\r\n    return (\r\n      <label\r\n        className={wrapperClasses}\r\n        data-testid={`${testId}-wrapper`}\r\n        htmlFor={inputId}\r\n      >\r\n        <input\r\n          ref={ref}\r\n          type=\"radio\"\r\n          id={inputId}\r\n          name={name}\r\n          className={classMap.input}\r\n          value={value}\r\n          checked={checked}\r\n          onChange={handleChange}\r\n          disabled={disabled}\r\n          aria-labelledby={label ? labelId : undefined}\r\n          data-testid={testId}\r\n          {...props}\r\n        />\r\n        <span\r\n          className={radioClasses}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-circle`}\r\n        />\r\n        {label && (\r\n          <span\r\n            id={labelId}\r\n            className={classMap.label}\r\n            data-testid={`${testId}-label`}\r\n          >\r\n            {label}\r\n          </span>\r\n        )}\r\n      </label>\r\n    );\r\n  }\r\n);\r\n\r\nBaseRadioButton.displayName = \"BaseRadioButton\";\r\nexport default BaseRadioButton;\r\n","import { forwardRef } from \"react\";\r\nimport BaseRadioButton from \"../RadioButtonBase\";\r\nimport \"./RadioButton.scss\";\r\nimport { RadioButtonProps } from \"../RadioButton.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"radio_wrapper\",\r\n  input: \"radio_input\",\r\n  circle: \"radio_circle\",\r\n  label: \"radio_label\",\r\n  disabled: \"radio_disabled\",\r\n\r\n  primary: \"radio_primary\",\r\n  secondary: \"radio_secondary\",\r\n  tertiary: \"radio_tertiary\",\r\n  quaternary: \"radio_quaternary\",\r\n\r\n  success: \"radio_success\",\r\n  error: \"radio_error\",\r\n  warning: \"radio_warning\",\r\n\r\n  clear: \"radio_clear\",\r\n\r\n  shadowNone: \"radio_shadow-None\",\r\n  shadowLight: \"radio_shadow-Light\",\r\n  shadowMedium: \"radio_shadow-Medium\",\r\n  shadowStrong: \"radio_shadow-Strong\",\r\n  shadowIntense: \"radio_shadow-Intense\",\r\n\r\n  roundNone: \"radio_round-None\",\r\n  roundSmall: \"radio_round-Small\",\r\n  roundMedium: \"radio_round-Medium\",\r\n  roundLarge: \"radio_round-Large\",\r\n};\r\n\r\nconst RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(\r\n  (props, ref) => <BaseRadioButton {...props} ref={ref} classMap={classes} />\r\n);\r\n\r\nRadioButton.displayName = \"RadioButton\";\r\nexport default RadioButton;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}

package/dist/core/{RadioButton-B8QehL7o.js → RadioButton-DygrrlH_.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React, { forwardRef, useId, useMemo } from "react";
+import { forwardRef, useId, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
@@ -117,11 +117,11 @@ const classes = {
   roundMedium: "radio_round-Medium",
   roundLarge: "radio_round-Large"
 };
-const RadioButton = React.forwardRef(
+const RadioButton = forwardRef(
   (props, ref) => /* @__PURE__ */ jsx(BaseRadioButton, { ...props, ref, classMap: classes })
 );
 RadioButton.displayName = "RadioButton";
 export {
   RadioButton as R
 };
-//# sourceMappingURL=RadioButton-B8QehL7o.js.map
+//# sourceMappingURL=RadioButton-DygrrlH_.js.map

package/dist/core/RadioButton-DygrrlH_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton-DygrrlH_.js","sources":["../../src/components/RadioButton/RadioButtonBase.tsx","../../src/components/RadioButton/core/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useId } from \"react\";\r\nimport { BaseRadioButtonProps } from \"./RadioButton.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\nconst BaseRadioButton = forwardRef<HTMLInputElement, BaseRadioButtonProps>(\r\n  (\r\n    {\r\n      label,\r\n      value,\r\n      checked,\r\n      onChange,\r\n      name,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      className = \"\",\r\n      id,\r\n      \"data-testid\": testId = \"radio-button\",\r\n      classMap,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const uid = useId();\r\n    const inputId = id ?? `${testId}-input-${uid}`;\r\n    const labelId = `${testId}-label-${uid}`;\r\n\r\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n      if (disabled) return;\r\n      if (e.target.checked) onChange(e.target.value);\r\n    };\r\n\r\n    const wrapperClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.wrapper,\r\n          classMap[theme],\r\n          classMap[state],\r\n          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [classMap, theme, state, disabled, className]\r\n    );\r\n\r\n    const radioClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.circle,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`]\r\n        ),\r\n      [classMap, rounding, shadow]\r\n    );\r\n\r\n    return (\r\n      <label\r\n        className={wrapperClasses}\r\n        data-testid={`${testId}-wrapper`}\r\n        htmlFor={inputId}\r\n      >\r\n        <input\r\n          ref={ref}\r\n          type=\"radio\"\r\n          id={inputId}\r\n          name={name}\r\n          className={classMap.input}\r\n          value={value}\r\n          checked={checked}\r\n          onChange={handleChange}\r\n          disabled={disabled}\r\n          aria-labelledby={label ? labelId : undefined}\r\n          data-testid={testId}\r\n          {...props}\r\n        />\r\n        <span\r\n          className={radioClasses}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-circle`}\r\n        />\r\n        {label && (\r\n          <span\r\n            id={labelId}\r\n            className={classMap.label}\r\n            data-testid={`${testId}-label`}\r\n          >\r\n            {label}\r\n          </span>\r\n        )}\r\n      </label>\r\n    );\r\n  }\r\n);\r\n\r\nBaseRadioButton.displayName = \"BaseRadioButton\";\r\nexport default BaseRadioButton;\r\n","import { forwardRef } from \"react\";\r\nimport BaseRadioButton from \"../RadioButtonBase\";\r\nimport \"./RadioButton.scss\";\r\nimport { RadioButtonProps } from \"../RadioButton.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"radio_wrapper\",\r\n  input: \"radio_input\",\r\n  circle: \"radio_circle\",\r\n  label: \"radio_label\",\r\n  disabled: \"radio_disabled\",\r\n\r\n  primary: \"radio_primary\",\r\n  secondary: \"radio_secondary\",\r\n  tertiary: \"radio_tertiary\",\r\n  quaternary: \"radio_quaternary\",\r\n\r\n  success: \"radio_success\",\r\n  error: \"radio_error\",\r\n  warning: \"radio_warning\",\r\n\r\n  clear: \"radio_clear\",\r\n\r\n  shadowNone: \"radio_shadow-None\",\r\n  shadowLight: \"radio_shadow-Light\",\r\n  shadowMedium: \"radio_shadow-Medium\",\r\n  shadowStrong: \"radio_shadow-Strong\",\r\n  shadowIntense: \"radio_shadow-Intense\",\r\n\r\n  roundNone: \"radio_round-None\",\r\n  roundSmall: \"radio_round-Small\",\r\n  roundMedium: \"radio_round-Medium\",\r\n  roundLarge: \"radio_round-Large\",\r\n};\r\n\r\nconst RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(\r\n  (props, ref) => <BaseRadioButton {...props} ref={ref} classMap={classes} />\r\n);\r\n\r\nRadioButton.displayName = \"RadioButton\";\r\nexport default RadioButton;\r\n"],"names":[],"mappings":";;;;;AAUA,MAAM,kBAAkB;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,gBAAA;AAAA,IACR,WAAW,mBAAA;AAAA,IACX,SAAS,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,MAAM,MAAA;AACZ,UAAM,UAAU,MAAM,GAAG,MAAM,UAAU,GAAG;AAC5C,UAAM,UAAU,GAAG,MAAM,UAAU,GAAG;AAEtC,UAAM,eAAe,CAAC,MAA2C;AAC/D,UAAI,SAAU;AACd,UAAI,EAAE,OAAO,QAAS,UAAS,EAAE,OAAO,KAAK;AAAA,IAC/C;AAEA,UAAM,iBAAiB;AAAA,MACrB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,YAAY,SAAS;AAAA,QACrB;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAU,OAAO,OAAO,UAAU,SAAS;AAAA,IAAA;AAG9C,UAAM,eAAe;AAAA,MACnB,MACE;AAAA,QACE,SAAS;AAAA,QACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MAAA;AAAA,MAEvD,CAAC,UAAU,UAAU,MAAM;AAAA,IAAA;AAG7B,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QACtB,SAAS;AAAA,QAET,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,MAAK;AAAA,cACL,IAAI;AAAA,cACJ;AAAA,cACA,WAAW,SAAS;AAAA,cACpB;AAAA,cACA;AAAA,cACA,UAAU;AAAA,cACV;AAAA,cACA,mBAAiB,QAAQ,UAAU;AAAA,cACnC,eAAa;AAAA,cACZ,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,eAAY;AAAA,cACZ,eAAa,GAAG,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvB,SACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEA,gBAAgB,cAAc;AChG9B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EAEV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,cAAc;AAAA,EAClB,CAAC,OAAO,QAAQ,oBAAC,mBAAiB,GAAG,OAAO,KAAU,UAAU,QAAA,CAAS;AAC3E;AAEA,YAAY,cAAc;"}

package/dist/core/RadioButton.js

@@ -1,4 +1,4 @@
-import { R } from "./RadioButton-B8QehL7o.js";
+import { R } from "./RadioButton-DygrrlH_.js";
 export {
   R as default
 };

package/dist/core/{Rating-Dpmm_ZPv.js → Rating-B4qbA_y6.js}

@@ -172,7 +172,8 @@ const classes = {
 const Rating = (props) => {
   return /* @__PURE__ */ jsx(BaseRating, { ...props, classMap: classes });
 };
+Rating.displayName = "Rating";
 export {
   Rating as R
 };
-//# sourceMappingURL=Rating-Dpmm_ZPv.js.map
+//# sourceMappingURL=Rating-B4qbA_y6.js.map