boreal-ui 0.0.31 → 0.0.33

package/dist/next/Button-DN8rTQSp.js

@@ -0,0 +1,229 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { L as Link } from "./link-Bik5xH00.js";
+import React, { forwardRef, 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, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
+const noScroll = "_noScroll_j0kmi_108";
+const errorMessage = "_errorMessage_j0kmi_109";
+const loadingContainer = "_loadingContainer_j0kmi_110";
+const hideScrollbar = "_hideScrollbar_j0kmi_102";
+const sr_only = "_sr_only_j0kmi_111";
+const button = "_button_j0kmi_541";
+const loader = "_loader_j0kmi_544";
+const autoFull = "_autoFull_j0kmi_603";
+const roundNone = "_roundNone_j0kmi_609";
+const roundSmall = "_roundSmall_j0kmi_613";
+const roundMedium = "_roundMedium_j0kmi_617";
+const roundLarge = "_roundLarge_j0kmi_621";
+const roundFull = "_roundFull_j0kmi_625";
+const shadowNone = "_shadowNone_j0kmi_629";
+const shadowLight = "_shadowLight_j0kmi_633";
+const shadowMedium = "_shadowMedium_j0kmi_637";
+const shadowStrong = "_shadowStrong_j0kmi_641";
+const shadowIntense = "_shadowIntense_j0kmi_645";
+const fullWidth = "_fullWidth_j0kmi_649";
+const spin = "_spin_j0kmi_1";
+const buttonIcon = "_buttonIcon_j0kmi_669";
+const buttonLabel = "_buttonLabel_j0kmi_686";
+const clear = "_clear_j0kmi_690";
+const outline = "_outline_j0kmi_696";
+const primary = "_primary_j0kmi_712";
+const secondary = "_secondary_j0kmi_733";
+const tertiary = "_tertiary_j0kmi_754";
+const quaternary = "_quaternary_j0kmi_775";
+const success = "_success_j0kmi_817";
+const error = "_error_j0kmi_109";
+const warning = "_warning_j0kmi_859";
+const disabled = "_disabled_j0kmi_880";
+const xs = "_xs_j0kmi_893";
+const icon = "_icon_j0kmi_904";
+const small = "_small_j0kmi_925";
+const medium = "_medium_j0kmi_957";
+const large = "_large_j0kmi_989";
+const xl = "_xl_j0kmi_1021";
+const pulse = "_pulse_j0kmi_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  button,
+  loader,
+  autoFull,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  fullWidth,
+  spin,
+  buttonIcon,
+  buttonLabel,
+  clear,
+  outline,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  success,
+  error,
+  warning,
+  disabled,
+  xs,
+  icon,
+  small,
+  medium,
+  large,
+  xl,
+  "fade-in": "_fade-in_j0kmi_1",
+  "slide-up": "_slide-up_j0kmi_1",
+  "spin-3d": "_spin-3d_j0kmi_1",
+  pulse,
+  "fade-in-up": "_fade-in-up_j0kmi_1",
+  "progress-grow": "_progress-grow_j0kmi_1",
+  "indeterminate-move": "_indeterminate-move_j0kmi_1",
+  "skeleton-loading": "_skeleton-loading_j0kmi_1"
+};
+const ButtonBase = forwardRef(
+  ({
+    icon: Icon,
+    theme = getDefaultTheme(),
+    state = "",
+    onClick,
+    type = "button",
+    rounding = getDefaultRounding(),
+    shadow = getDefaultShadow(),
+    children,
+    className = "",
+    disabled: disabled2 = false,
+    ariaLabel,
+    href,
+    isExternal = false,
+    outline: outline2 = false,
+    size = getDefaultSize(),
+    loading = false,
+    fullWidth: fullWidth2 = false,
+    "data-testid": testId = "button",
+    classMap,
+    LinkComponent = "a",
+    ...rest
+  }, ref) => {
+    const iconOnly = !children || typeof children !== "string" && React.Children.count(children) === 0;
+    const computedAriaLabel = iconOnly ? ariaLabel : void 0;
+    if (process.env.NODE_ENV === "development" && iconOnly && !ariaLabel) {
+      console.warn("ButtonBase: icon-only buttons must provide `ariaLabel`.");
+    }
+    const combinedClassName = useMemo(
+      () => combineClassNames(
+        classMap.button,
+        classMap[theme],
+        classMap[state],
+        classMap[size],
+        outline2 && classMap.outline,
+        shadow && classMap[`shadow${capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize(rounding)}`],
+        fullWidth2 && classMap.fullWidth,
+        disabled2 && classMap.disabled,
+        className
+      ),
+      [
+        theme,
+        state,
+        outline2,
+        size,
+        shadow,
+        rounding,
+        fullWidth2,
+        disabled2,
+        className,
+        classMap
+      ]
+    );
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      Icon && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: classMap.buttonIcon,
+          "aria-hidden": "true",
+          "data-testid": testId ? `${testId}-icon` : void 0,
+          children: /* @__PURE__ */ jsx(Icon, { className: classMap.icon })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: classMap.buttonLabel,
+          "aria-live": loading ? "polite" : void 0,
+          "aria-atomic": loading || void 0,
+          "data-testid": testId ? `${testId}-loading` : void 0,
+          children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: classMap.loader, "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "sr_only", children: "Loading" })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            children,
+            href && (isExternal ?? /^https?:\/\//i.test(href)) && /* @__PURE__ */ jsx("span", { className: "sr_only", children: " (opens in a new tab)" })
+          ] })
+        }
+      )
+    ] });
+    if (href) {
+      const external = (isExternal ?? /^https?:\/\//i.test(href)) && !disabled2;
+      const linkCommon = {
+        ref,
+        className: combineClassNames(combinedClassName, classMap.link),
+        onClick: disabled2 ? (e) => e.preventDefault() : onClick,
+        "aria-disabled": disabled2 || void 0,
+        tabIndex: disabled2 ? -1 : void 0,
+        ...computedAriaLabel ? { "aria-label": computedAriaLabel } : {},
+        "data-testid": testId
+      };
+      return LinkComponent === "a" ? /* @__PURE__ */ jsx(
+        "a",
+        {
+          ...linkCommon,
+          href: disabled2 ? void 0 : href,
+          target: external ? "_blank" : void 0,
+          rel: external ? "noopener noreferrer" : void 0,
+          ...rest,
+          children: content
+        }
+      ) : /* @__PURE__ */ jsx(
+        LinkComponent,
+        {
+          ...linkCommon,
+          href,
+          ...rest,
+          children: content
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type,
+        className: combinedClassName,
+        disabled: disabled2 || loading,
+        "aria-busy": loading || void 0,
+        ...computedAriaLabel ? { "aria-label": computedAriaLabel } : {},
+        "data-testid": testId,
+        onClick: disabled2 ? void 0 : onClick,
+        ...rest,
+        children: content
+      }
+    );
+  }
+);
+ButtonBase.displayName = "ButtonBase";
+const Button = (props) => /* @__PURE__ */ jsx(ButtonBase, { ...props, classMap: styles, LinkComponent: Link });
+export {
+  Button as B
+};
+//# sourceMappingURL=Button-DN8rTQSp.js.map

