boreal-ui 0.0.45 → 0.0.47

package/dist/next/{Button-uZ3xTOOt.js → Button-CQUqfv7B.js}

@@ -4,44 +4,44 @@ import { L as Link } from "./link-CxWP3aXr.js";
 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_1hffq_108";
-const errorMessage = "_errorMessage_1hffq_109";
-const loadingContainer = "_loadingContainer_1hffq_110";
-const hideScrollbar = "_hideScrollbar_1hffq_102";
-const sr_only = "_sr_only_1hffq_111";
-const button = "_button_1hffq_541";
-const loader = "_loader_1hffq_544";
-const fullWidth = "_fullWidth_1hffq_602";
-const autoFull = "_autoFull_1hffq_614";
-const roundNone = "_roundNone_1hffq_620";
-const roundSmall = "_roundSmall_1hffq_624";
-const roundMedium = "_roundMedium_1hffq_628";
-const roundLarge = "_roundLarge_1hffq_632";
-const roundFull = "_roundFull_1hffq_636";
-const shadowNone = "_shadowNone_1hffq_640";
-const shadowLight = "_shadowLight_1hffq_644";
-const shadowMedium = "_shadowMedium_1hffq_648";
-const shadowStrong = "_shadowStrong_1hffq_652";
-const shadowIntense = "_shadowIntense_1hffq_656";
-const spin = "_spin_1hffq_1";
-const buttonIcon = "_buttonIcon_1hffq_669";
-const buttonLabel = "_buttonLabel_1hffq_686";
-const clear = "_clear_1hffq_690";
-const outline = "_outline_1hffq_696";
-const primary = "_primary_1hffq_712";
-const secondary = "_secondary_1hffq_733";
-const tertiary = "_tertiary_1hffq_754";
-const quaternary = "_quaternary_1hffq_775";
-const success = "_success_1hffq_817";
-const error = "_error_1hffq_109";
-const warning = "_warning_1hffq_859";
-const disabled = "_disabled_1hffq_880";
-const xs = "_xs_1hffq_893";
-const small = "_small_1hffq_925";
-const medium = "_medium_1hffq_957";
-const large = "_large_1hffq_989";
-const xl = "_xl_1hffq_1021";
-const pulse = "_pulse_1hffq_1";
+const noScroll = "_noScroll_8k24c_108";
+const errorMessage = "_errorMessage_8k24c_109";
+const loadingContainer = "_loadingContainer_8k24c_110";
+const hideScrollbar = "_hideScrollbar_8k24c_102";
+const sr_only = "_sr_only_8k24c_111";
+const button = "_button_8k24c_530";
+const loader = "_loader_8k24c_533";
+const fullWidth = "_fullWidth_8k24c_591";
+const autoFull = "_autoFull_8k24c_603";
+const roundNone = "_roundNone_8k24c_609";
+const roundSmall = "_roundSmall_8k24c_613";
+const roundMedium = "_roundMedium_8k24c_617";
+const roundLarge = "_roundLarge_8k24c_621";
+const roundFull = "_roundFull_8k24c_625";
+const shadowNone = "_shadowNone_8k24c_629";
+const shadowLight = "_shadowLight_8k24c_633";
+const shadowMedium = "_shadowMedium_8k24c_637";
+const shadowStrong = "_shadowStrong_8k24c_641";
+const shadowIntense = "_shadowIntense_8k24c_645";
+const spin = "_spin_8k24c_1";
+const buttonIcon = "_buttonIcon_8k24c_658";
+const buttonLabel = "_buttonLabel_8k24c_675";
+const clear = "_clear_8k24c_679";
+const outline = "_outline_8k24c_685";
+const primary = "_primary_8k24c_701";
+const secondary = "_secondary_8k24c_722";
+const tertiary = "_tertiary_8k24c_743";
+const quaternary = "_quaternary_8k24c_764";
+const success = "_success_8k24c_806";
+const error = "_error_8k24c_109";
+const warning = "_warning_8k24c_848";
+const disabled = "_disabled_8k24c_869";
+const xs = "_xs_8k24c_882";
+const small = "_small_8k24c_914";
+const medium = "_medium_8k24c_946";
+const large = "_large_8k24c_978";
+const xl = "_xl_8k24c_1010";
+const pulse = "_pulse_8k24c_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -80,14 +80,14 @@ const styles = {
   medium,
   large,
   xl,
-  "fade-in": "_fade-in_1hffq_1",
-  "slide-up": "_slide-up_1hffq_1",
-  "spin-3d": "_spin-3d_1hffq_1",
+  "fade-in": "_fade-in_8k24c_1",
+  "slide-up": "_slide-up_8k24c_1",
+  "spin-3d": "_spin-3d_8k24c_1",
   pulse,
