boreal-ui 0.0.31 → 0.0.32

package/dist/next/{Avatar-BX8mh_3b.cjs → Avatar-hwM3F1Jw.cjs}

@@ -48,7 +48,7 @@ const FallbackUserIcon = (props) => /* @__PURE__ */ require$$2.jsxs(
     ]
   }
 );
-const AvatarBase = ({
+const AvatarBase = React.forwardRef(function AvatarBase2({
   src,
   alt,
   name = "",
@@ -72,10 +72,16 @@ const AvatarBase = ({
   ImageComponent = "img",
   LinkComponent = "a",
   classMap,
-  "data-testid": testId = "avatar"
-}) => {
+  "data-testid": testId = "avatar",
+  ...rest
+}, ref) {
   const [imgError, setImgError] = React.useState(false);
   const computedLabel = label || alt || name || "User avatar";
+  const linkAria = {
+    "aria-label": computedLabel,
+    "aria-disabled": disabled2 || void 0
+  };
+  const buttonAria = { "aria-label": computedLabel };
   const fallbackContent = fallback ?? (name ? getInitials(name) : /* @__PURE__ */ require$$2.jsx(FallbackUserIcon, { className: classMap.fallback_icon }));
   const combinedClassName = React.useMemo(
     () => classNames.combineClassNames(
@@ -90,8 +96,20 @@ const AvatarBase = ({
       onClick && classMap.clickable,
       className
     ),
-    [theme, shape, size, outline2, className]
+    [
+      theme,
+      state,
+      shape,
+      size,
+      shadow,
+      disabled2,
+      outline2,
+      onClick,
+      className,
+      classMap
+    ]
   );
+  const isNextImage = typeof ImageComponent !== "string";
   const avatarContent = !imgError && src ? /* @__PURE__ */ require$$2.jsx(
     ImageComponent,
     {
@@ -99,11 +117,9 @@ const AvatarBase = ({
       alt: computedLabel,
       className: classMap.image,
       onError: () => setImgError(true),
-      loading: priority ? "eager" : "lazy",
-      "aria-hidden": "false",
-      role: "img",
-      "data-testid": testId ? `${testId}-image` : void 0,
-      fill: true
+      ...priority ? { loading: "eager" } : { loading: "lazy" },
+      ...isNextImage ? { fill: true } : {},
+      "data-testid": testId ? `${testId}-image` : void 0
     }
   ) : /* @__PURE__ */ require$$2.jsx(
     "span",
@@ -122,7 +138,7 @@ const AvatarBase = ({
       className: classNames.combineClassNames(
         classMap.status,
         status2 && classMap[status2],
-        statusIcon ? "icon_only" : void 0,
+        statusIcon ? classMap.icon_only : void 0,
         classMap[statusPosition]
       ),
       "aria-hidden": "true",
@@ -135,37 +151,41 @@ const AvatarBase = ({
     statusIndicator
   ] });
   const handleClick = (e) => {
+    if (disabled2) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
     onClick == null ? void 0 : onClick(e);
-    if (!href) e.preventDefault();
-  };
-  const ariaAttrs = {
-    "aria-label": computedLabel,
-    "aria-disabled": false
   };
   if (href) {
-    if (LinkComponent === "a") {
-      return /* @__PURE__ */ 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(
+    const isHttp = /^https?:\/\//i.test(href);
+    return LinkComponent === "a" ? /* @__PURE__ */ require$$2.jsx(
+      "a",
+      {
+        ref,
+        href: disabled2 ? void 0 : href,
+        className: combinedClassName,
+        onClick: handleClick,
+        "data-testid": testId ? `${testId}-main` : void 0,
+        target: isHttp && !disabled2 ? "_blank" : void 0,
+        rel: isHttp && !disabled2 ? "noopener noreferrer" : void 0,
+        tabIndex: disabled2 ? -1 : 0,
+        ...linkAria,
+        ...rest,
+        children: content
+      }
+    ) : /* @__PURE__ */ require$$2.jsx(
       LinkComponent,
       {
+        ref,
         href,
         className: combinedClassName,
         onClick: handleClick,
         "data-testid": testId ? `${testId}-main` : void 0,
-        ...ariaAttrs,
+        tabIndex: disabled2 ? -1 : 0,
+        ...linkAria,
+        ...rest,
         children: content
       }
     );
@@ -173,15 +193,18 @@ const AvatarBase = ({
   return /* @__PURE__ */ require$$2.jsx(
     "button",
     {
+      ref,
       type: "button",
       className: combinedClassName,
       onClick: handleClick,
+      disabled: disabled2,
       "data-testid": testId ? `${testId}-main` : void 0,
-      ...ariaAttrs,
+      ...buttonAria,
+      ...rest,
       children: content
     }
   );
-};
+});
 AvatarBase.displayName = "AvatarBase";
 const avatar = "_avatar_1k8fb_68";
 const xs = "_xs_1k8fb_82";
@@ -273,4 +296,4 @@ const Avatar = (props) => /* @__PURE__ */ require$$2.jsx(
   }
 );
 exports.Avatar = Avatar;
-//# sourceMappingURL=Avatar-BX8mh_3b.cjs.map
+//# sourceMappingURL=Avatar-hwM3F1Jw.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-hwM3F1Jw.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, {\r\n  useMemo,\r\n  useState,\r\n  MouseEvent,\r\n  AnchorHTMLAttributes,\r\n  ButtonHTMLAttributes,\r\n  forwardRef,\r\n} from \"react\";\r\nimport { AvatarBaseProps } from \"./Avatar.types\";\r\nimport { getInitials } from \"../../utils/getInitials\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { FallbackUserIcon } from \"../../Icons/index\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport const AvatarBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  AvatarBaseProps\r\n>(function AvatarBase(\r\n  {\r\n    src,\r\n    alt,\r\n    name = \"\",\r\n    label,\r\n    onClick,\r\n    disabled = false,\r\n    href,\r\n    status,\r\n    statusIcon,\r\n    statusPosition = \"bottomRight\",\r\n    fallback,\r\n    children,\r\n    size = getDefaultSize(),\r\n    shadow = getDefaultShadow(),\r\n    shape = \"circle\",\r\n    outline = false,\r\n    theme = getDefaultTheme(),\r\n    state = \"\",\r\n    className = \"\",\r\n    priority = false,\r\n    ImageComponent = \"img\",\r\n    LinkComponent = \"a\",\r\n    classMap,\r\n    \"data-testid\": testId = \"avatar\",\r\n    ...rest\r\n  },\r\n  ref\r\n) {\r\n  const [imgError, setImgError] = useState(false);\r\n\r\n  const computedLabel = label || alt || name || \"User avatar\";\r\n\r\n  const linkAria = {\r\n    \"aria-label\": computedLabel,\r\n    \"aria-disabled\": disabled || undefined,\r\n  } as const;\r\n  const buttonAria = { \"aria-label\": computedLabel } as const;\r\n\r\n  const fallbackContent =\r\n    fallback ??\r\n    (name ? (\r\n      getInitials(name)\r\n    ) : (\r\n      <FallbackUserIcon className={classMap.fallback_icon} />\r\n    ));\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.avatar,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[shape],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        disabled && classMap.disabled,\r\n        outline && classMap.outline,\r\n        onClick && classMap.clickable,\r\n        className\r\n      ),\r\n    [\r\n      theme,\r\n      state,\r\n      shape,\r\n      size,\r\n      shadow,\r\n      disabled,\r\n      outline,\r\n      onClick,\r\n      className,\r\n      classMap,\r\n    ]\r\n  );\r\n\r\n  const isNextImage = typeof ImageComponent !== \"string\";\r\n\r\n  const avatarContent =\r\n    !imgError && src ? (\r\n      <ImageComponent\r\n        src={src}\r\n        alt={computedLabel}\r\n        className={classMap.image}\r\n        onError={() => setImgError(true)}\r\n        {...(priority\r\n          ? { loading: \"eager\" as const }\r\n          : { loading: \"lazy\" as const })}\r\n        {...(isNextImage ? { fill: true } : {})}\r\n        data-testid={testId ? `${testId}-image` : undefined}\r\n      />\r\n    ) : (\r\n      <span\r\n        className={classMap.initials}\r\n        role=\"img\"\r\n        aria-label={computedLabel}\r\n        title={computedLabel}\r\n        data-testid={testId ? `${testId}-initials` : undefined}\r\n      >\r\n        {fallbackContent}\r\n      </span>\r\n    );\r\n\r\n  const statusIndicator = (status || statusIcon) && (\r\n    <span\r\n      className={combineClassNames(\r\n        classMap.status,\r\n        status && classMap[status],\r\n        statusIcon ? classMap.icon_only : undefined,\r\n        classMap[statusPosition]\r\n      )}\r\n      aria-hidden=\"true\"\r\n      data-testid={testId ? `${testId}-status` : undefined}\r\n    >\r\n      {statusIcon || <span className={classMap.dot} />}\r\n    </span>\r\n  );\r\n\r\n  const content = (\r\n    <>\r\n      {children ?? avatarContent}\r\n      {statusIndicator}\r\n    </>\r\n  );\r\n\r\n  const handleClick = (e: MouseEvent<HTMLElement>) => {\r\n    if (disabled) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return;\r\n    }\r\n    onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n  };\r\n\r\n  if (href) {\r\n    const isHttp = /^https?:\\/\\//i.test(href);\r\n    return LinkComponent === \"a\" ? (\r\n      <a\r\n        ref={ref as React.Ref<HTMLAnchorElement>}\r\n        href={disabled ? undefined : href}\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        target={isHttp && !disabled ? \"_blank\" : undefined}\r\n        rel={isHttp && !disabled ? \"noopener noreferrer\" : undefined}\r\n        tabIndex={disabled ? -1 : 0}\r\n        {...linkAria}\r\n        {...(rest as AnchorHTMLAttributes<HTMLAnchorElement>)}\r\n      >\r\n        {content}\r\n      </a>\r\n    ) : (\r\n      <LinkComponent\r\n        ref={ref}\r\n        href={href}\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        tabIndex={disabled ? -1 : 0}\r\n        {...linkAria}\r\n        {...(rest as Record<string, unknown>)}\r\n      >\r\n        {content}\r\n      </LinkComponent>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      ref={ref as React.Ref<HTMLButtonElement>}\r\n      type=\"button\"\r\n      className={combinedClassName}\r\n      onClick={handleClick}\r\n      disabled={disabled}\r\n      data-testid={testId ? `${testId}-main` : undefined}\r\n      {...buttonAria}\r\n      {...(rest as ButtonHTMLAttributes<HTMLButtonElement>)}\r\n    >\r\n      {content}\r\n    </button>\r\n  );\r\n});\r\n\r\nAvatarBase.displayName = \"AvatarBase\";\r\n","\"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","forwardRef","AvatarBase","disabled","status","getDefaultSize","getDefaultShadow","outline","getDefaultTheme","useState","useMemo","combineClassNames","capitalize","Fragment","Image","Link"],"mappings":";;;;;;;;AAeO,MAAM,cAAc,CAAC,SAAyB;;AACnD,QAAM,QAAQ,KAAK,KAAA,EAAO,MAAM,KAAK;AACrC,QAAM,UAAQ,WAAM,CAAC,MAAP,mBAAW,OAAM;AAC/B,QAAM,WAAS,WAAM,CAAC,MAAP,mBAAW,SAAM,WAAM,CAAC,MAAP,mBAAW,OAAM;AACjD,UAAQ,QAAQ,QAAQ,YAAA,KAAiB;AAC3C;ACpBA,MAAM,mBAA4D,CAAC,UACjEA,2BAAAA;AAAAA,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,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjBA,2BAAAA;AAAAA,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;ACNK,MAAM,aAAaC,MAAAA,WAGxB,SAASC,YACT;AAAA,EACE;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,eAAA;AAAA,EACP,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,SAAAC,WAAU;AAAA,EACV,QAAQC,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB;AAAA,EACA,eAAe,SAAS;AAAA,EACxB,GAAG;AACL,GACA,KACA;AACA,QAAM,CAAC,UAAU,WAAW,IAAIC,MAAAA,SAAS,KAAK;AAE9C,QAAM,gBAAgB,SAAS,OAAO,QAAQ;AAE9C,QAAM,WAAW;AAAA,IACf,cAAc;AAAA,IACd,iBAAiBN,aAAY;AAAA,EAAA;AAE/B,QAAM,aAAa,EAAE,cAAc,cAAA;AAEnC,QAAM,kBACJ,aACC,OACC,YAAY,IAAI,IAEhBH,+BAAC,kBAAA,EAAiB,WAAW,SAAS,cAAA,CAAe;AAGzD,QAAM,oBAAoBU,MAAAA;AAAAA,IACxB,MACEC,WAAAA;AAAAA,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,IAAA;AAAA,IAEJ;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAJ;AAAA,MACAI;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAGF,QAAM,cAAc,OAAO,mBAAmB;AAE9C,QAAM,gBACJ,CAAC,YAAY,MACXP,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,KAAK;AAAA,MACL,WAAW,SAAS;AAAA,MACpB,SAAS,MAAM,YAAY,IAAI;AAAA,MAC9B,GAAI,WACD,EAAE,SAAS,YACX,EAAE,SAAS,OAAA;AAAA,MACd,GAAI,cAAc,EAAE,MAAM,KAAA,IAAS,CAAA;AAAA,MACpC,eAAa,SAAS,GAAG,MAAM,WAAW;AAAA,IAAA;AAAA,EAAA,IAG5CA,2BAAAA;AAAAA,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,EAAA;AAIP,QAAM,mBAAmBI,WAAU,eACjCJ,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWW,WAAAA;AAAAA,QACT,SAAS;AAAA,QACTP,WAAU,SAASA,OAAM;AAAA,QACzB,aAAa,SAAS,YAAY;AAAA,QAClC,SAAS,cAAc;AAAA,MAAA;AAAA,MAEzB,eAAY;AAAA,MACZ,eAAa,SAAS,GAAG,MAAM,YAAY;AAAA,MAE1C,UAAA,cAAcJ,+BAAC,QAAA,EAAK,WAAW,SAAS,IAAA,CAAK;AAAA,IAAA;AAAA,EAAA;AAIlD,QAAM,UACJD,2BAAAA,KAAAc,WAAAA,UAAA,EACG,UAAA;AAAA,IAAA,YAAY;AAAA,IACZ;AAAA,EAAA,GACH;AAGF,QAAM,cAAc,CAAC,MAA+B;AAClD,QAAIV,WAAU;AACZ,QAAE,eAAA;AACF,QAAE,gBAAA;AACF;AAAA,IACF;AACA,uCAAU;AAAA,EACZ;AAEA,MAAI,MAAM;AACR,UAAM,SAAS,gBAAgB,KAAK,IAAI;AACxC,WAAO,kBAAkB,MACvBH,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAMG,YAAW,SAAY;AAAA,QAC7B,WAAW;AAAA,QACX,SAAS;AAAA,QACT,eAAa,SAAS,GAAG,MAAM,UAAU;AAAA,QACzC,QAAQ,UAAU,CAACA,YAAW,WAAW;AAAA,QACzC,KAAK,UAAU,CAACA,YAAW,wBAAwB;AAAA,QACnD,UAAUA,YAAW,KAAK;AAAA,QACzB,GAAG;AAAA,QACH,GAAI;AAAA,QAEJ,UAAA;AAAA,MAAA;AAAA,IAAA,IAGHH,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,SAAS;AAAA,QACT,eAAa,SAAS,GAAG,MAAM,UAAU;AAAA,QACzC,UAAUG,YAAW,KAAK;AAAA,QACzB,GAAG;AAAA,QACH,GAAI;AAAA,QAEJ,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAEA,SACEH,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,WAAW;AAAA,MACX,SAAS;AAAA,MACT,UAAAG;AAAA,MACA,eAAa,SAAS,GAAG,MAAM,UAAU;AAAA,MACxC,GAAG;AAAA,MACH,GAAI;AAAA,MAEJ,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAED,WAAW,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpMzB,MAAM,SAAgC,CAAC,UACrCH,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBc,QAAAA;AAAAA,IAChB,eAAeC,KAAAA;AAAAA,IACf,UAAU;AAAA,EAAA;AACZ;;"}

package/dist/next/Avatar.cjs.js

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

package/dist/next/Avatar.js

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

package/dist/next/Badge-BG9cWEDv.js

@@ -0,0 +1,191 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useMemo } 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, d as getDefaultTheme, c as getDefaultSize } from "./boreal-style-config-BILmxkZG.js";
+const badge = "_badge_vqmmf_68";
+const clickable = "_clickable_vqmmf_81";
+const icon = "_icon_vqmmf_91";
+const clear = "_clear_vqmmf_96";
+const clear_outline = "_clear_outline_vqmmf_108";
+const shadowNone = "_shadowNone_vqmmf_122";
+const shadowLight = "_shadowLight_vqmmf_126";
+const shadowMedium = "_shadowMedium_vqmmf_130";
+const shadowStrong = "_shadowStrong_vqmmf_134";
+const shadowIntense = "_shadowIntense_vqmmf_138";
+const roundNone = "_roundNone_vqmmf_142";
+const roundSmall = "_roundSmall_vqmmf_146";
+const roundMedium = "_roundMedium_vqmmf_150";
+const roundLarge = "_roundLarge_vqmmf_154";
+const roundFull = "_roundFull_vqmmf_158";
+const primary = "_primary_vqmmf_162";
+const loader = "_loader_vqmmf_175";
+const outline = "_outline_vqmmf_179";
+const secondary = "_secondary_vqmmf_189";
+const tertiary = "_tertiary_vqmmf_216";
+const quaternary = "_quaternary_vqmmf_243";
+const success = "_success_vqmmf_296";
+const error = "_error_vqmmf_323";
+const warning = "_warning_vqmmf_350";
+const disabled = "_disabled_vqmmf_377";
+const xs = "_xs_vqmmf_384";
+const small = "_small_vqmmf_389";
+const medium = "_medium_vqmmf_394";
+const large = "_large_vqmmf_399";
+const xl = "_xl_vqmmf_404";
+const styles = {
+  badge,
+  clickable,
+  icon,
+  clear,
+  clear_outline,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  primary,
+  loader,
+  outline,
+  secondary,
+  tertiary,
+  quaternary,
+  success,
+  error,
+  warning,
+  disabled,
+  xs,
+  small,
+  medium,
+  large,
+  xl
+};
+const BadgeBase = ({
+  text,
+  children,
+  theme = getDefaultTheme(),
+  state = "",
+  disabled: disabled2 = false,
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  title,
+  size = getDefaultSize(),
+  outline: outline2 = false,
+  icon: Icon,
+  className = "",
+  classMap,
+  "data-testid": testId = "badge",
+  onClick,
+  href,
+  ...rest
+}) => {
+  if (!text && !children) return null;
+  const content = children ?? text;
+  const label = typeof content === "string" ? content : text;
+  const combinedClassName = useMemo(
+    () => combineClassNames(
+      classMap.badge,
+      classMap[size],
+      classMap[theme],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`],
+      disabled2 && classMap.disabled,
+      outline2 && classMap.outline,
+      onClick && classMap.clickable,
+      className
+    ),
+    [
+      size,
+      theme,
+      state,
+      shadow,
+      rounding,
+      disabled2,
+      outline2,
+      onClick,
+      href,
+      className,
+      classMap
+    ]
+  );
+  const handleClick = (e) => {
+    if (disabled2) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
+    onClick == null ? void 0 : onClick(e);
+  };
+  const needsAriaLabel = typeof content !== "string";
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    Icon && /* @__PURE__ */ jsx(
+      Icon,
+      {
+        className: classMap.badge_icon,
+        "aria-hidden": "true",
+        focusable: "false",
+        "data-testid": testId ? `${testId}-icon` : void 0
+      }
+    ),
+    content
+  ] });
+  if (href) {
+    const isHttp = /^https?:\/\//i.test(href);
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: disabled2 ? void 0 : href,
+        className: combinedClassName,
+        onClick: handleClick,
+        "data-testid": testId ? `${testId}-main` : void 0,
+        title: title ?? (typeof label === "string" ? label : void 0),
+        ...needsAriaLabel ? { "aria-label": label } : {},
+        "aria-disabled": disabled2 || void 0,
+        tabIndex: disabled2 ? -1 : 0,
+        target: isHttp && !disabled2 ? "_blank" : void 0,
+        rel: isHttp && !disabled2 ? "noopener noreferrer" : void 0,
+        ...rest,
+        children: inner
+      }
+    );
+  }
+  if (onClick) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: combinedClassName,
+        onClick: handleClick,
+        disabled: disabled2,
+        "data-testid": testId ? `${testId}-main` : void 0,
+        title: title ?? (typeof label === "string" ? label : void 0),
+        ...needsAriaLabel ? { "aria-label": label } : {},
+        ...rest,
+        children: inner
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: combinedClassName,
+      "data-testid": testId ? `${testId}-main` : void 0,
+      title: title ?? (typeof label === "string" ? label : void 0),
+      ...needsAriaLabel ? { "aria-label": label } : {},
+      children: inner
+    }
+  );
+};
+const Badge = (props) => {
+  return /* @__PURE__ */ jsx(BadgeBase, { ...props, classMap: styles });
+};
+export {
+  Badge as B
+};
+//# sourceMappingURL=Badge-BG9cWEDv.js.map

package/dist/next/Badge-BG9cWEDv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-BG9cWEDv.js","sources":["../../src/components/Badge/BadgeBase.tsx","../../src/components/Badge/next/Badge.tsx"],"sourcesContent":["import React, { useMemo, MouseEvent } from \"react\";\r\nimport { BadgeBaseProps, BadgeProps } from \"./Badge.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport const BadgeBase: React.FC<BadgeBaseProps> = ({\r\n  text,\r\n  children,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  disabled = false,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  title,\r\n  size = getDefaultSize(),\r\n  outline = false,\r\n  icon: Icon,\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"badge\",\r\n  onClick,\r\n  href,\r\n  ...rest\r\n}: BadgeBaseProps) => {\r\n  if (!text && !children) return null;\r\n\r\n  const content = children ?? text;\r\n  const label = typeof content === \"string\" ? content : text;\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.badge,\r\n        classMap[size],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        disabled && classMap.disabled,\r\n        outline && classMap.outline,\r\n        onClick && classMap.clickable,\r\n        className\r\n      ),\r\n    [\r\n      size,\r\n      theme,\r\n      state,\r\n      shadow,\r\n      rounding,\r\n      disabled,\r\n      outline,\r\n      onClick,\r\n      href,\r\n      className,\r\n      classMap,\r\n    ]\r\n  );\r\n\r\n  const handleClick = (e: MouseEvent<HTMLElement>) => {\r\n    if (disabled) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return;\r\n    }\r\n    onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n  };\r\n\r\n  const needsAriaLabel = typeof content !== \"string\";\r\n\r\n  const inner = (\r\n    <>\r\n      {Icon && (\r\n        <Icon\r\n          className={classMap.badge_icon}\r\n          aria-hidden=\"true\"\r\n          focusable=\"false\"\r\n          data-testid={testId ? `${testId}-icon` : undefined}\r\n        />\r\n      )}\r\n      {content}\r\n    </>\r\n  );\r\n\r\n  if (href) {\r\n    const isHttp = /^https?:\\/\\//i.test(href);\r\n    return (\r\n      <a\r\n        href={disabled ? undefined : href}\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        title={title ?? (typeof label === \"string\" ? label : undefined)}\r\n        {...(needsAriaLabel ? { \"aria-label\": label } : {})}\r\n        aria-disabled={disabled || undefined}\r\n        tabIndex={disabled ? -1 : 0}\r\n        target={isHttp && !disabled ? \"_blank\" : undefined}\r\n        rel={isHttp && !disabled ? \"noopener noreferrer\" : undefined}\r\n        {...(rest as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\r\n      >\r\n        {inner}\r\n      </a>\r\n    );\r\n  }\r\n\r\n  if (onClick) {\r\n    return (\r\n      <button\r\n        type=\"button\"\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        disabled={disabled}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        title={title ?? (typeof label === \"string\" ? label : undefined)}\r\n        {...(needsAriaLabel ? { \"aria-label\": label } : {})}\r\n        {...(rest as React.ButtonHTMLAttributes<HTMLButtonElement>)}\r\n      >\r\n        {inner}\r\n      </button>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <span\r\n      className={combinedClassName}\r\n      data-testid={testId ? `${testId}-main` : undefined}\r\n      title={title ?? (typeof label === \"string\" ? label : undefined)}\r\n      {...(needsAriaLabel ? { \"aria-label\": label } : {})}\r\n    >\r\n      {inner}\r\n    </span>\r\n  );\r\n};\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Badge.module.scss\";\r\nimport { BadgeBase } from \"../BadgeBase\";\r\nimport { BadgeProps } from \"../Badge.types\";\r\n\r\nconst Badge: React.FC<BadgeProps> = (props) => {\r\n  return <BadgeBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Badge;\r\n"],"names":["disabled","outline"],"mappings":"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"}

package/dist/next/Badge-DLSfi5vo.cjs

@@ -0,0 +1,190 @@
+"use strict";
+const require$$2 = 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 badge = "_badge_vqmmf_68";
+const clickable = "_clickable_vqmmf_81";
+const icon = "_icon_vqmmf_91";
+const clear = "_clear_vqmmf_96";
+const clear_outline = "_clear_outline_vqmmf_108";
+const shadowNone = "_shadowNone_vqmmf_122";
+const shadowLight = "_shadowLight_vqmmf_126";
+const shadowMedium = "_shadowMedium_vqmmf_130";
+const shadowStrong = "_shadowStrong_vqmmf_134";
+const shadowIntense = "_shadowIntense_vqmmf_138";
+const roundNone = "_roundNone_vqmmf_142";
+const roundSmall = "_roundSmall_vqmmf_146";
+const roundMedium = "_roundMedium_vqmmf_150";
+const roundLarge = "_roundLarge_vqmmf_154";
+const roundFull = "_roundFull_vqmmf_158";
+const primary = "_primary_vqmmf_162";
+const loader = "_loader_vqmmf_175";
+const outline = "_outline_vqmmf_179";
+const secondary = "_secondary_vqmmf_189";
+const tertiary = "_tertiary_vqmmf_216";
+const quaternary = "_quaternary_vqmmf_243";
+const success = "_success_vqmmf_296";
+const error = "_error_vqmmf_323";
+const warning = "_warning_vqmmf_350";
+const disabled = "_disabled_vqmmf_377";
+const xs = "_xs_vqmmf_384";
+const small = "_small_vqmmf_389";
+const medium = "_medium_vqmmf_394";
+const large = "_large_vqmmf_399";
+const xl = "_xl_vqmmf_404";
+const styles = {
+  badge,
+  clickable,
+  icon,
+  clear,
+  clear_outline,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  primary,
+  loader,
+  outline,
+  secondary,
+  tertiary,
+  quaternary,
+  success,
+  error,
+  warning,
+  disabled,
+  xs,
+  small,
+  medium,
+  large,
+  xl
+};
+const BadgeBase = ({
+  text,
+  children,
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  disabled: disabled2 = false,
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  title,
+  size = borealStyleConfig.getDefaultSize(),
+  outline: outline2 = false,
+  icon: Icon,
+  className = "",
+  classMap,
+  "data-testid": testId = "badge",
+  onClick,
+  href,
+  ...rest
+}) => {
+  if (!text && !children) return null;
+  const content = children ?? text;
+  const label = typeof content === "string" ? content : text;
+  const combinedClassName = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.badge,
+      classMap[size],
+      classMap[theme],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      disabled2 && classMap.disabled,
+      outline2 && classMap.outline,
+      onClick && classMap.clickable,
+      className
+    ),
+    [
+      size,
+      theme,
+      state,
+      shadow,
+      rounding,
+      disabled2,
+      outline2,
+      onClick,
+      href,
+      className,
+      classMap
+    ]
+  );
+  const handleClick = (e) => {
+    if (disabled2) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
+    onClick == null ? void 0 : onClick(e);
+  };
+  const needsAriaLabel = typeof content !== "string";
+  const inner = /* @__PURE__ */ require$$2.jsxs(require$$2.Fragment, { children: [
+    Icon && /* @__PURE__ */ require$$2.jsx(
+      Icon,
+      {
+        className: classMap.badge_icon,
+        "aria-hidden": "true",
+        focusable: "false",
+        "data-testid": testId ? `${testId}-icon` : void 0
+      }
+    ),
+    content
+  ] });
+  if (href) {
+    const isHttp = /^https?:\/\//i.test(href);
+    return /* @__PURE__ */ require$$2.jsx(
+      "a",
+      {
+        href: disabled2 ? void 0 : href,
+        className: combinedClassName,
+        onClick: handleClick,
+        "data-testid": testId ? `${testId}-main` : void 0,
+        title: title ?? (typeof label === "string" ? label : void 0),
+        ...needsAriaLabel ? { "aria-label": label } : {},
+        "aria-disabled": disabled2 || void 0,
+        tabIndex: disabled2 ? -1 : 0,
+        target: isHttp && !disabled2 ? "_blank" : void 0,
+        rel: isHttp && !disabled2 ? "noopener noreferrer" : void 0,
+        ...rest,
+        children: inner
+      }
+    );
+  }
+  if (onClick) {
+    return /* @__PURE__ */ require$$2.jsx(
+      "button",
+      {
+        type: "button",
+        className: combinedClassName,
+        onClick: handleClick,
+        disabled: disabled2,
+        "data-testid": testId ? `${testId}-main` : void 0,
+        title: title ?? (typeof label === "string" ? label : void 0),
+        ...needsAriaLabel ? { "aria-label": label } : {},
+        ...rest,
+        children: inner
+      }
+    );
+  }
+  return /* @__PURE__ */ require$$2.jsx(
+    "span",
+    {
+      className: combinedClassName,
+      "data-testid": testId ? `${testId}-main` : void 0,
+      title: title ?? (typeof label === "string" ? label : void 0),
+      ...needsAriaLabel ? { "aria-label": label } : {},
+      children: inner
+    }
+  );
+};
+const Badge = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(BadgeBase, { ...props, classMap: styles });
+};
+exports.Badge = Badge;
+//# sourceMappingURL=Badge-DLSfi5vo.cjs.map

package/dist/next/Badge-DLSfi5vo.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-DLSfi5vo.cjs","sources":["../../src/components/Badge/BadgeBase.tsx","../../src/components/Badge/next/Badge.tsx"],"sourcesContent":["import React, { useMemo, MouseEvent } from \"react\";\r\nimport { BadgeBaseProps, BadgeProps } from \"./Badge.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport const BadgeBase: React.FC<BadgeBaseProps> = ({\r\n  text,\r\n  children,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  disabled = false,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  title,\r\n  size = getDefaultSize(),\r\n  outline = false,\r\n  icon: Icon,\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"badge\",\r\n  onClick,\r\n  href,\r\n  ...rest\r\n}: BadgeBaseProps) => {\r\n  if (!text && !children) return null;\r\n\r\n  const content = children ?? text;\r\n  const label = typeof content === \"string\" ? content : text;\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.badge,\r\n        classMap[size],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        disabled && classMap.disabled,\r\n        outline && classMap.outline,\r\n        onClick && classMap.clickable,\r\n        className\r\n      ),\r\n    [\r\n      size,\r\n      theme,\r\n      state,\r\n      shadow,\r\n      rounding,\r\n      disabled,\r\n      outline,\r\n      onClick,\r\n      href,\r\n      className,\r\n      classMap,\r\n    ]\r\n  );\r\n\r\n  const handleClick = (e: MouseEvent<HTMLElement>) => {\r\n    if (disabled) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return;\r\n    }\r\n    onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n  };\r\n\r\n  const needsAriaLabel = typeof content !== \"string\";\r\n\r\n  const inner = (\r\n    <>\r\n      {Icon && (\r\n        <Icon\r\n          className={classMap.badge_icon}\r\n          aria-hidden=\"true\"\r\n          focusable=\"false\"\r\n          data-testid={testId ? `${testId}-icon` : undefined}\r\n        />\r\n      )}\r\n      {content}\r\n    </>\r\n  );\r\n\r\n  if (href) {\r\n    const isHttp = /^https?:\\/\\//i.test(href);\r\n    return (\r\n      <a\r\n        href={disabled ? undefined : href}\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        title={title ?? (typeof label === \"string\" ? label : undefined)}\r\n        {...(needsAriaLabel ? { \"aria-label\": label } : {})}\r\n        aria-disabled={disabled || undefined}\r\n        tabIndex={disabled ? -1 : 0}\r\n        target={isHttp && !disabled ? \"_blank\" : undefined}\r\n        rel={isHttp && !disabled ? \"noopener noreferrer\" : undefined}\r\n        {...(rest as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\r\n      >\r\n        {inner}\r\n      </a>\r\n    );\r\n  }\r\n\r\n  if (onClick) {\r\n    return (\r\n      <button\r\n        type=\"button\"\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        disabled={disabled}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        title={title ?? (typeof label === \"string\" ? label : undefined)}\r\n        {...(needsAriaLabel ? { \"aria-label\": label } : {})}\r\n        {...(rest as React.ButtonHTMLAttributes<HTMLButtonElement>)}\r\n      >\r\n        {inner}\r\n      </button>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <span\r\n      className={combinedClassName}\r\n      data-testid={testId ? `${testId}-main` : undefined}\r\n      title={title ?? (typeof label === \"string\" ? label : undefined)}\r\n      {...(needsAriaLabel ? { \"aria-label\": label } : {})}\r\n    >\r\n      {inner}\r\n    </span>\r\n  );\r\n};\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Badge.module.scss\";\r\nimport { BadgeBase } from \"../BadgeBase\";\r\nimport { BadgeProps } from \"../Badge.types\";\r\n\r\nconst Badge: React.FC<BadgeProps> = (props) => {\r\n  return <BadgeBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Badge;\r\n"],"names":["getDefaultTheme","disabled","getDefaultRounding","getDefaultShadow","getDefaultSize","outline","useMemo","combineClassNames","capitalize","jsxs","Fragment","jsx"],"mappings":"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"}

package/dist/next/Badge.cjs.js

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

package/dist/next/Badge.js

@@ -1,4 +1,4 @@
-import { B } from "./Badge-DywmGB1E.js";
+import { B } from "./Badge-BG9cWEDv.js";
 export {
   B as default
 };