package/dist/next/Button-DN8rTQSp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-DN8rTQSp.js","sources":["../../src/components/Button/ButtonBase.tsx","../../src/components/Button/next/Button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { ButtonBaseProps, ButtonProps } from \"./Button.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\nconst ButtonBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  ButtonBaseProps\r\n>(\r\n  (\r\n    {\r\n      icon: Icon,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      onClick,\r\n      type = \"button\",\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      children,\r\n      className = \"\",\r\n      disabled = false,\r\n      ariaLabel,\r\n      href,\r\n      isExternal = false,\r\n      outline = false,\r\n      size = getDefaultSize(),\r\n      loading = false,\r\n      fullWidth = false,\r\n      \"data-testid\": testId = \"button\",\r\n      classMap,\r\n      LinkComponent = \"a\",\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const iconOnly =\r\n      !children ||\r\n      (typeof children !== \"string\" && React.Children.count(children) === 0);\r\n    const computedAriaLabel = iconOnly ? ariaLabel : undefined;\r\n\r\n    if (process.env.NODE_ENV === \"development\" && iconOnly && !ariaLabel) {\r\n      console.warn(\"ButtonBase: icon-only buttons must provide `ariaLabel`.\");\r\n    }\r\n\r\n    const combinedClassName = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.button,\r\n          classMap[theme],\r\n          classMap[state],\r\n          classMap[size],\r\n          outline && classMap.outline,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          fullWidth && classMap.fullWidth,\r\n          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [\r\n        theme,\r\n        state,\r\n        outline,\r\n        size,\r\n        shadow,\r\n        rounding,\r\n        fullWidth,\r\n        disabled,\r\n        className,\r\n        classMap,\r\n      ]\r\n    );\r\n\r\n    const content = (\r\n      <>\r\n        {Icon && (\r\n          <span\r\n            className={classMap.buttonIcon}\r\n            aria-hidden=\"true\"\r\n            data-testid={testId ? `${testId}-icon` : undefined}\r\n          >\r\n            <Icon className={classMap.icon} />\r\n          </span>\r\n        )}\r\n        <span\r\n          className={classMap.buttonLabel}\r\n          aria-live={loading ? \"polite\" : undefined}\r\n          aria-atomic={loading || undefined}\r\n          data-testid={testId ? `${testId}-loading` : undefined}\r\n        >\r\n          {loading ? (\r\n            <>\r\n              <div className={classMap.loader} aria-hidden=\"true\" />\r\n              <span className=\"sr_only\">Loading</span>\r\n            </>\r\n          ) : (\r\n            <>\r\n              {children}\r\n              {href && (isExternal ?? /^https?:\\/\\//i.test(href)) && (\r\n                <span className=\"sr_only\"> (opens in a new tab)</span>\r\n              )}\r\n            </>\r\n          )}\r\n        </span>\r\n      </>\r\n    );\r\n\r\n    if (href) {\r\n      const external = (isExternal ?? /^https?:\\/\\//i.test(href)) && !disabled;\r\n\r\n      const linkCommon = {\r\n        ref: ref as React.Ref<HTMLAnchorElement>,\r\n        className: combineClassNames(combinedClassName, classMap.link),\r\n        onClick: disabled\r\n          ? (e: React.MouseEvent) => e.preventDefault()\r\n          : onClick,\r\n        \"aria-disabled\": disabled || undefined,\r\n        tabIndex: disabled ? -1 : undefined,\r\n        ...(computedAriaLabel ? { \"aria-label\": computedAriaLabel } : {}),\r\n        \"data-testid\": testId,\r\n      } as const;\r\n\r\n      return LinkComponent === \"a\" ? (\r\n        <a\r\n          {...linkCommon}\r\n          href={disabled ? undefined : href}\r\n          target={external ? \"_blank\" : undefined}\r\n          rel={external ? \"noopener noreferrer\" : undefined}\r\n          {...(rest as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\r\n        >\r\n          {content}\r\n        </a>\r\n      ) : (\r\n        <LinkComponent\r\n          {...(linkCommon as any)}\r\n          href={href}\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={type}\r\n        className={combinedClassName}\r\n        disabled={disabled || loading}\r\n        aria-busy={loading || undefined}\r\n        {...(computedAriaLabel ? { \"aria-label\": computedAriaLabel } : {})}\r\n        data-testid={testId}\r\n        onClick={disabled ? undefined : onClick}\r\n        {...(rest as React.ButtonHTMLAttributes<HTMLButtonElement>)}\r\n      >\r\n        {content}\r\n      </button>\r\n    );\r\n  }\r\n);\r\n\r\nButtonBase.displayName = \"ButtonBase\";\r\n\r\nexport default ButtonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Button.module.scss\";\r\nimport ButtonBase from \"../ButtonBase\";\r\nimport { ButtonProps } from \"../Button.types\";\r\n\r\nconst Button: React.FC<ButtonProps> = (props) => (\r\n  <ButtonBase {...props} classMap={styles} LinkComponent={Link} />\r\n);\r\n\r\nexport default Button;\r\n"],"names":["disabled","outline","fullWidth"],"mappings":"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"}

