boreal-ui 0.0.1

package/dist/next/Avatar-B0KvtR9U.js

@@ -0,0 +1,277 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { I as Image } from "./image-Cs0ZR1Aj.js";
+import { L as Link } from "./link-CX77u6b-.js";
+import { 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";
+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 = ({
+  src,
+  alt,
+  name = "",
+  label,
+  onClick,
+  disabled: disabled2 = false,
+  href,
+  status: status2,
+  statusIcon,
+  statusPosition = "bottomRight",
+  fallback,
+  children,
+  size = getDefaultSize(),
+  shadow = getDefaultShadow(),
+  shape = "circle",
+  outline: outline2 = false,
+  theme = getDefaultTheme(),
+  state = "",
+  className = "",
+  priority = false,
+  ImageComponent = "img",
+  LinkComponent = "a",
+  classMap,
+  "data-testid": testId
+}) => {
+  const [imgError, setImgError] = useState(false);
+  const computedLabel = label || alt || name || "User avatar";
+  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)}`],
+      disabled2 && classMap.disabled,
+      outline2 && classMap.outline,
+      onClick && classMap.clickable,
+      className
+    ),
+    [theme, shape, size, outline2, className]
+  );
+  const avatarContent = !imgError && src ? /* @__PURE__ */ jsx(
+    ImageComponent,
+    {
+      src,
+      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
+    }
+  ) : /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: classMap.initials,
+      role: "img",
+      "aria-label": computedLabel,
+      title: computedLabel,
+      "data-testid": testId ? `${testId}-initials` : void 0,
+      children: fallbackContent
+    }
+  );
+  const statusIndicator = (status2 || statusIcon) && /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: combineClassNames(
+        classMap.status,
+        status2 && classMap[status2],
+        statusIcon ? "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 content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    children ?? avatarContent,
+    statusIndicator
+  ] });
+  const handleClick = (e) => {
+    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(
+      LinkComponent,
+      {
+        href,
+        className: combinedClassName,
+        onClick: handleClick,
+        "data-testid": testId ? `${testId}-main` : void 0,
+        ...ariaAttrs,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: combinedClassName,
+      onClick: handleClick,
+      "data-testid": testId ? `${testId}-main` : void 0,
+      ...ariaAttrs,
+      children: content
+    }
+  );
+};
+AvatarBase.displayName = "AvatarBase";
+const avatar = "_avatar_1e4og_68";
+const xs = "_xs_1e4og_82";
+const small = "_small_1e4og_87";
+const medium = "_medium_1e4og_92";
+const large = "_large_1e4og_97";
+const xl = "_xl_1e4og_102";
+const circle = "_circle_1e4og_107";
+const rounded = "_rounded_1e4og_110";
+const square = "_square_1e4og_113";
+const outline = "_outline_1e4og_116";
+const clickable = "_clickable_1e4og_119";
+const clear = "_clear_1e4og_130";
+const primary = "_primary_1e4og_150";
+const secondary = "_secondary_1e4og_172";
+const tertiary = "_tertiary_1e4og_194";
+const quaternary = "_quaternary_1e4og_216";
+const success = "_success_1e4og_259";
+const error = "_error_1e4og_281";
+const warning = "_warning_1e4og_303";
+const disabled = "_disabled_1e4og_325";
+const image = "_image_1e4og_335";
+const initials = "_initials_1e4og_344";
+const fallback_icon = "_fallback_icon_1e4og_350";
+const status = "_status_1e4og_357";
+const topLeft = "_topLeft_1e4og_368";
+const topRight = "_topRight_1e4og_372";
+const bottomLeft = "_bottomLeft_1e4og_376";
+const bottomRight = "_bottomRight_1e4og_380";
+const icon_only = "_icon_only_1e4og_384";
+const online = "_online_1e4og_393";
+const away = "_away_1e4og_397";
+const offline = "_offline_1e4og_401";
+const busy = "_busy_1e4og_405";
+const dot = "_dot_1e4og_409";
+const shadowNone = "_shadowNone_1e4og_415";
+const shadowLight = "_shadowLight_1e4og_419";
+const shadowMedium = "_shadowMedium_1e4og_423";
+const shadowStrong = "_shadowStrong_1e4og_427";
+const shadowIntense = "_shadowIntense_1e4og_431";
+const styles = {
+  avatar,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  circle,
+  rounded,
+  square,
+  outline,
+  clickable,
+  clear,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  success,
+  error,
+  warning,
+  disabled,
+  image,
+  initials,
+  fallback_icon,
+  status,
+  topLeft,
+  topRight,
+  bottomLeft,
+  bottomRight,
+  icon_only,
+  online,
+  away,
+  offline,
+  busy,
+  dot,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense
+};
+const Avatar = (props) => /* @__PURE__ */ jsx(
+  AvatarBase,
+  {
+    ...props,
+    ImageComponent: Image,
+    LinkComponent: Link,
+    classMap: styles
+  }
+);
+export {
+  Avatar as A
+};
+//# sourceMappingURL=Avatar-B0KvtR9U.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-B0KvtR9U.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, { useMemo, useState, MouseEvent } from \"react\";\r\nimport { AvatarProps } 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\nexport interface AvatarBaseProps extends AvatarProps {\r\n  ImageComponent?: React.ElementType;\r\n  LinkComponent?: React.ElementType;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nexport const AvatarBase: React.FC<AvatarBaseProps> = ({\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,\r\n}) => {\r\n  const [imgError, setImgError] = useState(false);\r\n  const computedLabel = label || alt || name || \"User avatar\";\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    [theme, shape, size, outline, className]\r\n  );\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        loading={priority ? \"eager\" : \"lazy\"}\r\n        aria-hidden=\"false\"\r\n        role=\"img\"\r\n        data-testid={testId ? `${testId}-image` : undefined}\r\n        fill={true}\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 ? \"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    onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n    if (!href) e.preventDefault();\r\n  };\r\n\r\n  const ariaAttrs = {\r\n    \"aria-label\": computedLabel,\r\n    \"aria-disabled\": false,\r\n  };\r\n\r\n  if (href) {\r\n    if (LinkComponent === \"a\") {\r\n      return (\r\n        <a\r\n          href={href}\r\n          className={combinedClassName}\r\n          onClick={handleClick}\r\n          data-testid=\"avatar\"\r\n          target={href.startsWith(\"http\") ? \"_blank\" : undefined}\r\n          rel={href.startsWith(\"http\") ? \"noopener noreferrer\" : undefined}\r\n          {...ariaAttrs}\r\n        >\r\n          {content}\r\n        </a>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <LinkComponent\r\n        href={href}\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        {...ariaAttrs}\r\n      >\r\n        {content}\r\n      </LinkComponent>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      type=\"button\"\r\n      className={combinedClassName}\r\n      onClick={handleClick}\r\n      data-testid={testId ? `${testId}-main` : undefined}\r\n      {...ariaAttrs}\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 React 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: React.FC<AvatarProps> = (props) => (\r\n  <AvatarBase\r\n    {...props}\r\n    ImageComponent={Image}\r\n    LinkComponent={Link}\r\n    classMap={styles}\r\n  />\r\n);\r\n\r\nexport default Avatar;\r\n"],"names":["disabled","status","outline"],"mappings":"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"}

package/dist/next/Avatar-s6BrkUFC.cjs

@@ -0,0 +1,276 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const image$1 = require("./image-C5jTmHeD.cjs");
+const link = require("./link-B8xgzNiC.cjs");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.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__ */ require$$2.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__ */ require$$2.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__ */ require$$2.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 = ({
+  src,
+  alt,
+  name = "",
+  label,
+  onClick,
+  disabled: disabled2 = false,
+  href,
+  status: status2,
+  statusIcon,
+  statusPosition = "bottomRight",
+  fallback,
+  children,
+  size = borealStyleConfig.getDefaultSize(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  shape = "circle",
+  outline: outline2 = false,
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  className = "",
+  priority = false,
+  ImageComponent = "img",
+  LinkComponent = "a",
+  classMap,
+  "data-testid": testId
+}) => {
+  const [imgError, setImgError] = React.useState(false);
+  const computedLabel = label || alt || name || "User avatar";
+  const fallbackContent = fallback ?? (name ? getInitials(name) : /* @__PURE__ */ require$$2.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)}`],
+      disabled2 && classMap.disabled,
+      outline2 && classMap.outline,
+      onClick && classMap.clickable,
+      className
+    ),
+    [theme, shape, size, outline2, className]
+  );
+  const avatarContent = !imgError && src ? /* @__PURE__ */ require$$2.jsx(
+    ImageComponent,
+    {
+      src,
+      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
+    }
+  ) : /* @__PURE__ */ require$$2.jsx(
+    "span",
+    {
+      className: classMap.initials,
+      role: "img",
+      "aria-label": computedLabel,
+      title: computedLabel,
+      "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 ? "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 content = /* @__PURE__ */ require$$2.jsxs(require$$2.Fragment, { children: [
+    children ?? avatarContent,
+    statusIndicator
+  ] });
+  const handleClick = (e) => {
+    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__ */ require$$2.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__ */ require$$2.jsx(
+      LinkComponent,
+      {
+        href,
+        className: combinedClassName,
+        onClick: handleClick,
+        "data-testid": testId ? `${testId}-main` : void 0,
+        ...ariaAttrs,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ require$$2.jsx(
+    "button",
+    {
+      type: "button",
+      className: combinedClassName,
+      onClick: handleClick,
+      "data-testid": testId ? `${testId}-main` : void 0,
+      ...ariaAttrs,
+      children: content
+    }
+  );
+};
+AvatarBase.displayName = "AvatarBase";
+const avatar = "_avatar_1e4og_68";
+const xs = "_xs_1e4og_82";
+const small = "_small_1e4og_87";
+const medium = "_medium_1e4og_92";
+const large = "_large_1e4og_97";
+const xl = "_xl_1e4og_102";
+const circle = "_circle_1e4og_107";
+const rounded = "_rounded_1e4og_110";
+const square = "_square_1e4og_113";
+const outline = "_outline_1e4og_116";
+const clickable = "_clickable_1e4og_119";
+const clear = "_clear_1e4og_130";
+const primary = "_primary_1e4og_150";
+const secondary = "_secondary_1e4og_172";
+const tertiary = "_tertiary_1e4og_194";
+const quaternary = "_quaternary_1e4og_216";
+const success = "_success_1e4og_259";
+const error = "_error_1e4og_281";
+const warning = "_warning_1e4og_303";
+const disabled = "_disabled_1e4og_325";
+const image = "_image_1e4og_335";
+const initials = "_initials_1e4og_344";
+const fallback_icon = "_fallback_icon_1e4og_350";
+const status = "_status_1e4og_357";
+const topLeft = "_topLeft_1e4og_368";
+const topRight = "_topRight_1e4og_372";
+const bottomLeft = "_bottomLeft_1e4og_376";
+const bottomRight = "_bottomRight_1e4og_380";
+const icon_only = "_icon_only_1e4og_384";
+const online = "_online_1e4og_393";
+const away = "_away_1e4og_397";
+const offline = "_offline_1e4og_401";
+const busy = "_busy_1e4og_405";
+const dot = "_dot_1e4og_409";
+const shadowNone = "_shadowNone_1e4og_415";
+const shadowLight = "_shadowLight_1e4og_419";
+const shadowMedium = "_shadowMedium_1e4og_423";
+const shadowStrong = "_shadowStrong_1e4og_427";
+const shadowIntense = "_shadowIntense_1e4og_431";
+const styles = {
+  avatar,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  circle,
+  rounded,
+  square,
+  outline,
+  clickable,
+  clear,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  success,
+  error,
+  warning,
+  disabled,
+  image,
+  initials,
+  fallback_icon,
+  status,
+  topLeft,
+  topRight,
+  bottomLeft,
+  bottomRight,
+  icon_only,
+  online,
+  away,
+  offline,
+  busy,
+  dot,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense
+};
+const Avatar = (props) => /* @__PURE__ */ require$$2.jsx(
+  AvatarBase,
+  {
+    ...props,
+    ImageComponent: image$1.Image,
+    LinkComponent: link.Link,
+    classMap: styles
+  }
+);
+exports.Avatar = Avatar;
+//# sourceMappingURL=Avatar-s6BrkUFC.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-s6BrkUFC.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, { useMemo, useState, MouseEvent } from \"react\";\r\nimport { AvatarProps } 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\nexport interface AvatarBaseProps extends AvatarProps {\r\n  ImageComponent?: React.ElementType;\r\n  LinkComponent?: React.ElementType;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nexport const AvatarBase: React.FC<AvatarBaseProps> = ({\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,\r\n}) => {\r\n  const [imgError, setImgError] = useState(false);\r\n  const computedLabel = label || alt || name || \"User avatar\";\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    [theme, shape, size, outline, className]\r\n  );\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        loading={priority ? \"eager\" : \"lazy\"}\r\n        aria-hidden=\"false\"\r\n        role=\"img\"\r\n        data-testid={testId ? `${testId}-image` : undefined}\r\n        fill={true}\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 ? \"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    onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n    if (!href) e.preventDefault();\r\n  };\r\n\r\n  const ariaAttrs = {\r\n    \"aria-label\": computedLabel,\r\n    \"aria-disabled\": false,\r\n  };\r\n\r\n  if (href) {\r\n    if (LinkComponent === \"a\") {\r\n      return (\r\n        <a\r\n          href={href}\r\n          className={combinedClassName}\r\n          onClick={handleClick}\r\n          data-testid=\"avatar\"\r\n          target={href.startsWith(\"http\") ? \"_blank\" : undefined}\r\n          rel={href.startsWith(\"http\") ? \"noopener noreferrer\" : undefined}\r\n          {...ariaAttrs}\r\n        >\r\n          {content}\r\n        </a>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <LinkComponent\r\n        href={href}\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        {...ariaAttrs}\r\n      >\r\n        {content}\r\n      </LinkComponent>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      type=\"button\"\r\n      className={combinedClassName}\r\n      onClick={handleClick}\r\n      data-testid={testId ? `${testId}-main` : undefined}\r\n      {...ariaAttrs}\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 React 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: React.FC<AvatarProps> = (props) => (\r\n  <AvatarBase\r\n    {...props}\r\n    ImageComponent={Image}\r\n    LinkComponent={Link}\r\n    classMap={styles}\r\n  />\r\n);\r\n\r\nexport default Avatar;\r\n"],"names":["jsxs","jsx","disabled","status","getDefaultSize","getDefaultShadow","outline","getDefaultTheme","useState","useMemo","combineClassNames","capitalize","Fragment","Image","Link"],"mappings":";;;;;;;;AAea,MAAA,cAAc,CAAC,SAAyB;;AACnD,QAAM,QAAQ,KAAK,KAAK,EAAE,MAAM,KAAK;AACrC,QAAM,UAAQ,WAAM,CAAC,MAAP,mBAAW,OAAM;AACzB,QAAA,WAAS,WAAM,CAAC,MAAP,mBAAW,SAAM,WAAM,CAAC,MAAP,mBAAW,OAAM;AACzC,UAAA,QAAQ,QAAQ,YAAiB,KAAA;AAC3C;ACpBA,MAAM,mBAA4D,CAAC,UACjEA,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAAC,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAChB;AAAA,MACDA,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA;AACH;ACRK,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,UAAAC,YAAW;AAAA,EACX;AAAA,EACA,QAAAC;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,OAAOC,kBAAAA,eAAe;AAAA,EACtB,SAASC,kBAAAA,iBAAiB;AAAA,EAC1B,QAAQ;AAAA,EACR,SAAAC,WAAU;AAAA,EACV,QAAQC,kBAAAA,gBAAgB;AAAA,EACxB,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAIC,MAAAA,SAAS,KAAK;AACxC,QAAA,gBAAgB,SAAS,OAAO,QAAQ;AACxC,QAAA,kBACJ,aACC,OACC,YAAY,IAAI,IAEfP,+BAAA,kBAAA,EAAiB,WAAW,SAAS,cAAe,CAAA;AAGzD,QAAM,oBAAoBQ,MAAA;AAAA,IACxB,MACEC,WAAA;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChDT,aAAY,SAAS;AAAA,MACrBI,YAAW,SAAS;AAAA,MACpB,WAAW,SAAS;AAAA,MACpB;AAAA,IACF;AAAA,IACF,CAAC,OAAO,OAAO,MAAMA,UAAS,SAAS;AAAA,EACzC;AAEM,QAAA,gBACJ,CAAC,YAAY,MACXL,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,KAAK;AAAA,MACL,WAAW,SAAS;AAAA,MACpB,SAAS,MAAM,YAAY,IAAI;AAAA,MAC/B,SAAS,WAAW,UAAU;AAAA,MAC9B,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,eAAa,SAAS,GAAG,MAAM,WAAW;AAAA,MAC1C,MAAM;AAAA,IAAA;AAAA,EAAA,IAGRA,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,SAAS;AAAA,MACpB,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,OAAO;AAAA,MACP,eAAa,SAAS,GAAG,MAAM,cAAc;AAAA,MAE5C,UAAA;AAAA,IAAA;AAAA,EACH;AAGE,QAAA,mBAAmBE,WAAU,eACjCF,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWS,WAAA;AAAA,QACT,SAAS;AAAA,QACTP,WAAU,SAASA,OAAM;AAAA,QACzB,aAAa,cAAc;AAAA,QAC3B,SAAS,cAAc;AAAA,MACzB;AAAA,MACA,eAAY;AAAA,MACZ,eAAa,SAAS,GAAG,MAAM,YAAY;AAAA,MAE1C,UAAc,cAAAF,+BAAC,QAAK,EAAA,WAAW,SAAS,IAAK,CAAA;AAAA,IAAA;AAAA,EAChD;AAGF,QAAM,UAEDD,2BAAAA,KAAAY,WAAA,UAAA,EAAA,UAAA;AAAA,IAAY,YAAA;AAAA,IACZ;AAAA,EAAA,GACH;AAGI,QAAA,cAAc,CAAC,MAA+B;AAClD,uCAAU;AACN,QAAA,CAAC,KAAM,GAAE,eAAe;AAAA,EAC9B;AAEA,QAAM,YAAY;AAAA,IAChB,cAAc;AAAA,IACd,iBAAiB;AAAA,EACnB;AAEA,MAAI,MAAM;AACR,QAAI,kBAAkB,KAAK;AAEvB,aAAAX,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,WAAW;AAAA,UACX,SAAS;AAAA,UACT,eAAY;AAAA,UACZ,QAAQ,KAAK,WAAW,MAAM,IAAI,WAAW;AAAA,UAC7C,KAAK,KAAK,WAAW,MAAM,IAAI,wBAAwB;AAAA,UACtD,GAAG;AAAA,UAEH,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAKF,WAAAA,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,QACX,SAAS;AAAA,QACT,eAAa,SAAS,GAAG,MAAM,UAAU;AAAA,QACxC,GAAG;AAAA,QAEH,UAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAKF,SAAAA,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW;AAAA,MACX,SAAS;AAAA,MACT,eAAa,SAAS,GAAG,MAAM,UAAU;AAAA,MACxC,GAAG;AAAA,MAEH,UAAA;AAAA,IAAA;AAAA,EACH;AAEJ;AAEA,WAAW,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjKnB,MAAA,SAAgC,CAAC,UACrCA,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBY,QAAA;AAAA,IAChB,eAAeC,KAAA;AAAA,IACf,UAAU;AAAA,EAAA;AACZ;;"}

package/dist/next/Avatar.cjs.js

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

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

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

package/dist/next/Avatar.js

@@ -0,0 +1,5 @@
+import { A } from "./Avatar-B0KvtR9U.js";
+export {
+  A as default
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/next/Avatar.js.map

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