boreal-ui 0.0.35 → 0.0.37

package/dist/next/{Breadcrumbs-IO2iNAjN.js → Breadcrumbs-CWv3TrV_.js}

@@ -5,42 +5,42 @@ import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { A as ArrowRightIcon } from "./ArrowRightIcon-BYQv5XS8.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";
-import { B as Button } from "./Button-DN8rTQSp.js";
-const breadcrumbs = "_breadcrumbs_2qesk_68";
-const ellipsis = "_ellipsis_2qesk_80";
-const roundNone = "_roundNone_2qesk_84";
-const roundSmall = "_roundSmall_2qesk_88";
-const roundMedium = "_roundMedium_2qesk_92";
-const roundLarge = "_roundLarge_2qesk_96";
-const roundFull = "_roundFull_2qesk_100";
-const shadowNone = "_shadowNone_2qesk_104";
-const shadowLight = "_shadowLight_2qesk_108";
-const shadowMedium = "_shadowMedium_2qesk_112";
-const shadowStrong = "_shadowStrong_2qesk_116";
-const shadowIntense = "_shadowIntense_2qesk_120";
-const primary = "_primary_2qesk_124";
-const outline = "_outline_2qesk_138";
-const secondary = "_secondary_2qesk_150";
-const tertiary = "_tertiary_2qesk_176";
-const quaternary = "_quaternary_2qesk_202";
-const clear = "_clear_2qesk_225";
-const success = "_success_2qesk_251";
-const error = "_error_2qesk_277";
-const warning = "_warning_2qesk_303";
-const xs = "_xs_2qesk_329";
-const small = "_small_2qesk_333";
-const medium = "_medium_2qesk_337";
-const large = "_large_2qesk_341";
-const xl = "_xl_2qesk_345";
-const list = "_list_2qesk_349";
-const item = "_item_2qesk_358";
-const item_animate = "_item_animate_2qesk_366";
-const item_active = "_item_active_2qesk_370";
-const disabled = "_disabled_2qesk_375";
-const link = "_link_2qesk_382";
-const link_label = "_link_label_2qesk_387";
-const current = "_current_2qesk_394";
-const separator = "_separator_2qesk_399";
+import { B as Button } from "./Button-BjY7f3mw.js";
+const breadcrumbs = "_breadcrumbs_1p9es_85";
+const ellipsis = "_ellipsis_1p9es_111";
+const roundNone = "_roundNone_1p9es_115";
+const roundSmall = "_roundSmall_1p9es_119";
+const roundMedium = "_roundMedium_1p9es_123";
+const roundLarge = "_roundLarge_1p9es_127";
+const roundFull = "_roundFull_1p9es_131";
+const shadowNone = "_shadowNone_1p9es_135";
+const shadowLight = "_shadowLight_1p9es_139";
+const shadowMedium = "_shadowMedium_1p9es_143";
+const shadowStrong = "_shadowStrong_1p9es_147";
+const shadowIntense = "_shadowIntense_1p9es_151";
+const primary = "_primary_1p9es_155";
+const outline = "_outline_1p9es_175";
+const secondary = "_secondary_1p9es_192";
+const tertiary = "_tertiary_1p9es_229";
+const quaternary = "_quaternary_1p9es_266";
+const clear = "_clear_1p9es_300";
+const success = "_success_1p9es_337";
+const error = "_error_1p9es_374";
+const warning = "_warning_1p9es_411";
+const xs = "_xs_1p9es_448";
+const small = "_small_1p9es_462";
+const medium = "_medium_1p9es_476";
+const large = "_large_1p9es_490";
+const xl = "_xl_1p9es_504";
+const list = "_list_1p9es_518";
+const item = "_item_1p9es_537";
+const item_animate = "_item_animate_1p9es_545";
+const item_active = "_item_active_1p9es_549";
+const disabled = "_disabled_1p9es_554";
+const link = "_link_1p9es_561";
+const link_label = "_link_label_1p9es_566";
+const current = "_current_1p9es_573";
+const separator = "_separator_1p9es_578";
 const styles = {
   breadcrumbs,
   ellipsis,
@@ -71,7 +71,7 @@ const styles = {
   list,
   item,
   item_animate,
-  "fade-in": "_fade-in_2qesk_1",
+  "fade-in": "_fade-in_1p9es_1",
   item_active,
   disabled,
   link,
@@ -230,8 +230,9 @@ const Breadcrumbs = (props) => {
     }
   );
 };
