boreal-ui 0.0.873 → 0.0.875

package/dist/next/{src/components/Accordion/AccordionBase.js → Accordion-ez41BXtb.js}

@@ -1,10 +1,82 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo, useState, useEffect } from "react";
-import { combineClassNames } from "../../utils/classNames.js";
-import { capitalize } from "../../utils/capitalize.js";
-import { getDefaultRounding, getDefaultShadow, getDefaultSize, getDefaultTheme } from "../../config/boreal-style-config.js";
-const AccordionBase = ({
+import { useMemo, useState, useEffect, useId } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
+import './Accordion.css';const accordion = "_accordion_1apbm_85";
+const roundNone = "_roundNone_1apbm_92";
+const header = "_header_1apbm_95";
+const content = "_content_1apbm_98";
+const expanded = "_expanded_1apbm_98";
+const roundSmall = "_roundSmall_1apbm_103";
+const roundMedium = "_roundMedium_1apbm_114";
+const roundLarge = "_roundLarge_1apbm_125";
+const roundFull = "_roundFull_1apbm_136";
+const shadowNone = "_shadowNone_1apbm_147";
+const shadowLight = "_shadowLight_1apbm_151";
+const shadowMedium = "_shadowMedium_1apbm_155";
+const shadowStrong = "_shadowStrong_1apbm_159";
+const shadowIntense = "_shadowIntense_1apbm_163";
+const clear = "_clear_1apbm_167";
+const primary = "_primary_1apbm_218";
+const outline = "_outline_1apbm_225";
+const secondary = "_secondary_1apbm_240";
+const tertiary = "_tertiary_1apbm_262";
+const quaternary = "_quaternary_1apbm_284";
+const success = "_success_1apbm_327";
+const error = "_error_1apbm_349";
+const warning = "_warning_1apbm_371";
+const disabled = "_disabled_1apbm_393";
+const content_inner = "_content_inner_1apbm_427";
+const loaded = "_loaded_1apbm_450";
+const loading = "_loading_1apbm_455";
+const content_clear = "_content_clear_1apbm_459";
+const title = "_title_1apbm_469";
+const icon = "_icon_1apbm_476";
+const xs = "_xs_1apbm_496";
+const small = "_small_1apbm_512";
+const medium = "_medium_1apbm_528";
+const large = "_large_1apbm_544";
+const xl = "_xl_1apbm_560";
+const styles = {
+  accordion,
+  roundNone,
+  header,
+  content,
+  expanded,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  clear,
+  primary,
+  outline,
+  secondary,
+  tertiary,
+  quaternary,
+  success,
+  error,
+  warning,
+  disabled,
+  content_inner,
+  loaded,
+  loading,
+  content_clear,
   title,
+  icon,
+  xs,
+  small,
+  medium,
+  large,
+  xl
+};
+const AccordionBase = ({
+  title: title2,
   id,
   children,
   lazyLoad = false,
@@ -17,9 +89,9 @@ const AccordionBase = ({
   size = getDefaultSize(),
   theme = getDefaultTheme(),
   state = "",
-  outline = false,
-  expanded,
-  disabled,
+  outline: outline2 = false,
+  expanded: expanded2,
+  disabled: disabled2,
   customCollapsedIcon,
   customExpandedIcon,
   onToggle,
@@ -37,12 +109,12 @@ const AccordionBase = ({
   "data-testid": testId = "accordion",
   ...rest
 }) => {
-  const isControlled = expanded !== void 0;
+  const isControlled = expanded2 !== void 0;
   const internalId = useMemo(getUniqueId, []);
   const [internalExpanded, setInternalExpanded] = useState(initiallyExpanded);
   const [hasBeenExpanded, setHasBeenExpanded] = useState(initiallyExpanded);
   const [isLoading, setIsLoading] = useState(asyncContent && initiallyExpanded);
-  const isExpanded = isControlled ? expanded : internalExpanded;
+  const isExpanded = isControlled ? expanded2 : internalExpanded;
   const baseId = id || internalId;
   const contentId = `${baseId}-content`;
   const buttonId = `${baseId}-button`;
@@ -55,16 +127,16 @@ const AccordionBase = ({
     asyncContent && isExpanded && isLoading ? loadingId : void 0
   ].filter(Boolean).join(" ") || void 0;
   const toggleAccordion = () => {
-    if (disabled) return;
+    if (disabled2) return;
     if (!isToggleable && isExpanded) return;
     if (isControlled) {
-      onToggle == null ? void 0 : onToggle(!expanded);
+      onToggle == null ? void 0 : onToggle(!expanded2);
     } else {
       setInternalExpanded((prev) => !prev);
     }
   };
   const handleKeyDown = (e) => {
-    if (disabled) return;
+    if (disabled2) return;
     if (e.key === "Enter" || e.key === " ") {
       e.preventDefault();
       toggleAccordion();
@@ -93,22 +165,22 @@ const AccordionBase = ({
       classMap[state],
       shadow && classMap[`shadow${capitalize(shadow)}`],
       rounding && classMap[`round${capitalize(rounding)}`],
-      disabled && classMap.disabled,
+      disabled2 && classMap.disabled,
       isExpanded && classMap.expanded,
       className
     ),
-    [classMap, size, state, shadow, rounding, disabled, isExpanded, className]
+    [classMap, size, state, shadow, rounding, disabled2, isExpanded, className]
   );
   const headerClassName = useMemo(
     () => combineClassNames(
       classMap.header,
       classMap[theme],
       classMap[state],
-      outline && classMap.outline,
-      disabled && classMap.disabled,
+      outline2 && classMap.outline,
+      disabled2 && classMap.disabled,
       isExpanded && classMap.expanded
     ),
-    [classMap, theme, state, outline, disabled, isExpanded]
+    [classMap, theme, state, outline2, disabled2, isExpanded]
   );
   const contentClassName = useMemo(
     () => combineClassNames(classMap.content, isExpanded && classMap.expanded),
@@ -129,12 +201,12 @@ const AccordionBase = ({
         type: "button",
         "aria-expanded": isExpanded,
         "aria-controls": contentId,
-        "aria-disabled": disabled || void 0,
+        "aria-disabled": disabled2 || void 0,
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
         "aria-describedby": buttonDescribedBy,
-        tabIndex: disabled ? -1 : 0,
-        disabled,
+        tabIndex: disabled2 ? -1 : 0,
+        disabled: disabled2,
         "data-testid": testId ? `${testId}-accordion-toggle` : void 0,
         children: [
           iconPosition === "left" && /* @__PURE__ */ jsx(
@@ -151,7 +223,7 @@ const AccordionBase = ({
             {
               className: classMap.accordionTitle,
               "data-testid": testId ? `${testId}-title` : void 0,
-              children: title
+              children: title2
             }
           ),
           iconPosition === "right" && /* @__PURE__ */ jsx(
@@ -206,7 +278,13 @@ const AccordionBase = ({
   ] });
 };
 AccordionBase.displayName = "AccordionBase";
+const Accordion = (props) => {
+  const id = useId();
+  const getUniqueId = () => `accordion-${id}`;
+  return /* @__PURE__ */ jsx(AccordionBase, { ...props, getUniqueId, classMap: styles });
+};
+Accordion.displayName = "Accordion";
 export {
-  AccordionBase
+  Accordion as A
 };
-//# sourceMappingURL=AccordionBase.js.map
+//# sourceMappingURL=Accordion-ez41BXtb.js.map

package/dist/next/Accordion-ez41BXtb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion-ez41BXtb.js","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/next/Accordion.tsx"],"sourcesContent":["import React, { useMemo, useState, KeyboardEvent, useEffect } from \"react\";\r\nimport { AccordionProps } from \"./Accordion.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface AccordionBaseProps extends AccordionProps {\r\n  getUniqueId: () => string;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nexport const AccordionBase: React.FC<AccordionBaseProps> = ({\r\n  title,\r\n  id,\r\n  children,\r\n  lazyLoad = false,\r\n  iconPosition = \"right\",\r\n  isToggleable = true,\r\n  asyncContent = false,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  description,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  outline = false,\r\n  expanded,\r\n  disabled,\r\n  customCollapsedIcon,\r\n  customExpandedIcon,\r\n  onToggle,\r\n  initiallyExpanded = false,\r\n  className = \"\",\r\n  getUniqueId,\r\n  classMap,\r\n  regionAriaLabel,\r\n  regionAriaLabelledBy,\r\n  regionAriaDescribedBy,\r\n  loadingAriaLabel,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"data-testid\": testId = \"accordion\",\r\n  ...rest\r\n}) => {\r\n  const isControlled = expanded !== undefined;\r\n  const internalId = useMemo(getUniqueId, []);\r\n  const [internalExpanded, setInternalExpanded] = useState(initiallyExpanded);\r\n  const [hasBeenExpanded, setHasBeenExpanded] = useState(initiallyExpanded);\r\n  const [isLoading, setIsLoading] = useState(asyncContent && initiallyExpanded);\r\n\r\n  const isExpanded = isControlled ? expanded : internalExpanded;\r\n\r\n  const baseId = id || internalId;\r\n  const contentId = `${baseId}-content`;\r\n  const buttonId = `${baseId}-button`;\r\n  const descId = description ? `${baseId}-desc` : undefined;\r\n  const loadingId = `${baseId}-loading`;\r\n\r\n  const buttonDescribedBy =\r\n    [descId, ariaDescribedBy].filter(Boolean).join(\" \") || undefined;\r\n\r\n  const regionLabelledBy =\r\n    regionAriaLabelledBy || (!regionAriaLabel ? buttonId : undefined);\r\n\r\n  const regionDescribedBy =\r\n    [\r\n      regionAriaDescribedBy,\r\n      asyncContent && isExpanded && isLoading ? loadingId : undefined,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const toggleAccordion = () => {\r\n    if (disabled) return;\r\n    if (!isToggleable && isExpanded) return;\r\n\r\n    if (isControlled) {\r\n      onToggle?.(!expanded);\r\n    } else {\r\n      setInternalExpanded((prev) => !prev);\r\n    }\r\n  };\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\r\n    if (disabled) return;\r\n\r\n    if (e.key === \"Enter\" || e.key === \" \") {\r\n      e.preventDefault();\r\n      toggleAccordion();\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (isExpanded && !hasBeenExpanded) {\r\n      setHasBeenExpanded(true);\r\n    }\r\n  }, [isExpanded, hasBeenExpanded]);\r\n\r\n  useEffect(() => {\r\n    if (asyncContent && isExpanded) {\r\n      setIsLoading(true);\r\n\r\n      const timer = setTimeout(() => {\r\n        setIsLoading(false);\r\n      }, 1000);\r\n\r\n      return () => clearTimeout(timer);\r\n    }\r\n\r\n    return undefined;\r\n  }, [asyncContent, isExpanded]);\r\n\r\n  const renderedIcon = isExpanded\r\n    ? (customExpandedIcon ?? \"−\")\r\n    : (customCollapsedIcon ?? \"+\");\r\n\r\n  const wrapperClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.accordion,\r\n        classMap[size],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        disabled && classMap.disabled,\r\n        isExpanded && classMap.expanded,\r\n        className,\r\n      ),\r\n    [classMap, size, state, shadow, rounding, disabled, isExpanded, className],\r\n  );\r\n\r\n  const headerClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.header,\r\n        classMap[theme],\r\n        classMap[state],\r\n        outline && classMap.outline,\r\n        disabled && classMap.disabled,\r\n        isExpanded && classMap.expanded,\r\n      ),\r\n    [classMap, theme, state, outline, disabled, isExpanded],\r\n  );\r\n\r\n  const contentClassName = useMemo(\r\n    () => combineClassNames(classMap.content, isExpanded && classMap.expanded),\r\n    [classMap, isExpanded],\r\n  );\r\n\r\n  const iconClassName = useMemo(\r\n    () => combineClassNames(classMap.icon, isExpanded && classMap.expanded),\r\n    [classMap, isExpanded],\r\n  );\r\n\r\n  return (\r\n    <div {...rest} className={wrapperClassName}>\r\n      <button\r\n        id={buttonId}\r\n        className={headerClassName}\r\n        onClick={toggleAccordion}\r\n        onKeyDown={handleKeyDown}\r\n        type=\"button\"\r\n        aria-expanded={isExpanded}\r\n        aria-controls={contentId}\r\n        aria-disabled={disabled || undefined}\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={buttonDescribedBy}\r\n        tabIndex={disabled ? -1 : 0}\r\n        disabled={disabled}\r\n        data-testid={testId ? `${testId}-accordion-toggle` : undefined}\r\n      >\r\n        {iconPosition === \"left\" && (\r\n          <span\r\n            className={iconClassName}\r\n            aria-hidden=\"true\"\r\n            data-testid={testId ? `${testId}-icon` : undefined}\r\n          >\r\n            {renderedIcon}\r\n          </span>\r\n        )}\r\n\r\n        <span\r\n          className={classMap.accordionTitle}\r\n          data-testid={testId ? `${testId}-title` : undefined}\r\n        >\r\n          {title}\r\n        </span>\r\n\r\n        {iconPosition === \"right\" && (\r\n          <span\r\n            className={iconClassName}\r\n            aria-hidden=\"true\"\r\n            data-testid={testId ? `${testId}-icon` : undefined}\r\n          >\r\n            {renderedIcon}\r\n          </span>\r\n        )}\r\n      </button>\r\n\r\n      {description && (\r\n        <span\r\n          id={descId}\r\n          className=\"sr_only\"\r\n          data-testid={testId ? `${testId}-description` : undefined}\r\n        >\r\n          {description}\r\n        </span>\r\n      )}\r\n\r\n      <div\r\n        id={contentId}\r\n        role=\"region\"\r\n        aria-label={regionAriaLabel}\r\n        aria-labelledby={regionLabelledBy}\r\n        aria-describedby={regionDescribedBy}\r\n        aria-busy={asyncContent && isExpanded && isLoading ? true : undefined}\r\n        className={contentClassName}\r\n        data-state={isExpanded ? \"open\" : \"collapsed\"}\r\n        data-testid={testId ? `${testId}-content` : undefined}\r\n      >\r\n        {isExpanded && asyncContent && isLoading && (\r\n          <div\r\n            id={loadingId}\r\n            className={classMap.loading}\r\n            aria-live=\"polite\"\r\n            aria-atomic=\"true\"\r\n            data-testid={testId ? `${testId}-loading` : undefined}\r\n          >\r\n            {loadingAriaLabel || \"Loading content\"}\r\n          </div>\r\n        )}\r\n\r\n        {(!lazyLoad || hasBeenExpanded) &&\r\n          (!asyncContent || !isLoading) &&\r\n          children}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nAccordionBase.displayName = \"AccordionBase\";\r\n","\"use client\";\r\n\r\nimport React, { useId } from \"react\";\r\nimport { AccordionBase } from \"../AccordionBase\";\r\nimport type { AccordionProps } from \"../Accordion.types\";\r\nimport styles from \"./Accordion.module.scss\";\r\n\r\nconst Accordion: React.FC<AccordionProps> = (props) => {\r\n  const id = useId();\r\n  const getUniqueId = () => `accordion-${id}`;\r\n\r\n  return (\r\n    <AccordionBase {...props} getUniqueId={getUniqueId} classMap={styles} />\r\n  );\r\n};\r\nAccordion.displayName = \"Accordion\";\r\nexport default Accordion;\r\n"],"names":["title","outline","expanded","disabled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,MAAM,gBAA8C,CAAC;AAAA,EAC1D,OAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT;AAAA,EACA,OAAO,eAAA;AAAA,EACP,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,SAAAC,WAAU;AAAA,EACV,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,eAAe,SAAS;AAAA,EACxB,GAAG;AACL,MAAM;AACJ,QAAM,eAAeD,cAAa;AAClC,QAAM,aAAa,QAAQ,aAAa,EAAE;AAC1C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,iBAAiB;AAC1E,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,iBAAiB;AACxE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,gBAAgB,iBAAiB;AAE5E,QAAM,aAAa,eAAeA,YAAW;AAE7C,QAAM,SAAS,MAAM;AACrB,QAAM,YAAY,GAAG,MAAM;AAC3B,QAAM,WAAW,GAAG,MAAM;AAC1B,QAAM,SAAS,cAAc,GAAG,MAAM,UAAU;AAChD,QAAM,YAAY,GAAG,MAAM;AAE3B,QAAM,oBACJ,CAAC,QAAQ,eAAe,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAEzD,QAAM,mBACJ,yBAAyB,CAAC,kBAAkB,WAAW;AAEzD,QAAM,oBACJ;AAAA,IACE;AAAA,IACA,gBAAgB,cAAc,YAAY,YAAY;AAAA,EAAA,EAErD,OAAO,OAAO,EACd,KAAK,GAAG,KAAK;AAElB,QAAM,kBAAkB,MAAM;AAC5B,QAAIC,UAAU;AACd,QAAI,CAAC,gBAAgB,WAAY;AAEjC,QAAI,cAAc;AAChB,2CAAW,CAACD;AAAA,IACd,OAAO;AACL,0BAAoB,CAAC,SAAS,CAAC,IAAI;AAAA,IACrC;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,MAAwC;AAC7D,QAAIC,UAAU;AAEd,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,QAAE,eAAA;AACF,sBAAA;AAAA,IACF;AAAA,EACF;AAEA,YAAU,MAAM;AACd,QAAI,cAAc,CAAC,iBAAiB;AAClC,yBAAmB,IAAI;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,YAAY,eAAe,CAAC;AAEhC,YAAU,MAAM;AACd,QAAI,gBAAgB,YAAY;AAC9B,mBAAa,IAAI;AAEjB,YAAM,QAAQ,WAAW,MAAM;AAC7B,qBAAa,KAAK;AAAA,MACpB,GAAG,GAAI;AAEP,aAAO,MAAM,aAAa,KAAK;AAAA,IACjC;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,cAAc,UAAU,CAAC;AAE7B,QAAM,eAAe,aAChB,sBAAsB,MACtB,uBAAuB;AAE5B,QAAM,mBAAmB;AAAA,IACvB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnDA,aAAY,SAAS;AAAA,MACrB,cAAc,SAAS;AAAA,MACvB;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,MAAM,OAAO,QAAQ,UAAUA,WAAU,YAAY,SAAS;AAAA,EAAA;AAG3E,QAAM,kBAAkB;AAAA,IACtB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACdF,YAAW,SAAS;AAAA,MACpBE,aAAY,SAAS;AAAA,MACrB,cAAc,SAAS;AAAA,IAAA;AAAA,IAE3B,CAAC,UAAU,OAAO,OAAOF,UAASE,WAAU,UAAU;AAAA,EAAA;AAGxD,QAAM,mBAAmB;AAAA,IACvB,MAAM,kBAAkB,SAAS,SAAS,cAAc,SAAS,QAAQ;AAAA,IACzE,CAAC,UAAU,UAAU;AAAA,EAAA;AAGvB,QAAM,gBAAgB;AAAA,IACpB,MAAM,kBAAkB,SAAS,MAAM,cAAc,SAAS,QAAQ;AAAA,IACtE,CAAC,UAAU,UAAU;AAAA,EAAA;AAGvB,SACE,qBAAC,OAAA,EAAK,GAAG,MAAM,WAAW,kBACxB,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACJ,WAAW;AAAA,QACX,SAAS;AAAA,QACT,WAAW;AAAA,QACX,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,iBAAeA,aAAY;AAAA,QAC3B,cAAY;AAAA,QACZ,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QAClB,UAAUA,YAAW,KAAK;AAAA,QAC1B,UAAAA;AAAA,QACA,eAAa,SAAS,GAAG,MAAM,sBAAsB;AAAA,QAEpD,UAAA;AAAA,UAAA,iBAAiB,UAChB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,eAAY;AAAA,cACZ,eAAa,SAAS,GAAG,MAAM,UAAU;AAAA,cAExC,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAIL;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,eAAa,SAAS,GAAG,MAAM,WAAW;AAAA,cAEzC,UAAAH;AAAA,YAAA;AAAA,UAAA;AAAA,UAGF,iBAAiB,WAChB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,eAAY;AAAA,cACZ,eAAa,SAAS,GAAG,MAAM,UAAU;AAAA,cAExC,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,IAIH,eACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACJ,WAAU;AAAA,QACV,eAAa,SAAS,GAAG,MAAM,iBAAiB;AAAA,QAE/C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAIL;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACJ,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QAClB,aAAW,gBAAgB,cAAc,YAAY,OAAO;AAAA,QAC5D,WAAW;AAAA,QACX,cAAY,aAAa,SAAS;AAAA,QAClC,eAAa,SAAS,GAAG,MAAM,aAAa;AAAA,QAE3C,UAAA;AAAA,UAAA,cAAc,gBAAgB,aAC7B;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cACZ,eAAa,SAAS,GAAG,MAAM,aAAa;AAAA,cAE3C,UAAA,oBAAoB;AAAA,YAAA;AAAA,UAAA;AAAA,WAIvB,CAAC,YAAY,qBACZ,CAAC,gBAAgB,CAAC,cACnB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACF;AAEJ;AAEA,cAAc,cAAc;AChP5B,MAAM,YAAsC,CAAC,UAAU;AACrD,QAAM,KAAK,MAAA;AACX,QAAM,cAAc,MAAM,aAAa,EAAE;AAEzC,6BACG,eAAA,EAAe,GAAG,OAAO,aAA0B,UAAU,QAAQ;AAE1E;AACA,UAAU,cAAc;"}

package/dist/next/Accordion.js

@@ -1,5 +1,5 @@
-import { default as default2 } from "./src/components/Accordion/next/Accordion.js";
+import { A } from "./Accordion-ez41BXtb.js";
 export {
-  default2 as default
+  A as default
 };
 //# sourceMappingURL=Accordion.js.map

package/dist/next/{src/Icons/ArrowRightIcon.js → ArrowRightIcon-BYQv5XS8.js}

@@ -22,6 +22,6 @@ const ArrowRightIcon = (props) => /* @__PURE__ */ jsx(
   }
 );
 export {
-  ArrowRightIcon as default
+  ArrowRightIcon as A
 };
-//# sourceMappingURL=ArrowRightIcon.js.map
+//# sourceMappingURL=ArrowRightIcon-BYQv5XS8.js.map

package/dist/next/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":";AAAA,MAAM,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/next/{src/components/Avatar/AvatarBase.js → Avatar-RHR2xc9b.js}

@@ -1,19 +1,141 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { forwardRef, useState, useId, useMemo } from "react";
-import { getInitials } from "../../utils/getInitials.js";
-import { combineClassNames } from "../../utils/classNames.js";
-import FallbackUserIcon from "../../Icons/UserIcon.js";
-import { capitalize } from "../../utils/capitalize.js";
-import { getDefaultSize, getDefaultShadow, getDefaultTheme } from "../../config/boreal-style-config.js";
+import Image from "next/image";
+import Link from "next/link";
+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";
+import './Avatar.css';const avatar = "_avatar_p3qsm_68";
+const xs = "_xs_p3qsm_85";
+const small = "_small_p3qsm_90";
+const medium = "_medium_p3qsm_95";
+const large = "_large_p3qsm_100";
+const xl = "_xl_p3qsm_105";
+const circle = "_circle_p3qsm_110";
+const rounded = "_rounded_p3qsm_113";
+const square = "_square_p3qsm_116";
+const outline = "_outline_p3qsm_119";
+const shadowNone = "_shadowNone_p3qsm_122";
+const shadowLight = "_shadowLight_p3qsm_125";
+const shadowMedium = "_shadowMedium_p3qsm_128";
+const shadowStrong = "_shadowStrong_p3qsm_131";
+const shadowIntense = "_shadowIntense_p3qsm_134";
+const clickable = "_clickable_p3qsm_137";
+const clear = "_clear_p3qsm_147";
+const primary = "_primary_p3qsm_166";
+const secondary = "_secondary_p3qsm_188";
+const tertiary = "_tertiary_p3qsm_210";
+const quaternary = "_quaternary_p3qsm_232";
+const success = "_success_p3qsm_275";
+const error = "_error_p3qsm_297";
+const warning = "_warning_p3qsm_319";
+const disabled = "_disabled_p3qsm_341";
+const image = "_image_p3qsm_351";
+const initials = "_initials_p3qsm_360";
+const fallback_icon = "_fallback_icon_p3qsm_369";
+const status = "_status_p3qsm_376";
+const topLeft = "_topLeft_p3qsm_387";
+const topRight = "_topRight_p3qsm_391";
+const bottomLeft = "_bottomLeft_p3qsm_395";
+const bottomRight = "_bottomRight_p3qsm_399";
+const icon_only = "_icon_only_p3qsm_403";
+const online = "_online_p3qsm_412";
+const away = "_away_p3qsm_416";
+const offline = "_offline_p3qsm_420";
+const busy = "_busy_p3qsm_424";
+const dot = "_dot_p3qsm_428";
+const styles = {
+  avatar,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  circle,
+  rounded,
+  square,
+  outline,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  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
+};
+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,
+  disabled: disabled2 = false,
   href,
-  status,
+  status: status2,
   statusLabel,
   statusIcon,
   statusPosition = "bottomRight",
@@ -22,7 +144,7 @@ const AvatarBase = forwardRef(function AvatarBase2({
   size = getDefaultSize(),
   shadow = getDefaultShadow(),
   shape = "circle",
-  outline = false,
+  outline: outline2 = false,
   theme = getDefaultTheme(),
   state = "",
   className = "",
@@ -46,18 +168,18 @@ const AvatarBase = forwardRef(function AvatarBase2({
     if (ariaDescribedBy) {
       ids.push(ariaDescribedBy);
     }
-    if (statusLabel && (status || statusIcon)) {
+    if (statusLabel && (status2 || statusIcon)) {
       ids.push(generatedStatusId);
     }
     return ids.length > 0 ? ids.join(" ") : void 0;
-  }, [ariaDescribedBy, statusLabel, status, statusIcon, generatedStatusId]);
+  }, [ariaDescribedBy, statusLabel, status2, 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
+    "aria-disabled": disabled2 || void 0
   };
   const buttonAria = {
     role,
@@ -75,8 +197,8 @@ const AvatarBase = forwardRef(function AvatarBase2({
       classMap[shape],
       classMap[size],
       shadow && classMap[`shadow${capitalize(shadow)}`],
-      disabled && classMap.disabled,
-      outline && classMap.outline,
+      disabled2 && classMap.disabled,
+      outline2 && classMap.outline,
       onClick && classMap.clickable,
       className
     ),
@@ -86,8 +208,8 @@ const AvatarBase = forwardRef(function AvatarBase2({
       shape,
       size,
       shadow,
-      disabled,
-      outline,
+      disabled2,
+      outline2,
       onClick,
       className,
       classMap
@@ -115,13 +237,13 @@ const AvatarBase = forwardRef(function AvatarBase2({
       children: fallbackContent
     }
   );
-  const statusIndicator = (status || statusIcon) && /* @__PURE__ */ jsxs(Fragment, { children: [
+  const statusIndicator = (status2 || statusIcon) && /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "span",
       {
         className: combineClassNames(
           classMap.status,
-          status && classMap[status],
+          status2 && classMap[status2],
           statusIcon ? classMap.icon_only : void 0,
           classMap[statusPosition]
         ),
@@ -145,7 +267,7 @@ const AvatarBase = forwardRef(function AvatarBase2({
     statusIndicator
   ] });
   const handleClick = (e) => {
-    if (disabled) {
+    if (disabled2) {
       e.preventDefault();
       e.stopPropagation();
       return;
@@ -158,13 +280,13 @@ const AvatarBase = forwardRef(function AvatarBase2({
       "a",
       {
         ref,
-        href: disabled ? void 0 : href,
+        href: disabled2 ? 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,
+        target: isHttp && !disabled2 ? "_blank" : void 0,
+        rel: isHttp && !disabled2 ? "noopener noreferrer" : void 0,
+        tabIndex: disabled2 ? -1 : 0,
         ...linkAria,
         ...rest,
         children: content
@@ -177,7 +299,7 @@ const AvatarBase = forwardRef(function AvatarBase2({
         className: combinedClassName,
         onClick: handleClick,
         "data-testid": testId ? `${testId}-main` : void 0,
-        tabIndex: disabled ? -1 : 0,
+        tabIndex: disabled2 ? -1 : 0,
         ...linkAria,
         ...rest,
         children: content
@@ -191,7 +313,7 @@ const AvatarBase = forwardRef(function AvatarBase2({
       type: "button",
       className: combinedClassName,
       onClick: handleClick,
-      disabled,
+      disabled: disabled2,
       "data-testid": testId ? `${testId}-main` : void 0,
       ...buttonAria,
       ...rest,
@@ -200,7 +322,20 @@ const AvatarBase = forwardRef(function AvatarBase2({
   );
 });
 AvatarBase.displayName = "AvatarBase";
+const Avatar = forwardRef(
+  (props, ref) => /* @__PURE__ */ jsx(
+    AvatarBase,
+    {
+      ...props,
+      ImageComponent: Image,
+      LinkComponent: Link,
+      classMap: styles,
+      ref
+    }
+  )
+);
+Avatar.displayName = "Avatar";
 export {
-  AvatarBase
+  Avatar as A
 };
-//# sourceMappingURL=AvatarBase.js.map
+//# sourceMappingURL=Avatar-RHR2xc9b.js.map

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

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

package/dist/next/Avatar.js

@@ -1,5 +1,5 @@
-import { default as default2 } from "./src/components/Avatar/next/Avatar.js";
+import { A } from "./Avatar-RHR2xc9b.js";
 export {
-  default2 as default
+  A as default
 };
 //# sourceMappingURL=Avatar.js.map