boreal-ui 0.0.1

package/dist/next/Badge-CnKwIP4u.cjs

@@ -0,0 +1,138 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const badge = "_badge_1klya_68";
+const clickable = "_clickable_1klya_80";
+const icon = "_icon_1klya_90";
+const clear = "_clear_1klya_95";
+const clear_outline = "_clear_outline_1klya_107";
+const shadowNone = "_shadowNone_1klya_121";
+const shadowLight = "_shadowLight_1klya_125";
+const shadowMedium = "_shadowMedium_1klya_129";
+const shadowStrong = "_shadowStrong_1klya_133";
+const shadowIntense = "_shadowIntense_1klya_137";
+const roundNone = "_roundNone_1klya_141";
+const roundSmall = "_roundSmall_1klya_145";
+const roundMedium = "_roundMedium_1klya_149";
+const roundLarge = "_roundLarge_1klya_153";
+const roundFull = "_roundFull_1klya_157";
+const primary = "_primary_1klya_161";
+const loader = "_loader_1klya_174";
+const outline = "_outline_1klya_178";
+const secondary = "_secondary_1klya_188";
+const tertiary = "_tertiary_1klya_215";
+const quaternary = "_quaternary_1klya_242";
+const success = "_success_1klya_295";
+const error = "_error_1klya_322";
+const warning = "_warning_1klya_349";
+const disabled = "_disabled_1klya_376";
+const xs = "_xs_1klya_383";
+const small = "_small_1klya_388";
+const medium = "_medium_1klya_393";
+const large = "_large_1klya_398";
+const xl = "_xl_1klya_403";
+const styles = {
+  badge,
+  clickable,
+  icon,
+  clear,
+  clear_outline,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  primary,
+  loader,
+  outline,
+  secondary,
+  tertiary,
+  quaternary,
+  success,
+  error,
+  warning,
+  disabled,
+  xs,
+  small,
+  medium,
+  large,
+  xl
+};
+const BadgeBase = ({
+  text,
+  children,
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  disabled: disabled2 = false,
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  title,
+  size = borealStyleConfig.getDefaultSize(),
+  outline: outline2 = false,
+  icon: Icon,
+  className = "",
+  classMap,
+  "data-testid": testId,
+  onClick
+}) => {
+  const combinedClassName = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.badge,
+      classMap[size],
+      classMap[theme],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      disabled2 && classMap.disabled,
+      outline2 && classMap.outline,
+      onClick && classMap.clickable,
+      className
+    ),
+    [theme, size, outline2, className]
+  );
+  if (!text && !children) return null;
+  const content = children ?? text;
+  const label = typeof content === "string" ? content : text;
+  const handleClick = (e) => {
+    if (disabled2) return;
+    onClick == null ? void 0 : onClick(e);
+    if (!title && !onClick) e.preventDefault();
+  };
+  return /* @__PURE__ */ require$$2.jsxs(
+    "span",
+    {
+      className: combinedClassName,
+      "aria-label": label,
+      title: title || label,
+      "data-testid": testId ? `${testId}-main` : void 0,
+      role: "status",
+      onClick: handleClick,
+      "aria-live": "polite",
+      children: [
+        Icon && /* @__PURE__ */ require$$2.jsx(
+          Icon,
+          {
+            className: classMap["badge_icon"],
+            "aria-hidden": "true",
+            focusable: "false",
+            "data-testid": testId ? `${testId}-icon` : void 0
+          }
+        ),
+        content
+      ]
+    }
+  );
+};
+const Badge = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(BadgeBase, { ...props, classMap: styles });
+};
+exports.Badge = Badge;
+//# sourceMappingURL=Badge-CnKwIP4u.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-CnKwIP4u.cjs","sources":["../../src/components/Badge/BadgeBase.tsx","../../src/components/Badge/next/Badge.tsx"],"sourcesContent":["import React, { useMemo, MouseEvent } from \"react\";\r\nimport { BadgeProps } from \"./Badge.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BadgeBaseProps extends BadgeProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nexport const BadgeBase: React.FC<BadgeBaseProps> = ({\r\n  text,\r\n  children,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  disabled = false,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  title,\r\n  size = getDefaultSize(),\r\n  outline = false,\r\n  icon: Icon,\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId,\r\n  onClick,\r\n}) => {\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.badge,\r\n        classMap[size],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        disabled && classMap.disabled,\r\n        outline && classMap.outline,\r\n        onClick && classMap.clickable,\r\n        className\r\n      ),\r\n    [theme, size, outline, className]\r\n  );\r\n\r\n  if (!text && !children) return null;\r\n\r\n  const content = children ?? text;\r\n  const label = typeof content === \"string\" ? content : text;\r\n\r\n  const handleClick = (e: MouseEvent<HTMLElement>) => {\r\n    if (disabled) return;\r\n    onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n    if (!title && !onClick) e.preventDefault();\r\n  };\r\n\r\n  return (\r\n    <span\r\n      className={combinedClassName}\r\n      aria-label={label}\r\n      title={title || label}\r\n      data-testid={testId ? `${testId}-main` : undefined}\r\n      role=\"status\"\r\n      onClick={handleClick}\r\n      aria-live=\"polite\"\r\n    >\r\n      {Icon && (\r\n        <Icon\r\n          className={classMap[\"badge_icon\"]}\r\n          aria-hidden=\"true\"\r\n          focusable=\"false\"\r\n          data-testid={testId ? `${testId}-icon` : undefined}\r\n        />\r\n      )}\r\n      {content}\r\n    </span>\r\n  );\r\n};\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Badge.module.scss\";\r\nimport { BadgeBase } from \"../BadgeBase\";\r\nimport { BadgeProps } from \"../Badge.types\";\r\n\r\nconst Badge: React.FC<BadgeProps> = (props) => {\r\n  return <BadgeBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Badge;\r\n"],"names":["getDefaultTheme","disabled","getDefaultRounding","getDefaultShadow","getDefaultSize","outline","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA,QAAQA,kBAAAA,gBAAgB;AAAA,EACxB,QAAQ;AAAA,EACR,UAAAC,YAAW;AAAA,EACX,WAAWC,kBAAAA,mBAAmB;AAAA,EAC9B,SAASC,kBAAAA,iBAAiB;AAAA,EAC1B;AAAA,EACA,OAAOC,kBAAAA,eAAe;AAAA,EACtB,SAAAC,WAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY;AAAA,EACZ;AAAA,EACA,eAAe;AAAA,EACf;AACF,MAAM;AACJ,QAAM,oBAAoBC,MAAA;AAAA,IACxB,MACEC,WAAA;AAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnDP,aAAY,SAAS;AAAA,MACrBI,YAAW,SAAS;AAAA,MACpB,WAAW,SAAS;AAAA,MACpB;AAAA,IACF;AAAA,IACF,CAAC,OAAO,MAAMA,UAAS,SAAS;AAAA,EAClC;AAEA,MAAI,CAAC,QAAQ,CAAC,SAAiB,QAAA;AAE/B,QAAM,UAAU,YAAY;AAC5B,QAAM,QAAQ,OAAO,YAAY,WAAW,UAAU;AAEhD,QAAA,cAAc,CAAC,MAA+B;AAClD,QAAIJ,UAAU;AACd,uCAAU;AACV,QAAI,CAAC,SAAS,CAAC,WAAW,eAAe;AAAA,EAC3C;AAGE,SAAAQ,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,cAAY;AAAA,MACZ,OAAO,SAAS;AAAA,MAChB,eAAa,SAAS,GAAG,MAAM,UAAU;AAAA,MACzC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,aAAU;AAAA,MAET,UAAA;AAAA,QACC,QAAAC,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS,YAAY;AAAA,YAChC,eAAY;AAAA,YACZ,WAAU;AAAA,YACV,eAAa,SAAS,GAAG,MAAM,UAAU;AAAA,UAAA;AAAA,QAC3C;AAAA,QAED;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAEJ;AC1EM,MAAA,QAA8B,CAAC,UAAU;AAC7C,SAAQA,2BAAAA,IAAA,WAAA,EAAW,GAAG,OAAO,UAAU,QAAQ;AACjD;;"}