+Breadcrumbs.displayName = "Breadcrumbs";
 export {
   Breadcrumbs as B,
   ELLIPSIS_LABEL as E
 };
-//# sourceMappingURL=Breadcrumbs-IO2iNAjN.js.map
+//# sourceMappingURL=Breadcrumbs-CWv3TrV_.js.map

package/dist/next/Breadcrumbs-CWv3TrV_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-CWv3TrV_.js","sources":["../../src/components/Breadcrumbs/Breadcrumbs.types.ts","../../src/components/Breadcrumbs/BreadcrumbsBase.tsx","../../src/components/Breadcrumbs/next/Breadcrumbs.tsx"],"sourcesContent":["import {\r\n  RoundingType,\r\n  ShadowType,\r\n  SizeType,\r\n  StateType,\r\n  ThemeType,\r\n} from \"@/types/types\";\r\n\r\n/**\r\n * A breadcrumb item used to define a single step in the navigation path.\r\n */\r\nexport interface Breadcrumb {\r\n  /**\r\n   * The display label for the breadcrumb.\r\n   */\r\n  label: string;\r\n\r\n  /**\r\n   * Optional URL the breadcrumb should link to.\r\n   * If not provided, it is rendered as plain text.\r\n   */\r\n  href?: string;\r\n}\r\n\r\n/**\r\n * Props for the Breadcrumbs component.\r\n */\r\nexport interface BreadcrumbsProps {\r\n  /**\r\n   * An array of breadcrumb items.\r\n   */\r\n  items: Breadcrumb[];\r\n\r\n  /**\r\n   * Disables interaction and styles as disabled.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Optional custom separator node between breadcrumb items.\r\n   * Defaults to a right chevron icon.\r\n   */\r\n  separator?: React.ReactNode;\r\n\r\n  /**\r\n   * Theme style to apply to the breadcrumbs\r\n   * ('primary' | 'secondary' | 'tertiary' | 'quaternary' | 'clear').\r\n   */\r\n  theme?: ThemeType;\r\n\r\n  /**\r\n   * Rounding style to apply to the breadcrumbs\r\n   * ('none' | 'small' | 'medium' | 'large' | 'full').\r\n   */\r\n  rounding?: RoundingType;\r\n\r\n  /**\r\n   * Shadow style to apply to the breadcrumbs\r\n   * ('none' | 'light' | 'medium' | 'strong' | 'intense').\r\n   */\r\n  shadow?: ShadowType;\r\n\r\n  /**\r\n   * State of the breadcrumbs\r\n   * ('success' | 'error' | 'warning' | 'disabled' | '').\r\n   * Used for visual feedback.\r\n   */\r\n  state?: StateType;\r\n\r\n  /**\r\n   * Size of the breadcrumbs\r\n   * ('xs' | 'small' | 'medium' | 'large' | 'xl').\r\n   */\r\n  size?: SizeType;\r\n\r\n  /**\r\n   * Additional class name for custom styling.\r\n   */\r\n  className?: string;\r\n\r\n  /**\r\n   * Whether to use the outline style.\r\n   */\r\n  outline?: boolean;\r\n\r\n  /**\r\n   * Maximum number of visible items before collapsing into an ellipsis.\r\n   */\r\n  maxVisible?: number;\r\n\r\n  /**\r\n   * Optional test ID for testing frameworks.\r\n   */\r\n  \"data-testid\"?: string;\r\n}\r\n\r\n/**\r\n * Label used to represent collapsed breadcrumb items.\r\n */\r\nexport const ELLIPSIS_LABEL = \"…\";\r\n\r\nexport interface BreadcrumbsBaseProps extends BreadcrumbsProps {\r\n  classMap: Record<string, string>;\r\n  LinkComponent?: React.ElementType;\r\n  ButtonComponent: React.ElementType;\r\n}\r\n","import React, { useMemo, useState } from \"react\";\r\nimport {\r\n  Breadcrumb,\r\n  BreadcrumbsBaseProps,\r\n  ELLIPSIS_LABEL,\r\n} from \"./Breadcrumbs.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ArrowRightIcon } from \"../../Icons/index\";\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 BreadcrumbsBase: React.FC<BreadcrumbsBaseProps> = ({\r\n  items,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  separator,\r\n  classMap,\r\n  disabled = false,\r\n  size = getDefaultSize(),\r\n  outline = false,\r\n  className = \"\",\r\n  maxVisible,\r\n  LinkComponent = \"a\",\r\n  ButtonComponent = \"button\",\r\n  \"data-testid\": testId = \"breadcrumbs\",\r\n}) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const handleExpand = () => setIsExpanded(true);\r\n\r\n  if (!items || items.length === 0) return null;\r\n\r\n  const visibleItems: Breadcrumb[] = useMemo(() => {\r\n    if (isExpanded || !maxVisible || items.length <= maxVisible) return items;\r\n    const first = items[0];\r\n    const lastItems = items.slice(items.length - (maxVisible - 2));\r\n    return [first, { label: ELLIPSIS_LABEL }, ...lastItems];\r\n  }, [items, isExpanded, maxVisible]);\r\n\r\n  const breadcrumbsClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.breadcrumbs,\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        disabled && classMap.disabled,\r\n        outline && classMap.outline,\r\n        className\r\n      ),\r\n    [\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      disabled,\r\n      outline,\r\n      className,\r\n      classMap,\r\n    ]\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Breadcrumb\"\r\n      data-testid={testId ? `${testId}-nav-container` : undefined}\r\n      className={breadcrumbsClass}\r\n    >\r\n      <ol\r\n        className={classMap.list}\r\n        data-testid={testId ? `${testId}-nav-list` : undefined}\r\n        itemScope\r\n        itemType=\"https://schema.org/BreadcrumbList\"\r\n      >\r\n        {visibleItems.map((item, index) => {\r\n          const isLast = index === visibleItems.length - 1;\r\n          const isEllipsis = item.label === ELLIPSIS_LABEL;\r\n\r\n          const itemClassName = combineClassNames(\r\n            classMap.item,\r\n            isExpanded && !isEllipsis && classMap.item_animate,\r\n            isLast && classMap.item_active\r\n          );\r\n\r\n          return (\r\n            <li\r\n              data-testid={testId ? `${testId}-nav-item` : undefined}\r\n              key={`${item.label}-${item.href ?? index}`}\r\n              className={itemClassName}\r\n              itemProp=\"itemListElement\"\r\n              itemScope\r\n              itemType=\"https://schema.org/ListItem\"\r\n            >\r\n              {isEllipsis ? (\r\n                <ButtonComponent\r\n                  theme=\"clear\"\r\n                  size=\"xs\"\r\n                  className={classMap.ellipsis}\r\n                  aria-label=\"Show all breadcrumbs\"\r\n                  aria-expanded={isExpanded}\r\n                  onClick={disabled ? undefined : handleExpand}\r\n                  disabled={disabled}\r\n                  tabIndex={disabled ? -1 : 0}\r\n                  data-testid={testId ? `${testId}-ellipsis` : undefined}\r\n                >\r\n                  {item.label}\r\n                </ButtonComponent>\r\n              ) : item.href && !isLast ? (\r\n                disabled ? (\r\n                  // Disabled: render non-interactive label for links\r\n                  <span\r\n                    className={classMap.link_disabled}\r\n                    title={item.label}\r\n                    itemProp=\"name\"\r\n                    data-testid={\r\n                      testId ? `${testId}-nav-item-label` : undefined\r\n                    }\r\n                  >\r\n                    {item.label}\r\n                  </span>\r\n                ) : (\r\n                  <LinkComponent\r\n                    href={item.href}\r\n                    className={classMap.link}\r\n                    title={item.label}\r\n                    itemProp=\"item\"\r\n                    data-testid={\r\n                      testId ? `${testId}-nav-item-label` : undefined\r\n                    }\r\n                  >\r\n                    <span itemProp=\"name\" className={classMap.link_label}>\r\n                      {item.label}\r\n                    </span>\r\n                  </LinkComponent>\r\n                )\r\n              ) : (\r\n                <span\r\n                  className={classMap.current}\r\n                  itemProp=\"name\"\r\n                  aria-current=\"page\"\r\n                  data-testid={\r\n                    testId ? `${testId}-nav-item-current` : undefined\r\n                  }\r\n                >\r\n                  {item.label}\r\n                </span>\r\n              )}\r\n\r\n              {!isLast && (\r\n                <span className={classMap.separator} aria-hidden=\"true\">\r\n                  {separator ?? <ArrowRightIcon />}\r\n                </span>\r\n              )}\r\n              <meta itemProp=\"position\" content={`${index + 1}`} />\r\n            </li>\r\n          );\r\n        })}\r\n      </ol>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBreadcrumbsBase.displayName = \"BreadcrumbsBase\";\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Breadcrumbs.module.scss\";\r\nimport { BreadcrumbsBase } from \"../BreadcrumbsBase\";\r\nimport { BreadcrumbsProps } from \"../Breadcrumbs.types\";\r\nimport { Button } from \"../../../index.next\";\r\n\r\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = (props) => {\r\n  return (\r\n    <BreadcrumbsBase\r\n      {...props}\r\n      classMap={styles}\r\n      LinkComponent={Link}\r\n      ButtonComponent={Button}\r\n    />\r\n  );\r\n};\r\nBreadcrumbs.displayName = \"Breadcrumbs\";\r\nexport default Breadcrumbs;\r\n"],"names":["separator","disabled","outline","item"],"mappings":"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"}

