boreal-ui 0.0.1

package/dist/next/Breadcrumbs-DCPl_wHY.cjs

@@ -0,0 +1,211 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const link$1 = require("./link-B8xgzNiC.cjs");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const ArrowRightIcon = require("./ArrowRightIcon-BVb75OpX.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const Button = require("./Button-DUh0L7vy.cjs");
+const breadcrumbs = "_breadcrumbs_xirob_68";
+const roundNone = "_roundNone_xirob_80";
+const roundSmall = "_roundSmall_xirob_84";
+const roundMedium = "_roundMedium_xirob_88";
+const roundLarge = "_roundLarge_xirob_92";
+const roundFull = "_roundFull_xirob_96";
+const shadowNone = "_shadowNone_xirob_100";
+const shadowLight = "_shadowLight_xirob_104";
+const shadowMedium = "_shadowMedium_xirob_108";
+const shadowStrong = "_shadowStrong_xirob_112";
+const shadowIntense = "_shadowIntense_xirob_116";
+const primary = "_primary_xirob_120";
+const outline = "_outline_xirob_134";
+const secondary = "_secondary_xirob_146";
+const tertiary = "_tertiary_xirob_172";
+const quaternary = "_quaternary_xirob_198";
+const clear = "_clear_xirob_221";
+const success = "_success_xirob_247";
+const error = "_error_xirob_273";
+const warning = "_warning_xirob_299";
+const xs = "_xs_xirob_325";
+const small = "_small_xirob_329";
+const medium = "_medium_xirob_333";
+const large = "_large_xirob_337";
+const xl = "_xl_xirob_341";
+const list = "_list_xirob_345";
+const item = "_item_xirob_354";
+const item_animate = "_item_animate_xirob_362";
+const item_active = "_item_active_xirob_366";
+const disabled = "_disabled_xirob_371";
+const link = "_link_xirob_378";
+const link_label = "_link_label_xirob_383";
+const current = "_current_xirob_390";
+const separator = "_separator_xirob_395";
+const styles = {
+  breadcrumbs,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  primary,
+  outline,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  list,
+  item,
+  item_animate,
+  "fade-in": "_fade-in_xirob_1",
+  item_active,
+  disabled,
+  link,
+  link_label,
+  current,
+  separator
+};
+const ELLIPSIS_LABEL = "…";
+const BreadcrumbsBase = ({
+  items,
+  theme = borealStyleConfig.getDefaultTheme(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  state = "",
+  separator: separator2,
+  classMap,
+  disabled: disabled2 = false,
+  size = borealStyleConfig.getDefaultSize(),
+  outline: outline2 = false,
+  className = "",
+  maxVisible,
+  LinkComponent = "a",
+  ButtonComponent,
+  "data-testid": testId
+}) => {
+  const [isExpanded, setIsExpanded] = React.useState(false);
+  const handleExpand = () => setIsExpanded(true);
+  const visibleItems = React.useMemo(() => {
+    if (isExpanded || !maxVisible || items.length <= maxVisible) return items;
+    const first = items[0];
+    const lastItems = items.slice(items.length - (maxVisible - 2));
+    return [first, { label: ELLIPSIS_LABEL }, ...lastItems];
+  }, [items, isExpanded, maxVisible]);
+  const breadcrumbsClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.breadcrumbs,
+      classMap[theme],
+      classMap[state],
+      classMap[size],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      disabled2 && classMap.disabled,
+      outline2 && classMap.outline,
+      className
+    ),
+    [theme, size, outline2, className]
+  );
+  return /* @__PURE__ */ require$$2.jsx(
+    "nav",
+    {
+      "aria-label": "Breadcrumb",
+      "data-testid": testId ? `${testId}-nav-container` : void 0,
+      className: breadcrumbsClass,
+      itemScope: true,
+      role: "navigation",
+      itemType: "https://schema.org/BreadcrumbList",
+      children: /* @__PURE__ */ require$$2.jsx(
+        "ol",
+        {
+          className: classMap.list,
+          "data-testid": testId ? `${testId}-nav-list` : void 0,
+          children: visibleItems.map((item2, index) => {
+            const isLast = index === visibleItems.length - 1;
+            const isEllipsis = item2.label === ELLIPSIS_LABEL;
+            const itemClassName = classNames.combineClassNames(
+              classMap.item,
+              isExpanded && !isEllipsis && classMap.item_animate,
+              isLast && classMap.item_active
+            );
+            return /* @__PURE__ */ require$$2.jsxs(
+              "li",
+              {
+                "data-testid": testId ? `${testId}-nav-item` : void 0,
+                className: itemClassName,
+                itemProp: "itemListElement",
+                itemScope: true,
+                itemType: "https://schema.org/ListItem",
+                "aria-current": isLast ? "page" : void 0,
+                children: [
+                  isEllipsis ? /* @__PURE__ */ require$$2.jsx(
+                    ButtonComponent,
+                    {
+                      theme: "clear",
+                      size: "small",
+                      className: classMap.ellipsis,
+                      "aria-label": "Show more breadcrumbs",
+                      onClick: handleExpand,
+                      tabIndex: 0,
+                      "data-testid": testId ? `${testId}-ellipsis` : void 0,
+                      children: item2.label
+                    }
+                  ) : item2.href && !isLast ? /* @__PURE__ */ require$$2.jsx(
+                    LinkComponent,
+                    {
+                      href: item2.href,
+                      itemProp: "item",
+                      className: classMap.link,
+                      title: item2.label,
+                      "data-testid": testId ? `${testId}-nav-item-label` : void 0,
+                      children: /* @__PURE__ */ require$$2.jsx("span", { itemProp: "name", className: classMap.link_label, children: item2.label })
+                    }
+                  ) : /* @__PURE__ */ require$$2.jsx(
+                    "span",
+                    {
+                      className: classMap.current,
+                      itemProp: "name",
+                      "aria-current": "page",
+                      "data-testid": testId ? `${testId}-nav-item-current` : void 0,
+                      children: item2.label
+                    }
+                  ),
+                  !isLast && /* @__PURE__ */ require$$2.jsx("span", { className: classMap.separator, "aria-hidden": "true", children: separator2 ?? /* @__PURE__ */ require$$2.jsx(ArrowRightIcon.ArrowRightIcon, {}) }),
+                  /* @__PURE__ */ require$$2.jsx("meta", { itemProp: "position", content: `${index + 1}` })
+                ]
+              },
+              `${item2.label}-${item2.href ?? index}`
+            );
+          })
+        }
+      )
+    }
+  );
+};
+BreadcrumbsBase.displayName = "BreadcrumbsBase";
+const Breadcrumbs = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(
+    BreadcrumbsBase,
+    {
+      ...props,
+      classMap: styles,
+      LinkComponent: link$1.Link,
+      ButtonComponent: Button.Button
+    }
+  );
+};
+exports.Breadcrumbs = Breadcrumbs;
+exports.ELLIPSIS_LABEL = ELLIPSIS_LABEL;
+//# sourceMappingURL=Breadcrumbs-DCPl_wHY.cjs.map