package/dist/next/Button-sIKQmn_c.cjs

@@ -0,0 +1,228 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const link = require("./link-hxAaLm0Q.cjs");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const noScroll = "_noScroll_j0kmi_108";
+const errorMessage = "_errorMessage_j0kmi_109";
+const loadingContainer = "_loadingContainer_j0kmi_110";
+const hideScrollbar = "_hideScrollbar_j0kmi_102";
+const sr_only = "_sr_only_j0kmi_111";
+const button = "_button_j0kmi_541";
+const loader = "_loader_j0kmi_544";
+const autoFull = "_autoFull_j0kmi_603";
+const roundNone = "_roundNone_j0kmi_609";
+const roundSmall = "_roundSmall_j0kmi_613";
+const roundMedium = "_roundMedium_j0kmi_617";
+const roundLarge = "_roundLarge_j0kmi_621";
+const roundFull = "_roundFull_j0kmi_625";
+const shadowNone = "_shadowNone_j0kmi_629";
+const shadowLight = "_shadowLight_j0kmi_633";
+const shadowMedium = "_shadowMedium_j0kmi_637";
+const shadowStrong = "_shadowStrong_j0kmi_641";
+const shadowIntense = "_shadowIntense_j0kmi_645";
+const fullWidth = "_fullWidth_j0kmi_649";
+const spin = "_spin_j0kmi_1";
+const buttonIcon = "_buttonIcon_j0kmi_669";
+const buttonLabel = "_buttonLabel_j0kmi_686";
+const clear = "_clear_j0kmi_690";
+const outline = "_outline_j0kmi_696";
+const primary = "_primary_j0kmi_712";
+const secondary = "_secondary_j0kmi_733";
+const tertiary = "_tertiary_j0kmi_754";
+const quaternary = "_quaternary_j0kmi_775";
+const success = "_success_j0kmi_817";
+const error = "_error_j0kmi_109";
+const warning = "_warning_j0kmi_859";
+const disabled = "_disabled_j0kmi_880";
+const xs = "_xs_j0kmi_893";
+const icon = "_icon_j0kmi_904";
+const small = "_small_j0kmi_925";
+const medium = "_medium_j0kmi_957";
+const large = "_large_j0kmi_989";
+const xl = "_xl_j0kmi_1021";
+const pulse = "_pulse_j0kmi_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  button,
+  loader,
+  autoFull,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  fullWidth,
+  spin,
+  buttonIcon,
+  buttonLabel,
+  clear,
+  outline,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  success,
+  error,
+  warning,
+  disabled,
+  xs,
+  icon,
+  small,
+  medium,
+  large,
+  xl,
+  "fade-in": "_fade-in_j0kmi_1",
+  "slide-up": "_slide-up_j0kmi_1",
+  "spin-3d": "_spin-3d_j0kmi_1",
+  pulse,
+  "fade-in-up": "_fade-in-up_j0kmi_1",
+  "progress-grow": "_progress-grow_j0kmi_1",
+  "indeterminate-move": "_indeterminate-move_j0kmi_1",
+  "skeleton-loading": "_skeleton-loading_j0kmi_1"
+};
+const ButtonBase = React.forwardRef(
+  ({
+    icon: Icon,
+    theme = borealStyleConfig.getDefaultTheme(),
+    state = "",
+    onClick,
+    type = "button",
+    rounding = borealStyleConfig.getDefaultRounding(),
+    shadow = borealStyleConfig.getDefaultShadow(),
+    children,
+    className = "",
+    disabled: disabled2 = false,
+    ariaLabel,
+    href,
+    isExternal = false,
+    outline: outline2 = false,
+    size = borealStyleConfig.getDefaultSize(),
+    loading = false,
+    fullWidth: fullWidth2 = false,
+    "data-testid": testId = "button",
+    classMap,
+    LinkComponent = "a",
+    ...rest
+  }, ref) => {
+    const iconOnly = !children || typeof children !== "string" && React.Children.count(children) === 0;
+    const computedAriaLabel = iconOnly ? ariaLabel : void 0;
+    if (process.env.NODE_ENV === "development" && iconOnly && !ariaLabel) {
+      console.warn("ButtonBase: icon-only buttons must provide `ariaLabel`.");
+    }
+    const combinedClassName = React.useMemo(
+      () => classNames.combineClassNames(
+        classMap.button,
+        classMap[theme],
+        classMap[state],
+        classMap[size],
+        outline2 && classMap.outline,
+        shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+        fullWidth2 && classMap.fullWidth,
+        disabled2 && classMap.disabled,
+        className
+      ),
+      [
+        theme,
+        state,
+        outline2,
+        size,
+        shadow,
+        rounding,
+        fullWidth2,
+        disabled2,
+        className,
+        classMap
+      ]
+    );
+    const content = /* @__PURE__ */ require$$2.jsxs(require$$2.Fragment, { children: [
+      Icon && /* @__PURE__ */ require$$2.jsx(
+        "span",
+        {
+          className: classMap.buttonIcon,
+          "aria-hidden": "true",
+          "data-testid": testId ? `${testId}-icon` : void 0,
+          children: /* @__PURE__ */ require$$2.jsx(Icon, { className: classMap.icon })
+        }
+      ),
+      /* @__PURE__ */ require$$2.jsx(
+        "span",
+        {
+          className: classMap.buttonLabel,
+          "aria-live": loading ? "polite" : void 0,
+          "aria-atomic": loading || void 0,
+          "data-testid": testId ? `${testId}-loading` : void 0,
+          children: loading ? /* @__PURE__ */ require$$2.jsxs(require$$2.Fragment, { children: [
+            /* @__PURE__ */ require$$2.jsx("div", { className: classMap.loader, "aria-hidden": "true" }),
+            /* @__PURE__ */ require$$2.jsx("span", { className: "sr_only", children: "Loading" })
+          ] }) : /* @__PURE__ */ require$$2.jsxs(require$$2.Fragment, { children: [
+            children,
+            href && (isExternal ?? /^https?:\/\//i.test(href)) && /* @__PURE__ */ require$$2.jsx("span", { className: "sr_only", children: " (opens in a new tab)" })
+          ] })
+        }
+      )
+    ] });
+    if (href) {
+      const external = (isExternal ?? /^https?:\/\//i.test(href)) && !disabled2;
+      const linkCommon = {
+        ref,
+        className: classNames.combineClassNames(combinedClassName, classMap.link),
+        onClick: disabled2 ? (e) => e.preventDefault() : onClick,
+        "aria-disabled": disabled2 || void 0,
+        tabIndex: disabled2 ? -1 : void 0,
+        ...computedAriaLabel ? { "aria-label": computedAriaLabel } : {},
+        "data-testid": testId
+      };
+      return LinkComponent === "a" ? /* @__PURE__ */ require$$2.jsx(
+        "a",
+        {
+          ...linkCommon,
+          href: disabled2 ? void 0 : href,
+          target: external ? "_blank" : void 0,
+          rel: external ? "noopener noreferrer" : void 0,
+          ...rest,
+          children: content
+        }
+      ) : /* @__PURE__ */ require$$2.jsx(
+        LinkComponent,
+        {
+          ...linkCommon,
+          href,
+          ...rest,
+          children: content
+        }
+      );
+    }
+    return /* @__PURE__ */ require$$2.jsx(
+      "button",
+      {
+        ref,
+        type,
+        className: combinedClassName,
+        disabled: disabled2 || loading,
+        "aria-busy": loading || void 0,
+        ...computedAriaLabel ? { "aria-label": computedAriaLabel } : {},
+        "data-testid": testId,
+        onClick: disabled2 ? void 0 : onClick,
+        ...rest,
+        children: content
+      }
+    );
+  }
+);
+ButtonBase.displayName = "ButtonBase";
+const Button = (props) => /* @__PURE__ */ require$$2.jsx(ButtonBase, { ...props, classMap: styles, LinkComponent: link.Link });
+exports.Button = Button;
+//# sourceMappingURL=Button-sIKQmn_c.cjs.map

package/dist/next/Button-sIKQmn_c.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-sIKQmn_c.cjs","sources":["../../src/components/Button/ButtonBase.tsx","../../src/components/Button/next/Button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { ButtonBaseProps, ButtonProps } from \"./Button.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\nconst ButtonBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  ButtonBaseProps\r\n>(\r\n  (\r\n    {\r\n      icon: Icon,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      onClick,\r\n      type = \"button\",\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      children,\r\n      className = \"\",\r\n      disabled = false,\r\n      ariaLabel,\r\n      href,\r\n      isExternal = false,\r\n      outline = false,\r\n      size = getDefaultSize(),\r\n      loading = false,\r\n      fullWidth = false,\r\n      \"data-testid\": testId = \"button\",\r\n      classMap,\r\n      LinkComponent = \"a\",\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const iconOnly =\r\n      !children ||\r\n      (typeof children !== \"string\" && React.Children.count(children) === 0);\r\n    const computedAriaLabel = iconOnly ? ariaLabel : undefined;\r\n\r\n    if (process.env.NODE_ENV === \"development\" && iconOnly && !ariaLabel) {\r\n      console.warn(\"ButtonBase: icon-only buttons must provide `ariaLabel`.\");\r\n    }\r\n\r\n    const combinedClassName = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.button,\r\n          classMap[theme],\r\n          classMap[state],\r\n          classMap[size],\r\n          outline && classMap.outline,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          fullWidth && classMap.fullWidth,\r\n          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [\r\n        theme,\r\n        state,\r\n        outline,\r\n        size,\r\n        shadow,\r\n        rounding,\r\n        fullWidth,\r\n        disabled,\r\n        className,\r\n        classMap,\r\n      ]\r\n    );\r\n\r\n    const content = (\r\n      <>\r\n        {Icon && (\r\n          <span\r\n            className={classMap.buttonIcon}\r\n            aria-hidden=\"true\"\r\n            data-testid={testId ? `${testId}-icon` : undefined}\r\n          >\r\n            <Icon className={classMap.icon} />\r\n          </span>\r\n        )}\r\n        <span\r\n          className={classMap.buttonLabel}\r\n          aria-live={loading ? \"polite\" : undefined}\r\n          aria-atomic={loading || undefined}\r\n          data-testid={testId ? `${testId}-loading` : undefined}\r\n        >\r\n          {loading ? (\r\n            <>\r\n              <div className={classMap.loader} aria-hidden=\"true\" />\r\n              <span className=\"sr_only\">Loading</span>\r\n            </>\r\n          ) : (\r\n            <>\r\n              {children}\r\n              {href && (isExternal ?? /^https?:\\/\\//i.test(href)) && (\r\n                <span className=\"sr_only\"> (opens in a new tab)</span>\r\n              )}\r\n            </>\r\n          )}\r\n        </span>\r\n      </>\r\n    );\r\n\r\n    if (href) {\r\n      const external = (isExternal ?? /^https?:\\/\\//i.test(href)) && !disabled;\r\n\r\n      const linkCommon = {\r\n        ref: ref as React.Ref<HTMLAnchorElement>,\r\n        className: combineClassNames(combinedClassName, classMap.link),\r\n        onClick: disabled\r\n          ? (e: React.MouseEvent) => e.preventDefault()\r\n          : onClick,\r\n        \"aria-disabled\": disabled || undefined,\r\n        tabIndex: disabled ? -1 : undefined,\r\n        ...(computedAriaLabel ? { \"aria-label\": computedAriaLabel } : {}),\r\n        \"data-testid\": testId,\r\n      } as const;\r\n\r\n      return LinkComponent === \"a\" ? (\r\n        <a\r\n          {...linkCommon}\r\n          href={disabled ? undefined : href}\r\n          target={external ? \"_blank\" : undefined}\r\n          rel={external ? \"noopener noreferrer\" : undefined}\r\n          {...(rest as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\r\n        >\r\n          {content}\r\n        </a>\r\n      ) : (\r\n        <LinkComponent\r\n          {...(linkCommon as any)}\r\n          href={href}\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={type}\r\n        className={combinedClassName}\r\n        disabled={disabled || loading}\r\n        aria-busy={loading || undefined}\r\n        {...(computedAriaLabel ? { \"aria-label\": computedAriaLabel } : {})}\r\n        data-testid={testId}\r\n        onClick={disabled ? undefined : onClick}\r\n        {...(rest as React.ButtonHTMLAttributes<HTMLButtonElement>)}\r\n      >\r\n        {content}\r\n      </button>\r\n    );\r\n  }\r\n);\r\n\r\nButtonBase.displayName = \"ButtonBase\";\r\n\r\nexport default ButtonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Button.module.scss\";\r\nimport ButtonBase from \"../ButtonBase\";\r\nimport { ButtonProps } from \"../Button.types\";\r\n\r\nconst Button: React.FC<ButtonProps> = (props) => (\r\n  <ButtonBase {...props} classMap={styles} LinkComponent={Link} />\r\n);\r\n\r\nexport default Button;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","disabled","outline","getDefaultSize","fullWidth","useMemo","combineClassNames","capitalize","jsxs","Fragment","jsx","Link"],"mappings":"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"}

package/dist/next/Button.cjs.js

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

package/dist/next/Button.js

@@ -1,4 +1,4 @@
-import { B } from "./Button-ClWB5gZW.js";
+import { B } from "./Button-DN8rTQSp.js";
 export {
   B as default
 };