package/dist/next/Badge-WWxkzKOl.js

@@ -0,0 +1,139 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme, c as getDefaultSize } from "./boreal-style-config-BILmxkZG.js";
+const badge = "_badge_1klya_68";
+const clickable = "_clickable_1klya_80";
+const icon = "_icon_1klya_90";
+const clear = "_clear_1klya_95";
+const clear_outline = "_clear_outline_1klya_107";
+const shadowNone = "_shadowNone_1klya_121";
+const shadowLight = "_shadowLight_1klya_125";
+const shadowMedium = "_shadowMedium_1klya_129";
+const shadowStrong = "_shadowStrong_1klya_133";
+const shadowIntense = "_shadowIntense_1klya_137";
+const roundNone = "_roundNone_1klya_141";
+const roundSmall = "_roundSmall_1klya_145";
+const roundMedium = "_roundMedium_1klya_149";
+const roundLarge = "_roundLarge_1klya_153";
+const roundFull = "_roundFull_1klya_157";
+const primary = "_primary_1klya_161";
+const loader = "_loader_1klya_174";
+const outline = "_outline_1klya_178";
+const secondary = "_secondary_1klya_188";
+const tertiary = "_tertiary_1klya_215";
+const quaternary = "_quaternary_1klya_242";
+const success = "_success_1klya_295";
+const error = "_error_1klya_322";
+const warning = "_warning_1klya_349";
+const disabled = "_disabled_1klya_376";
+const xs = "_xs_1klya_383";
+const small = "_small_1klya_388";
+const medium = "_medium_1klya_393";
+const large = "_large_1klya_398";
+const xl = "_xl_1klya_403";
+const styles = {
+  badge,
+  clickable,
+  icon,
+  clear,
+  clear_outline,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  primary,
+  loader,
+  outline,
+  secondary,
+  tertiary,
+  quaternary,
+  success,
+  error,
+  warning,
+  disabled,
+  xs,
+  small,
+  medium,
+  large,
+  xl
+};
+const BadgeBase = ({
+  text,
+  children,
+  theme = getDefaultTheme(),
+  state = "",
+  disabled: disabled2 = false,
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  title,
+  size = getDefaultSize(),
+  outline: outline2 = false,
+  icon: Icon,
+  className = "",
+  classMap,
+  "data-testid": testId,
+  onClick
+}) => {
+  const combinedClassName = useMemo(
+    () => combineClassNames(
+      classMap.badge,
+      classMap[size],
+      classMap[theme],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`],
+      disabled2 && classMap.disabled,
+      outline2 && classMap.outline,
+      onClick && classMap.clickable,
+      className
+    ),
+    [theme, size, outline2, className]
+  );
+  if (!text && !children) return null;
+  const content = children ?? text;
+  const label = typeof content === "string" ? content : text;
+  const handleClick = (e) => {
+    if (disabled2) return;
+    onClick == null ? void 0 : onClick(e);
+    if (!title && !onClick) e.preventDefault();
+  };
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: combinedClassName,
+      "aria-label": label,
+      title: title || label,
+      "data-testid": testId ? `${testId}-main` : void 0,
+      role: "status",
+      onClick: handleClick,
+      "aria-live": "polite",
+      children: [
+        Icon && /* @__PURE__ */ jsx(
+          Icon,
+          {
+            className: classMap["badge_icon"],
+            "aria-hidden": "true",
+            focusable: "false",
+            "data-testid": testId ? `${testId}-icon` : void 0
+          }
+        ),
+        content
+      ]
+    }
+  );
+};
+const Badge = (props) => {
+  return /* @__PURE__ */ jsx(BadgeBase, { ...props, classMap: styles });
+};
+export {
+  Badge as B
+};
+//# sourceMappingURL=Badge-WWxkzKOl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-WWxkzKOl.js","sources":["../../src/components/Badge/BadgeBase.tsx","../../src/components/Badge/next/Badge.tsx"],"sourcesContent":["import React, { useMemo, MouseEvent } from \"react\";\r\nimport { BadgeProps } from \"./Badge.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BadgeBaseProps extends BadgeProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nexport const BadgeBase: React.FC<BadgeBaseProps> = ({\r\n  text,\r\n  children,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  disabled = false,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  title,\r\n  size = getDefaultSize(),\r\n  outline = false,\r\n  icon: Icon,\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId,\r\n  onClick,\r\n}) => {\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.badge,\r\n        classMap[size],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        disabled && classMap.disabled,\r\n        outline && classMap.outline,\r\n        onClick && classMap.clickable,\r\n        className\r\n      ),\r\n    [theme, size, outline, className]\r\n  );\r\n\r\n  if (!text && !children) return null;\r\n\r\n  const content = children ?? text;\r\n  const label = typeof content === \"string\" ? content : text;\r\n\r\n  const handleClick = (e: MouseEvent<HTMLElement>) => {\r\n    if (disabled) return;\r\n    onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n    if (!title && !onClick) e.preventDefault();\r\n  };\r\n\r\n  return (\r\n    <span\r\n      className={combinedClassName}\r\n      aria-label={label}\r\n      title={title || label}\r\n      data-testid={testId ? `${testId}-main` : undefined}\r\n      role=\"status\"\r\n      onClick={handleClick}\r\n      aria-live=\"polite\"\r\n    >\r\n      {Icon && (\r\n        <Icon\r\n          className={classMap[\"badge_icon\"]}\r\n          aria-hidden=\"true\"\r\n          focusable=\"false\"\r\n          data-testid={testId ? `${testId}-icon` : undefined}\r\n        />\r\n      )}\r\n      {content}\r\n    </span>\r\n  );\r\n};\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Badge.module.scss\";\r\nimport { BadgeBase } from \"../BadgeBase\";\r\nimport { BadgeProps } from \"../Badge.types\";\r\n\r\nconst Badge: React.FC<BadgeProps> = (props) => {\r\n  return <BadgeBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Badge;\r\n"],"names":["disabled","outline"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA,QAAQ,gBAAgB;AAAA,EACxB,QAAQ;AAAA,EACR,UAAAA,YAAW;AAAA,EACX,WAAW,mBAAmB;AAAA,EAC9B,SAAS,iBAAiB;AAAA,EAC1B;AAAA,EACA,OAAO,eAAe;AAAA,EACtB,SAAAC,WAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY;AAAA,EACZ;AAAA,EACA,eAAe;AAAA,EACf;AACF,MAAM;AACJ,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnDD,aAAY,SAAS;AAAA,MACrBC,YAAW,SAAS;AAAA,MACpB,WAAW,SAAS;AAAA,MACpB;AAAA,IACF;AAAA,IACF,CAAC,OAAO,MAAMA,UAAS,SAAS;AAAA,EAClC;AAEA,MAAI,CAAC,QAAQ,CAAC,SAAiB,QAAA;AAE/B,QAAM,UAAU,YAAY;AAC5B,QAAM,QAAQ,OAAO,YAAY,WAAW,UAAU;AAEhD,QAAA,cAAc,CAAC,MAA+B;AAClD,QAAID,UAAU;AACd,uCAAU;AACV,QAAI,CAAC,SAAS,CAAC,WAAW,eAAe;AAAA,EAC3C;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,cAAY;AAAA,MACZ,OAAO,SAAS;AAAA,MAChB,eAAa,SAAS,GAAG,MAAM,UAAU;AAAA,MACzC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,aAAU;AAAA,MAET,UAAA;AAAA,QACC,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS,YAAY;AAAA,YAChC,eAAY;AAAA,YACZ,WAAU;AAAA,YACV,eAAa,SAAS,GAAG,MAAM,UAAU;AAAA,UAAA;AAAA,QAC3C;AAAA,QAED;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAEJ;AC1EM,MAAA,QAA8B,CAAC,UAAU;AAC7C,SAAQ,oBAAA,WAAA,EAAW,GAAG,OAAO,UAAU,QAAQ;AACjD;"}

package/dist/next/Badge.cjs.js

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

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

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

package/dist/next/Badge.js

@@ -0,0 +1,5 @@
+import { B } from "./Badge-WWxkzKOl.js";
+export {
+  B as default
+};
+//# sourceMappingURL=Badge.js.map

package/dist/next/Badge.js.map

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

package/dist/next/Breadcrumbs-BRfPnjv3.js

@@ -0,0 +1,212 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { L as Link } from "./link-CX77u6b-.js";
+import { useState, useMemo } from "react";
+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-BpVwB1WA.js";
+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 = getDefaultTheme(),
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  state = "",
+  separator: separator2,
+  classMap,
+  disabled: disabled2 = false,
+  size = getDefaultSize(),
+  outline: outline2 = false,
+  className = "",
+  maxVisible,
+  LinkComponent = "a",
+  ButtonComponent,
+  "data-testid": testId
+}) => {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const handleExpand = () => setIsExpanded(true);
+  const visibleItems = 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 = useMemo(
+    () => combineClassNames(
+      classMap.breadcrumbs,
+      classMap[theme],
+      classMap[state],
+      classMap[size],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`],
+      disabled2 && classMap.disabled,
+      outline2 && classMap.outline,
+      className
+    ),
+    [theme, size, outline2, className]
+  );
+  return /* @__PURE__ */ 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__ */ 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 = combineClassNames(
+              classMap.item,
+              isExpanded && !isEllipsis && classMap.item_animate,
+              isLast && classMap.item_active
+            );
+            return /* @__PURE__ */ 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__ */ 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__ */ jsx(
+                    LinkComponent,
+                    {
+                      href: item2.href,
+                      itemProp: "item",
+                      className: classMap.link,
+                      title: item2.label,
+                      "data-testid": testId ? `${testId}-nav-item-label` : void 0,
+                      children: /* @__PURE__ */ jsx("span", { itemProp: "name", className: classMap.link_label, children: item2.label })
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: classMap.current,
+                      itemProp: "name",
+                      "aria-current": "page",
+                      "data-testid": testId ? `${testId}-nav-item-current` : void 0,
+                      children: item2.label
+                    }
+                  ),
+                  !isLast && /* @__PURE__ */ jsx("span", { className: classMap.separator, "aria-hidden": "true", children: separator2 ?? /* @__PURE__ */ jsx(ArrowRightIcon, {}) }),
+                  /* @__PURE__ */ jsx("meta", { itemProp: "position", content: `${index + 1}` })
+                ]
+              },
+              `${item2.label}-${item2.href ?? index}`
+            );
+          })
+        }
+      )
+    }
+  );
+};
+BreadcrumbsBase.displayName = "BreadcrumbsBase";
+const Breadcrumbs = (props) => {
+  return /* @__PURE__ */ jsx(
+    BreadcrumbsBase,
+    {
+      ...props,
+      classMap: styles,
+      LinkComponent: Link,
+      ButtonComponent: Button
+    }
+  );
+};
+export {
+  Breadcrumbs as B,
+  ELLIPSIS_LABEL as E
+};
+//# sourceMappingURL=Breadcrumbs-BRfPnjv3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-BRfPnjv3.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","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":["separator","disabled","outline","item"],"mappings":"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"}