boreal-ui 0.0.1

package/dist/core/Accordion.js

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

package/dist/core/Accordion.js.map

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

package/dist/core/ArrowRightIcon-BYQv5XS8.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+const ArrowRightIcon = (props) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    strokeWidth: "1.5",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M8.71299 18.6929C8.43273 18.5768 8.25 18.3033 8.25 18V5.99998C8.25 5.69663 8.43273 5.42315 8.71299 5.30707C8.99324 5.19098 9.31583 5.25515 9.53033 5.46965L15.5303 11.4696C15.8232 11.7625 15.8232 12.2374 15.5303 12.5303L9.53033 18.5303C9.31583 18.7448 8.99324 18.809 8.71299 18.6929Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+export {
+  ArrowRightIcon as A
+};
+//# sourceMappingURL=ArrowRightIcon-BYQv5XS8.js.map

package/dist/core/ArrowRightIcon-BYQv5XS8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRightIcon-BYQv5XS8.js","sources":["../../src/Icons/ArrowRightIcon.tsx"],"sourcesContent":["const ArrowRightIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\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      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M8.71299 18.6929C8.43273 18.5768 8.25 18.3033 8.25 18V5.99998C8.25 5.69663 8.43273 5.42315 8.71299 5.30707C8.99324 5.19098 9.31583 5.25515 9.53033 5.46965L15.5303 11.4696C15.8232 11.7625 15.8232 12.2374 15.5303 12.5303L9.53033 18.5303C9.31583 18.7448 8.99324 18.809 8.71299 18.6929Z\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n  </svg>\r\n);\r\nexport default ArrowRightIcon;\r\n"],"names":[],"mappings":";AAAM,MAAA,iBAA0D,CAAC,UAC/D;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN;AACH;"}

package/dist/core/ArrowRightIcon-ClXQHGAD.cjs

@@ -0,0 +1,26 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const ArrowRightIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    strokeWidth: "1.5",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M8.71299 18.6929C8.43273 18.5768 8.25 18.3033 8.25 18V5.99998C8.25 5.69663 8.43273 5.42315 8.71299 5.30707C8.99324 5.19098 9.31583 5.25515 9.53033 5.46965L15.5303 11.4696C15.8232 11.7625 15.8232 12.2374 15.5303 12.5303L9.53033 18.5303C9.31583 18.7448 8.99324 18.809 8.71299 18.6929Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+exports.ArrowRightIcon = ArrowRightIcon;
+//# sourceMappingURL=ArrowRightIcon-ClXQHGAD.cjs.map

package/dist/core/ArrowRightIcon-ClXQHGAD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRightIcon-ClXQHGAD.cjs","sources":["../../src/Icons/ArrowRightIcon.tsx"],"sourcesContent":["const ArrowRightIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\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      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M8.71299 18.6929C8.43273 18.5768 8.25 18.3033 8.25 18V5.99998C8.25 5.69663 8.43273 5.42315 8.71299 5.30707C8.99324 5.19098 9.31583 5.25515 9.53033 5.46965L15.5303 11.4696C15.8232 11.7625 15.8232 12.2374 15.5303 12.5303L9.53033 18.5303C9.31583 18.7448 8.99324 18.809 8.71299 18.6929Z\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n  </svg>\r\n);\r\nexport default ArrowRightIcon;\r\n"],"names":["jsx"],"mappings":";;AAAM,MAAA,iBAA0D,CAAC,UAC/DA,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAAA,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN;AACH;;"}

package/dist/core/Avatar-B5aqfDZX.cjs

@@ -0,0 +1,227 @@
+"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-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__ */ 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 = ({
+  src,
+  alt,
+  name = "",
+  label,
+  onClick,
+  disabled = false,
+  href,
+  status,
+  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,
+  "data-testid": testId
+}) => {
+  const [imgError, setImgError] = React.useState(false);
+  const computedLabel = label || alt || name || "User avatar";
+  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, shape, size, outline, className]
+  );
+  const avatarContent = !imgError && src ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: classMap.initials,
+      role: "img",
+      "aria-label": computedLabel,
+      title: computedLabel,
+      "data-testid": testId ? `${testId}-initials` : void 0,
+      children: fallbackContent
+    }
+  );
+  const statusIndicator = (status || statusIcon) && /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: classNames.combineClassNames(
+        classMap.status,
+        status && classMap[status],
+        statusIcon ? "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 })
+    }
+  );
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.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__ */ 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(
+      LinkComponent,
+      {
+        href,
+        className: combinedClassName,
+        onClick: handleClick,
+        "data-testid": testId ? `${testId}-main` : void 0,
+        ...ariaAttrs,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      className: combinedClassName,
+      onClick: handleClick,
+      "data-testid": testId ? `${testId}-main` : void 0,
+      ...ariaAttrs,
+      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 = (props) => /* @__PURE__ */ jsxRuntime.jsx(AvatarBase, { ...props, classMap: classes });
+exports.Avatar = Avatar;
+//# sourceMappingURL=Avatar-B5aqfDZX.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-B5aqfDZX.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, { 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","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","getDefaultSize","getDefaultShadow","getDefaultTheme","useState","useMemo","combineClassNames","capitalize","Fragment"],"mappings":"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"}

package/dist/core/Avatar-mhtrG5FT.js

@@ -0,0 +1,228 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+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 = false,
+  href,
+  status,
+  statusIcon,
+  statusPosition = "bottomRight",
+  fallback,
+  children,
+  size = getDefaultSize(),
+  shadow = getDefaultShadow(),
+  shape = "circle",
+  outline = 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)}`],
+      disabled && classMap.disabled,
+      outline && classMap.outline,
+      onClick && classMap.clickable,
+      className
+    ),
+    [theme, shape, size, outline, 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 = (status || statusIcon) && /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: combineClassNames(
+        classMap.status,
+        status && classMap[status],
+        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 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 = (props) => /* @__PURE__ */ jsx(AvatarBase, { ...props, classMap: classes });
+export {
+  Avatar as A
+};
+//# sourceMappingURL=Avatar-mhtrG5FT.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-mhtrG5FT.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, { 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","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":[],"mappings":"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"}

package/dist/core/Avatar.cjs.js

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

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

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

package/dist/core/Avatar.js

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

package/dist/core/Avatar.js.map

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