-  "fade-in-up": "_fade-in-up_1hffq_1",
-  "progress-grow": "_progress-grow_1hffq_1",
-  "indeterminate-move": "_indeterminate-move_1hffq_1",
-  "skeleton-loading": "_skeleton-loading_1hffq_1"
+  "fade-in-up": "_fade-in-up_8k24c_1",
+  "progress-grow": "_progress-grow_8k24c_1",
+  "indeterminate-move": "_indeterminate-move_8k24c_1",
+  "skeleton-loading": "_skeleton-loading_8k24c_1"
 };
 const ButtonBase = forwardRef(
   ({
@@ -229,4 +229,4 @@ Button.displayName = "Button";
 export {
   Button as B
 };
-//# sourceMappingURL=Button-uZ3xTOOt.js.map
+//# sourceMappingURL=Button-CQUqfv7B.js.map

package/dist/next/{Button-uZ3xTOOt.js.map → Button-CQUqfv7B.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Button-uZ3xTOOt.js","sources":["../../src/components/Button/ButtonBase.tsx","../../src/components/Button/next/Button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { ButtonBaseProps } 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 Comp = (LinkComponent ?? \"a\") as React.ElementType;\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      if (Comp === \"a\") {\r\n        return (\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      }\r\n\r\n      return (\r\n        <Comp\r\n          {...(linkCommon as Omit<\r\n            React.ComponentPropsWithoutRef<typeof Comp>,\r\n            \"children\"\r\n          >)}\r\n          href={href as never}\r\n          {...(rest as React.ComponentPropsWithoutRef<typeof Comp>)}\r\n        >\r\n          {content}\r\n        </Comp>\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 { forwardRef } 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 = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => (\r\n  <ButtonBase {...props} classMap={styles} LinkComponent={Link} ref={ref} />\r\n));\r\nButton.displayName = \"Button\";\r\nexport default Button;\r\n"],"names":["disabled","outline","fullWidth"],"mappings":"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"}
+{"version":3,"file":"Button-CQUqfv7B.js","sources":["../../src/components/Button/ButtonBase.tsx","../../src/components/Button/next/Button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { ButtonBaseProps } 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 Comp = (LinkComponent ?? \"a\") as React.ElementType;\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      if (Comp === \"a\") {\r\n        return (\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      }\r\n\r\n      return (\r\n        <Comp\r\n          {...(linkCommon as Omit<\r\n            React.ComponentPropsWithoutRef<typeof Comp>,\r\n            \"children\"\r\n          >)}\r\n          href={href as never}\r\n          {...(rest as React.ComponentPropsWithoutRef<typeof Comp>)}\r\n        >\r\n          {content}\r\n        </Comp>\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 { forwardRef } 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 = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => (\r\n  <ButtonBase {...props} classMap={styles} LinkComponent={Link} ref={ref} />\r\n));\r\nButton.displayName = \"Button\";\r\nexport default Button;\r\n"],"names":["disabled","outline","fullWidth"],"mappings":"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"}

package/dist/next/{Button-B1Fh4G0_.cjs → Button-Cyq8lKKp.cjs}

@@ -5,44 +5,44 @@ const link = require("./link-lNk_lOdS.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const noScroll = "_noScroll_1hffq_108";
-const errorMessage = "_errorMessage_1hffq_109";
-const loadingContainer = "_loadingContainer_1hffq_110";
-const hideScrollbar = "_hideScrollbar_1hffq_102";
-const sr_only = "_sr_only_1hffq_111";
-const button = "_button_1hffq_541";
-const loader = "_loader_1hffq_544";
-const fullWidth = "_fullWidth_1hffq_602";
-const autoFull = "_autoFull_1hffq_614";
-const roundNone = "_roundNone_1hffq_620";
-const roundSmall = "_roundSmall_1hffq_624";
-const roundMedium = "_roundMedium_1hffq_628";
-const roundLarge = "_roundLarge_1hffq_632";
-const roundFull = "_roundFull_1hffq_636";
-const shadowNone = "_shadowNone_1hffq_640";
-const shadowLight = "_shadowLight_1hffq_644";
-const shadowMedium = "_shadowMedium_1hffq_648";
-const shadowStrong = "_shadowStrong_1hffq_652";
-const shadowIntense = "_shadowIntense_1hffq_656";
-const spin = "_spin_1hffq_1";
-const buttonIcon = "_buttonIcon_1hffq_669";
-const buttonLabel = "_buttonLabel_1hffq_686";
-const clear = "_clear_1hffq_690";
-const outline = "_outline_1hffq_696";
-const primary = "_primary_1hffq_712";
-const secondary = "_secondary_1hffq_733";
-const tertiary = "_tertiary_1hffq_754";
-const quaternary = "_quaternary_1hffq_775";
-const success = "_success_1hffq_817";
-const error = "_error_1hffq_109";
-const warning = "_warning_1hffq_859";
-const disabled = "_disabled_1hffq_880";
-const xs = "_xs_1hffq_893";
-const small = "_small_1hffq_925";
-const medium = "_medium_1hffq_957";
-const large = "_large_1hffq_989";
-const xl = "_xl_1hffq_1021";
-const pulse = "_pulse_1hffq_1";
+const noScroll = "_noScroll_8k24c_108";
+const errorMessage = "_errorMessage_8k24c_109";
+const loadingContainer = "_loadingContainer_8k24c_110";
+const hideScrollbar = "_hideScrollbar_8k24c_102";
+const sr_only = "_sr_only_8k24c_111";
+const button = "_button_8k24c_530";
+const loader = "_loader_8k24c_533";
+const fullWidth = "_fullWidth_8k24c_591";
+const autoFull = "_autoFull_8k24c_603";
+const roundNone = "_roundNone_8k24c_609";
+const roundSmall = "_roundSmall_8k24c_613";
+const roundMedium = "_roundMedium_8k24c_617";
+const roundLarge = "_roundLarge_8k24c_621";
+const roundFull = "_roundFull_8k24c_625";
+const shadowNone = "_shadowNone_8k24c_629";
+const shadowLight = "_shadowLight_8k24c_633";
+const shadowMedium = "_shadowMedium_8k24c_637";
+const shadowStrong = "_shadowStrong_8k24c_641";
+const shadowIntense = "_shadowIntense_8k24c_645";
+const spin = "_spin_8k24c_1";
+const buttonIcon = "_buttonIcon_8k24c_658";
+const buttonLabel = "_buttonLabel_8k24c_675";
+const clear = "_clear_8k24c_679";
+const outline = "_outline_8k24c_685";
+const primary = "_primary_8k24c_701";
+const secondary = "_secondary_8k24c_722";
+const tertiary = "_tertiary_8k24c_743";
+const quaternary = "_quaternary_8k24c_764";
+const success = "_success_8k24c_806";
+const error = "_error_8k24c_109";
+const warning = "_warning_8k24c_848";
+const disabled = "_disabled_8k24c_869";
+const xs = "_xs_8k24c_882";
+const small = "_small_8k24c_914";
+const medium = "_medium_8k24c_946";
+const large = "_large_8k24c_978";
+const xl = "_xl_8k24c_1010";
+const pulse = "_pulse_8k24c_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -81,14 +81,14 @@ const styles = {
   medium,
   large,
   xl,
-  "fade-in": "_fade-in_1hffq_1",
-  "slide-up": "_slide-up_1hffq_1",
-  "spin-3d": "_spin-3d_1hffq_1",
+  "fade-in": "_fade-in_8k24c_1",
+  "slide-up": "_slide-up_8k24c_1",
+  "spin-3d": "_spin-3d_8k24c_1",
   pulse,
-  "fade-in-up": "_fade-in-up_1hffq_1",
-  "progress-grow": "_progress-grow_1hffq_1",
-  "indeterminate-move": "_indeterminate-move_1hffq_1",
-  "skeleton-loading": "_skeleton-loading_1hffq_1"
+  "fade-in-up": "_fade-in-up_8k24c_1",
+  "progress-grow": "_progress-grow_8k24c_1",
+  "indeterminate-move": "_indeterminate-move_8k24c_1",
+  "skeleton-loading": "_skeleton-loading_8k24c_1"
 };
 const ButtonBase = React.forwardRef(
   ({
@@ -228,4 +228,4 @@ ButtonBase.displayName = "ButtonBase";
 const Button = React.forwardRef((props, ref) => /* @__PURE__ */ require$$2.jsx(ButtonBase, { ...props, classMap: styles, LinkComponent: link.Link, ref }));
 Button.displayName = "Button";
 exports.Button = Button;
-//# sourceMappingURL=Button-B1Fh4G0_.cjs.map
+//# sourceMappingURL=Button-Cyq8lKKp.cjs.map

package/dist/next/{Button-B1Fh4G0_.cjs.map → Button-Cyq8lKKp.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Button-B1Fh4G0_.cjs","sources":["../../src/components/Button/ButtonBase.tsx","../../src/components/Button/next/Button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { ButtonBaseProps } 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 Comp = (LinkComponent ?? \"a\") as React.ElementType;\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      if (Comp === \"a\") {\r\n        return (\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      }\r\n\r\n      return (\r\n        <Comp\r\n          {...(linkCommon as Omit<\r\n            React.ComponentPropsWithoutRef<typeof Comp>,\r\n            \"children\"\r\n          >)}\r\n          href={href as never}\r\n          {...(rest as React.ComponentPropsWithoutRef<typeof Comp>)}\r\n        >\r\n          {content}\r\n        </Comp>\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 { forwardRef } 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 = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => (\r\n  <ButtonBase {...props} classMap={styles} LinkComponent={Link} ref={ref} />\r\n));\r\nButton.displayName = \"Button\";\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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"}
+{"version":3,"file":"Button-Cyq8lKKp.cjs","sources":["../../src/components/Button/ButtonBase.tsx","../../src/components/Button/next/Button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { ButtonBaseProps } 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 Comp = (LinkComponent ?? \"a\") as React.ElementType;\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      if (Comp === \"a\") {\r\n        return (\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      }\r\n\r\n      return (\r\n        <Comp\r\n          {...(linkCommon as Omit<\r\n            React.ComponentPropsWithoutRef<typeof Comp>,\r\n            \"children\"\r\n          >)}\r\n          href={href as never}\r\n          {...(rest as React.ComponentPropsWithoutRef<typeof Comp>)}\r\n        >\r\n          {content}\r\n        </Comp>\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 { forwardRef } 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 = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => (\r\n  <ButtonBase {...props} classMap={styles} LinkComponent={Link} ref={ref} />\r\n));\r\nButton.displayName = \"Button\";\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-B1Fh4G0_.cjs");
+const Button = require("./Button-Cyq8lKKp.cjs");
 module.exports = Button.Button;
 //# sourceMappingURL=Button.cjs.js.map

package/dist/next/Button.js

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

package/dist/next/{Card-B_qtwaqj.js → Card-CtUR7xR3.js}

@@ -1,65 +1,66 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { I as Image } from "./image-BBS8QO15.js";
-import { B as Button } from "./Button-uZ3xTOOt.js";
+/* empty css                 */
+import { B as Button } from "./Button-CQUqfv7B.js";
 import { I as IconButton } from "./IconButton-BTUFKRZt.js";
-import { S as SkeletonLoader } from "./Skeleton-D8C29p3K.js";
+import { S as SkeletonLoader } from "./Skeleton-KKJc191y.js";
 import React, { useId, 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_1bsvg_108";
-const errorMessage = "_errorMessage_1bsvg_109";
-const loadingContainer = "_loadingContainer_1bsvg_110";
-const hideScrollbar = "_hideScrollbar_1bsvg_102";
-const sr_only = "_sr_only_1bsvg_111";
-const card = "_card_1bsvg_541";
-const outline = "_outline_1bsvg_548";
-const footer = "_footer_1bsvg_551";
-const clickable = "_clickable_1bsvg_554";
-const roundNone = "_roundNone_1bsvg_585";
-const roundSmall = "_roundSmall_1bsvg_589";
-const roundMedium = "_roundMedium_1bsvg_593";
-const roundLarge = "_roundLarge_1bsvg_597";
-const roundFull = "_roundFull_1bsvg_601";
-const shadowNone = "_shadowNone_1bsvg_605";
-const shadowLight = "_shadowLight_1bsvg_609";
-const shadowMedium = "_shadowMedium_1bsvg_613";
-const shadowStrong = "_shadowStrong_1bsvg_617";
-const shadowIntense = "_shadowIntense_1bsvg_621";
-const loading = "_loading_1bsvg_110";
-const fade_in = "_fade_in_1bsvg_646";
-const media = "_media_1bsvg_650";
-const image = "_image_1bsvg_669";
-const vertical = "_vertical_1bsvg_681";
-const content = "_content_1bsvg_684";
-const horizontal = "_horizontal_1bsvg_702";
-const body = "_body_1bsvg_754";
-const disabled = "_disabled_1bsvg_785";
-const primary = "_primary_1bsvg_805";
-const icon = "_icon_1bsvg_809";
-const description = "_description_1bsvg_810";
-const secondary = "_secondary_1bsvg_827";
-const tertiary = "_tertiary_1bsvg_849";
-const quaternary = "_quaternary_1bsvg_871";
-const clear = "_clear_1bsvg_893";
-const success = "_success_1bsvg_915";
-const error = "_error_1bsvg_109";
-const warning = "_warning_1bsvg_957";
-const header = "_header_1bsvg_984";
-const title = "_title_1bsvg_1019";
-const actions = "_actions_1bsvg_1085";
-const xs = "_xs_1bsvg_1104";
-const children = "_children_1bsvg_1114";
-const small = "_small_1bsvg_1118";
-const medium = "_medium_1bsvg_1131";
-const large = "_large_1bsvg_1144";
-const xl = "_xl_1bsvg_1157";
-const left = "_left_1bsvg_1170";
-const center = "_center_1bsvg_1182";
-const card_header = "_card_header_1bsvg_1185";
-const right = "_right_1bsvg_1194";
-const spin = "_spin_1bsvg_1";
-const pulse = "_pulse_1bsvg_1";
+const noScroll = "_noScroll_4goya_108";
+const errorMessage = "_errorMessage_4goya_109";
+const loadingContainer = "_loadingContainer_4goya_110";
+const hideScrollbar = "_hideScrollbar_4goya_102";
+const sr_only = "_sr_only_4goya_111";
+const card = "_card_4goya_530";
+const outline = "_outline_4goya_537";
+const footer = "_footer_4goya_540";
+const clickable = "_clickable_4goya_543";
+const roundNone = "_roundNone_4goya_574";
+const roundSmall = "_roundSmall_4goya_578";
+const roundMedium = "_roundMedium_4goya_582";
+const roundLarge = "_roundLarge_4goya_586";
+const roundFull = "_roundFull_4goya_590";
+const shadowNone = "_shadowNone_4goya_594";
+const shadowLight = "_shadowLight_4goya_598";
+const shadowMedium = "_shadowMedium_4goya_602";
+const shadowStrong = "_shadowStrong_4goya_606";
+const shadowIntense = "_shadowIntense_4goya_610";
+const loading = "_loading_4goya_110";
+const fade_in = "_fade_in_4goya_635";
+const media = "_media_4goya_639";
+const image = "_image_4goya_658";
+const vertical = "_vertical_4goya_670";
+const content = "_content_4goya_673";
+const horizontal = "_horizontal_4goya_691";
+const body = "_body_4goya_743";
+const disabled = "_disabled_4goya_774";
+const primary = "_primary_4goya_794";
+const icon = "_icon_4goya_798";
+const description = "_description_4goya_799";
+const secondary = "_secondary_4goya_816";
+const tertiary = "_tertiary_4goya_838";
+const quaternary = "_quaternary_4goya_860";
+const clear = "_clear_4goya_882";
+const success = "_success_4goya_904";
+const error = "_error_4goya_109";
+const warning = "_warning_4goya_946";
+const header = "_header_4goya_973";
+const title = "_title_4goya_1008";
+const actions = "_actions_4goya_1074";
+const xs = "_xs_4goya_1093";
+const children = "_children_4goya_1103";
+const small = "_small_4goya_1107";
+const medium = "_medium_4goya_1120";
+const large = "_large_4goya_1133";
+const xl = "_xl_4goya_1146";
+const left = "_left_4goya_1159";
+const center = "_center_4goya_1171";
+const card_header = "_card_header_4goya_1174";
+const right = "_right_4goya_1183";
+const spin = "_spin_4goya_1";
+const pulse = "_pulse_4goya_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -82,7 +83,7 @@ const styles = {
   shadowIntense,
   loading,
   fade_in,
-  "fade-in": "_fade-in_1bsvg_1",
+  "fade-in": "_fade-in_4goya_1",
   media,
   image,
   vertical,
@@ -113,14 +114,14 @@ const styles = {
   center,
   card_header,
   right,
-  "slide-up": "_slide-up_1bsvg_1",
-  "spin-3d": "_spin-3d_1bsvg_1",
+  "slide-up": "_slide-up_4goya_1",
+  "spin-3d": "_spin-3d_4goya_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1bsvg_1",
-  "progress-grow": "_progress-grow_1bsvg_1",
-  "indeterminate-move": "_indeterminate-move_1bsvg_1",
-  "skeleton-loading": "_skeleton-loading_1bsvg_1"
+  "fade-in-up": "_fade-in-up_4goya_1",
+  "progress-grow": "_progress-grow_4goya_1",
+  "indeterminate-move": "_indeterminate-move_4goya_1",
+  "skeleton-loading": "_skeleton-loading_4goya_1"
 };
 const CardBase = ({
   theme = getDefaultTheme(),
@@ -340,4 +341,4 @@ Card.displayName = "Card";
 export {
   Card as C
 };
-//# sourceMappingURL=Card-B_qtwaqj.js.map
+//# sourceMappingURL=Card-CtUR7xR3.js.map

package/dist/next/{Card-B_qtwaqj.js.map → Card-CtUR7xR3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-B_qtwaqj.js","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/next/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { CardBaseProps, CardImageSource } from \"./Card.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 CardBase: React.FC<CardBaseProps> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  cardIcon,\r\n  title = \"\",\r\n  description = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  imageUrl,\r\n  imageAlt,\r\n  imageHeight,\r\n  imageWidth,\r\n  imageFill,\r\n  className = \"\",\r\n  imageClassName = \"\",\r\n  headerClassName = \"\",\r\n  bodyClassName = \"\",\r\n  footerClassName = \"\",\r\n  outline = false,\r\n  size = getDefaultSize(),\r\n  align = \"center\",\r\n  renderHeader,\r\n  renderContent,\r\n  renderFooter,\r\n  actionButtons = [],\r\n  useIconButtons = false,\r\n  layout = \"vertical\",\r\n  loading = false,\r\n  children,\r\n  \"data-testid\": testId = \"card\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-label\": ariaLabel,\r\n  classMap,\r\n  SkeletonComponent,\r\n  ImageComponent,\r\n}) => {\r\n  const autoId = useId();\r\n  const headerId = ariaLabelledBy || `${autoId}-header`;\r\n  const descriptionId = `${autoId}-description`;\r\n  const derivedAriaLabel = ariaLabel || title || description || \"Content card\";\r\n\r\n  const FallbackImage = (props: React.ImgHTMLAttributes<HTMLImageElement>) => (\r\n    <img {...props} />\r\n  );\r\n\r\n  const isObjSrc =\r\n    typeof imageUrl === \"object\" &&\r\n    imageUrl !== null &&\r\n    \"src\" in (imageUrl as object);\r\n\r\n  const rawSrc = isObjSrc\r\n    ? (imageUrl as Extract<CardImageSource, { src: string }>).src\r\n    : (imageUrl as string | undefined);\r\n\r\n  const imgSrc =\r\n    typeof rawSrc === \"string\" && rawSrc.trim().length > 0\r\n      ? rawSrc.trim()\r\n      : undefined;\r\n\r\n  const hasImage = Boolean(imgSrc);\r\n\r\n  const resolvedWidth =\r\n    (isObjSrc\r\n      ? (imageUrl as Extract<CardImageSource, { width?: number }>).width\r\n      : undefined) ?? imageWidth;\r\n\r\n  const resolvedHeight =\r\n    (isObjSrc\r\n      ? (imageUrl as Extract<CardImageSource, { height?: number }>).height\r\n      : undefined) ?? imageHeight;\r\n\r\n  const imgAlt = imageAlt || `${title || \"Card\"} image`;\r\n\r\n  const ImageRenderer = ImageComponent || FallbackImage;\r\n  const isNextImage = typeof ImageRenderer !== \"string\";\r\n\r\n  const cardClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.card,\r\n        classMap[layout],\r\n        align && classMap[align],\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        loading && classMap.loading,\r\n        className\r\n      ),\r\n    [\r\n      classMap,\r\n      layout,\r\n      align,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      loading,\r\n      className,\r\n    ]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      data-testid={testId}\r\n      className={cardClassName}\r\n      role=\"region\"\r\n      aria-labelledby={title ? headerId : undefined}\r\n      aria-label={!title ? derivedAriaLabel : undefined}\r\n      aria-busy={loading || undefined}\r\n    >\r\n      {loading ? (\r\n        <SkeletonComponent\r\n          width=\"250px\"\r\n          height=\"250px\"\r\n          data-testid={`${testId}-skeleton`}\r\n        />\r\n      ) : (\r\n        <div className={classMap.content}>\r\n          {hasImage &&\r\n            (imageFill ? (\r\n              <div className={classMap.media}>\r\n                <ImageRenderer\r\n                  src={imgSrc as any}\r\n                  alt={imgAlt}\r\n                  className={combineClassNames(classMap.image, imageClassName)}\r\n                  {...(isNextImage ? { fill: true } : {})}\r\n                  {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\r\n                />\r\n              </div>\r\n            ) : (\r\n              <ImageRenderer\r\n                src={imgSrc as any}\r\n                alt={imgAlt}\r\n                className={combineClassNames(classMap.image, imageClassName)}\r\n                width={resolvedWidth ?? 640}\r\n                height={resolvedHeight ?? 360}\r\n                {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\r\n              />\r\n            ))}\r\n\r\n          <div>\r\n            <div\r\n              className={combineClassNames(classMap.header, headerClassName)}\r\n              id={headerId}\r\n            >\r\n              {renderHeader ? (\r\n                renderHeader()\r\n              ) : title ? (\r\n                <h2 className={classMap.title}>\r\n                  {cardIcon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-icon`}\r\n                    >\r\n                      {React.createElement(cardIcon)}\r\n                    </span>\r\n                  )}\r\n                  {title}\r\n                </h2>\r\n              ) : null}\r\n            </div>\r\n\r\n            <div\r\n              className={combineClassNames(classMap.body, bodyClassName)}\r\n              role=\"group\"\r\n              aria-describedby={description ? descriptionId : undefined}\r\n            >\r\n              {renderContent ? (\r\n                renderContent()\r\n              ) : (\r\n                <>\r\n                  {description && (\r\n                    <p id={descriptionId} className={classMap.description}>\r\n                      {description}\r\n                    </p>\r\n                  )}\r\n                  {children && (\r\n                    <div className={classMap.children}>{children}</div>\r\n                  )}\r\n                </>\r\n              )}\r\n            </div>\r\n\r\n            {(actionButtons.length > 0 || renderFooter) && (\r\n              <div\r\n                className={combineClassNames(classMap.footer, footerClassName)}\r\n              >\r\n                {actionButtons.length > 0 && (\r\n                  <div className={classMap.actions}>\r\n                    {actionButtons.map((button, index) =>\r\n                      useIconButtons && button.icon ? (\r\n                        <button.iconButtonComponent\r\n                          key={index}\r\n                          icon={button.icon}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"clear\"}\r\n                          state={button.state || \"\"}\r\n                          aria-label={button.label}\r\n                          size={button.size || size}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                          ariaLabel={button.ariaLabel}\r\n                        />\r\n                      ) : (\r\n                        <button.buttonComponent\r\n                          key={index}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"secondary\"}\r\n                          state={button.state || \"\"}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                          size={button.size || size}\r\n                          ariaLabel={button.ariaLabel}\r\n                        >\r\n                          {button.label}\r\n                        </button.buttonComponent>\r\n                      )\r\n                    )}\r\n                  </div>\r\n                )}\r\n                {renderFooter && renderFooter()}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nCardBase.displayName = \"CardBase\";\r\n\r\nexport default CardBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Image from \"next/image\";\r\nimport { Button, IconButton, Skeleton } from \"../../../index.next\";\r\nimport styles from \"./Card.module.scss\";\r\nimport CardBase from \"../CardBase\";\r\nimport { CardProps } from \"../Card.types\";\r\n\r\nconst NextImageWrapper: React.FC<React.ComponentProps<typeof Image>> = (\r\n  props\r\n) => {\r\n  return <Image {...props} />;\r\n};\r\n\r\nconst Card: React.FC<CardProps> = (props) => {\r\n  const wrappedButtons = (props.actionButtons ?? []).map((b) => ({\r\n    ...b,\r\n    buttonComponent: Button,\r\n    iconButtonComponent: IconButton,\r\n  }));\r\n\r\n  return (\r\n    <CardBase\r\n      {...props}\r\n      actionButtons={wrappedButtons}\r\n      classMap={styles}\r\n      SkeletonComponent={Skeleton}\r\n      ImageComponent={NextImageWrapper}\r\n    />\r\n  );\r\n};\r\nCard.displayName = \"Card\";\r\nexport default Card;\r\n"],"names":["title","description","outline","loading","children","Skeleton"],"mappings":"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"}
+{"version":3,"file":"Card-CtUR7xR3.js","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/next/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { CardBaseProps, CardImageSource } from \"./Card.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 CardBase: React.FC<CardBaseProps> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  cardIcon,\r\n  title = \"\",\r\n  description = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  imageUrl,\r\n  imageAlt,\r\n  imageHeight,\r\n  imageWidth,\r\n  imageFill,\r\n  className = \"\",\r\n  imageClassName = \"\",\r\n  headerClassName = \"\",\r\n  bodyClassName = \"\",\r\n  footerClassName = \"\",\r\n  outline = false,\r\n  size = getDefaultSize(),\r\n  align = \"center\",\r\n  renderHeader,\r\n  renderContent,\r\n  renderFooter,\r\n  actionButtons = [],\r\n  useIconButtons = false,\r\n  layout = \"vertical\",\r\n  loading = false,\r\n  children,\r\n  \"data-testid\": testId = \"card\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-label\": ariaLabel,\r\n  classMap,\r\n  SkeletonComponent,\r\n  ImageComponent,\r\n}) => {\r\n  const autoId = useId();\r\n  const headerId = ariaLabelledBy || `${autoId}-header`;\r\n  const descriptionId = `${autoId}-description`;\r\n  const derivedAriaLabel = ariaLabel || title || description || \"Content card\";\r\n\r\n  const FallbackImage = (props: React.ImgHTMLAttributes<HTMLImageElement>) => (\r\n    <img {...props} />\r\n  );\r\n\r\n  const isObjSrc =\r\n    typeof imageUrl === \"object\" &&\r\n    imageUrl !== null &&\r\n    \"src\" in (imageUrl as object);\r\n\r\n  const rawSrc = isObjSrc\r\n    ? (imageUrl as Extract<CardImageSource, { src: string }>).src\r\n    : (imageUrl as string | undefined);\r\n\r\n  const imgSrc =\r\n    typeof rawSrc === \"string\" && rawSrc.trim().length > 0\r\n      ? rawSrc.trim()\r\n      : undefined;\r\n\r\n  const hasImage = Boolean(imgSrc);\r\n\r\n  const resolvedWidth =\r\n    (isObjSrc\r\n      ? (imageUrl as Extract<CardImageSource, { width?: number }>).width\r\n      : undefined) ?? imageWidth;\r\n\r\n  const resolvedHeight =\r\n    (isObjSrc\r\n      ? (imageUrl as Extract<CardImageSource, { height?: number }>).height\r\n      : undefined) ?? imageHeight;\r\n\r\n  const imgAlt = imageAlt || `${title || \"Card\"} image`;\r\n\r\n  const ImageRenderer = ImageComponent || FallbackImage;\r\n  const isNextImage = typeof ImageRenderer !== \"string\";\r\n\r\n  const cardClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.card,\r\n        classMap[layout],\r\n        align && classMap[align],\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        loading && classMap.loading,\r\n        className\r\n      ),\r\n    [\r\n      classMap,\r\n      layout,\r\n      align,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      loading,\r\n      className,\r\n    ]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      data-testid={testId}\r\n      className={cardClassName}\r\n      role=\"region\"\r\n      aria-labelledby={title ? headerId : undefined}\r\n      aria-label={!title ? derivedAriaLabel : undefined}\r\n      aria-busy={loading || undefined}\r\n    >\r\n      {loading ? (\r\n        <SkeletonComponent\r\n          width=\"250px\"\r\n          height=\"250px\"\r\n          data-testid={`${testId}-skeleton`}\r\n        />\r\n      ) : (\r\n        <div className={classMap.content}>\r\n          {hasImage &&\r\n            (imageFill ? (\r\n              <div className={classMap.media}>\r\n                <ImageRenderer\r\n                  src={imgSrc as any}\r\n                  alt={imgAlt}\r\n                  className={combineClassNames(classMap.image, imageClassName)}\r\n                  {...(isNextImage ? { fill: true } : {})}\r\n                  {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\r\n                />\r\n              </div>\r\n            ) : (\r\n              <ImageRenderer\r\n                src={imgSrc as any}\r\n                alt={imgAlt}\r\n                className={combineClassNames(classMap.image, imageClassName)}\r\n                width={resolvedWidth ?? 640}\r\n                height={resolvedHeight ?? 360}\r\n                {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\r\n              />\r\n            ))}\r\n\r\n          <div>\r\n            <div\r\n              className={combineClassNames(classMap.header, headerClassName)}\r\n              id={headerId}\r\n            >\r\n              {renderHeader ? (\r\n                renderHeader()\r\n              ) : title ? (\r\n                <h2 className={classMap.title}>\r\n                  {cardIcon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-icon`}\r\n                    >\r\n                      {React.createElement(cardIcon)}\r\n                    </span>\r\n                  )}\r\n                  {title}\r\n                </h2>\r\n              ) : null}\r\n            </div>\r\n\r\n            <div\r\n              className={combineClassNames(classMap.body, bodyClassName)}\r\n              role=\"group\"\r\n              aria-describedby={description ? descriptionId : undefined}\r\n            >\r\n              {renderContent ? (\r\n                renderContent()\r\n              ) : (\r\n                <>\r\n                  {description && (\r\n                    <p id={descriptionId} className={classMap.description}>\r\n                      {description}\r\n                    </p>\r\n                  )}\r\n                  {children && (\r\n                    <div className={classMap.children}>{children}</div>\r\n                  )}\r\n                </>\r\n              )}\r\n            </div>\r\n\r\n            {(actionButtons.length > 0 || renderFooter) && (\r\n              <div\r\n                className={combineClassNames(classMap.footer, footerClassName)}\r\n              >\r\n                {actionButtons.length > 0 && (\r\n                  <div className={classMap.actions}>\r\n                    {actionButtons.map((button, index) =>\r\n                      useIconButtons && button.icon ? (\r\n                        <button.iconButtonComponent\r\n                          key={index}\r\n                          icon={button.icon}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"clear\"}\r\n                          state={button.state || \"\"}\r\n                          aria-label={button.label}\r\n                          size={button.size || size}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                          ariaLabel={button.ariaLabel}\r\n                        />\r\n                      ) : (\r\n                        <button.buttonComponent\r\n                          key={index}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"secondary\"}\r\n                          state={button.state || \"\"}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                          size={button.size || size}\r\n                          ariaLabel={button.ariaLabel}\r\n                        >\r\n                          {button.label}\r\n                        </button.buttonComponent>\r\n                      )\r\n                    )}\r\n                  </div>\r\n                )}\r\n                {renderFooter && renderFooter()}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nCardBase.displayName = \"CardBase\";\r\n\r\nexport default CardBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Image from \"next/image\";\r\nimport { Button, IconButton, Skeleton } from \"../../../index.next\";\r\nimport styles from \"./Card.module.scss\";\r\nimport CardBase from \"../CardBase\";\r\nimport { CardProps } from \"../Card.types\";\r\n\r\nconst NextImageWrapper: React.FC<React.ComponentProps<typeof Image>> = (\r\n  props\r\n) => {\r\n  return <Image {...props} />;\r\n};\r\n\r\nconst Card: React.FC<CardProps> = (props) => {\r\n  const wrappedButtons = (props.actionButtons ?? []).map((b) => ({\r\n    ...b,\r\n    buttonComponent: Button,\r\n    iconButtonComponent: IconButton,\r\n  }));\r\n\r\n  return (\r\n    <CardBase\r\n      {...props}\r\n      actionButtons={wrappedButtons}\r\n      classMap={styles}\r\n      SkeletonComponent={Skeleton}\r\n      ImageComponent={NextImageWrapper}\r\n    />\r\n  );\r\n};\r\nCard.displayName = \"Card\";\r\nexport default Card;\r\n"],"names":["title","description","outline","loading","children","Skeleton"],"mappings":"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"}