boreal-ui 0.0.31 → 0.0.32

package/dist/core/{Avatar-BxHxzh30.js → Avatar-BFec6Gv4.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useState, useMemo } from "react";
+import { forwardRef, useState, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
@@ -45,7 +45,7 @@ const FallbackUserIcon = (props) => /* @__PURE__ */ jsxs(
     ]
   }
 );
-const AvatarBase = ({
+const AvatarBase = forwardRef(function AvatarBase2({
   src,
   alt,
   name = "",
@@ -69,10 +69,16 @@ const AvatarBase = ({
   ImageComponent = "img",
   LinkComponent = "a",
   classMap,
-  "data-testid": testId = "avatar"
-}) => {
+  "data-testid": testId = "avatar",
+  ...rest
+}, ref) {
   const [imgError, setImgError] = useState(false);
   const computedLabel = label || alt || name || "User avatar";
+  const linkAria = {
+    "aria-label": computedLabel,
+    "aria-disabled": disabled || void 0
+  };
+  const buttonAria = { "aria-label": computedLabel };
   const fallbackContent = fallback ?? (name ? getInitials(name) : /* @__PURE__ */ jsx(FallbackUserIcon, { className: classMap.fallback_icon }));
   const combinedClassName = useMemo(
     () => combineClassNames(
@@ -87,8 +93,20 @@ const AvatarBase = ({
       onClick && classMap.clickable,
       className
     ),
-    [theme, shape, size, outline, className]
+    [
+      theme,
+      state,
+      shape,
+      size,
+      shadow,
+      disabled,
+      outline,
+      onClick,
+      className,
+      classMap
+    ]
   );
+  const isNextImage = typeof ImageComponent !== "string";
   const avatarContent = !imgError && src ? /* @__PURE__ */ jsx(
     ImageComponent,
     {
@@ -96,11 +114,9 @@ const AvatarBase = ({
       alt: computedLabel,
       className: classMap.image,
       onError: () => setImgError(true),
-      loading: priority ? "eager" : "lazy",
-      "aria-hidden": "false",
-      role: "img",
-      "data-testid": testId ? `${testId}-image` : void 0,
-      fill: true
+      ...priority ? { loading: "eager" } : { loading: "lazy" },
+      ...isNextImage ? { fill: true } : {},
+      "data-testid": testId ? `${testId}-image` : void 0
     }
   ) : /* @__PURE__ */ jsx(
     "span",
@@ -119,7 +135,7 @@ const AvatarBase = ({
       className: combineClassNames(
         classMap.status,
         status && classMap[status],
-        statusIcon ? "icon_only" : void 0,
+        statusIcon ? classMap.icon_only : void 0,
         classMap[statusPosition]
       ),
       "aria-hidden": "true",
@@ -132,37 +148,41 @@ const AvatarBase = ({
     statusIndicator
   ] });
   const handleClick = (e) => {
+    if (disabled) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
     onClick == null ? void 0 : onClick(e);
-    if (!href) e.preventDefault();
-  };
-  const ariaAttrs = {
-    "aria-label": computedLabel,
-    "aria-disabled": false
   };
   if (href) {
-    if (LinkComponent === "a") {
-      return /* @__PURE__ */ jsx(
-        "a",
-        {
-          href,
-          className: combinedClassName,
-          onClick: handleClick,
-          "data-testid": "avatar",
-          target: href.startsWith("http") ? "_blank" : void 0,
-          rel: href.startsWith("http") ? "noopener noreferrer" : void 0,
-          ...ariaAttrs,
-          children: content
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
+    const isHttp = /^https?:\/\//i.test(href);
+    return LinkComponent === "a" ? /* @__PURE__ */ jsx(
+      "a",
+      {
+        ref,
+        href: disabled ? void 0 : href,
+        className: combinedClassName,
+        onClick: handleClick,
+        "data-testid": testId ? `${testId}-main` : void 0,
+        target: isHttp && !disabled ? "_blank" : void 0,
+        rel: isHttp && !disabled ? "noopener noreferrer" : void 0,
+        tabIndex: disabled ? -1 : 0,
+        ...linkAria,
+        ...rest,
+        children: content
+      }
+    ) : /* @__PURE__ */ jsx(
       LinkComponent,
       {
+        ref,
         href,
         className: combinedClassName,
         onClick: handleClick,
         "data-testid": testId ? `${testId}-main` : void 0,
-        ...ariaAttrs,
+        tabIndex: disabled ? -1 : 0,
+        ...linkAria,
+        ...rest,
         children: content
       }
     );
@@ -170,15 +190,18 @@ const AvatarBase = ({
   return /* @__PURE__ */ jsx(
     "button",
     {
+      ref,
       type: "button",
       className: combinedClassName,
       onClick: handleClick,
+      disabled,
       "data-testid": testId ? `${testId}-main` : void 0,
-      ...ariaAttrs,
+      ...buttonAria,
+      ...rest,
       children: content
     }
   );
-};
+});
 AvatarBase.displayName = "AvatarBase";
 const classes = {
   avatar: "avatar",
@@ -225,4 +248,4 @@ const Avatar = (props) => /* @__PURE__ */ jsx(AvatarBase, { ...props, classMap:
 export {
   Avatar as A
 };
-//# sourceMappingURL=Avatar-BxHxzh30.js.map
+//# sourceMappingURL=Avatar-BFec6Gv4.js.map

package/dist/core/Avatar-BFec6Gv4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-BFec6Gv4.js","sources":["../../src/utils/getInitials.ts","../../src/Icons/UserIcon.tsx","../../src/components/Avatar/AvatarBase.tsx","../../src/components/Avatar/core/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} 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    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    \"data-testid\": testId = \"avatar\",\r\n    ...rest\r\n  },\r\n  ref\r\n) {\r\n  const [imgError, setImgError] = useState(false);\r\n\r\n  const computedLabel = label || alt || name || \"User avatar\";\r\n\r\n  const linkAria = {\r\n    \"aria-label\": computedLabel,\r\n    \"aria-disabled\": disabled || undefined,\r\n  } as const;\r\n  const buttonAria = { \"aria-label\": computedLabel } 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={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        role=\"img\"\r\n        aria-label={computedLabel}\r\n        title={computedLabel}\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    <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\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    onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n  };\r\n\r\n  if (href) {\r\n    const isHttp = /^https?:\\/\\//i.test(href);\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","import React from \"react\";\r\nimport \"./Avatar.scss\";\r\nimport { AvatarProps } from \"../Avatar.types\";\r\nimport { AvatarBase } from \"../AvatarBase\";\r\n\r\nconst classes = {\r\n  avatar: \"avatar\",\r\n  primary: \"avatar_primary\",\r\n  secondary: \"avatar_secondary\",\r\n  tertiary: \"avatar_tertiary\",\r\n  quaternary: \"avatar_quaternary\",\r\n  success: \"avatar_success\",\r\n  warning: \"avatar_warning\",\r\n  error: \"avatar_error\",\r\n  clear: \"avatar_clear\",\r\n  outline: \"avatar_outline\",\r\n\r\n  clickable: \"avatar_clickable\",\r\n  disabled: \"avatar_disabled\",\r\n\r\n  circle: \"avatar_circle\",\r\n  square: \"avatar_square\",\r\n  rounded: \"avatar_rounded\",\r\n\r\n  xs: \"avatar_xs\",\r\n  small: \"avatar_small\",\r\n  medium: \"avatar_medium\",\r\n  large: \"avatar_large\",\r\n  xl: \"avatar_xl\",\r\n\r\n  shadowNone: \"avatar_shadow-None\",\r\n  shadowLight: \"avatar_shadow-Light\",\r\n  shadowMedium: \"avatar_shadow-Medium\",\r\n  shadowStrong: \"avatar_shadow-Strong\",\r\n  shadowIntense: \"avatar_shadow-Intense\",\r\n\r\n  image: \"avatar_image\",\r\n  initials: \"avatar_initials\",\r\n  fallback_icon: \"avatar_fallback_icon\",\r\n  icon_only: \"avatar_icon_only\",\r\n  status: \"avatar_status\",\r\n  online: \"avatar_status_online\",\r\n  offline: \"avatar_status_offline\",\r\n  away: \"avatar_status_away\",\r\n  busy: \"avatar_status_busy\",\r\n  topRight: \"avatar_status_topRight\",\r\n  bottomRight: \"avatar_status_bottomRight\",\r\n  bottomLeft: \"avatar_status_bottomLeft\",\r\n  topLeft: \"avatar_status_topLeft\",\r\n\r\n  dot: \"avatar_dot\",\r\n};\r\n\r\nconst Avatar: React.FC<AvatarProps> = (props) => (\r\n  <AvatarBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default Avatar;\r\n"],"names":["AvatarBase"],"mappings":"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"}

package/dist/core/{Avatar-B3hD_M2R.cjs → Avatar-CeIz25Rt.cjs}

@@ -46,7 +46,7 @@ const FallbackUserIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
     ]
   }
 );
-const AvatarBase = ({
+const AvatarBase = React.forwardRef(function AvatarBase2({
   src,
   alt,
   name = "",
@@ -70,10 +70,16 @@ const AvatarBase = ({
   ImageComponent = "img",
   LinkComponent = "a",
   classMap,
-  "data-testid": testId = "avatar"
-}) => {
+  "data-testid": testId = "avatar",
+  ...rest
+}, ref) {
   const [imgError, setImgError] = React.useState(false);
   const computedLabel = label || alt || name || "User avatar";
+  const linkAria = {
+    "aria-label": computedLabel,
+    "aria-disabled": disabled || void 0
+  };
+  const buttonAria = { "aria-label": computedLabel };
   const fallbackContent = fallback ?? (name ? getInitials(name) : /* @__PURE__ */ jsxRuntime.jsx(FallbackUserIcon, { className: classMap.fallback_icon }));
   const combinedClassName = React.useMemo(
     () => classNames.combineClassNames(
@@ -88,8 +94,20 @@ const AvatarBase = ({
       onClick && classMap.clickable,
       className
     ),
-    [theme, shape, size, outline, className]
+    [
+      theme,
+      state,
+      shape,
+      size,
+      shadow,
+      disabled,
+      outline,
+      onClick,
+      className,
+      classMap
+    ]
   );
+  const isNextImage = typeof ImageComponent !== "string";
   const avatarContent = !imgError && src ? /* @__PURE__ */ jsxRuntime.jsx(
     ImageComponent,
     {
@@ -97,11 +115,9 @@ const AvatarBase = ({
       alt: computedLabel,
       className: classMap.image,
       onError: () => setImgError(true),
-      loading: priority ? "eager" : "lazy",
-      "aria-hidden": "false",
-      role: "img",
-      "data-testid": testId ? `${testId}-image` : void 0,
-      fill: true
+      ...priority ? { loading: "eager" } : { loading: "lazy" },
+      ...isNextImage ? { fill: true } : {},
+      "data-testid": testId ? `${testId}-image` : void 0
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx(
     "span",
@@ -120,7 +136,7 @@ const AvatarBase = ({
       className: classNames.combineClassNames(
         classMap.status,
         status && classMap[status],
-        statusIcon ? "icon_only" : void 0,
+        statusIcon ? classMap.icon_only : void 0,
         classMap[statusPosition]
       ),
       "aria-hidden": "true",
@@ -133,37 +149,41 @@ const AvatarBase = ({
     statusIndicator
   ] });
   const handleClick = (e) => {
+    if (disabled) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
     onClick == null ? void 0 : onClick(e);
-    if (!href) e.preventDefault();
-  };
-  const ariaAttrs = {
-    "aria-label": computedLabel,
-    "aria-disabled": false
   };
   if (href) {
-    if (LinkComponent === "a") {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
-        {
-          href,
-          className: combinedClassName,
-          onClick: handleClick,
-          "data-testid": "avatar",
-          target: href.startsWith("http") ? "_blank" : void 0,
-          rel: href.startsWith("http") ? "noopener noreferrer" : void 0,
-          ...ariaAttrs,
-          children: content
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    const isHttp = /^https?:\/\//i.test(href);
+    return LinkComponent === "a" ? /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        ref,
+        href: disabled ? void 0 : href,
+        className: combinedClassName,
+        onClick: handleClick,
+        "data-testid": testId ? `${testId}-main` : void 0,
+        target: isHttp && !disabled ? "_blank" : void 0,
+        rel: isHttp && !disabled ? "noopener noreferrer" : void 0,
+        tabIndex: disabled ? -1 : 0,
+        ...linkAria,
+        ...rest,
+        children: content
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
       LinkComponent,
       {
+        ref,
         href,
         className: combinedClassName,
         onClick: handleClick,
         "data-testid": testId ? `${testId}-main` : void 0,
-        ...ariaAttrs,
+        tabIndex: disabled ? -1 : 0,
+        ...linkAria,
+        ...rest,
         children: content
       }
     );
@@ -171,15 +191,18 @@ const AvatarBase = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
+      ref,
       type: "button",
       className: combinedClassName,
       onClick: handleClick,
+      disabled,
       "data-testid": testId ? `${testId}-main` : void 0,
-      ...ariaAttrs,
+      ...buttonAria,
+      ...rest,
       children: content
     }
   );
-};
+});
 AvatarBase.displayName = "AvatarBase";
 const classes = {
   avatar: "avatar",
@@ -224,4 +247,4 @@ const classes = {
 };
 const Avatar = (props) => /* @__PURE__ */ jsxRuntime.jsx(AvatarBase, { ...props, classMap: classes });
 exports.Avatar = Avatar;
-//# sourceMappingURL=Avatar-B3hD_M2R.cjs.map
+//# sourceMappingURL=Avatar-CeIz25Rt.cjs.map

package/dist/core/Avatar-CeIz25Rt.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-CeIz25Rt.cjs","sources":["../../src/utils/getInitials.ts","../../src/Icons/UserIcon.tsx","../../src/components/Avatar/AvatarBase.tsx","../../src/components/Avatar/core/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} 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    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    \"data-testid\": testId = \"avatar\",\r\n    ...rest\r\n  },\r\n  ref\r\n) {\r\n  const [imgError, setImgError] = useState(false);\r\n\r\n  const computedLabel = label || alt || name || \"User avatar\";\r\n\r\n  const linkAria = {\r\n    \"aria-label\": computedLabel,\r\n    \"aria-disabled\": disabled || undefined,\r\n  } as const;\r\n  const buttonAria = { \"aria-label\": computedLabel } 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={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        role=\"img\"\r\n        aria-label={computedLabel}\r\n        title={computedLabel}\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    <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\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    onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n  };\r\n\r\n  if (href) {\r\n    const isHttp = /^https?:\\/\\//i.test(href);\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","import React from \"react\";\r\nimport \"./Avatar.scss\";\r\nimport { AvatarProps } from \"../Avatar.types\";\r\nimport { AvatarBase } from \"../AvatarBase\";\r\n\r\nconst classes = {\r\n  avatar: \"avatar\",\r\n  primary: \"avatar_primary\",\r\n  secondary: \"avatar_secondary\",\r\n  tertiary: \"avatar_tertiary\",\r\n  quaternary: \"avatar_quaternary\",\r\n  success: \"avatar_success\",\r\n  warning: \"avatar_warning\",\r\n  error: \"avatar_error\",\r\n  clear: \"avatar_clear\",\r\n  outline: \"avatar_outline\",\r\n\r\n  clickable: \"avatar_clickable\",\r\n  disabled: \"avatar_disabled\",\r\n\r\n  circle: \"avatar_circle\",\r\n  square: \"avatar_square\",\r\n  rounded: \"avatar_rounded\",\r\n\r\n  xs: \"avatar_xs\",\r\n  small: \"avatar_small\",\r\n  medium: \"avatar_medium\",\r\n  large: \"avatar_large\",\r\n  xl: \"avatar_xl\",\r\n\r\n  shadowNone: \"avatar_shadow-None\",\r\n  shadowLight: \"avatar_shadow-Light\",\r\n  shadowMedium: \"avatar_shadow-Medium\",\r\n  shadowStrong: \"avatar_shadow-Strong\",\r\n  shadowIntense: \"avatar_shadow-Intense\",\r\n\r\n  image: \"avatar_image\",\r\n  initials: \"avatar_initials\",\r\n  fallback_icon: \"avatar_fallback_icon\",\r\n  icon_only: \"avatar_icon_only\",\r\n  status: \"avatar_status\",\r\n  online: \"avatar_status_online\",\r\n  offline: \"avatar_status_offline\",\r\n  away: \"avatar_status_away\",\r\n  busy: \"avatar_status_busy\",\r\n  topRight: \"avatar_status_topRight\",\r\n  bottomRight: \"avatar_status_bottomRight\",\r\n  bottomLeft: \"avatar_status_bottomLeft\",\r\n  topLeft: \"avatar_status_topLeft\",\r\n\r\n  dot: \"avatar_dot\",\r\n};\r\n\r\nconst Avatar: React.FC<AvatarProps> = (props) => (\r\n  <AvatarBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default Avatar;\r\n"],"names":["jsxs","jsx","forwardRef","AvatarBase","getDefaultSize","getDefaultShadow","getDefaultTheme","useState","useMemo","combineClassNames","capitalize","Fragment"],"mappings":"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"}

package/dist/core/Avatar.cjs.js

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

package/dist/core/Avatar.js

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

package/dist/core/{Badge-DwjSTlvN.cjs → Badge-C6qp0Eym.cjs}

@@ -19,8 +19,13 @@ const BadgeBase = ({
   className = "",
   classMap,
   "data-testid": testId = "badge",
-  onClick
+  onClick,
+  href,
+  ...rest
 }) => {
+  if (!text && !children) return null;
+  const content = children ?? text;
+  const label = typeof content === "string" ? content : text;
   const combinedClassName = React.useMemo(
     () => classNames.combineClassNames(
       classMap.badge,
@@ -34,38 +39,85 @@ const BadgeBase = ({
       onClick && classMap.clickable,
       className
     ),
-    [theme, size, outline, className]
+    [
+      size,
+      theme,
+      state,
+      shadow,
+      rounding,
+      disabled,
+      outline,
+      onClick,
+      href,
+      className,
+      classMap
+    ]
   );
-  if (!text && !children) return null;
-  const content = children ?? text;
-  const label = typeof content === "string" ? content : text;
   const handleClick = (e) => {
-    if (disabled) return;
+    if (disabled) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
     onClick == null ? void 0 : onClick(e);
-    if (!title && !onClick) e.preventDefault();
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  const needsAriaLabel = typeof content !== "string";
+  const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    Icon && /* @__PURE__ */ jsxRuntime.jsx(
+      Icon,
+      {
+        className: classMap.badge_icon,
+        "aria-hidden": "true",
+        focusable: "false",
+        "data-testid": testId ? `${testId}-icon` : void 0
+      }
+    ),
+    content
+  ] });
+  if (href) {
+    const isHttp = /^https?:\/\//i.test(href);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: disabled ? void 0 : href,
+        className: combinedClassName,
+        onClick: handleClick,
+        "data-testid": testId ? `${testId}-main` : void 0,
+        title: title ?? (typeof label === "string" ? label : void 0),
+        ...needsAriaLabel ? { "aria-label": label } : {},
+        "aria-disabled": disabled || void 0,
+        tabIndex: disabled ? -1 : 0,
+        target: isHttp && !disabled ? "_blank" : void 0,
+        rel: isHttp && !disabled ? "noopener noreferrer" : void 0,
+        ...rest,
+        children: inner
+      }
+    );
+  }
+  if (onClick) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: combinedClassName,
+        onClick: handleClick,
+        disabled,
+        "data-testid": testId ? `${testId}-main` : void 0,
+        title: title ?? (typeof label === "string" ? label : void 0),
+        ...needsAriaLabel ? { "aria-label": label } : {},
+        ...rest,
+        children: inner
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
       className: combinedClassName,
-      "aria-label": label,
-      title: title || label,
       "data-testid": testId ? `${testId}-main` : void 0,
-      role: "status",
-      onClick: handleClick,
-      "aria-live": "polite",
-      children: [
-        Icon && /* @__PURE__ */ jsxRuntime.jsx(
-          Icon,
-          {
-            className: classMap["badge_icon"],
-            "aria-hidden": "true",
-            focusable: "false",
-            "data-testid": testId ? `${testId}-icon` : void 0
-          }
-        ),
-        content
-      ]
+      title: title ?? (typeof label === "string" ? label : void 0),
+      ...needsAriaLabel ? { "aria-label": label } : {},
+      children: inner
     }
   );
 };
@@ -102,4 +154,4 @@ const Badge = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(BadgeBase, { ...props, classMap: classes });
 };
 exports.Badge = Badge;
-//# sourceMappingURL=Badge-DwjSTlvN.cjs.map
+//# sourceMappingURL=Badge-C6qp0Eym.cjs.map

package/dist/core/Badge-C6qp0Eym.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-C6qp0Eym.cjs","sources":["../../src/components/Badge/BadgeBase.tsx","../../src/components/Badge/core/Badge.tsx"],"sourcesContent":["import React, { useMemo, MouseEvent } from \"react\";\r\nimport { BadgeBaseProps, BadgeProps } 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  text,\r\n  children,\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 (!text && !children) return null;\r\n\r\n  const content = children ?? text;\r\n  const label = typeof content === \"string\" ? content : text;\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      href,\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    onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n  };\r\n\r\n  const needsAriaLabel = typeof content !== \"string\";\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      {content}\r\n    </>\r\n  );\r\n\r\n  if (href) {\r\n    const isHttp = /^https?:\\/\\//i.test(href);\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 ?? (typeof label === \"string\" ? label : undefined)}\r\n        {...(needsAriaLabel ? { \"aria-label\": label } : {})}\r\n        aria-disabled={disabled || undefined}\r\n        tabIndex={disabled ? -1 : 0}\r\n        target={isHttp && !disabled ? \"_blank\" : undefined}\r\n        rel={isHttp && !disabled ? \"noopener noreferrer\" : undefined}\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 ?? (typeof label === \"string\" ? label : undefined)}\r\n        {...(needsAriaLabel ? { \"aria-label\": label } : {})}\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 ?? (typeof label === \"string\" ? label : undefined)}\r\n      {...(needsAriaLabel ? { \"aria-label\": label } : {})}\r\n    >\r\n      {inner}\r\n    </span>\r\n  );\r\n};\r\n","import React from \"react\";\r\nimport \"./Badge.scss\";\r\nimport { BadgeBase } from \"../BadgeBase\";\r\nimport { BadgeProps } from \"../Badge.types\";\r\n\r\nconst classes = {\r\n  badge: \"badge\",\r\n\r\n  primary: \"badge_primary\",\r\n  secondary: \"badge_secondary\",\r\n  tertiary: \"badge_tertiary\",\r\n  quaternary: \"badge_quaternary\",\r\n  clear: \"badge_clear\",\r\n\r\n  success: \"badge_success\",\r\n  error: \"badge_error\",\r\n  warning: \"badge_warning\",\r\n\r\n  xs: \"badge_xs\",\r\n  small: \"badge_small\",\r\n  medium: \"badge_medium\",\r\n  large: \"badge_large\",\r\n  xl: \"badge_xl\",\r\n\r\n  shadowNone: \"badge_shadow-None\",\r\n  shadowLight: \"badge_shadow-Light\",\r\n  shadowMedium: \"badge_shadow-Medium\",\r\n  shadowStrong: \"badge_shadow-Strong\",\r\n  shadowIntense: \"badge_shadow-Intense\",\r\n\r\n  roundNone: \"badge_round-None\",\r\n  roundSmall: \"badge_round-Small\",\r\n  roundMedium: \"badge_round-Medium\",\r\n  roundLarge: \"badge_round-Large\",\r\n\r\n  outline: \"badge_outline\",\r\n  disabled: \"badge_disabled\",\r\n  icon: \"badge_icon\",\r\n  clickable: \"badge_clickable\",\r\n};\r\n\r\nconst Badge: React.FC<BadgeProps> = (props) => {\r\n  return <BadgeBase {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Badge;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useMemo","combineClassNames","capitalize","jsxs","Fragment","jsx"],"mappings":"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"}