package/dist/next/Breadcrumbs-DCPl_wHY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-DCPl_wHY.cjs","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","import React, { useMemo, useState } from \"react\";\r\nimport {\r\n  Breadcrumb,\r\n  BreadcrumbsProps,\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 interface BreadcrumbsBaseProps extends BreadcrumbsProps {\r\n  classMap: Record<string, string>;\r\n  LinkComponent?: React.ElementType;\r\n  ButtonComponent: React.ElementType;\r\n}\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,\r\n  \"data-testid\": testId,\r\n}) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const handleExpand = () => setIsExpanded(true);\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    [theme, size, outline, className]\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      itemScope\r\n      role=\"navigation\"\r\n      itemType=\"https://schema.org/BreadcrumbList\"\r\n    >\r\n      <ol\r\n        className={classMap.list}\r\n        data-testid={testId ? `${testId}-nav-list` : undefined}\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              aria-current={isLast ? \"page\" : undefined}\r\n            >\r\n              {isEllipsis ? (\r\n                <ButtonComponent\r\n                  theme=\"clear\"\r\n                  size=\"small\"\r\n                  className={classMap.ellipsis}\r\n                  aria-label=\"Show more breadcrumbs\"\r\n                  onClick={handleExpand}\r\n                  tabIndex={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                <LinkComponent\r\n                  href={item.href}\r\n                  itemProp=\"item\"\r\n                  className={classMap.link}\r\n                  title={item.label}\r\n                  data-testid={testId ? `${testId}-nav-item-label` : undefined}\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                <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\n\r\nexport default Breadcrumbs;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","separator","disabled","getDefaultSize","outline","useState","useMemo","combineClassNames","capitalize","jsx","item","jsxs","ArrowRightIcon","Link","Button"],"mappings":"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"}

package/dist/next/Breadcrumbs.cjs.js

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