package/dist/next/Breadcrumbs.cjs.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Breadcrumbs = require("./Breadcrumbs-veVO4yuY.cjs");
+const Breadcrumbs = require("./Breadcrumbs-BrH6_8Kt.cjs");
 exports.ELLIPSIS_LABEL = Breadcrumbs.ELLIPSIS_LABEL;
 exports.default = Breadcrumbs.Breadcrumbs;
 //# sourceMappingURL=Breadcrumbs.cjs.js.map

package/dist/next/Breadcrumbs.js

@@ -1,4 +1,4 @@
-import { E, B } from "./Breadcrumbs-IO2iNAjN.js";
+import { E, B } from "./Breadcrumbs-CWv3TrV_.js";
 export {
   E as ELLIPSIS_LABEL,
   B as default

package/dist/next/{Button-DN8rTQSp.js → Button-BjY7f3mw.js}

@@ -1,48 +1,47 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { L as Link } from "./link-Bik5xH00.js";
 import React, { forwardRef, useMemo } from "react";
+import { L as Link } from "./link-Bik5xH00.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_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 noScroll = "_noScroll_17xhc_108";
+const errorMessage = "_errorMessage_17xhc_109";
+const loadingContainer = "_loadingContainer_17xhc_110";
+const hideScrollbar = "_hideScrollbar_17xhc_102";
+const sr_only = "_sr_only_17xhc_111";
+const button = "_button_17xhc_541";
+const loader = "_loader_17xhc_544";
+const fullWidth = "_fullWidth_17xhc_602";
+const autoFull = "_autoFull_17xhc_614";
+const roundNone = "_roundNone_17xhc_620";
+const roundSmall = "_roundSmall_17xhc_624";
+const roundMedium = "_roundMedium_17xhc_628";
+const roundLarge = "_roundLarge_17xhc_632";
+const roundFull = "_roundFull_17xhc_636";
+const shadowNone = "_shadowNone_17xhc_640";
+const shadowLight = "_shadowLight_17xhc_644";
+const shadowMedium = "_shadowMedium_17xhc_648";
+const shadowStrong = "_shadowStrong_17xhc_652";
+const shadowIntense = "_shadowIntense_17xhc_656";
+const spin = "_spin_17xhc_1";
+const buttonIcon = "_buttonIcon_17xhc_669";
+const buttonLabel = "_buttonLabel_17xhc_686";
+const clear = "_clear_17xhc_690";
+const outline = "_outline_17xhc_696";
+const primary = "_primary_17xhc_712";
+const secondary = "_secondary_17xhc_733";
+const tertiary = "_tertiary_17xhc_754";
+const quaternary = "_quaternary_17xhc_775";
+const success = "_success_17xhc_817";
+const error = "_error_17xhc_109";
+const warning = "_warning_17xhc_859";
+const disabled = "_disabled_17xhc_880";
+const xs = "_xs_17xhc_893";
+const small = "_small_17xhc_925";
+const medium = "_medium_17xhc_957";
+const large = "_large_17xhc_989";
+const xl = "_xl_17xhc_1021";
+const pulse = "_pulse_17xhc_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -51,6 +50,7 @@ const styles = {
   sr_only,
   button,
   loader,
+  fullWidth,
   autoFull,
   roundNone,
   roundSmall,
@@ -62,7 +62,6 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  fullWidth,
   spin,
   buttonIcon,
   buttonLabel,
@@ -77,19 +76,18 @@ const styles = {
   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",
+  "fade-in": "_fade-in_17xhc_1",
+  "slide-up": "_slide-up_17xhc_1",
+  "spin-3d": "_spin-3d_17xhc_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"
+  "fade-in-up": "_fade-in-up_17xhc_1",
+  "progress-grow": "_progress-grow_17xhc_1",
+  "indeterminate-move": "_indeterminate-move_17xhc_1",
+  "skeleton-loading": "_skeleton-loading_17xhc_1"
 };
 const ButtonBase = forwardRef(
   ({
@@ -174,6 +172,7 @@ const ButtonBase = forwardRef(
       )
     ] });
     if (href) {
+      const Comp = LinkComponent ?? "a";
       const external = (isExternal ?? /^https?:\/\//i.test(href)) && !disabled2;
       const linkCommon = {
         ref,
@@ -184,18 +183,21 @@ const ButtonBase = forwardRef(
         ...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,
+      if (Comp === "a") {
+        return /* @__PURE__ */ jsx(
+          "a",
+          {
+            ...linkCommon,
+            href: disabled2 ? void 0 : href,
+            target: external ? "_blank" : void 0,
+            rel: external ? "noopener noreferrer" : void 0,
+            ...rest,
+            children: content
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        Comp,
         {
           ...linkCommon,
           href,
@@ -222,8 +224,9 @@ const ButtonBase = forwardRef(
   }
 );
 ButtonBase.displayName = "ButtonBase";
-const Button = (props) => /* @__PURE__ */ jsx(ButtonBase, { ...props, classMap: styles, LinkComponent: Link });
+const Button = forwardRef((props, ref) => /* @__PURE__ */ jsx(ButtonBase, { ...props, classMap: styles, LinkComponent: Link, ref }));
+Button.displayName = "Button";
 export {
   Button as B
 };
-//# sourceMappingURL=Button-DN8rTQSp.js.map
+//# sourceMappingURL=Button-BjY7f3mw.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button-BjY7f3mw.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-sIKQmn_c.cjs → Button-D8Kff8sN.cjs}

@@ -1,49 +1,48 @@
 "use strict";
 const require$$2 = require("react/jsx-runtime");
-const link = require("./link-hxAaLm0Q.cjs");
 const React = require("react");
+const link = require("./link-hxAaLm0Q.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_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 noScroll = "_noScroll_17xhc_108";
+const errorMessage = "_errorMessage_17xhc_109";
+const loadingContainer = "_loadingContainer_17xhc_110";
+const hideScrollbar = "_hideScrollbar_17xhc_102";
+const sr_only = "_sr_only_17xhc_111";
+const button = "_button_17xhc_541";
+const loader = "_loader_17xhc_544";
+const fullWidth = "_fullWidth_17xhc_602";
+const autoFull = "_autoFull_17xhc_614";
+const roundNone = "_roundNone_17xhc_620";
+const roundSmall = "_roundSmall_17xhc_624";
+const roundMedium = "_roundMedium_17xhc_628";
+const roundLarge = "_roundLarge_17xhc_632";
+const roundFull = "_roundFull_17xhc_636";
+const shadowNone = "_shadowNone_17xhc_640";
+const shadowLight = "_shadowLight_17xhc_644";
+const shadowMedium = "_shadowMedium_17xhc_648";
+const shadowStrong = "_shadowStrong_17xhc_652";
+const shadowIntense = "_shadowIntense_17xhc_656";
+const spin = "_spin_17xhc_1";
+const buttonIcon = "_buttonIcon_17xhc_669";
+const buttonLabel = "_buttonLabel_17xhc_686";
+const clear = "_clear_17xhc_690";
+const outline = "_outline_17xhc_696";
+const primary = "_primary_17xhc_712";
+const secondary = "_secondary_17xhc_733";
+const tertiary = "_tertiary_17xhc_754";
+const quaternary = "_quaternary_17xhc_775";
+const success = "_success_17xhc_817";
+const error = "_error_17xhc_109";
+const warning = "_warning_17xhc_859";
+const disabled = "_disabled_17xhc_880";
+const xs = "_xs_17xhc_893";
+const small = "_small_17xhc_925";
+const medium = "_medium_17xhc_957";
+const large = "_large_17xhc_989";
+const xl = "_xl_17xhc_1021";
+const pulse = "_pulse_17xhc_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -52,6 +51,7 @@ const styles = {
   sr_only,
   button,
   loader,
+  fullWidth,
   autoFull,
   roundNone,
   roundSmall,
@@ -63,7 +63,6 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  fullWidth,
   spin,
   buttonIcon,
   buttonLabel,
@@ -78,19 +77,18 @@ const styles = {
   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",
+  "fade-in": "_fade-in_17xhc_1",
+  "slide-up": "_slide-up_17xhc_1",
+  "spin-3d": "_spin-3d_17xhc_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"
+  "fade-in-up": "_fade-in-up_17xhc_1",
+  "progress-grow": "_progress-grow_17xhc_1",
+  "indeterminate-move": "_indeterminate-move_17xhc_1",
+  "skeleton-loading": "_skeleton-loading_17xhc_1"
 };
 const ButtonBase = React.forwardRef(
   ({
@@ -175,6 +173,7 @@ const ButtonBase = React.forwardRef(
       )
     ] });
     if (href) {
+      const Comp = LinkComponent ?? "a";
       const external = (isExternal ?? /^https?:\/\//i.test(href)) && !disabled2;
       const linkCommon = {
         ref,
@@ -185,18 +184,21 @@ const ButtonBase = React.forwardRef(
         ...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,
+      if (Comp === "a") {
+        return /* @__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
+          }
+        );
+      }
+      return /* @__PURE__ */ require$$2.jsx(
+        Comp,
         {
           ...linkCommon,
           href,
@@ -223,6 +225,7 @@ const ButtonBase = React.forwardRef(
   }
 );
 ButtonBase.displayName = "ButtonBase";
-const Button = (props) => /* @__PURE__ */ require$$2.jsx(ButtonBase, { ...props, classMap: styles, LinkComponent: link.Link });
+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-sIKQmn_c.cjs.map
+//# sourceMappingURL=Button-D8Kff8sN.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button-D8Kff8sN.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-sIKQmn_c.cjs");
+const Button = require("./Button-D8Kff8sN.cjs");
 module.exports = Button.Button;
 //# sourceMappingURL=Button.cjs.js.map

package/dist/next/Button.js

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