boreal-ui 0.0.72 → 0.0.73

package/dist/next/Accordion.js

@@ -1,4 +1,4 @@
-import { A } from "./Accordion-B6n350De.js";
+import { A } from "./Accordion-Bg8V6T38.js";
 export {
   A as default
 };

package/dist/next/{Avatar-LMGhrarO.js → Avatar-CiFxswSP.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { forwardRef, useState, useMemo } from "react";
+import { forwardRef, useState, useId, useMemo } from "react";
 import { I as Image } from "./image-B9PuwflE.js";
 import { L as Link } from "./link-CyxHztrS.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
@@ -56,6 +56,7 @@ const AvatarBase = forwardRef(function AvatarBase2({
   disabled: disabled2 = false,
   href,
   status: status2,
+  statusLabel,
   statusIcon,
   statusPosition = "bottomRight",
   fallback,
@@ -71,16 +72,42 @@ const AvatarBase = forwardRef(function AvatarBase2({
   ImageComponent = "img",
   LinkComponent = "a",
   classMap,
+  role,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-current": ariaCurrent,
   "data-testid": testId = "avatar",
   ...rest
 }, ref) {
   const [imgError, setImgError] = useState(false);
+  const generatedStatusId = useId();
   const computedLabel = label || alt || name || "User avatar";
+  const describedBy = useMemo(() => {
+    const ids = [];
+    if (ariaDescribedBy) {
+      ids.push(ariaDescribedBy);
+    }
+    if (statusLabel && (status2 || statusIcon)) {
+      ids.push(generatedStatusId);
+    }
+    return ids.length > 0 ? ids.join(" ") : void 0;
+  }, [ariaDescribedBy, statusLabel, status2, statusIcon, generatedStatusId]);
   const linkAria = {
-    "aria-label": computedLabel,
+    role,
+    "aria-label": ariaLabelledBy ? void 0 : ariaLabel ?? computedLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": describedBy,
+    "aria-current": ariaCurrent,
     "aria-disabled": disabled2 || void 0
   };
-  const buttonAria = { "aria-label": computedLabel };
+  const buttonAria = {
+    role,
+    "aria-label": ariaLabelledBy ? void 0 : ariaLabel ?? computedLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": describedBy,
+    "aria-current": ariaCurrent
+  };
   const fallbackContent = fallback ?? (name ? getInitials(name) : /* @__PURE__ */ jsx(FallbackUserIcon, { className: classMap.fallback_icon }));
   const combinedClassName = useMemo(
     () => combineClassNames(
@@ -113,7 +140,7 @@ const AvatarBase = forwardRef(function AvatarBase2({
     ImageComponent,
     {
       src,
-      alt: computedLabel,
+      alt: alt || computedLabel,
       className: classMap.image,
       onError: () => setImgError(true),
       ...priority ? { loading: "eager" } : { loading: "lazy" },
@@ -124,27 +151,37 @@ const AvatarBase = forwardRef(function AvatarBase2({
     "span",
     {
       className: classMap.initials,
-      role: "img",
-      "aria-label": computedLabel,
       title: computedLabel,
+      "aria-hidden": children ? true : void 0,
       "data-testid": testId ? `${testId}-initials` : void 0,
       children: fallbackContent
     }
   );
-  const statusIndicator = (status2 || statusIcon) && /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: combineClassNames(
-        classMap.status,
-        status2 && classMap[status2],
-        statusIcon ? classMap.icon_only : void 0,
-        classMap[statusPosition]
-      ),
-      "aria-hidden": "true",
-      "data-testid": testId ? `${testId}-status` : void 0,
-      children: statusIcon || /* @__PURE__ */ jsx("span", { className: classMap.dot })
-    }
-  );
+  const statusIndicator = (status2 || statusIcon) && /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: combineClassNames(
+          classMap.status,
+          status2 && classMap[status2],
+          statusIcon ? classMap.icon_only : void 0,
+          classMap[statusPosition]
+        ),
+        "aria-hidden": "true",
+        "data-testid": testId ? `${testId}-status` : void 0,
+        children: statusIcon || /* @__PURE__ */ jsx("span", { className: classMap.dot })
+      }
+    ),
+    statusLabel ? /* @__PURE__ */ jsx(
+      "span",
+      {
+        id: generatedStatusId,
+        className: classMap.srOnly,
+        "data-testid": testId ? `${testId}-status-label` : void 0,
+        children: statusLabel
+      }
+    ) : null
+  ] });
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     children ?? avatarContent,
     statusIndicator
@@ -301,4 +338,4 @@ Avatar.displayName = "Avatar";
 export {
   Avatar as A
 };
-//# sourceMappingURL=Avatar-LMGhrarO.js.map
+//# sourceMappingURL=Avatar-CiFxswSP.js.map

package/dist/next/Avatar-CiFxswSP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-CiFxswSP.js","sources":["../../src/utils/getInitials.ts","../../src/Icons/UserIcon.tsx","../../src/components/Avatar/AvatarBase.tsx","../../src/components/Avatar/next/Avatar.tsx"],"sourcesContent":["/**\r\n * Returns the initials from a given full name string.\r\n *\r\n * Extracts the first character from the first word and the first character of the second word (if available).\r\n * If only one word is provided, it uses the first two characters of that word as a fallback.\r\n * If no valid characters are found, it returns \"?\".\r\n *\r\n * @param {string} name - The full name to extract initials from.\r\n * @returns {string} A string of up to two uppercase initials, or \"?\" if the input is empty or invalid.\r\n *\r\n * @example\r\n * getInitials(\"John Doe\"); // \"JD\"\r\n * getInitials(\"Alice\");    // \"AL\"\r\n * getInitials(\"   \");      // \"?\"\r\n */\r\nexport const getInitials = (name: string): string => {\r\n  const words = name.trim().split(/\\s+/);\r\n  const first = words[0]?.[0] || \"\";\r\n  const second = words[1]?.[0] || words[0]?.[1] || \"\";\r\n  return (first + second).toUpperCase() || \"?\";\r\n};\r\n","const FallbackUserIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\r\n    viewBox=\"0 0 24 24\"\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      d=\"M5 20V19C5 15.134 8.13401 12 12 12V12C15.866 12 19 15.134 19 19V20\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default FallbackUserIcon;\r\n","import React, {\r\n  useMemo,\r\n  useState,\r\n  MouseEvent,\r\n  AnchorHTMLAttributes,\r\n  ButtonHTMLAttributes,\r\n  forwardRef,\r\n  useId,\r\n} from \"react\";\r\nimport { AvatarBaseProps } from \"./Avatar.types\";\r\nimport { getInitials } from \"../../utils/getInitials\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { FallbackUserIcon } from \"../../Icons/index\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport const AvatarBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  AvatarBaseProps\r\n>(function AvatarBase(\r\n  {\r\n    src,\r\n    alt,\r\n    name = \"\",\r\n    label,\r\n    onClick,\r\n    disabled = false,\r\n    href,\r\n    status,\r\n    statusLabel,\r\n    statusIcon,\r\n    statusPosition = \"bottomRight\",\r\n    fallback,\r\n    children,\r\n    size = getDefaultSize(),\r\n    shadow = getDefaultShadow(),\r\n    shape = \"circle\",\r\n    outline = false,\r\n    theme = getDefaultTheme(),\r\n    state = \"\",\r\n    className = \"\",\r\n    priority = false,\r\n    ImageComponent = \"img\",\r\n    LinkComponent = \"a\",\r\n    classMap,\r\n    role,\r\n    \"aria-label\": ariaLabel,\r\n    \"aria-labelledby\": ariaLabelledBy,\r\n    \"aria-describedby\": ariaDescribedBy,\r\n    \"aria-current\": ariaCurrent,\r\n    \"data-testid\": testId = \"avatar\",\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const [imgError, setImgError] = useState(false);\r\n  const generatedStatusId = useId();\r\n\r\n  const computedLabel = label || alt || name || \"User avatar\";\r\n\r\n  const describedBy = useMemo(() => {\r\n    const ids: string[] = [];\r\n\r\n    if (ariaDescribedBy) {\r\n      ids.push(ariaDescribedBy);\r\n    }\r\n\r\n    if (statusLabel && (status || statusIcon)) {\r\n      ids.push(generatedStatusId);\r\n    }\r\n\r\n    return ids.length > 0 ? ids.join(\" \") : undefined;\r\n  }, [ariaDescribedBy, statusLabel, status, statusIcon, generatedStatusId]);\r\n\r\n  const linkAria = {\r\n    role,\r\n    \"aria-label\": ariaLabelledBy ? undefined : (ariaLabel ?? computedLabel),\r\n    \"aria-labelledby\": ariaLabelledBy,\r\n    \"aria-describedby\": describedBy,\r\n    \"aria-current\": ariaCurrent,\r\n    \"aria-disabled\": disabled || undefined,\r\n  } as const;\r\n\r\n  const buttonAria = {\r\n    role,\r\n    \"aria-label\": ariaLabelledBy ? undefined : (ariaLabel ?? computedLabel),\r\n    \"aria-labelledby\": ariaLabelledBy,\r\n    \"aria-describedby\": describedBy,\r\n    \"aria-current\": ariaCurrent,\r\n  } as const;\r\n\r\n  const fallbackContent =\r\n    fallback ??\r\n    (name ? (\r\n      getInitials(name)\r\n    ) : (\r\n      <FallbackUserIcon className={classMap.fallback_icon} />\r\n    ));\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.avatar,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[shape],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        disabled && classMap.disabled,\r\n        outline && classMap.outline,\r\n        onClick && classMap.clickable,\r\n        className,\r\n      ),\r\n    [\r\n      theme,\r\n      state,\r\n      shape,\r\n      size,\r\n      shadow,\r\n      disabled,\r\n      outline,\r\n      onClick,\r\n      className,\r\n      classMap,\r\n    ],\r\n  );\r\n\r\n  const isNextImage = typeof ImageComponent !== \"string\";\r\n\r\n  const avatarContent =\r\n    !imgError && src ? (\r\n      <ImageComponent\r\n        src={src}\r\n        alt={alt || computedLabel}\r\n        className={classMap.image}\r\n        onError={() => setImgError(true)}\r\n        {...(priority\r\n          ? { loading: \"eager\" as const }\r\n          : { loading: \"lazy\" as const })}\r\n        {...(isNextImage ? { fill: true } : {})}\r\n        data-testid={testId ? `${testId}-image` : undefined}\r\n      />\r\n    ) : (\r\n      <span\r\n        className={classMap.initials}\r\n        title={computedLabel}\r\n        aria-hidden={children ? true : undefined}\r\n        data-testid={testId ? `${testId}-initials` : undefined}\r\n      >\r\n        {fallbackContent}\r\n      </span>\r\n    );\r\n\r\n  const statusIndicator = (status || statusIcon) && (\r\n    <>\r\n      <span\r\n        className={combineClassNames(\r\n          classMap.status,\r\n          status && classMap[status],\r\n          statusIcon ? classMap.icon_only : undefined,\r\n          classMap[statusPosition],\r\n        )}\r\n        aria-hidden=\"true\"\r\n        data-testid={testId ? `${testId}-status` : undefined}\r\n      >\r\n        {statusIcon || <span className={classMap.dot} />}\r\n      </span>\r\n\r\n      {statusLabel ? (\r\n        <span\r\n          id={generatedStatusId}\r\n          className={classMap.srOnly}\r\n          data-testid={testId ? `${testId}-status-label` : undefined}\r\n        >\r\n          {statusLabel}\r\n        </span>\r\n      ) : null}\r\n    </>\r\n  );\r\n\r\n  const content = (\r\n    <>\r\n      {children ?? avatarContent}\r\n      {statusIndicator}\r\n    </>\r\n  );\r\n\r\n  const handleClick = (e: MouseEvent<HTMLElement>) => {\r\n    if (disabled) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return;\r\n    }\r\n\r\n    onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n  };\r\n\r\n  if (href) {\r\n    const isHttp = /^https?:\\/\\//i.test(href);\r\n\r\n    return LinkComponent === \"a\" ? (\r\n      <a\r\n        ref={ref as React.Ref<HTMLAnchorElement>}\r\n        href={disabled ? undefined : href}\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        target={isHttp && !disabled ? \"_blank\" : undefined}\r\n        rel={isHttp && !disabled ? \"noopener noreferrer\" : undefined}\r\n        tabIndex={disabled ? -1 : 0}\r\n        {...linkAria}\r\n        {...(rest as AnchorHTMLAttributes<HTMLAnchorElement>)}\r\n      >\r\n        {content}\r\n      </a>\r\n    ) : (\r\n      <LinkComponent\r\n        ref={ref}\r\n        href={href}\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        tabIndex={disabled ? -1 : 0}\r\n        {...linkAria}\r\n        {...(rest as Record<string, unknown>)}\r\n      >\r\n        {content}\r\n      </LinkComponent>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      ref={ref as React.Ref<HTMLButtonElement>}\r\n      type=\"button\"\r\n      className={combinedClassName}\r\n      onClick={handleClick}\r\n      disabled={disabled}\r\n      data-testid={testId ? `${testId}-main` : undefined}\r\n      {...buttonAria}\r\n      {...(rest as ButtonHTMLAttributes<HTMLButtonElement>)}\r\n    >\r\n      {content}\r\n    </button>\r\n  );\r\n});\r\n\r\nAvatarBase.displayName = \"AvatarBase\";\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport Image from \"next/image\";\r\nimport Link from \"next/link\";\r\nimport { AvatarProps } from \"../Avatar.types\";\r\nimport { AvatarBase } from \"../AvatarBase\";\r\nimport styles from \"./Avatar.module.scss\";\r\n\r\nconst Avatar = forwardRef<HTMLAnchorElement | HTMLButtonElement, AvatarProps>(\r\n  (props, ref) => (\r\n    <AvatarBase\r\n      {...props}\r\n      ImageComponent={Image}\r\n      LinkComponent={Link}\r\n      classMap={styles}\r\n      ref={ref}\r\n    />\r\n  )\r\n);\r\nAvatar.displayName = \"Avatar\";\r\nexport default Avatar;\r\n"],"names":["AvatarBase","disabled","status","outline"],"mappings":"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"}

package/dist/next/{Avatar-Dl-SRO6q.cjs → Avatar-iZKOY9MH.cjs}

@@ -57,6 +57,7 @@ const AvatarBase = React.forwardRef(function AvatarBase2({
   disabled: disabled2 = false,
   href,
   status: status2,
+  statusLabel,
   statusIcon,
   statusPosition = "bottomRight",
   fallback,
@@ -72,16 +73,42 @@ const AvatarBase = React.forwardRef(function AvatarBase2({
   ImageComponent = "img",
   LinkComponent = "a",
   classMap,
+  role,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-current": ariaCurrent,
   "data-testid": testId = "avatar",
   ...rest
 }, ref) {
   const [imgError, setImgError] = React.useState(false);
+  const generatedStatusId = React.useId();
   const computedLabel = label || alt || name || "User avatar";
+  const describedBy = React.useMemo(() => {
+    const ids = [];
+    if (ariaDescribedBy) {
+      ids.push(ariaDescribedBy);
+    }
+    if (statusLabel && (status2 || statusIcon)) {
+      ids.push(generatedStatusId);
+    }
+    return ids.length > 0 ? ids.join(" ") : void 0;
+  }, [ariaDescribedBy, statusLabel, status2, statusIcon, generatedStatusId]);
   const linkAria = {
-    "aria-label": computedLabel,
+    role,
+    "aria-label": ariaLabelledBy ? void 0 : ariaLabel ?? computedLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": describedBy,
+    "aria-current": ariaCurrent,
     "aria-disabled": disabled2 || void 0
   };
-  const buttonAria = { "aria-label": computedLabel };
+  const buttonAria = {
+    role,
+    "aria-label": ariaLabelledBy ? void 0 : ariaLabel ?? computedLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": describedBy,
+    "aria-current": ariaCurrent
+  };
   const fallbackContent = fallback ?? (name ? getInitials(name) : /* @__PURE__ */ require$$2.jsx(FallbackUserIcon, { className: classMap.fallback_icon }));
   const combinedClassName = React.useMemo(
     () => classNames.combineClassNames(
@@ -114,7 +141,7 @@ const AvatarBase = React.forwardRef(function AvatarBase2({
     ImageComponent,
     {
       src,
-      alt: computedLabel,
+      alt: alt || computedLabel,
       className: classMap.image,
       onError: () => setImgError(true),
       ...priority ? { loading: "eager" } : { loading: "lazy" },
@@ -125,27 +152,37 @@ const AvatarBase = React.forwardRef(function AvatarBase2({
     "span",
     {
       className: classMap.initials,
-      role: "img",
-      "aria-label": computedLabel,
       title: computedLabel,
+      "aria-hidden": children ? true : void 0,
       "data-testid": testId ? `${testId}-initials` : void 0,
       children: fallbackContent
     }
   );
-  const statusIndicator = (status2 || statusIcon) && /* @__PURE__ */ require$$2.jsx(
-    "span",
-    {
-      className: classNames.combineClassNames(
-        classMap.status,
-        status2 && classMap[status2],
-        statusIcon ? classMap.icon_only : void 0,
-        classMap[statusPosition]
-      ),
-      "aria-hidden": "true",
-      "data-testid": testId ? `${testId}-status` : void 0,
-      children: statusIcon || /* @__PURE__ */ require$$2.jsx("span", { className: classMap.dot })
-    }
-  );
+  const statusIndicator = (status2 || statusIcon) && /* @__PURE__ */ require$$2.jsxs(require$$2.Fragment, { children: [
+    /* @__PURE__ */ require$$2.jsx(
+      "span",
+      {
+        className: classNames.combineClassNames(
+          classMap.status,
+          status2 && classMap[status2],
+          statusIcon ? classMap.icon_only : void 0,
+          classMap[statusPosition]
+        ),
+        "aria-hidden": "true",
+        "data-testid": testId ? `${testId}-status` : void 0,
+        children: statusIcon || /* @__PURE__ */ require$$2.jsx("span", { className: classMap.dot })
+      }
+    ),
+    statusLabel ? /* @__PURE__ */ require$$2.jsx(
+      "span",
+      {
+        id: generatedStatusId,
+        className: classMap.srOnly,
+        "data-testid": testId ? `${testId}-status-label` : void 0,
+        children: statusLabel
+      }
+    ) : null
+  ] });
   const content = /* @__PURE__ */ require$$2.jsxs(require$$2.Fragment, { children: [
     children ?? avatarContent,
     statusIndicator
@@ -300,4 +337,4 @@ const Avatar = React.forwardRef(
 );
 Avatar.displayName = "Avatar";
 exports.Avatar = Avatar;
-//# sourceMappingURL=Avatar-Dl-SRO6q.cjs.map
+//# sourceMappingURL=Avatar-iZKOY9MH.cjs.map

package/dist/next/Avatar-iZKOY9MH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-iZKOY9MH.cjs","sources":["../../src/utils/getInitials.ts","../../src/Icons/UserIcon.tsx","../../src/components/Avatar/AvatarBase.tsx","../../src/components/Avatar/next/Avatar.tsx"],"sourcesContent":["/**\r\n * Returns the initials from a given full name string.\r\n *\r\n * Extracts the first character from the first word and the first character of the second word (if available).\r\n * If only one word is provided, it uses the first two characters of that word as a fallback.\r\n * If no valid characters are found, it returns \"?\".\r\n *\r\n * @param {string} name - The full name to extract initials from.\r\n * @returns {string} A string of up to two uppercase initials, or \"?\" if the input is empty or invalid.\r\n *\r\n * @example\r\n * getInitials(\"John Doe\"); // \"JD\"\r\n * getInitials(\"Alice\");    // \"AL\"\r\n * getInitials(\"   \");      // \"?\"\r\n */\r\nexport const getInitials = (name: string): string => {\r\n  const words = name.trim().split(/\\s+/);\r\n  const first = words[0]?.[0] || \"\";\r\n  const second = words[1]?.[0] || words[0]?.[1] || \"\";\r\n  return (first + second).toUpperCase() || \"?\";\r\n};\r\n","const FallbackUserIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\r\n    viewBox=\"0 0 24 24\"\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      d=\"M5 20V19C5 15.134 8.13401 12 12 12V12C15.866 12 19 15.134 19 19V20\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default FallbackUserIcon;\r\n","import React, {\r\n  useMemo,\r\n  useState,\r\n  MouseEvent,\r\n  AnchorHTMLAttributes,\r\n  ButtonHTMLAttributes,\r\n  forwardRef,\r\n  useId,\r\n} from \"react\";\r\nimport { AvatarBaseProps } from \"./Avatar.types\";\r\nimport { getInitials } from \"../../utils/getInitials\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { FallbackUserIcon } from \"../../Icons/index\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport const AvatarBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  AvatarBaseProps\r\n>(function AvatarBase(\r\n  {\r\n    src,\r\n    alt,\r\n    name = \"\",\r\n    label,\r\n    onClick,\r\n    disabled = false,\r\n    href,\r\n    status,\r\n    statusLabel,\r\n    statusIcon,\r\n    statusPosition = \"bottomRight\",\r\n    fallback,\r\n    children,\r\n    size = getDefaultSize(),\r\n    shadow = getDefaultShadow(),\r\n    shape = \"circle\",\r\n    outline = false,\r\n    theme = getDefaultTheme(),\r\n    state = \"\",\r\n    className = \"\",\r\n    priority = false,\r\n    ImageComponent = \"img\",\r\n    LinkComponent = \"a\",\r\n    classMap,\r\n    role,\r\n    \"aria-label\": ariaLabel,\r\n    \"aria-labelledby\": ariaLabelledBy,\r\n    \"aria-describedby\": ariaDescribedBy,\r\n    \"aria-current\": ariaCurrent,\r\n    \"data-testid\": testId = \"avatar\",\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const [imgError, setImgError] = useState(false);\r\n  const generatedStatusId = useId();\r\n\r\n  const computedLabel = label || alt || name || \"User avatar\";\r\n\r\n  const describedBy = useMemo(() => {\r\n    const ids: string[] = [];\r\n\r\n    if (ariaDescribedBy) {\r\n      ids.push(ariaDescribedBy);\r\n    }\r\n\r\n    if (statusLabel && (status || statusIcon)) {\r\n      ids.push(generatedStatusId);\r\n    }\r\n\r\n    return ids.length > 0 ? ids.join(\" \") : undefined;\r\n  }, [ariaDescribedBy, statusLabel, status, statusIcon, generatedStatusId]);\r\n\r\n  const linkAria = {\r\n    role,\r\n    \"aria-label\": ariaLabelledBy ? undefined : (ariaLabel ?? computedLabel),\r\n    \"aria-labelledby\": ariaLabelledBy,\r\n    \"aria-describedby\": describedBy,\r\n    \"aria-current\": ariaCurrent,\r\n    \"aria-disabled\": disabled || undefined,\r\n  } as const;\r\n\r\n  const buttonAria = {\r\n    role,\r\n    \"aria-label\": ariaLabelledBy ? undefined : (ariaLabel ?? computedLabel),\r\n    \"aria-labelledby\": ariaLabelledBy,\r\n    \"aria-describedby\": describedBy,\r\n    \"aria-current\": ariaCurrent,\r\n  } as const;\r\n\r\n  const fallbackContent =\r\n    fallback ??\r\n    (name ? (\r\n      getInitials(name)\r\n    ) : (\r\n      <FallbackUserIcon className={classMap.fallback_icon} />\r\n    ));\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.avatar,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[shape],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        disabled && classMap.disabled,\r\n        outline && classMap.outline,\r\n        onClick && classMap.clickable,\r\n        className,\r\n      ),\r\n    [\r\n      theme,\r\n      state,\r\n      shape,\r\n      size,\r\n      shadow,\r\n      disabled,\r\n      outline,\r\n      onClick,\r\n      className,\r\n      classMap,\r\n    ],\r\n  );\r\n\r\n  const isNextImage = typeof ImageComponent !== \"string\";\r\n\r\n  const avatarContent =\r\n    !imgError && src ? (\r\n      <ImageComponent\r\n        src={src}\r\n        alt={alt || computedLabel}\r\n        className={classMap.image}\r\n        onError={() => setImgError(true)}\r\n        {...(priority\r\n          ? { loading: \"eager\" as const }\r\n          : { loading: \"lazy\" as const })}\r\n        {...(isNextImage ? { fill: true } : {})}\r\n        data-testid={testId ? `${testId}-image` : undefined}\r\n      />\r\n    ) : (\r\n      <span\r\n        className={classMap.initials}\r\n        title={computedLabel}\r\n        aria-hidden={children ? true : undefined}\r\n        data-testid={testId ? `${testId}-initials` : undefined}\r\n      >\r\n        {fallbackContent}\r\n      </span>\r\n    );\r\n\r\n  const statusIndicator = (status || statusIcon) && (\r\n    <>\r\n      <span\r\n        className={combineClassNames(\r\n          classMap.status,\r\n          status && classMap[status],\r\n          statusIcon ? classMap.icon_only : undefined,\r\n          classMap[statusPosition],\r\n        )}\r\n        aria-hidden=\"true\"\r\n        data-testid={testId ? `${testId}-status` : undefined}\r\n      >\r\n        {statusIcon || <span className={classMap.dot} />}\r\n      </span>\r\n\r\n      {statusLabel ? (\r\n        <span\r\n          id={generatedStatusId}\r\n          className={classMap.srOnly}\r\n          data-testid={testId ? `${testId}-status-label` : undefined}\r\n        >\r\n          {statusLabel}\r\n        </span>\r\n      ) : null}\r\n    </>\r\n  );\r\n\r\n  const content = (\r\n    <>\r\n      {children ?? avatarContent}\r\n      {statusIndicator}\r\n    </>\r\n  );\r\n\r\n  const handleClick = (e: MouseEvent<HTMLElement>) => {\r\n    if (disabled) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return;\r\n    }\r\n\r\n    onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n  };\r\n\r\n  if (href) {\r\n    const isHttp = /^https?:\\/\\//i.test(href);\r\n\r\n    return LinkComponent === \"a\" ? (\r\n      <a\r\n        ref={ref as React.Ref<HTMLAnchorElement>}\r\n        href={disabled ? undefined : href}\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        target={isHttp && !disabled ? \"_blank\" : undefined}\r\n        rel={isHttp && !disabled ? \"noopener noreferrer\" : undefined}\r\n        tabIndex={disabled ? -1 : 0}\r\n        {...linkAria}\r\n        {...(rest as AnchorHTMLAttributes<HTMLAnchorElement>)}\r\n      >\r\n        {content}\r\n      </a>\r\n    ) : (\r\n      <LinkComponent\r\n        ref={ref}\r\n        href={href}\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        tabIndex={disabled ? -1 : 0}\r\n        {...linkAria}\r\n        {...(rest as Record<string, unknown>)}\r\n      >\r\n        {content}\r\n      </LinkComponent>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      ref={ref as React.Ref<HTMLButtonElement>}\r\n      type=\"button\"\r\n      className={combinedClassName}\r\n      onClick={handleClick}\r\n      disabled={disabled}\r\n      data-testid={testId ? `${testId}-main` : undefined}\r\n      {...buttonAria}\r\n      {...(rest as ButtonHTMLAttributes<HTMLButtonElement>)}\r\n    >\r\n      {content}\r\n    </button>\r\n  );\r\n});\r\n\r\nAvatarBase.displayName = \"AvatarBase\";\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport Image from \"next/image\";\r\nimport Link from \"next/link\";\r\nimport { AvatarProps } from \"../Avatar.types\";\r\nimport { AvatarBase } from \"../AvatarBase\";\r\nimport styles from \"./Avatar.module.scss\";\r\n\r\nconst Avatar = forwardRef<HTMLAnchorElement | HTMLButtonElement, AvatarProps>(\r\n  (props, ref) => (\r\n    <AvatarBase\r\n      {...props}\r\n      ImageComponent={Image}\r\n      LinkComponent={Link}\r\n      classMap={styles}\r\n      ref={ref}\r\n    />\r\n  )\r\n);\r\nAvatar.displayName = \"Avatar\";\r\nexport default Avatar;\r\n"],"names":["jsxs","jsx","forwardRef","AvatarBase","disabled","status","getDefaultSize","getDefaultShadow","outline","getDefaultTheme","useState","useId","useMemo","combineClassNames","capitalize","Fragment","Image","Link"],"mappings":"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"}

package/dist/next/Avatar.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Avatar = require("./Avatar-Dl-SRO6q.cjs");
+const Avatar = require("./Avatar-iZKOY9MH.cjs");
 module.exports = Avatar.Avatar;
 //# sourceMappingURL=Avatar.cjs.js.map

package/dist/next/Avatar.js

@@ -1,4 +1,4 @@
-import { A } from "./Avatar-LMGhrarO.js";
+import { A } from "./Avatar-CiFxswSP.js";
 export {
   A as default
 };

package/dist/next/{Badge-C4NhHVhm.cjs → Badge-DzcjI-JI.cjs}

@@ -68,7 +68,13 @@ const styles = {
 };
 const BadgeBase = ({
   children,
-  ariaLabel,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-live": ariaLive,
+  "aria-atomic": ariaAtomic,
+  role,
+  tabIndex,
   theme = borealStyleConfig.getDefaultTheme(),
   state = "",
   disabled: disabled2 = false,
@@ -110,7 +116,6 @@ const BadgeBase = ({
       disabled2,
       outline2,
       onClick,
-      href,
       className,
       classMap
     ]
@@ -123,6 +128,15 @@ const BadgeBase = ({
     }
     onClick == null ? void 0 : onClick(e);
   };
+  const sharedAccessibilityProps = {
+    ...accessibleLabel ? { "aria-label": accessibleLabel } : {},
+    ...ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : {},
+    ...ariaDescribedBy ? { "aria-describedby": ariaDescribedBy } : {},
+    ...ariaLive ? { "aria-live": ariaLive } : {},
+    ...ariaAtomic !== void 0 ? { "aria-atomic": ariaAtomic } : {},
+    ...role ? { role } : {},
+    ...tabIndex !== void 0 ? { tabIndex } : {}
+  };
   const inner = /* @__PURE__ */ require$$2.jsxs(require$$2.Fragment, { children: [
     Icon && /* @__PURE__ */ require$$2.jsx(
       Icon,
@@ -143,14 +157,13 @@ const BadgeBase = ({
         href: disabled2 ? void 0 : href,
         className: combinedClassName,
         onClick: handleClick,
-        role: "status",
         "data-testid": testId ? `${testId}-main` : void 0,
         title: title ?? accessibleLabel,
-        ...accessibleLabel ? { "aria-label": accessibleLabel } : {},
         "aria-disabled": disabled2 || void 0,
-        tabIndex: disabled2 ? -1 : 0,
+        tabIndex: disabled2 ? -1 : tabIndex,
         target: isHttp && !disabled2 ? "_blank" : void 0,
         rel: isHttp && !disabled2 ? "noopener noreferrer" : void 0,
+        ...sharedAccessibilityProps,
         ...rest,
         children: inner
       }
@@ -162,12 +175,11 @@ const BadgeBase = ({
       {
         type: "button",
         className: combinedClassName,
-        role: "status",
         onClick: handleClick,
         disabled: disabled2,
         "data-testid": testId ? `${testId}-main` : void 0,
         title: title ?? accessibleLabel,
-        ...accessibleLabel ? { "aria-label": accessibleLabel } : {},
+        ...sharedAccessibilityProps,
         ...rest,
         children: inner
       }
@@ -179,8 +191,14 @@ const BadgeBase = ({
       className: combinedClassName,
       "data-testid": testId ? `${testId}-main` : void 0,
       title: title ?? accessibleLabel,
-      role: "status",
+      role: role ?? "status",
+      tabIndex,
       ...accessibleLabel ? { "aria-label": accessibleLabel } : {},
+      ...ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : {},
+      ...ariaDescribedBy ? { "aria-describedby": ariaDescribedBy } : {},
+      ...ariaLive ? { "aria-live": ariaLive } : {},
+      ...ariaAtomic !== void 0 ? { "aria-atomic": ariaAtomic } : {},
+      ...rest,
       children: inner
     }
   );
@@ -190,4 +208,4 @@ const Badge = (props) => {
 };
 Badge.displayName = "Badge";
 exports.Badge = Badge;
-//# sourceMappingURL=Badge-C4NhHVhm.cjs.map
+//# sourceMappingURL=Badge-DzcjI-JI.cjs.map

package/dist/next/Badge-DzcjI-JI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-DzcjI-JI.cjs","sources":["../../src/components/Badge/BadgeBase.tsx","../../src/components/Badge/next/Badge.tsx"],"sourcesContent":["import React, { useMemo, MouseEvent } from \"react\";\r\nimport { BadgeBaseProps } from \"./Badge.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\nexport const BadgeBase: React.FC<BadgeBaseProps> = ({\r\n  children,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive,\r\n  \"aria-atomic\": ariaAtomic,\r\n  role,\r\n  tabIndex,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  disabled = false,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  title,\r\n  size = getDefaultSize(),\r\n  outline = false,\r\n  icon: Icon,\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"badge\",\r\n  onClick,\r\n  href,\r\n  ...rest\r\n}: BadgeBaseProps) => {\r\n  if (children == null && !Icon) return null;\r\n\r\n  const isTextContent =\r\n    typeof children === \"string\" || typeof children === \"number\";\r\n\r\n  const accessibleLabel =\r\n    ariaLabel ?? (isTextContent ? String(children) : undefined);\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.badge,\r\n        classMap[size],\r\n        classMap[theme],\r\n        classMap[state],\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        onClick && classMap.clickable,\r\n        className,\r\n      ),\r\n    [\r\n      size,\r\n      theme,\r\n      state,\r\n      shadow,\r\n      rounding,\r\n      disabled,\r\n      outline,\r\n      onClick,\r\n      className,\r\n      classMap,\r\n    ],\r\n  );\r\n\r\n  const handleClick = (e: MouseEvent<HTMLElement>) => {\r\n    if (disabled) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return;\r\n    }\r\n\r\n    onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n  };\r\n\r\n  const sharedAccessibilityProps = {\r\n    ...(accessibleLabel ? { \"aria-label\": accessibleLabel } : {}),\r\n    ...(ariaLabelledBy ? { \"aria-labelledby\": ariaLabelledBy } : {}),\r\n    ...(ariaDescribedBy ? { \"aria-describedby\": ariaDescribedBy } : {}),\r\n    ...(ariaLive ? { \"aria-live\": ariaLive } : {}),\r\n    ...(ariaAtomic !== undefined ? { \"aria-atomic\": ariaAtomic } : {}),\r\n    ...(role ? { role } : {}),\r\n    ...(tabIndex !== undefined ? { tabIndex } : {}),\r\n  };\r\n\r\n  const inner = (\r\n    <>\r\n      {Icon && (\r\n        <Icon\r\n          className={classMap.badge_icon}\r\n          aria-hidden=\"true\"\r\n          focusable=\"false\"\r\n          data-testid={testId ? `${testId}-icon` : undefined}\r\n        />\r\n      )}\r\n      {children}\r\n    </>\r\n  );\r\n\r\n  if (href) {\r\n    const isHttp = /^https?:\\/\\//i.test(href);\r\n\r\n    return (\r\n      <a\r\n        href={disabled ? undefined : href}\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        title={title ?? accessibleLabel}\r\n        aria-disabled={disabled || undefined}\r\n        tabIndex={disabled ? -1 : tabIndex}\r\n        target={isHttp && !disabled ? \"_blank\" : undefined}\r\n        rel={isHttp && !disabled ? \"noopener noreferrer\" : undefined}\r\n        {...sharedAccessibilityProps}\r\n        {...(rest as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\r\n      >\r\n        {inner}\r\n      </a>\r\n    );\r\n  }\r\n\r\n  if (onClick) {\r\n    return (\r\n      <button\r\n        type=\"button\"\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        disabled={disabled}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        title={title ?? accessibleLabel}\r\n        {...sharedAccessibilityProps}\r\n        {...(rest as React.ButtonHTMLAttributes<HTMLButtonElement>)}\r\n      >\r\n        {inner}\r\n      </button>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <span\r\n      className={combinedClassName}\r\n      data-testid={testId ? `${testId}-main` : undefined}\r\n      title={title ?? accessibleLabel}\r\n      role={role ?? \"status\"}\r\n      tabIndex={tabIndex}\r\n      {...(accessibleLabel ? { \"aria-label\": accessibleLabel } : {})}\r\n      {...(ariaLabelledBy ? { \"aria-labelledby\": ariaLabelledBy } : {})}\r\n      {...(ariaDescribedBy ? { \"aria-describedby\": ariaDescribedBy } : {})}\r\n      {...(ariaLive ? { \"aria-live\": ariaLive } : {})}\r\n      {...(ariaAtomic !== undefined ? { \"aria-atomic\": ariaAtomic } : {})}\r\n      {...(rest as React.HTMLAttributes<HTMLSpanElement>)}\r\n    >\r\n      {inner}\r\n    </span>\r\n  );\r\n};\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Badge.module.scss\";\r\nimport { BadgeBase } from \"../BadgeBase\";\r\nimport { BadgeProps } from \"../Badge.types\";\r\n\r\nconst Badge: React.FC<BadgeProps> = (props) => {\r\n  return <BadgeBase {...props} classMap={styles} />;\r\n};\r\nBadge.displayName = \"Badge\";\r\nexport default Badge;\r\n"],"names":["getDefaultTheme","disabled","getDefaultRounding","getDefaultShadow","getDefaultSize","outline","useMemo","combineClassNames","capitalize","jsxs","Fragment","jsx"],"mappings":"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"}

package/dist/next/{Badge-DcwVDzeX.js → Badge-WP2DFssv.js}

@@ -67,7 +67,13 @@ const styles = {
 };
 const BadgeBase = ({
   children,
-  ariaLabel,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-live": ariaLive,
+  "aria-atomic": ariaAtomic,
+  role,
+  tabIndex,
   theme = getDefaultTheme(),
   state = "",
   disabled: disabled2 = false,
@@ -109,7 +115,6 @@ const BadgeBase = ({
       disabled2,
       outline2,
       onClick,
-      href,
       className,
       classMap
     ]
@@ -122,6 +127,15 @@ const BadgeBase = ({
     }
     onClick == null ? void 0 : onClick(e);
   };
+  const sharedAccessibilityProps = {
+    ...accessibleLabel ? { "aria-label": accessibleLabel } : {},
+    ...ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : {},
+    ...ariaDescribedBy ? { "aria-describedby": ariaDescribedBy } : {},
+    ...ariaLive ? { "aria-live": ariaLive } : {},
+    ...ariaAtomic !== void 0 ? { "aria-atomic": ariaAtomic } : {},
+    ...role ? { role } : {},
+    ...tabIndex !== void 0 ? { tabIndex } : {}
+  };
   const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
     Icon && /* @__PURE__ */ jsx(
       Icon,
@@ -142,14 +156,13 @@ const BadgeBase = ({
         href: disabled2 ? void 0 : href,
         className: combinedClassName,
         onClick: handleClick,
-        role: "status",
         "data-testid": testId ? `${testId}-main` : void 0,
         title: title ?? accessibleLabel,
-        ...accessibleLabel ? { "aria-label": accessibleLabel } : {},
         "aria-disabled": disabled2 || void 0,
-        tabIndex: disabled2 ? -1 : 0,
+        tabIndex: disabled2 ? -1 : tabIndex,
         target: isHttp && !disabled2 ? "_blank" : void 0,
         rel: isHttp && !disabled2 ? "noopener noreferrer" : void 0,
+        ...sharedAccessibilityProps,
         ...rest,
         children: inner
       }
@@ -161,12 +174,11 @@ const BadgeBase = ({
       {
         type: "button",
         className: combinedClassName,
-        role: "status",
         onClick: handleClick,
         disabled: disabled2,
         "data-testid": testId ? `${testId}-main` : void 0,
         title: title ?? accessibleLabel,
-        ...accessibleLabel ? { "aria-label": accessibleLabel } : {},
+        ...sharedAccessibilityProps,
         ...rest,
         children: inner
       }
@@ -178,8 +190,14 @@ const BadgeBase = ({
       className: combinedClassName,
       "data-testid": testId ? `${testId}-main` : void 0,
       title: title ?? accessibleLabel,
-      role: "status",
+      role: role ?? "status",
+      tabIndex,
       ...accessibleLabel ? { "aria-label": accessibleLabel } : {},
+      ...ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : {},
+      ...ariaDescribedBy ? { "aria-describedby": ariaDescribedBy } : {},
+      ...ariaLive ? { "aria-live": ariaLive } : {},
+      ...ariaAtomic !== void 0 ? { "aria-atomic": ariaAtomic } : {},
+      ...rest,
       children: inner
     }
   );
@@ -191,4 +209,4 @@ Badge.displayName = "Badge";
 export {
   Badge as B
 };
-//# sourceMappingURL=Badge-DcwVDzeX.js.map
+//# sourceMappingURL=Badge-WP2DFssv.js.map

package/dist/next/Badge-WP2DFssv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-WP2DFssv.js","sources":["../../src/components/Badge/BadgeBase.tsx","../../src/components/Badge/next/Badge.tsx"],"sourcesContent":["import React, { useMemo, MouseEvent } from \"react\";\r\nimport { BadgeBaseProps } from \"./Badge.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\nexport const BadgeBase: React.FC<BadgeBaseProps> = ({\r\n  children,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive,\r\n  \"aria-atomic\": ariaAtomic,\r\n  role,\r\n  tabIndex,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  disabled = false,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  title,\r\n  size = getDefaultSize(),\r\n  outline = false,\r\n  icon: Icon,\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"badge\",\r\n  onClick,\r\n  href,\r\n  ...rest\r\n}: BadgeBaseProps) => {\r\n  if (children == null && !Icon) return null;\r\n\r\n  const isTextContent =\r\n    typeof children === \"string\" || typeof children === \"number\";\r\n\r\n  const accessibleLabel =\r\n    ariaLabel ?? (isTextContent ? String(children) : undefined);\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.badge,\r\n        classMap[size],\r\n        classMap[theme],\r\n        classMap[state],\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        onClick && classMap.clickable,\r\n        className,\r\n      ),\r\n    [\r\n      size,\r\n      theme,\r\n      state,\r\n      shadow,\r\n      rounding,\r\n      disabled,\r\n      outline,\r\n      onClick,\r\n      className,\r\n      classMap,\r\n    ],\r\n  );\r\n\r\n  const handleClick = (e: MouseEvent<HTMLElement>) => {\r\n    if (disabled) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return;\r\n    }\r\n\r\n    onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n  };\r\n\r\n  const sharedAccessibilityProps = {\r\n    ...(accessibleLabel ? { \"aria-label\": accessibleLabel } : {}),\r\n    ...(ariaLabelledBy ? { \"aria-labelledby\": ariaLabelledBy } : {}),\r\n    ...(ariaDescribedBy ? { \"aria-describedby\": ariaDescribedBy } : {}),\r\n    ...(ariaLive ? { \"aria-live\": ariaLive } : {}),\r\n    ...(ariaAtomic !== undefined ? { \"aria-atomic\": ariaAtomic } : {}),\r\n    ...(role ? { role } : {}),\r\n    ...(tabIndex !== undefined ? { tabIndex } : {}),\r\n  };\r\n\r\n  const inner = (\r\n    <>\r\n      {Icon && (\r\n        <Icon\r\n          className={classMap.badge_icon}\r\n          aria-hidden=\"true\"\r\n          focusable=\"false\"\r\n          data-testid={testId ? `${testId}-icon` : undefined}\r\n        />\r\n      )}\r\n      {children}\r\n    </>\r\n  );\r\n\r\n  if (href) {\r\n    const isHttp = /^https?:\\/\\//i.test(href);\r\n\r\n    return (\r\n      <a\r\n        href={disabled ? undefined : href}\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        title={title ?? accessibleLabel}\r\n        aria-disabled={disabled || undefined}\r\n        tabIndex={disabled ? -1 : tabIndex}\r\n        target={isHttp && !disabled ? \"_blank\" : undefined}\r\n        rel={isHttp && !disabled ? \"noopener noreferrer\" : undefined}\r\n        {...sharedAccessibilityProps}\r\n        {...(rest as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\r\n      >\r\n        {inner}\r\n      </a>\r\n    );\r\n  }\r\n\r\n  if (onClick) {\r\n    return (\r\n      <button\r\n        type=\"button\"\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        disabled={disabled}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        title={title ?? accessibleLabel}\r\n        {...sharedAccessibilityProps}\r\n        {...(rest as React.ButtonHTMLAttributes<HTMLButtonElement>)}\r\n      >\r\n        {inner}\r\n      </button>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <span\r\n      className={combinedClassName}\r\n      data-testid={testId ? `${testId}-main` : undefined}\r\n      title={title ?? accessibleLabel}\r\n      role={role ?? \"status\"}\r\n      tabIndex={tabIndex}\r\n      {...(accessibleLabel ? { \"aria-label\": accessibleLabel } : {})}\r\n      {...(ariaLabelledBy ? { \"aria-labelledby\": ariaLabelledBy } : {})}\r\n      {...(ariaDescribedBy ? { \"aria-describedby\": ariaDescribedBy } : {})}\r\n      {...(ariaLive ? { \"aria-live\": ariaLive } : {})}\r\n      {...(ariaAtomic !== undefined ? { \"aria-atomic\": ariaAtomic } : {})}\r\n      {...(rest as React.HTMLAttributes<HTMLSpanElement>)}\r\n    >\r\n      {inner}\r\n    </span>\r\n  );\r\n};\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Badge.module.scss\";\r\nimport { BadgeBase } from \"../BadgeBase\";\r\nimport { BadgeProps } from \"../Badge.types\";\r\n\r\nconst Badge: React.FC<BadgeProps> = (props) => {\r\n  return <BadgeBase {...props} classMap={styles} />;\r\n};\r\nBadge.displayName = \"Badge\";\r\nexport default Badge;\r\n"],"names":["disabled","outline"],"mappings":"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"}

package/dist/next/Badge.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Badge = require("./Badge-C4NhHVhm.cjs");
+const Badge = require("./Badge-DzcjI-JI.cjs");
 module.exports = Badge.Badge;
 //# sourceMappingURL=Badge.cjs.js.map

package/dist/next/Badge.js

@@ -1,4 +1,4 @@
-import { B } from "./Badge-DcwVDzeX.js";
+import { B } from "./Badge-WP2DFssv.js";
 export {
   B as default
 };