package/dist/next/Breadcrumbs.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/next/Breadcrumbs.js

@@ -0,0 +1,6 @@
+import { E, B } from "./Breadcrumbs-BRfPnjv3.js";
+export {
+  E as ELLIPSIS_LABEL,
+  B as default
+};
+//# sourceMappingURL=Breadcrumbs.js.map

package/dist/next/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/next/Button-BpVwB1WA.js

@@ -0,0 +1,208 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { L as Link } from "./link-CX77u6b-.js";
+import { forwardRef, useMemo } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
+const noScroll = "_noScroll_bthea_91";
+const errorMessage = "_errorMessage_bthea_92";
+const loadingContainer = "_loadingContainer_bthea_93";
+const hideScrollbar = "_hideScrollbar_bthea_85";
+const sr_only = "_sr_only_bthea_94";
+const button = "_button_bthea_479";
+const roundNone = "_roundNone_bthea_501";
+const roundSmall = "_roundSmall_bthea_505";
+const roundMedium = "_roundMedium_bthea_509";
+const roundLarge = "_roundLarge_bthea_513";
+const roundFull = "_roundFull_bthea_517";
+const shadowNone = "_shadowNone_bthea_521";
+const shadowLight = "_shadowLight_bthea_525";
+const shadowMedium = "_shadowMedium_bthea_529";
+const shadowStrong = "_shadowStrong_bthea_533";
+const shadowIntense = "_shadowIntense_bthea_537";
+const fullWidth = "_fullWidth_bthea_541";
+const loader = "_loader_bthea_547";
+const spin = "_spin_bthea_1";
+const buttonIcon = "_buttonIcon_bthea_556";
+const buttonLabel = "_buttonLabel_bthea_563";
+const clear = "_clear_bthea_567";
+const outline = "_outline_bthea_573";
+const primary = "_primary_bthea_579";
+const secondary = "_secondary_bthea_600";
+const tertiary = "_tertiary_bthea_621";
+const quaternary = "_quaternary_bthea_642";
+const success = "_success_bthea_684";
+const error = "_error_bthea_92";
+const warning = "_warning_bthea_726";
+const disabled = "_disabled_bthea_747";
+const xs = "_xs_bthea_760";
+const icon = "_icon_bthea_766";
+const small = "_small_bthea_771";
+const medium = "_medium_bthea_782";
+const large = "_large_bthea_793";
+const xl = "_xl_bthea_804";
+const pulse = "_pulse_bthea_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  button,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  fullWidth,
+  loader,
+  spin,
+  buttonIcon,
+  buttonLabel,
+  clear,
+  outline,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  success,
+  error,
+  warning,
+  disabled,
+  xs,
+  icon,
+  small,
+  medium,
+  large,
+  xl,
+  "fade-in": "_fade-in_bthea_1",
+  "slide-up": "_slide-up_bthea_1",
+  "spin-3d": "_spin-3d_bthea_1",
+  pulse,
+  "fade-in-up": "_fade-in-up_bthea_1",
+  "progress-grow": "_progress-grow_bthea_1",
+  "indeterminate-move": "_indeterminate-move_bthea_1",
+  "skeleton-loading": "_skeleton-loading_bthea_1"
+};
+const ButtonBase = forwardRef(
+  ({
+    icon: Icon,
+    theme = getDefaultTheme(),
+    state = "",
+    onClick,
+    type = "button",
+    rounding = getDefaultRounding(),
+    shadow = getDefaultShadow(),
+    children,
+    className = "",
+    disabled: disabled2 = false,
+    ariaLabel,
+    href,
+    isExternal = false,
+    outline: outline2 = false,
+    size = getDefaultSize(),
+    loading = false,
+    fullWidth: fullWidth2 = false,
+    "data-testid": testId,
+    classMap,
+    LinkComponent = "a",
+    ...rest
+  }, ref) => {
+    const computedAriaLabel = ariaLabel || (typeof children === "string" ? children : "Button");
+    const combinedClassName = useMemo(
+      () => combineClassNames(
+        classMap.button,
+        classMap[theme],
+        classMap[state],
+        classMap[size],
+        outline2 && classMap.outline,
+        shadow && classMap[`shadow${capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize(rounding)}`],
+        fullWidth2 && classMap.fullWidth,
+        disabled2 && classMap.disabled,
+        className
+      ),
+      [theme, outline2, size, fullWidth2, disabled2, className]
+    );
+    const sharedProps = {
+      "aria-label": computedAriaLabel,
+      "aria-busy": loading || void 0,
+      "aria-disabled": disabled2 || void 0,
+      "data-testid": testId,
+      tabIndex: disabled2 ? -1 : 0,
+      onClick: disabled2 ? void 0 : onClick
+    };
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      Icon && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: classMap.buttonIcon,
+          "aria-hidden": "true",
+          "data-testid": testId ? `${testId}-icon` : void 0,
+          children: /* @__PURE__ */ jsx(Icon, { className: classMap.icon })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: classMap.buttonLabel,
+          "data-testid": testId ? `${testId}-loading` : void 0,
+          children: loading ? /* @__PURE__ */ jsx("div", { className: classMap.loader, "aria-hidden": "true" }) : children
+        }
+      )
+    ] });
+    if (href && isExternal) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          role: "button",
+          className: combineClassNames(combinedClassName, classMap.link),
+          ref,
+          ...sharedProps,
+          ...rest,
+          children: content
+        }
+      );
+    }
+    if (href && !isExternal) {
+      return /* @__PURE__ */ jsx(
+        LinkComponent,
+        {
+          href,
+          role: "button",
+          className: combineClassNames(combinedClassName, classMap.link),
+          ref,
+          ...sharedProps,
+          ...rest,
+          children: content
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type,
+        className: combinedClassName,
+        disabled: disabled2,
+        ...sharedProps,
+        ...rest,
+        children: content
+      }
+    );
+  }
+);
+ButtonBase.displayName = "ButtonBase";
+const Button = (props) => /* @__PURE__ */ jsx(ButtonBase, { ...props, classMap: styles, LinkComponent: Link });
+export {
+  Button as B
+};
+//# sourceMappingURL=Button-BpVwB1WA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button-BpVwB1WA.js","sources":["../../src/components/Button/ButtonBase.tsx","../../src/components/Button/next/Button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { ButtonProps } from \"./Button.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface ButtonBaseProps extends ButtonProps {\r\n  classMap: Record<string, string>;\r\n  LinkComponent?: React.ElementType;\r\n}\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,\r\n      classMap,\r\n      LinkComponent = \"a\",\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const computedAriaLabel =\r\n      ariaLabel || (typeof children === \"string\" ? children : \"Button\");\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      [theme, outline, size, fullWidth, disabled, className]\r\n    );\r\n\r\n    const sharedProps = {\r\n      \"aria-label\": computedAriaLabel,\r\n      \"aria-busy\": loading || undefined,\r\n      \"aria-disabled\": disabled || undefined,\r\n      \"data-testid\": testId,\r\n      tabIndex: disabled ? -1 : 0,\r\n      onClick: disabled ? undefined : onClick,\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          data-testid={testId ? `${testId}-loading` : undefined}\r\n        >\r\n          {loading ? (\r\n            <div className={classMap.loader} aria-hidden=\"true\" />\r\n          ) : (\r\n            children\r\n          )}\r\n        </span>\r\n      </>\r\n    );\r\n\r\n    if (href && isExternal) {\r\n      return (\r\n        <a\r\n          href={href}\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          role=\"button\"\r\n          className={combineClassNames(combinedClassName, classMap.link)}\r\n          ref={ref as React.Ref<HTMLAnchorElement>}\r\n          {...sharedProps}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </a>\r\n      );\r\n    }\r\n\r\n    if (href && !isExternal) {\r\n      return (\r\n        <LinkComponent\r\n          href={href}\r\n          role=\"button\"\r\n          className={combineClassNames(combinedClassName, classMap.link)}\r\n          ref={ref as React.Ref<HTMLAnchorElement>}\r\n          {...sharedProps}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </LinkComponent>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <button\r\n        ref={ref as React.Ref<HTMLButtonElement>}\r\n        type={type}\r\n        className={combinedClassName}\r\n        disabled={disabled}\r\n        {...sharedProps}\r\n        {...rest}\r\n      >\r\n        {content}\r\n      </button>\r\n    );\r\n  }\r\n);\r\n\r\nButtonBase.displayName = \"ButtonBase\";\r\n\r\nexport default ButtonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Button.module.scss\";\r\nimport ButtonBase from \"../ButtonBase\";\r\nimport { ButtonProps } from \"../Button.types\";\r\n\r\nconst Button: React.FC<ButtonProps> = (props) => (\r\n  <ButtonBase {...props} classMap={styles} LinkComponent={Link} />\r\n);\r\n\r\nexport default Button;\r\n"],"names":["disabled","outline","fullWidth"],"mappings":"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"}