boreal-ui 0.0.72 → 0.0.73

package/dist/next/{Breadcrumbs-DtHfXe1F.js → Breadcrumbs-B60a5DUy.js}

@@ -6,7 +6,7 @@ import { A as ArrowRightIcon } from "./ArrowRightIcon-BYQv5XS8.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
 /* empty css                 */
-import { B as Button } from "./Button-BNV2cbTA.js";
+import { B as Button } from "./Button-BfgUzkgN.js";
 const breadcrumbs = "_breadcrumbs_1kofp_85";
 const ellipsis = "_ellipsis_1kofp_114";
 const roundNone = "_roundNone_1kofp_118";
@@ -83,7 +83,9 @@ const styles = {
 const ELLIPSIS_LABEL = "…";
 const BreadcrumbsBase = ({
   items,
-  ariaLabel = "Breadcrumbs",
+  "aria-label": ariaLabel = "Breadcrumbs",
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
   theme = getDefaultTheme(),
   rounding = getDefaultRounding(),
   shadow = getDefaultShadow(),
@@ -97,10 +99,13 @@ const BreadcrumbsBase = ({
   maxVisible,
   LinkComponent = "a",
   ButtonComponent = "button",
-  "data-testid": testId = "breadcrumbs"
+  "data-testid": testId = "breadcrumbs",
+  ...rest
 }) => {
   const [isExpanded, setIsExpanded] = useState(false);
-  const handleExpand = () => setIsExpanded(true);
+  const handleExpand = () => {
+    setIsExpanded(true);
+  };
   if (!items || items.length === 0) return null;
   const visibleItems = useMemo(() => {
     if (isExpanded || !maxVisible || items.length <= maxVisible) return items;
@@ -135,7 +140,10 @@ const BreadcrumbsBase = ({
   return /* @__PURE__ */ jsx(
     "nav",
     {
-      "aria-label": ariaLabel,
+      ...rest,
+      "aria-label": ariaLabelledBy ? void 0 : ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
       "data-testid": testId ? `${testId}-nav-container` : void 0,
       className: breadcrumbsClass,
       children: /* @__PURE__ */ jsx(
@@ -148,11 +156,14 @@ const BreadcrumbsBase = ({
           children: visibleItems.map((item2, index) => {
             const isLast = index === visibleItems.length - 1;
             const isEllipsis = item2.label === ELLIPSIS_LABEL;
+            const isItemDisabled = disabled2 || item2.disabled;
             const itemClassName = combineClassNames(
               classMap.item,
               isExpanded && !isEllipsis && classMap.item_animate,
-              isLast && classMap.item_active
+              isLast && classMap.item_active,
+              isItemDisabled && classMap.disabled
             );
+            const itemTitle = item2.title ?? item2.label;
             return /* @__PURE__ */ jsxs(
               "li",
               {
@@ -170,30 +181,34 @@ const BreadcrumbsBase = ({
                       className: classMap.ellipsis,
                       "aria-label": "Show all breadcrumbs",
                       "aria-expanded": isExpanded,
-                      onClick: disabled2 ? void 0 : handleExpand,
-                      disabled: disabled2,
-                      tabIndex: disabled2 ? -1 : 0,
+                      "aria-disabled": isItemDisabled || void 0,
+                      onClick: isItemDisabled ? void 0 : handleExpand,
+                      disabled: isItemDisabled,
+                      tabIndex: isItemDisabled ? -1 : 0,
                       "data-testid": testId ? `${testId}-ellipsis` : void 0,
                       children: item2.label
                     }
-                  ) : item2.href && !isLast ? disabled2 ? (
-                    // Disabled: render non-interactive label for links
-                    /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        className: classMap.link_disabled,
-                        title: item2.label,
-                        itemProp: "name",
-                        "data-testid": testId ? `${testId}-nav-item-label` : void 0,
-                        children: item2.label
-                      }
-                    )
+                  ) : item2.href && !isLast ? isItemDisabled ? /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: combineClassNames(
+                        classMap.link_disabled,
+                        classMap.current
+                      ),
+                      title: itemTitle,
+                      "aria-label": item2["aria-label"],
+                      "aria-disabled": "true",
+                      itemProp: "name",
+                      "data-testid": testId ? `${testId}-nav-item-label` : void 0,
+                      children: item2.label
+                    }
                   ) : /* @__PURE__ */ jsx(
                     LinkComponent,
                     {
                       href: item2.href,
                       className: classMap.link,
-                      title: item2.label,
+                      title: itemTitle,
+                      "aria-label": item2["aria-label"],
                       itemProp: "item",
                       "data-testid": testId ? `${testId}-nav-item-label` : void 0,
                       children: /* @__PURE__ */ jsx("span", { itemProp: "name", className: classMap.link_label, children: item2.label })
@@ -204,6 +219,8 @@ const BreadcrumbsBase = ({
                       className: classMap.current,
                       itemProp: "name",
                       "aria-current": "page",
+                      "aria-label": item2["aria-label"],
+                      title: itemTitle,
                       "data-testid": testId ? `${testId}-nav-item-current` : void 0,
                       children: item2.label
                     }
@@ -234,7 +251,6 @@ const Breadcrumbs = (props) => {
 };
 Breadcrumbs.displayName = "Breadcrumbs";
 export {
-  Breadcrumbs as B,
-  ELLIPSIS_LABEL as E
+  Breadcrumbs as B
 };
-//# sourceMappingURL=Breadcrumbs-DtHfXe1F.js.map
+//# sourceMappingURL=Breadcrumbs-B60a5DUy.js.map

package/dist/next/Breadcrumbs-B60a5DUy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-B60a5DUy.js","sources":["../../src/components/Breadcrumbs/BreadcrumbsBase.tsx","../../src/components/Breadcrumbs/next/Breadcrumbs.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\r\nimport { Breadcrumb, BreadcrumbsBaseProps } from \"./Breadcrumbs.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ArrowRightIcon } from \"../../Icons/index\";\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\n\r\nconst ELLIPSIS_LABEL = \"…\";\r\n\r\nexport const BreadcrumbsBase: React.FC<BreadcrumbsBaseProps> = ({\r\n  items,\r\n  \"aria-label\": ariaLabel = \"Breadcrumbs\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  separator,\r\n  classMap,\r\n  disabled = false,\r\n  size = getDefaultSize(),\r\n  outline = false,\r\n  className = \"\",\r\n  maxVisible,\r\n  LinkComponent = \"a\",\r\n  ButtonComponent = \"button\",\r\n  \"data-testid\": testId = \"breadcrumbs\",\r\n  ...rest\r\n}) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n\r\n  const handleExpand = () => {\r\n    setIsExpanded(true);\r\n  };\r\n\r\n  if (!items || items.length === 0) return null;\r\n\r\n  const visibleItems: Breadcrumb[] = useMemo(() => {\r\n    if (isExpanded || !maxVisible || items.length <= maxVisible) return items;\r\n\r\n    const first = items[0];\r\n    const lastItems = items.slice(items.length - (maxVisible - 2));\r\n\r\n    return [first, { label: ELLIPSIS_LABEL }, ...lastItems];\r\n  }, [items, isExpanded, maxVisible]);\r\n\r\n  const breadcrumbsClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.breadcrumbs,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        disabled && classMap.disabled,\r\n        outline && classMap.outline,\r\n        className,\r\n      ),\r\n    [\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      disabled,\r\n      outline,\r\n      className,\r\n      classMap,\r\n    ],\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      {...rest}\r\n      aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      data-testid={testId ? `${testId}-nav-container` : undefined}\r\n      className={breadcrumbsClass}\r\n    >\r\n      <ol\r\n        className={classMap.list}\r\n        data-testid={testId ? `${testId}-nav-list` : undefined}\r\n        itemScope\r\n        itemType=\"https://schema.org/BreadcrumbList\"\r\n      >\r\n        {visibleItems.map((item, index) => {\r\n          const isLast = index === visibleItems.length - 1;\r\n          const isEllipsis = item.label === ELLIPSIS_LABEL;\r\n          const isItemDisabled = disabled || item.disabled;\r\n\r\n          const itemClassName = combineClassNames(\r\n            classMap.item,\r\n            isExpanded && !isEllipsis && classMap.item_animate,\r\n            isLast && classMap.item_active,\r\n            isItemDisabled && classMap.disabled,\r\n          );\r\n\r\n          const itemTitle = item.title ?? item.label;\r\n\r\n          return (\r\n            <li\r\n              data-testid={testId ? `${testId}-nav-item` : undefined}\r\n              key={`${item.label}-${item.href ?? index}`}\r\n              className={itemClassName}\r\n              itemProp=\"itemListElement\"\r\n              itemScope\r\n              itemType=\"https://schema.org/ListItem\"\r\n            >\r\n              {isEllipsis ? (\r\n                <ButtonComponent\r\n                  theme=\"clear\"\r\n                  size=\"xs\"\r\n                  className={classMap.ellipsis}\r\n                  aria-label=\"Show all breadcrumbs\"\r\n                  aria-expanded={isExpanded}\r\n                  aria-disabled={isItemDisabled || undefined}\r\n                  onClick={isItemDisabled ? undefined : handleExpand}\r\n                  disabled={isItemDisabled}\r\n                  tabIndex={isItemDisabled ? -1 : 0}\r\n                  data-testid={testId ? `${testId}-ellipsis` : undefined}\r\n                >\r\n                  {item.label}\r\n                </ButtonComponent>\r\n              ) : item.href && !isLast ? (\r\n                isItemDisabled ? (\r\n                  <span\r\n                    className={combineClassNames(\r\n                      classMap.link_disabled,\r\n                      classMap.current,\r\n                    )}\r\n                    title={itemTitle}\r\n                    aria-label={item[\"aria-label\"]}\r\n                    aria-disabled=\"true\"\r\n                    itemProp=\"name\"\r\n                    data-testid={\r\n                      testId ? `${testId}-nav-item-label` : undefined\r\n                    }\r\n                  >\r\n                    {item.label}\r\n                  </span>\r\n                ) : (\r\n                  <LinkComponent\r\n                    href={item.href}\r\n                    className={classMap.link}\r\n                    title={itemTitle}\r\n                    aria-label={item[\"aria-label\"]}\r\n                    itemProp=\"item\"\r\n                    data-testid={\r\n                      testId ? `${testId}-nav-item-label` : undefined\r\n                    }\r\n                  >\r\n                    <span itemProp=\"name\" className={classMap.link_label}>\r\n                      {item.label}\r\n                    </span>\r\n                  </LinkComponent>\r\n                )\r\n              ) : (\r\n                <span\r\n                  className={classMap.current}\r\n                  itemProp=\"name\"\r\n                  aria-current=\"page\"\r\n                  aria-label={item[\"aria-label\"]}\r\n                  title={itemTitle}\r\n                  data-testid={\r\n                    testId ? `${testId}-nav-item-current` : undefined\r\n                  }\r\n                >\r\n                  {item.label}\r\n                </span>\r\n              )}\r\n\r\n              {!isLast && (\r\n                <span className={classMap.separator} aria-hidden=\"true\">\r\n                  {separator ?? <ArrowRightIcon />}\r\n                </span>\r\n              )}\r\n\r\n              <meta itemProp=\"position\" content={`${index + 1}`} />\r\n            </li>\r\n          );\r\n        })}\r\n      </ol>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBreadcrumbsBase.displayName = \"BreadcrumbsBase\";\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Breadcrumbs.module.scss\";\r\nimport { BreadcrumbsBase } from \"../BreadcrumbsBase\";\r\nimport { BreadcrumbsProps } from \"../Breadcrumbs.types\";\r\nimport { Button } from \"../../../index.next\";\r\n\r\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = (props) => {\r\n  return (\r\n    <BreadcrumbsBase\r\n      {...props}\r\n      classMap={styles}\r\n      LinkComponent={Link}\r\n      ButtonComponent={Button}\r\n    />\r\n  );\r\n};\r\nBreadcrumbs.displayName = \"Breadcrumbs\";\r\nexport default Breadcrumbs;\r\n"],"names":["separator","disabled","outline","item"],"mappings":"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"}

package/dist/next/{Breadcrumbs-DRCULfdB.cjs → Breadcrumbs-CV5iM8BP.cjs}

@@ -7,7 +7,7 @@ const ArrowRightIcon = require("./ArrowRightIcon-BVb75OpX.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
 ;/* empty css                   */
-const Button = require("./Button-aiECSNNc.cjs");
+const Button = require("./Button-DMCOgi4K.cjs");
 const breadcrumbs = "_breadcrumbs_1kofp_85";
 const ellipsis = "_ellipsis_1kofp_114";
 const roundNone = "_roundNone_1kofp_118";
@@ -84,7 +84,9 @@ const styles = {
 const ELLIPSIS_LABEL = "…";
 const BreadcrumbsBase = ({
   items,
-  ariaLabel = "Breadcrumbs",
+  "aria-label": ariaLabel = "Breadcrumbs",
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
   theme = borealStyleConfig.getDefaultTheme(),
   rounding = borealStyleConfig.getDefaultRounding(),
   shadow = borealStyleConfig.getDefaultShadow(),
@@ -98,10 +100,13 @@ const BreadcrumbsBase = ({
   maxVisible,
   LinkComponent = "a",
   ButtonComponent = "button",
-  "data-testid": testId = "breadcrumbs"
+  "data-testid": testId = "breadcrumbs",
+  ...rest
 }) => {
   const [isExpanded, setIsExpanded] = React.useState(false);
-  const handleExpand = () => setIsExpanded(true);
+  const handleExpand = () => {
+    setIsExpanded(true);
+  };
   if (!items || items.length === 0) return null;
   const visibleItems = React.useMemo(() => {
     if (isExpanded || !maxVisible || items.length <= maxVisible) return items;
@@ -136,7 +141,10 @@ const BreadcrumbsBase = ({
   return /* @__PURE__ */ require$$2.jsx(
     "nav",
     {
-      "aria-label": ariaLabel,
+      ...rest,
+      "aria-label": ariaLabelledBy ? void 0 : ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
       "data-testid": testId ? `${testId}-nav-container` : void 0,
       className: breadcrumbsClass,
       children: /* @__PURE__ */ require$$2.jsx(
@@ -149,11 +157,14 @@ const BreadcrumbsBase = ({
           children: visibleItems.map((item2, index) => {
             const isLast = index === visibleItems.length - 1;
             const isEllipsis = item2.label === ELLIPSIS_LABEL;
+            const isItemDisabled = disabled2 || item2.disabled;
             const itemClassName = classNames.combineClassNames(
               classMap.item,
               isExpanded && !isEllipsis && classMap.item_animate,
-              isLast && classMap.item_active
+              isLast && classMap.item_active,
+              isItemDisabled && classMap.disabled
             );
+            const itemTitle = item2.title ?? item2.label;
             return /* @__PURE__ */ require$$2.jsxs(
               "li",
               {
@@ -171,30 +182,34 @@ const BreadcrumbsBase = ({
                       className: classMap.ellipsis,
                       "aria-label": "Show all breadcrumbs",
                       "aria-expanded": isExpanded,
-                      onClick: disabled2 ? void 0 : handleExpand,
-                      disabled: disabled2,
-                      tabIndex: disabled2 ? -1 : 0,
+                      "aria-disabled": isItemDisabled || void 0,
+                      onClick: isItemDisabled ? void 0 : handleExpand,
+                      disabled: isItemDisabled,
+                      tabIndex: isItemDisabled ? -1 : 0,
                       "data-testid": testId ? `${testId}-ellipsis` : void 0,
                       children: item2.label
                     }
-                  ) : item2.href && !isLast ? disabled2 ? (
-                    // Disabled: render non-interactive label for links
-                    /* @__PURE__ */ require$$2.jsx(
-                      "span",
-                      {
-                        className: classMap.link_disabled,
-                        title: item2.label,
-                        itemProp: "name",
-                        "data-testid": testId ? `${testId}-nav-item-label` : void 0,
-                        children: item2.label
-                      }
-                    )
+                  ) : item2.href && !isLast ? isItemDisabled ? /* @__PURE__ */ require$$2.jsx(
+                    "span",
+                    {
+                      className: classNames.combineClassNames(
+                        classMap.link_disabled,
+                        classMap.current
+                      ),
+                      title: itemTitle,
+                      "aria-label": item2["aria-label"],
+                      "aria-disabled": "true",
+                      itemProp: "name",
+                      "data-testid": testId ? `${testId}-nav-item-label` : void 0,
+                      children: item2.label
+                    }
                   ) : /* @__PURE__ */ require$$2.jsx(
                     LinkComponent,
                     {
                       href: item2.href,
                       className: classMap.link,
-                      title: item2.label,
+                      title: itemTitle,
+                      "aria-label": item2["aria-label"],
                       itemProp: "item",
                       "data-testid": testId ? `${testId}-nav-item-label` : void 0,
                       children: /* @__PURE__ */ require$$2.jsx("span", { itemProp: "name", className: classMap.link_label, children: item2.label })
@@ -205,6 +220,8 @@ const BreadcrumbsBase = ({
                       className: classMap.current,
                       itemProp: "name",
                       "aria-current": "page",
+                      "aria-label": item2["aria-label"],
+                      title: itemTitle,
                       "data-testid": testId ? `${testId}-nav-item-current` : void 0,
                       children: item2.label
                     }
@@ -235,5 +252,4 @@ const Breadcrumbs = (props) => {
 };
 Breadcrumbs.displayName = "Breadcrumbs";
 exports.Breadcrumbs = Breadcrumbs;
-exports.ELLIPSIS_LABEL = ELLIPSIS_LABEL;
-//# sourceMappingURL=Breadcrumbs-DRCULfdB.cjs.map
+//# sourceMappingURL=Breadcrumbs-CV5iM8BP.cjs.map

package/dist/next/Breadcrumbs-CV5iM8BP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-CV5iM8BP.cjs","sources":["../../src/components/Breadcrumbs/BreadcrumbsBase.tsx","../../src/components/Breadcrumbs/next/Breadcrumbs.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\r\nimport { Breadcrumb, BreadcrumbsBaseProps } from \"./Breadcrumbs.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ArrowRightIcon } from \"../../Icons/index\";\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\n\r\nconst ELLIPSIS_LABEL = \"…\";\r\n\r\nexport const BreadcrumbsBase: React.FC<BreadcrumbsBaseProps> = ({\r\n  items,\r\n  \"aria-label\": ariaLabel = \"Breadcrumbs\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  separator,\r\n  classMap,\r\n  disabled = false,\r\n  size = getDefaultSize(),\r\n  outline = false,\r\n  className = \"\",\r\n  maxVisible,\r\n  LinkComponent = \"a\",\r\n  ButtonComponent = \"button\",\r\n  \"data-testid\": testId = \"breadcrumbs\",\r\n  ...rest\r\n}) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n\r\n  const handleExpand = () => {\r\n    setIsExpanded(true);\r\n  };\r\n\r\n  if (!items || items.length === 0) return null;\r\n\r\n  const visibleItems: Breadcrumb[] = useMemo(() => {\r\n    if (isExpanded || !maxVisible || items.length <= maxVisible) return items;\r\n\r\n    const first = items[0];\r\n    const lastItems = items.slice(items.length - (maxVisible - 2));\r\n\r\n    return [first, { label: ELLIPSIS_LABEL }, ...lastItems];\r\n  }, [items, isExpanded, maxVisible]);\r\n\r\n  const breadcrumbsClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.breadcrumbs,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        disabled && classMap.disabled,\r\n        outline && classMap.outline,\r\n        className,\r\n      ),\r\n    [\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      disabled,\r\n      outline,\r\n      className,\r\n      classMap,\r\n    ],\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      {...rest}\r\n      aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      data-testid={testId ? `${testId}-nav-container` : undefined}\r\n      className={breadcrumbsClass}\r\n    >\r\n      <ol\r\n        className={classMap.list}\r\n        data-testid={testId ? `${testId}-nav-list` : undefined}\r\n        itemScope\r\n        itemType=\"https://schema.org/BreadcrumbList\"\r\n      >\r\n        {visibleItems.map((item, index) => {\r\n          const isLast = index === visibleItems.length - 1;\r\n          const isEllipsis = item.label === ELLIPSIS_LABEL;\r\n          const isItemDisabled = disabled || item.disabled;\r\n\r\n          const itemClassName = combineClassNames(\r\n            classMap.item,\r\n            isExpanded && !isEllipsis && classMap.item_animate,\r\n            isLast && classMap.item_active,\r\n            isItemDisabled && classMap.disabled,\r\n          );\r\n\r\n          const itemTitle = item.title ?? item.label;\r\n\r\n          return (\r\n            <li\r\n              data-testid={testId ? `${testId}-nav-item` : undefined}\r\n              key={`${item.label}-${item.href ?? index}`}\r\n              className={itemClassName}\r\n              itemProp=\"itemListElement\"\r\n              itemScope\r\n              itemType=\"https://schema.org/ListItem\"\r\n            >\r\n              {isEllipsis ? (\r\n                <ButtonComponent\r\n                  theme=\"clear\"\r\n                  size=\"xs\"\r\n                  className={classMap.ellipsis}\r\n                  aria-label=\"Show all breadcrumbs\"\r\n                  aria-expanded={isExpanded}\r\n                  aria-disabled={isItemDisabled || undefined}\r\n                  onClick={isItemDisabled ? undefined : handleExpand}\r\n                  disabled={isItemDisabled}\r\n                  tabIndex={isItemDisabled ? -1 : 0}\r\n                  data-testid={testId ? `${testId}-ellipsis` : undefined}\r\n                >\r\n                  {item.label}\r\n                </ButtonComponent>\r\n              ) : item.href && !isLast ? (\r\n                isItemDisabled ? (\r\n                  <span\r\n                    className={combineClassNames(\r\n                      classMap.link_disabled,\r\n                      classMap.current,\r\n                    )}\r\n                    title={itemTitle}\r\n                    aria-label={item[\"aria-label\"]}\r\n                    aria-disabled=\"true\"\r\n                    itemProp=\"name\"\r\n                    data-testid={\r\n                      testId ? `${testId}-nav-item-label` : undefined\r\n                    }\r\n                  >\r\n                    {item.label}\r\n                  </span>\r\n                ) : (\r\n                  <LinkComponent\r\n                    href={item.href}\r\n                    className={classMap.link}\r\n                    title={itemTitle}\r\n                    aria-label={item[\"aria-label\"]}\r\n                    itemProp=\"item\"\r\n                    data-testid={\r\n                      testId ? `${testId}-nav-item-label` : undefined\r\n                    }\r\n                  >\r\n                    <span itemProp=\"name\" className={classMap.link_label}>\r\n                      {item.label}\r\n                    </span>\r\n                  </LinkComponent>\r\n                )\r\n              ) : (\r\n                <span\r\n                  className={classMap.current}\r\n                  itemProp=\"name\"\r\n                  aria-current=\"page\"\r\n                  aria-label={item[\"aria-label\"]}\r\n                  title={itemTitle}\r\n                  data-testid={\r\n                    testId ? `${testId}-nav-item-current` : undefined\r\n                  }\r\n                >\r\n                  {item.label}\r\n                </span>\r\n              )}\r\n\r\n              {!isLast && (\r\n                <span className={classMap.separator} aria-hidden=\"true\">\r\n                  {separator ?? <ArrowRightIcon />}\r\n                </span>\r\n              )}\r\n\r\n              <meta itemProp=\"position\" content={`${index + 1}`} />\r\n            </li>\r\n          );\r\n        })}\r\n      </ol>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBreadcrumbsBase.displayName = \"BreadcrumbsBase\";\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Breadcrumbs.module.scss\";\r\nimport { BreadcrumbsBase } from \"../BreadcrumbsBase\";\r\nimport { BreadcrumbsProps } from \"../Breadcrumbs.types\";\r\nimport { Button } from \"../../../index.next\";\r\n\r\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = (props) => {\r\n  return (\r\n    <BreadcrumbsBase\r\n      {...props}\r\n      classMap={styles}\r\n      LinkComponent={Link}\r\n      ButtonComponent={Button}\r\n    />\r\n  );\r\n};\r\nBreadcrumbs.displayName = \"Breadcrumbs\";\r\nexport default Breadcrumbs;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","separator","disabled","getDefaultSize","outline","useState","useMemo","combineClassNames","capitalize","jsx","item","jsxs","ArrowRightIcon","Link","Button"],"mappings":"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"}

package/dist/next/Breadcrumbs.cjs.js

@@ -1,6 +1,4 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Breadcrumbs = require("./Breadcrumbs-DRCULfdB.cjs");
-exports.ELLIPSIS_LABEL = Breadcrumbs.ELLIPSIS_LABEL;
-exports.default = Breadcrumbs.Breadcrumbs;
+const Breadcrumbs = require("./Breadcrumbs-CV5iM8BP.cjs");
+module.exports = Breadcrumbs.Breadcrumbs;
 //# sourceMappingURL=Breadcrumbs.cjs.js.map

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

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

package/dist/next/Breadcrumbs.js

@@ -1,6 +1,5 @@
-import { E, B } from "./Breadcrumbs-DtHfXe1F.js";
+import { B } from "./Breadcrumbs-B60a5DUy.js";
 export {
-  E as ELLIPSIS_LABEL,
   B as default
 };
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/next/{Button-BNV2cbTA.js → Button-BfgUzkgN.js}

@@ -101,12 +101,24 @@ const ButtonBase = forwardRef(
     children,
     className = "",
     disabled: disabled2 = false,
-    ariaLabel,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-controls": ariaControls,
+    "aria-expanded": ariaExpanded,
+    "aria-pressed": ariaPressed,
+    "aria-current": ariaCurrent,
+    "aria-haspopup": ariaHasPopup,
+    "aria-live": ariaLive,
+    "aria-atomic": ariaAtomic,
+    "aria-busy": ariaBusy,
+    "aria-disabled": ariaDisabled,
     href,
     isExternal = false,
     outline: outline2 = false,
     size = getDefaultSize(),
     loading = false,
+    loadingLabel = "Loading",
     fullWidth: fullWidth2 = false,
     "data-testid": testId = "button",
     classMap,
@@ -114,9 +126,11 @@ const ButtonBase = forwardRef(
     ...rest
   }, ref) => {
     const iconOnly = !children || typeof children !== "string" && React.Children.count(children) === 0;
-    const computedAriaLabel = iconOnly ? ariaLabel : void 0;
-    if (process.env.NODE_ENV === "development" && iconOnly && !ariaLabel) {
-      console.warn("ButtonBase: icon-only buttons must provide `ariaLabel`.");
+    const computedAriaLabel = iconOnly && !ariaLabelledBy ? ariaLabel : void 0;
+    if (process.env.NODE_ENV === "development" && iconOnly && !ariaLabel && !ariaLabelledBy) {
+      console.warn(
+        "ButtonBase: icon-only buttons must provide `aria-label` or `aria-labelledby`."
+      );
     }
     const combinedClassName = useMemo(
       () => combineClassNames(
@@ -151,19 +165,26 @@ const ButtonBase = forwardRef(
           className: classMap.buttonIcon,
           "aria-hidden": "true",
           "data-testid": testId ? `${testId}-icon` : void 0,
-          children: /* @__PURE__ */ jsx(Icon, { className: classMap.icon })
+          children: /* @__PURE__ */ jsx(
+            Icon,
+            {
+              className: classMap.icon,
+              "aria-hidden": true,
+              focusable: false
+            }
+          )
         }
       ),
       /* @__PURE__ */ jsx(
         "span",
         {
           className: classMap.buttonLabel,
-          "aria-live": loading ? "polite" : void 0,
-          "aria-atomic": loading || void 0,
+          "aria-live": loading ? ariaLive ?? "polite" : void 0,
+          "aria-atomic": loading ? ariaAtomic ?? true : void 0,
           "data-testid": testId ? `${testId}-loading` : void 0,
           children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("div", { className: classMap.loader, "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx("span", { className: "sr_only", children: "Loading" })
+            /* @__PURE__ */ jsx("span", { className: "sr_only", children: loadingLabel })
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             children,
             href && (isExternal ?? /^https?:\/\//i.test(href)) && /* @__PURE__ */ jsx("span", { className: "sr_only", children: " (opens in a new tab)" })
@@ -178,9 +199,16 @@ const ButtonBase = forwardRef(
         ref,
         className: combineClassNames(combinedClassName, classMap.link),
         onClick: disabled2 ? (e) => e.preventDefault() : onClick,
-        "aria-disabled": disabled2 || void 0,
+        "aria-label": computedAriaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": ariaDescribedBy,
+        "aria-controls": ariaControls,
+        "aria-expanded": ariaExpanded,
+        "aria-current": ariaCurrent,
+        "aria-haspopup": ariaHasPopup,
+        "aria-busy": loading ? ariaBusy ?? true : ariaBusy,
+        "aria-disabled": disabled2 ? ariaDisabled ?? true : ariaDisabled,
         tabIndex: disabled2 ? -1 : void 0,
-        ...computedAriaLabel ? { "aria-label": computedAriaLabel } : {},
         "data-testid": testId
       };
       if (Comp === "a") {
@@ -201,6 +229,8 @@ const ButtonBase = forwardRef(
         {
           ...linkCommon,
           href,
+          target: external ? "_blank" : void 0,
+          rel: external ? "noopener noreferrer" : void 0,
           ...rest,
           children: content
         }
@@ -213,10 +243,18 @@ const ButtonBase = forwardRef(
         type,
         className: combinedClassName,
         disabled: disabled2 || loading,
-        "aria-busy": loading || void 0,
-        ...computedAriaLabel ? { "aria-label": computedAriaLabel } : {},
+        "aria-label": computedAriaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": ariaDescribedBy,
+        "aria-controls": ariaControls,
+        "aria-expanded": ariaExpanded,
+        "aria-pressed": ariaPressed,
+        "aria-current": ariaCurrent,
+        "aria-haspopup": ariaHasPopup,
+        "aria-busy": loading ? ariaBusy ?? true : ariaBusy,
+        "aria-disabled": ariaDisabled,
         "data-testid": testId,
-        onClick: disabled2 ? void 0 : onClick,
+        onClick: disabled2 || loading ? void 0 : onClick,
         ...rest,
         children: content
       }
@@ -229,4 +267,4 @@ Button.displayName = "Button";
 export {
   Button as B
 };
-//# sourceMappingURL=Button-BNV2cbTA.js.map
+//# sourceMappingURL=Button-BfgUzkgN.js.map

package/dist/next/Button-BfgUzkgN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-BfgUzkgN.js","sources":["../../src/components/Button/ButtonBase.tsx","../../src/components/Button/next/Button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { ButtonBaseProps } from \"./Button.types\";\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\n\r\nconst ButtonBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  ButtonBaseProps\r\n>(\r\n  (\r\n    {\r\n      icon: Icon,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      onClick,\r\n      type = \"button\",\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      children,\r\n      className = \"\",\r\n      disabled = false,\r\n\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-controls\": ariaControls,\r\n      \"aria-expanded\": ariaExpanded,\r\n      \"aria-pressed\": ariaPressed,\r\n      \"aria-current\": ariaCurrent,\r\n      \"aria-haspopup\": ariaHasPopup,\r\n      \"aria-live\": ariaLive,\r\n      \"aria-atomic\": ariaAtomic,\r\n      \"aria-busy\": ariaBusy,\r\n      \"aria-disabled\": ariaDisabled,\r\n\r\n      href,\r\n      isExternal = false,\r\n      outline = false,\r\n      size = getDefaultSize(),\r\n      loading = false,\r\n      loadingLabel = \"Loading\",\r\n      fullWidth = false,\r\n      \"data-testid\": testId = \"button\",\r\n      classMap,\r\n      LinkComponent = \"a\",\r\n      ...rest\r\n    },\r\n    ref,\r\n  ) => {\r\n    const iconOnly =\r\n      !children ||\r\n      (typeof children !== \"string\" && React.Children.count(children) === 0);\r\n\r\n    const computedAriaLabel =\r\n      iconOnly && !ariaLabelledBy ? ariaLabel : undefined;\r\n\r\n    if (\r\n      process.env.NODE_ENV === \"development\" &&\r\n      iconOnly &&\r\n      !ariaLabel &&\r\n      !ariaLabelledBy\r\n    ) {\r\n      console.warn(\r\n        \"ButtonBase: icon-only buttons must provide `aria-label` or `aria-labelledby`.\",\r\n      );\r\n    }\r\n\r\n    const combinedClassName = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.button,\r\n          classMap[theme],\r\n          classMap[state],\r\n          classMap[size],\r\n          outline && classMap.outline,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          fullWidth && classMap.fullWidth,\r\n          disabled && classMap.disabled,\r\n          className,\r\n        ),\r\n      [\r\n        theme,\r\n        state,\r\n        outline,\r\n        size,\r\n        shadow,\r\n        rounding,\r\n        fullWidth,\r\n        disabled,\r\n        className,\r\n        classMap,\r\n      ],\r\n    );\r\n\r\n    const content = (\r\n      <>\r\n        {Icon && (\r\n          <span\r\n            className={classMap.buttonIcon}\r\n            aria-hidden=\"true\"\r\n            data-testid={testId ? `${testId}-icon` : undefined}\r\n          >\r\n            <Icon\r\n              className={classMap.icon}\r\n              aria-hidden={true}\r\n              focusable={false}\r\n            />\r\n          </span>\r\n        )}\r\n\r\n        <span\r\n          className={classMap.buttonLabel}\r\n          aria-live={loading ? (ariaLive ?? \"polite\") : undefined}\r\n          aria-atomic={loading ? (ariaAtomic ?? true) : undefined}\r\n          data-testid={testId ? `${testId}-loading` : undefined}\r\n        >\r\n          {loading ? (\r\n            <>\r\n              <div className={classMap.loader} aria-hidden=\"true\" />\r\n              <span className=\"sr_only\">{loadingLabel}</span>\r\n            </>\r\n          ) : (\r\n            <>\r\n              {children}\r\n              {href && (isExternal ?? /^https?:\\/\\//i.test(href)) && (\r\n                <span className=\"sr_only\"> (opens in a new tab)</span>\r\n              )}\r\n            </>\r\n          )}\r\n        </span>\r\n      </>\r\n    );\r\n\r\n    if (href) {\r\n      const Comp = (LinkComponent ?? \"a\") as React.ElementType;\r\n      const external = (isExternal ?? /^https?:\\/\\//i.test(href)) && !disabled;\r\n\r\n      const linkCommon = {\r\n        ref: ref as React.Ref<HTMLAnchorElement>,\r\n        className: combineClassNames(combinedClassName, classMap.link),\r\n        onClick: disabled\r\n          ? (e: React.MouseEvent) => e.preventDefault()\r\n          : onClick,\r\n        \"aria-label\": computedAriaLabel,\r\n        \"aria-labelledby\": ariaLabelledBy,\r\n        \"aria-describedby\": ariaDescribedBy,\r\n        \"aria-controls\": ariaControls,\r\n        \"aria-expanded\": ariaExpanded,\r\n        \"aria-current\": ariaCurrent,\r\n        \"aria-haspopup\": ariaHasPopup,\r\n        \"aria-busy\": loading ? (ariaBusy ?? true) : ariaBusy,\r\n        \"aria-disabled\": disabled ? (ariaDisabled ?? true) : ariaDisabled,\r\n        tabIndex: disabled ? -1 : undefined,\r\n        \"data-testid\": testId,\r\n      } as const;\r\n\r\n      if (Comp === \"a\") {\r\n        return (\r\n          <a\r\n            {...linkCommon}\r\n            href={disabled ? undefined : href}\r\n            target={external ? \"_blank\" : undefined}\r\n            rel={external ? \"noopener noreferrer\" : undefined}\r\n            {...(rest as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\r\n          >\r\n            {content}\r\n          </a>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <Comp\r\n          {...(linkCommon as Omit<\r\n            React.ComponentPropsWithoutRef<typeof Comp>,\r\n            \"children\"\r\n          >)}\r\n          href={href as never}\r\n          target={external ? \"_blank\" : undefined}\r\n          rel={external ? \"noopener noreferrer\" : undefined}\r\n          {...(rest as React.ComponentPropsWithoutRef<typeof Comp>)}\r\n        >\r\n          {content}\r\n        </Comp>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <button\r\n        ref={ref as React.Ref<HTMLButtonElement>}\r\n        type={type}\r\n        className={combinedClassName}\r\n        disabled={disabled || loading}\r\n        aria-label={computedAriaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        aria-controls={ariaControls}\r\n        aria-expanded={ariaExpanded}\r\n        aria-pressed={ariaPressed}\r\n        aria-current={ariaCurrent}\r\n        aria-haspopup={ariaHasPopup}\r\n        aria-busy={loading ? (ariaBusy ?? true) : ariaBusy}\r\n        aria-disabled={ariaDisabled}\r\n        data-testid={testId}\r\n        onClick={disabled || loading ? undefined : onClick}\r\n        {...(rest as React.ButtonHTMLAttributes<HTMLButtonElement>)}\r\n      >\r\n        {content}\r\n      </button>\r\n    );\r\n  },\r\n);\r\n\r\nButtonBase.displayName = \"ButtonBase\";\r\n\r\nexport default ButtonBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Button.module.scss\";\r\nimport ButtonBase from \"../ButtonBase\";\r\nimport { ButtonProps } from \"../Button.types\";\r\n\r\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => (\r\n  <ButtonBase {...props} classMap={styles} LinkComponent={Link} ref={ref} />\r\n));\r\nButton.displayName = \"Button\";\r\nexport default Button;\r\n"],"names":["disabled","outline","fullWidth"],"mappings":"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"}

package/dist/next/{Button-aiECSNNc.cjs → Button-DMCOgi4K.cjs}

@@ -102,12 +102,24 @@ const ButtonBase = React.forwardRef(
     children,
     className = "",
     disabled: disabled2 = false,
-    ariaLabel,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-controls": ariaControls,
+    "aria-expanded": ariaExpanded,
+    "aria-pressed": ariaPressed,
+    "aria-current": ariaCurrent,
+    "aria-haspopup": ariaHasPopup,
+    "aria-live": ariaLive,
+    "aria-atomic": ariaAtomic,
+    "aria-busy": ariaBusy,
+    "aria-disabled": ariaDisabled,
     href,
     isExternal = false,
     outline: outline2 = false,
     size = borealStyleConfig.getDefaultSize(),
     loading = false,
+    loadingLabel = "Loading",
     fullWidth: fullWidth2 = false,
     "data-testid": testId = "button",
     classMap,
@@ -115,9 +127,11 @@ const ButtonBase = React.forwardRef(
     ...rest
   }, ref) => {
     const iconOnly = !children || typeof children !== "string" && React.Children.count(children) === 0;
-    const computedAriaLabel = iconOnly ? ariaLabel : void 0;
-    if (process.env.NODE_ENV === "development" && iconOnly && !ariaLabel) {
-      console.warn("ButtonBase: icon-only buttons must provide `ariaLabel`.");
+    const computedAriaLabel = iconOnly && !ariaLabelledBy ? ariaLabel : void 0;
+    if (process.env.NODE_ENV === "development" && iconOnly && !ariaLabel && !ariaLabelledBy) {
+      console.warn(
+        "ButtonBase: icon-only buttons must provide `aria-label` or `aria-labelledby`."
+      );
     }
     const combinedClassName = React.useMemo(
       () => classNames.combineClassNames(
@@ -152,19 +166,26 @@ const ButtonBase = React.forwardRef(
           className: classMap.buttonIcon,
           "aria-hidden": "true",
           "data-testid": testId ? `${testId}-icon` : void 0,
-          children: /* @__PURE__ */ require$$2.jsx(Icon, { className: classMap.icon })
+          children: /* @__PURE__ */ require$$2.jsx(
+            Icon,
+            {
+              className: classMap.icon,
+              "aria-hidden": true,
+              focusable: false
+            }
+          )
         }
       ),
       /* @__PURE__ */ require$$2.jsx(
         "span",
         {
           className: classMap.buttonLabel,
-          "aria-live": loading ? "polite" : void 0,
-          "aria-atomic": loading || void 0,
+          "aria-live": loading ? ariaLive ?? "polite" : void 0,
+          "aria-atomic": loading ? ariaAtomic ?? true : void 0,
           "data-testid": testId ? `${testId}-loading` : void 0,
           children: loading ? /* @__PURE__ */ require$$2.jsxs(require$$2.Fragment, { children: [
             /* @__PURE__ */ require$$2.jsx("div", { className: classMap.loader, "aria-hidden": "true" }),
-            /* @__PURE__ */ require$$2.jsx("span", { className: "sr_only", children: "Loading" })
+            /* @__PURE__ */ require$$2.jsx("span", { className: "sr_only", children: loadingLabel })
           ] }) : /* @__PURE__ */ require$$2.jsxs(require$$2.Fragment, { children: [
             children,
             href && (isExternal ?? /^https?:\/\//i.test(href)) && /* @__PURE__ */ require$$2.jsx("span", { className: "sr_only", children: " (opens in a new tab)" })
@@ -179,9 +200,16 @@ const ButtonBase = React.forwardRef(
         ref,
         className: classNames.combineClassNames(combinedClassName, classMap.link),
         onClick: disabled2 ? (e) => e.preventDefault() : onClick,
-        "aria-disabled": disabled2 || void 0,
+        "aria-label": computedAriaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": ariaDescribedBy,
+        "aria-controls": ariaControls,
+        "aria-expanded": ariaExpanded,
+        "aria-current": ariaCurrent,
+        "aria-haspopup": ariaHasPopup,
+        "aria-busy": loading ? ariaBusy ?? true : ariaBusy,
+        "aria-disabled": disabled2 ? ariaDisabled ?? true : ariaDisabled,
         tabIndex: disabled2 ? -1 : void 0,
-        ...computedAriaLabel ? { "aria-label": computedAriaLabel } : {},
         "data-testid": testId
       };
       if (Comp === "a") {
@@ -202,6 +230,8 @@ const ButtonBase = React.forwardRef(
         {
           ...linkCommon,
           href,
+          target: external ? "_blank" : void 0,
+          rel: external ? "noopener noreferrer" : void 0,
           ...rest,
           children: content
         }
@@ -214,10 +244,18 @@ const ButtonBase = React.forwardRef(
         type,
         className: combinedClassName,
         disabled: disabled2 || loading,
-        "aria-busy": loading || void 0,
-        ...computedAriaLabel ? { "aria-label": computedAriaLabel } : {},
+        "aria-label": computedAriaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": ariaDescribedBy,
+        "aria-controls": ariaControls,
+        "aria-expanded": ariaExpanded,
+        "aria-pressed": ariaPressed,
+        "aria-current": ariaCurrent,
+        "aria-haspopup": ariaHasPopup,
+        "aria-busy": loading ? ariaBusy ?? true : ariaBusy,
+        "aria-disabled": ariaDisabled,
         "data-testid": testId,
-        onClick: disabled2 ? void 0 : onClick,
+        onClick: disabled2 || loading ? void 0 : onClick,
         ...rest,
         children: content
       }
@@ -228,4 +266,4 @@ ButtonBase.displayName = "ButtonBase";
 const Button = React.forwardRef((props, ref) => /* @__PURE__ */ require$$2.jsx(ButtonBase, { ...props, classMap: styles, LinkComponent: link.Link, ref }));
 Button.displayName = "Button";
 exports.Button = Button;
-//# sourceMappingURL=Button-aiECSNNc.cjs.map
+//# sourceMappingURL=Button-DMCOgi4K.cjs.map