boreal-ui 0.0.72 → 0.0.74

package/dist/core/Avatar-CHatDRhp.js

@@ -0,0 +1,291 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { forwardRef, useState, useId, useMemo } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { c as getDefaultSize, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
+const getInitials = (name) => {
+  var _a, _b, _c;
+  const words = name.trim().split(/\s+/);
+  const first = ((_a = words[0]) == null ? void 0 : _a[0]) || "";
+  const second = ((_b = words[1]) == null ? void 0 : _b[0]) || ((_c = words[0]) == null ? void 0 : _c[1]) || "";
+  return (first + second).toUpperCase() || "?";
+};
+const FallbackUserIcon = (props) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    strokeWidth: "1.5",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M5 20V19C5 15.134 8.13401 12 12 12V12C15.866 12 19 15.134 19 19V20",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          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",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+const AvatarBase = forwardRef(function AvatarBase2({
+  src,
+  alt,
+  name = "",
+  label,
+  onClick,
+  disabled = false,
+  href,
+  status,
+  statusLabel,
+  statusIcon,
+  statusPosition = "bottomRight",
+  fallback,
+  children,
+  size = getDefaultSize(),
+  shadow = getDefaultShadow(),
+  shape = "circle",
+  outline = false,
+  theme = getDefaultTheme(),
+  state = "",
+  className = "",
+  priority = false,
+  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 && (status || statusIcon)) {
+      ids.push(generatedStatusId);
+    }
+    return ids.length > 0 ? ids.join(" ") : void 0;
+  }, [ariaDescribedBy, statusLabel, status, statusIcon, generatedStatusId]);
+  const linkAria = {
+    role,
+    "aria-label": ariaLabelledBy ? void 0 : ariaLabel ?? computedLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": describedBy,
+    "aria-current": ariaCurrent,
+    "aria-disabled": disabled || void 0
+  };
+  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(
+      classMap.avatar,
+      classMap[theme],
+      classMap[state],
+      classMap[shape],
+      classMap[size],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      disabled && classMap.disabled,
+      outline && classMap.outline,
+      onClick && classMap.clickable,
+      className
+    ),
+    [
+      theme,
+      state,
+      shape,
+      size,
+      shadow,
+      disabled,
+      outline,
+      onClick,
+      className,
+      classMap
+    ]
+  );
+  const isNextImage = typeof ImageComponent !== "string";
+  const avatarContent = !imgError && src ? /* @__PURE__ */ jsx(
+    ImageComponent,
+    {
+      src,
+      alt: alt || computedLabel,
+      className: classMap.image,
+      onError: () => setImgError(true),
+      ...priority ? { loading: "eager" } : { loading: "lazy" },
+      ...isNextImage ? { fill: true } : {},
+      "data-testid": testId ? `${testId}-image` : void 0
+    }
+  ) : /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: classMap.initials,
+      title: computedLabel,
+      "aria-hidden": children ? true : void 0,
+      "data-testid": testId ? `${testId}-initials` : void 0,
+      children: fallbackContent
+    }
+  );
+  const statusIndicator = (status || statusIcon) && /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: combineClassNames(
+          classMap.status,
+          status && classMap[status],
+          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
+  ] });
+  const handleClick = (e) => {
+    if (disabled) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
+    onClick == null ? void 0 : onClick(e);
+  };
+  if (href) {
+    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,
+        tabIndex: disabled ? -1 : 0,
+        ...linkAria,
+        ...rest,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: combinedClassName,
+      onClick: handleClick,
+      disabled,
+      "data-testid": testId ? `${testId}-main` : void 0,
+      ...buttonAria,
+      ...rest,
+      children: content
+    }
+  );
+});
+AvatarBase.displayName = "AvatarBase";
+const classes = {
+  avatar: "avatar",
+  primary: "avatar_primary",
+  secondary: "avatar_secondary",
+  tertiary: "avatar_tertiary",
+  quaternary: "avatar_quaternary",
+  success: "avatar_success",
+  warning: "avatar_warning",
+  error: "avatar_error",
+  clear: "avatar_clear",
+  outline: "avatar_outline",
+  clickable: "avatar_clickable",
+  disabled: "avatar_disabled",
+  circle: "avatar_circle",
+  square: "avatar_square",
+  rounded: "avatar_rounded",
+  xs: "avatar_xs",
+  small: "avatar_small",
+  medium: "avatar_medium",
+  large: "avatar_large",
+  xl: "avatar_xl",
+  shadowNone: "avatar_shadow-None",
+  shadowLight: "avatar_shadow-Light",
+  shadowMedium: "avatar_shadow-Medium",
+  shadowStrong: "avatar_shadow-Strong",
+  shadowIntense: "avatar_shadow-Intense",
+  image: "avatar_image",
+  initials: "avatar_initials",
+  fallback_icon: "avatar_fallback_icon",
+  icon_only: "avatar_icon_only",
+  status: "avatar_status",
+  online: "avatar_status_online",
+  offline: "avatar_status_offline",
+  away: "avatar_status_away",
+  busy: "avatar_status_busy",
+  topRight: "avatar_status_topRight",
+  bottomRight: "avatar_status_bottomRight",
+  bottomLeft: "avatar_status_bottomLeft",
+  topLeft: "avatar_status_topLeft",
+  dot: "avatar_dot"
+};
+const Avatar = forwardRef(
+  (props, ref) => /* @__PURE__ */ jsx(AvatarBase, { ...props, classMap: classes, ref })
+);
+Avatar.displayName = "Avatar";
+export {
+  Avatar as A
+};
+//# sourceMappingURL=Avatar-CHatDRhp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-CHatDRhp.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  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","import { forwardRef } 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 = forwardRef<HTMLButtonElement | HTMLAnchorElement, AvatarProps>(\r\n  (props, ref) => <AvatarBase {...props} classMap={classes} ref={ref} />\r\n);\r\nAvatar.displayName = \"Avatar\";\r\nexport default Avatar;\r\n"],"names":["AvatarBase"],"mappings":"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"}

package/dist/core/Avatar-jxGFijtF.cjs

@@ -0,0 +1,290 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
+const getInitials = (name) => {
+  var _a, _b, _c;
+  const words = name.trim().split(/\s+/);
+  const first = ((_a = words[0]) == null ? void 0 : _a[0]) || "";
+  const second = ((_b = words[1]) == null ? void 0 : _b[0]) || ((_c = words[0]) == null ? void 0 : _c[1]) || "";
+  return (first + second).toUpperCase() || "?";
+};
+const FallbackUserIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    strokeWidth: "1.5",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M5 20V19C5 15.134 8.13401 12 12 12V12C15.866 12 19 15.134 19 19V20",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          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",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+const AvatarBase = React.forwardRef(function AvatarBase2({
+  src,
+  alt,
+  name = "",
+  label,
+  onClick,
+  disabled = false,
+  href,
+  status,
+  statusLabel,
+  statusIcon,
+  statusPosition = "bottomRight",
+  fallback,
+  children,
+  size = borealStyleConfig.getDefaultSize(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  shape = "circle",
+  outline = false,
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  className = "",
+  priority = false,
+  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 && (status || statusIcon)) {
+      ids.push(generatedStatusId);
+    }
+    return ids.length > 0 ? ids.join(" ") : void 0;
+  }, [ariaDescribedBy, statusLabel, status, statusIcon, generatedStatusId]);
+  const linkAria = {
+    role,
+    "aria-label": ariaLabelledBy ? void 0 : ariaLabel ?? computedLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": describedBy,
+    "aria-current": ariaCurrent,
+    "aria-disabled": disabled || void 0
+  };
+  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__ */ jsxRuntime.jsx(FallbackUserIcon, { className: classMap.fallback_icon }));
+  const combinedClassName = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.avatar,
+      classMap[theme],
+      classMap[state],
+      classMap[shape],
+      classMap[size],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      disabled && classMap.disabled,
+      outline && classMap.outline,
+      onClick && classMap.clickable,
+      className
+    ),
+    [
+      theme,
+      state,
+      shape,
+      size,
+      shadow,
+      disabled,
+      outline,
+      onClick,
+      className,
+      classMap
+    ]
+  );
+  const isNextImage = typeof ImageComponent !== "string";
+  const avatarContent = !imgError && src ? /* @__PURE__ */ jsxRuntime.jsx(
+    ImageComponent,
+    {
+      src,
+      alt: alt || computedLabel,
+      className: classMap.image,
+      onError: () => setImgError(true),
+      ...priority ? { loading: "eager" } : { loading: "lazy" },
+      ...isNextImage ? { fill: true } : {},
+      "data-testid": testId ? `${testId}-image` : void 0
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: classMap.initials,
+      title: computedLabel,
+      "aria-hidden": children ? true : void 0,
+      "data-testid": testId ? `${testId}-initials` : void 0,
+      children: fallbackContent
+    }
+  );
+  const statusIndicator = (status || statusIcon) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: classNames.combineClassNames(
+          classMap.status,
+          status && classMap[status],
+          statusIcon ? classMap.icon_only : void 0,
+          classMap[statusPosition]
+        ),
+        "aria-hidden": "true",
+        "data-testid": testId ? `${testId}-status` : void 0,
+        children: statusIcon || /* @__PURE__ */ jsxRuntime.jsx("span", { className: classMap.dot })
+      }
+    ),
+    statusLabel ? /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        id: generatedStatusId,
+        className: classMap.srOnly,
+        "data-testid": testId ? `${testId}-status-label` : void 0,
+        children: statusLabel
+      }
+    ) : null
+  ] });
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    children ?? avatarContent,
+    statusIndicator
+  ] });
+  const handleClick = (e) => {
+    if (disabled) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
+    onClick == null ? void 0 : onClick(e);
+  };
+  if (href) {
+    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,
+        tabIndex: disabled ? -1 : 0,
+        ...linkAria,
+        ...rest,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: combinedClassName,
+      onClick: handleClick,
+      disabled,
+      "data-testid": testId ? `${testId}-main` : void 0,
+      ...buttonAria,
+      ...rest,
+      children: content
+    }
+  );
+});
+AvatarBase.displayName = "AvatarBase";
+const classes = {
+  avatar: "avatar",
+  primary: "avatar_primary",
+  secondary: "avatar_secondary",
+  tertiary: "avatar_tertiary",
+  quaternary: "avatar_quaternary",
+  success: "avatar_success",
+  warning: "avatar_warning",
+  error: "avatar_error",
+  clear: "avatar_clear",
+  outline: "avatar_outline",
+  clickable: "avatar_clickable",
+  disabled: "avatar_disabled",
+  circle: "avatar_circle",
+  square: "avatar_square",
+  rounded: "avatar_rounded",
+  xs: "avatar_xs",
+  small: "avatar_small",
+  medium: "avatar_medium",
+  large: "avatar_large",
+  xl: "avatar_xl",
+  shadowNone: "avatar_shadow-None",
+  shadowLight: "avatar_shadow-Light",
+  shadowMedium: "avatar_shadow-Medium",
+  shadowStrong: "avatar_shadow-Strong",
+  shadowIntense: "avatar_shadow-Intense",
+  image: "avatar_image",
+  initials: "avatar_initials",
+  fallback_icon: "avatar_fallback_icon",
+  icon_only: "avatar_icon_only",
+  status: "avatar_status",
+  online: "avatar_status_online",
+  offline: "avatar_status_offline",
+  away: "avatar_status_away",
+  busy: "avatar_status_busy",
+  topRight: "avatar_status_topRight",
+  bottomRight: "avatar_status_bottomRight",
+  bottomLeft: "avatar_status_bottomLeft",
+  topLeft: "avatar_status_topLeft",
+  dot: "avatar_dot"
+};
+const Avatar = React.forwardRef(
+  (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(AvatarBase, { ...props, classMap: classes, ref })
+);
+Avatar.displayName = "Avatar";
+exports.Avatar = Avatar;
+//# sourceMappingURL=Avatar-jxGFijtF.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-jxGFijtF.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  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","import { forwardRef } 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 = forwardRef<HTMLButtonElement | HTMLAnchorElement, AvatarProps>(\r\n  (props, ref) => <AvatarBase {...props} classMap={classes} ref={ref} />\r\n);\r\nAvatar.displayName = \"Avatar\";\r\nexport default Avatar;\r\n"],"names":["jsxs","jsx","forwardRef","AvatarBase","getDefaultSize","getDefaultShadow","getDefaultTheme","useState","useId","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-CxrSOiu7.cjs");
+const Avatar = require("./Avatar-jxGFijtF.cjs");
 module.exports = Avatar.Avatar;
 //# sourceMappingURL=Avatar.cjs.js.map

package/dist/core/Avatar.js

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