boreal-ui 0.0.72 → 0.0.74

package/dist/core/Accordion-7FjsUwVp.cjs

@@ -0,0 +1,249 @@
+"use strict";
+const jsxRuntime = 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-C1UIwOFN.cjs");
+const AccordionBase = ({
+  title,
+  id,
+  children,
+  lazyLoad = false,
+  iconPosition = "right",
+  isToggleable = true,
+  asyncContent = false,
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  description,
+  size = borealStyleConfig.getDefaultSize(),
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  outline = false,
+  expanded,
+  disabled,
+  customCollapsedIcon,
+  customExpandedIcon,
+  onToggle,
+  initiallyExpanded = false,
+  className = "",
+  getUniqueId,
+  classMap,
+  regionAriaLabel,
+  regionAriaLabelledBy,
+  regionAriaDescribedBy,
+  loadingAriaLabel,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "data-testid": testId = "accordion",
+  ...rest
+}) => {
+  const isControlled = expanded !== void 0;
+  const internalId = React.useMemo(getUniqueId, []);
+  const [internalExpanded, setInternalExpanded] = React.useState(initiallyExpanded);
+  const [hasBeenExpanded, setHasBeenExpanded] = React.useState(initiallyExpanded);
+  const [isLoading, setIsLoading] = React.useState(asyncContent && initiallyExpanded);
+  const isExpanded = isControlled ? expanded : internalExpanded;
+  const baseId = id || internalId;
+  const contentId = `${baseId}-content`;
+  const buttonId = `${baseId}-button`;
+  const descId = description ? `${baseId}-desc` : void 0;
+  const loadingId = `${baseId}-loading`;
+  const buttonDescribedBy = [descId, ariaDescribedBy].filter(Boolean).join(" ") || void 0;
+  const regionLabelledBy = regionAriaLabelledBy || (!regionAriaLabel ? buttonId : void 0);
+  const regionDescribedBy = [
+    regionAriaDescribedBy,
+    asyncContent && isExpanded && isLoading ? loadingId : void 0
+  ].filter(Boolean).join(" ") || void 0;
+  const toggleAccordion = () => {
+    if (disabled) return;
+    if (!isToggleable && isExpanded) return;
+    if (isControlled) {
+      onToggle == null ? void 0 : onToggle(!expanded);
+    } else {
+      setInternalExpanded((prev) => !prev);
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (disabled) return;
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      toggleAccordion();
+    }
+  };
+  React.useEffect(() => {
+    if (isExpanded && !hasBeenExpanded) {
+      setHasBeenExpanded(true);
+    }
+  }, [isExpanded, hasBeenExpanded]);
+  React.useEffect(() => {
+    if (asyncContent && isExpanded) {
+      setIsLoading(true);
+      const timer = setTimeout(() => {
+        setIsLoading(false);
+      }, 1e3);
+      return () => clearTimeout(timer);
+    }
+    return void 0;
+  }, [asyncContent, isExpanded]);
+  const renderedIcon = isExpanded ? customExpandedIcon ?? "−" : customCollapsedIcon ?? "+";
+  const wrapperClassName = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.accordion,
+      classMap[size],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      disabled && classMap.disabled,
+      isExpanded && classMap.expanded,
+      className
+    ),
+    [classMap, size, state, shadow, rounding, disabled, isExpanded, className]
+  );
+  const headerClassName = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.header,
+      classMap[theme],
+      classMap[state],
+      outline && classMap.outline,
+      disabled && classMap.disabled,
+      isExpanded && classMap.expanded
+    ),
+    [classMap, theme, state, outline, disabled, isExpanded]
+  );
+  const contentClassName = React.useMemo(
+    () => classNames.combineClassNames(classMap.content, isExpanded && classMap.expanded),
+    [classMap, isExpanded]
+  );
+  const iconClassName = React.useMemo(
+    () => classNames.combineClassNames(classMap.icon, isExpanded && classMap.expanded),
+    [classMap, isExpanded]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...rest, className: wrapperClassName, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        id: buttonId,
+        className: headerClassName,
+        onClick: toggleAccordion,
+        onKeyDown: handleKeyDown,
+        type: "button",
+        "aria-expanded": isExpanded,
+        "aria-controls": contentId,
+        "aria-disabled": disabled || void 0,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": buttonDescribedBy,
+        tabIndex: disabled ? -1 : 0,
+        disabled,
+        "data-testid": testId ? `${testId}-accordion-toggle` : void 0,
+        children: [
+          iconPosition === "left" && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: iconClassName,
+              "aria-hidden": "true",
+              "data-testid": testId ? `${testId}-icon` : void 0,
+              children: renderedIcon
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: classMap.accordionTitle,
+              "data-testid": testId ? `${testId}-title` : void 0,
+              children: title
+            }
+          ),
+          iconPosition === "right" && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: iconClassName,
+              "aria-hidden": "true",
+              "data-testid": testId ? `${testId}-icon` : void 0,
+              children: renderedIcon
+            }
+          )
+        ]
+      }
+    ),
+    description && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        id: descId,
+        className: "sr_only",
+        "data-testid": testId ? `${testId}-description` : void 0,
+        children: description
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        id: contentId,
+        role: "region",
+        "aria-label": regionAriaLabel,
+        "aria-labelledby": regionLabelledBy,
+        "aria-describedby": regionDescribedBy,
+        "aria-busy": asyncContent && isExpanded && isLoading ? true : void 0,
+        className: contentClassName,
+        "data-state": isExpanded ? "open" : "collapsed",
+        "data-testid": testId ? `${testId}-content` : void 0,
+        children: [
+          isExpanded && asyncContent && isLoading && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              id: loadingId,
+              className: classMap.loading,
+              "aria-live": "polite",
+              "aria-atomic": "true",
+              "data-testid": testId ? `${testId}-loading` : void 0,
+              children: loadingAriaLabel || "Loading content"
+            }
+          ),
+          (!lazyLoad || hasBeenExpanded) && (!asyncContent || !isLoading) && children
+        ]
+      }
+    )
+  ] });
+};
+AccordionBase.displayName = "AccordionBase";
+const classes = {
+  accordion: "accordion",
+  header: "accordion_header",
+  content: "accordion_content",
+  icon: "accordion_icon",
+  accordionTitle: "accordion_title",
+  shadowNone: "accordion_shadow-None",
+  shadowLight: "accordion_shadow-Light",
+  shadowMedium: "accordion_shadow-Medium",
+  shadowStrong: "accordion_shadow-Strong",
+  shadowIntense: "accordion_shadow-Intense",
+  roundNone: "accordion_round-None",
+  roundSmall: "accordion_round-Small",
+  roundMedium: "accordion_round-Medium",
+  roundLarge: "accordion_round-Large",
+  disabled: "accordion_disabled",
+  expanded: "accordion_expanded",
+  primary: "accordion_primary",
+  secondary: "accordion_secondary",
+  tertiary: "accordion_tertiary",
+  quaternary: "accordion_quaternary",
+  success: "accordion_success",
+  error: "accordion_error",
+  warning: "accordion_warning",
+  clear: "accordion_clear",
+  outline: "accordion_outline",
+  xs: "accordion_xs",
+  small: "accordion_small",
+  medium: "accordion_medium",
+  large: "accordion_large",
+  xl: "accordion_xl"
+};
+const generateUniqueId = /* @__PURE__ */ (() => {
+  let counter = 0;
+  return () => `accordion-core-${counter++}`;
+})();
+const Accordion = (props) => /* @__PURE__ */ jsxRuntime.jsx(AccordionBase, { ...props, getUniqueId: generateUniqueId, classMap: classes });
+Accordion.displayName = "Accordion";
+exports.Accordion = Accordion;
+//# sourceMappingURL=Accordion-7FjsUwVp.cjs.map

package/dist/core/Accordion-7FjsUwVp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion-7FjsUwVp.cjs","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/core/Accordion.tsx"],"sourcesContent":["import React, { useMemo, useState, KeyboardEvent, useEffect } from \"react\";\r\nimport { AccordionProps } from \"./Accordion.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 AccordionBaseProps extends AccordionProps {\r\n  getUniqueId: () => string;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nexport const AccordionBase: React.FC<AccordionBaseProps> = ({\r\n  title,\r\n  id,\r\n  children,\r\n  lazyLoad = false,\r\n  iconPosition = \"right\",\r\n  isToggleable = true,\r\n  asyncContent = false,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  description,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  outline = false,\r\n  expanded,\r\n  disabled,\r\n  customCollapsedIcon,\r\n  customExpandedIcon,\r\n  onToggle,\r\n  initiallyExpanded = false,\r\n  className = \"\",\r\n  getUniqueId,\r\n  classMap,\r\n  regionAriaLabel,\r\n  regionAriaLabelledBy,\r\n  regionAriaDescribedBy,\r\n  loadingAriaLabel,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"data-testid\": testId = \"accordion\",\r\n  ...rest\r\n}) => {\r\n  const isControlled = expanded !== undefined;\r\n  const internalId = useMemo(getUniqueId, []);\r\n  const [internalExpanded, setInternalExpanded] = useState(initiallyExpanded);\r\n  const [hasBeenExpanded, setHasBeenExpanded] = useState(initiallyExpanded);\r\n  const [isLoading, setIsLoading] = useState(asyncContent && initiallyExpanded);\r\n\r\n  const isExpanded = isControlled ? expanded : internalExpanded;\r\n\r\n  const baseId = id || internalId;\r\n  const contentId = `${baseId}-content`;\r\n  const buttonId = `${baseId}-button`;\r\n  const descId = description ? `${baseId}-desc` : undefined;\r\n  const loadingId = `${baseId}-loading`;\r\n\r\n  const buttonDescribedBy =\r\n    [descId, ariaDescribedBy].filter(Boolean).join(\" \") || undefined;\r\n\r\n  const regionLabelledBy =\r\n    regionAriaLabelledBy || (!regionAriaLabel ? buttonId : undefined);\r\n\r\n  const regionDescribedBy =\r\n    [\r\n      regionAriaDescribedBy,\r\n      asyncContent && isExpanded && isLoading ? loadingId : undefined,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const toggleAccordion = () => {\r\n    if (disabled) return;\r\n    if (!isToggleable && isExpanded) return;\r\n\r\n    if (isControlled) {\r\n      onToggle?.(!expanded);\r\n    } else {\r\n      setInternalExpanded((prev) => !prev);\r\n    }\r\n  };\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\r\n    if (disabled) return;\r\n\r\n    if (e.key === \"Enter\" || e.key === \" \") {\r\n      e.preventDefault();\r\n      toggleAccordion();\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (isExpanded && !hasBeenExpanded) {\r\n      setHasBeenExpanded(true);\r\n    }\r\n  }, [isExpanded, hasBeenExpanded]);\r\n\r\n  useEffect(() => {\r\n    if (asyncContent && isExpanded) {\r\n      setIsLoading(true);\r\n\r\n      const timer = setTimeout(() => {\r\n        setIsLoading(false);\r\n      }, 1000);\r\n\r\n      return () => clearTimeout(timer);\r\n    }\r\n\r\n    return undefined;\r\n  }, [asyncContent, isExpanded]);\r\n\r\n  const renderedIcon = isExpanded\r\n    ? (customExpandedIcon ?? \"−\")\r\n    : (customCollapsedIcon ?? \"+\");\r\n\r\n  const wrapperClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.accordion,\r\n        classMap[size],\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        isExpanded && classMap.expanded,\r\n        className,\r\n      ),\r\n    [classMap, size, state, shadow, rounding, disabled, isExpanded, className],\r\n  );\r\n\r\n  const headerClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.header,\r\n        classMap[theme],\r\n        classMap[state],\r\n        outline && classMap.outline,\r\n        disabled && classMap.disabled,\r\n        isExpanded && classMap.expanded,\r\n      ),\r\n    [classMap, theme, state, outline, disabled, isExpanded],\r\n  );\r\n\r\n  const contentClassName = useMemo(\r\n    () => combineClassNames(classMap.content, isExpanded && classMap.expanded),\r\n    [classMap, isExpanded],\r\n  );\r\n\r\n  const iconClassName = useMemo(\r\n    () => combineClassNames(classMap.icon, isExpanded && classMap.expanded),\r\n    [classMap, isExpanded],\r\n  );\r\n\r\n  return (\r\n    <div {...rest} className={wrapperClassName}>\r\n      <button\r\n        id={buttonId}\r\n        className={headerClassName}\r\n        onClick={toggleAccordion}\r\n        onKeyDown={handleKeyDown}\r\n        type=\"button\"\r\n        aria-expanded={isExpanded}\r\n        aria-controls={contentId}\r\n        aria-disabled={disabled || undefined}\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={buttonDescribedBy}\r\n        tabIndex={disabled ? -1 : 0}\r\n        disabled={disabled}\r\n        data-testid={testId ? `${testId}-accordion-toggle` : undefined}\r\n      >\r\n        {iconPosition === \"left\" && (\r\n          <span\r\n            className={iconClassName}\r\n            aria-hidden=\"true\"\r\n            data-testid={testId ? `${testId}-icon` : undefined}\r\n          >\r\n            {renderedIcon}\r\n          </span>\r\n        )}\r\n\r\n        <span\r\n          className={classMap.accordionTitle}\r\n          data-testid={testId ? `${testId}-title` : undefined}\r\n        >\r\n          {title}\r\n        </span>\r\n\r\n        {iconPosition === \"right\" && (\r\n          <span\r\n            className={iconClassName}\r\n            aria-hidden=\"true\"\r\n            data-testid={testId ? `${testId}-icon` : undefined}\r\n          >\r\n            {renderedIcon}\r\n          </span>\r\n        )}\r\n      </button>\r\n\r\n      {description && (\r\n        <span\r\n          id={descId}\r\n          className=\"sr_only\"\r\n          data-testid={testId ? `${testId}-description` : undefined}\r\n        >\r\n          {description}\r\n        </span>\r\n      )}\r\n\r\n      <div\r\n        id={contentId}\r\n        role=\"region\"\r\n        aria-label={regionAriaLabel}\r\n        aria-labelledby={regionLabelledBy}\r\n        aria-describedby={regionDescribedBy}\r\n        aria-busy={asyncContent && isExpanded && isLoading ? true : undefined}\r\n        className={contentClassName}\r\n        data-state={isExpanded ? \"open\" : \"collapsed\"}\r\n        data-testid={testId ? `${testId}-content` : undefined}\r\n      >\r\n        {isExpanded && asyncContent && isLoading && (\r\n          <div\r\n            id={loadingId}\r\n            className={classMap.loading}\r\n            aria-live=\"polite\"\r\n            aria-atomic=\"true\"\r\n            data-testid={testId ? `${testId}-loading` : undefined}\r\n          >\r\n            {loadingAriaLabel || \"Loading content\"}\r\n          </div>\r\n        )}\r\n\r\n        {(!lazyLoad || hasBeenExpanded) &&\r\n          (!asyncContent || !isLoading) &&\r\n          children}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nAccordionBase.displayName = \"AccordionBase\";\r\n","import React from \"react\";\r\nimport \"./Accordion.scss\";\r\nimport { AccordionBase } from \"../AccordionBase\";\r\nimport type { AccordionProps } from \"../Accordion.types\";\r\n\r\nconst classes = {\r\n  accordion: \"accordion\",\r\n  header: \"accordion_header\",\r\n  content: \"accordion_content\",\r\n  icon: \"accordion_icon\",\r\n  accordionTitle: \"accordion_title\",\r\n\r\n  shadowNone: \"accordion_shadow-None\",\r\n  shadowLight: \"accordion_shadow-Light\",\r\n  shadowMedium: \"accordion_shadow-Medium\",\r\n  shadowStrong: \"accordion_shadow-Strong\",\r\n  shadowIntense: \"accordion_shadow-Intense\",\r\n\r\n  roundNone: \"accordion_round-None\",\r\n  roundSmall: \"accordion_round-Small\",\r\n  roundMedium: \"accordion_round-Medium\",\r\n  roundLarge: \"accordion_round-Large\",\r\n\r\n  disabled: \"accordion_disabled\",\r\n  expanded: \"accordion_expanded\",\r\n\r\n  primary: \"accordion_primary\",\r\n  secondary: \"accordion_secondary\",\r\n\r\n  tertiary: \"accordion_tertiary\",\r\n  quaternary: \"accordion_quaternary\",\r\n\r\n  success: \"accordion_success\",\r\n  error: \"accordion_error\",\r\n  warning: \"accordion_warning\",\r\n  clear: \"accordion_clear\",\r\n  outline: \"accordion_outline\",\r\n\r\n  xs: \"accordion_xs\",\r\n  small: \"accordion_small\",\r\n  medium: \"accordion_medium\",\r\n  large: \"accordion_large\",\r\n  xl: \"accordion_xl\",\r\n};\r\n\r\nconst generateUniqueId = (() => {\r\n  let counter = 0;\r\n  return () => `accordion-core-${counter++}`;\r\n})();\r\n\r\nconst Accordion: React.FC<AccordionProps> = (props) => (\r\n  <AccordionBase {...props} getUniqueId={generateUniqueId} classMap={classes} />\r\n);\r\nAccordion.displayName = \"Accordion\";\r\nexport default Accordion;\r\n"],"names":["getDefaultRounding","getDefaultShadow","getDefaultSize","getDefaultTheme","useMemo","useState","useEffect","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}

package/dist/core/Accordion-Bp-rbJiD.js

@@ -0,0 +1,250 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo, useState, useEffect } 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-DsaRlxmw.js";
+const AccordionBase = ({
+  title,
+  id,
+  children,
+  lazyLoad = false,
+  iconPosition = "right",
+  isToggleable = true,
+  asyncContent = false,
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  description,
+  size = getDefaultSize(),
+  theme = getDefaultTheme(),
+  state = "",
+  outline = false,
+  expanded,
+  disabled,
+  customCollapsedIcon,
+  customExpandedIcon,
+  onToggle,
+  initiallyExpanded = false,
+  className = "",
+  getUniqueId,
+  classMap,
+  regionAriaLabel,
+  regionAriaLabelledBy,
+  regionAriaDescribedBy,
+  loadingAriaLabel,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "data-testid": testId = "accordion",
+  ...rest
+}) => {
+  const isControlled = expanded !== void 0;
+  const internalId = useMemo(getUniqueId, []);
+  const [internalExpanded, setInternalExpanded] = useState(initiallyExpanded);
+  const [hasBeenExpanded, setHasBeenExpanded] = useState(initiallyExpanded);
+  const [isLoading, setIsLoading] = useState(asyncContent && initiallyExpanded);
+  const isExpanded = isControlled ? expanded : internalExpanded;
+  const baseId = id || internalId;
+  const contentId = `${baseId}-content`;
+  const buttonId = `${baseId}-button`;
+  const descId = description ? `${baseId}-desc` : void 0;
+  const loadingId = `${baseId}-loading`;
+  const buttonDescribedBy = [descId, ariaDescribedBy].filter(Boolean).join(" ") || void 0;
+  const regionLabelledBy = regionAriaLabelledBy || (!regionAriaLabel ? buttonId : void 0);
+  const regionDescribedBy = [
+    regionAriaDescribedBy,
+    asyncContent && isExpanded && isLoading ? loadingId : void 0
+  ].filter(Boolean).join(" ") || void 0;
+  const toggleAccordion = () => {
+    if (disabled) return;
+    if (!isToggleable && isExpanded) return;
+    if (isControlled) {
+      onToggle == null ? void 0 : onToggle(!expanded);
+    } else {
+      setInternalExpanded((prev) => !prev);
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (disabled) return;
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      toggleAccordion();
+    }
+  };
+  useEffect(() => {
+    if (isExpanded && !hasBeenExpanded) {
+      setHasBeenExpanded(true);
+    }
+  }, [isExpanded, hasBeenExpanded]);
+  useEffect(() => {
+    if (asyncContent && isExpanded) {
+      setIsLoading(true);
+      const timer = setTimeout(() => {
+        setIsLoading(false);
+      }, 1e3);
+      return () => clearTimeout(timer);
+    }
+    return void 0;
+  }, [asyncContent, isExpanded]);
+  const renderedIcon = isExpanded ? customExpandedIcon ?? "−" : customCollapsedIcon ?? "+";
+  const wrapperClassName = useMemo(
+    () => combineClassNames(
+      classMap.accordion,
+      classMap[size],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`],
+      disabled && classMap.disabled,
+      isExpanded && classMap.expanded,
+      className
+    ),
+    [classMap, size, state, shadow, rounding, disabled, isExpanded, className]
+  );
+  const headerClassName = useMemo(
+    () => combineClassNames(
+      classMap.header,
+      classMap[theme],
+      classMap[state],
+      outline && classMap.outline,
+      disabled && classMap.disabled,
+      isExpanded && classMap.expanded
+    ),
+    [classMap, theme, state, outline, disabled, isExpanded]
+  );
+  const contentClassName = useMemo(
+    () => combineClassNames(classMap.content, isExpanded && classMap.expanded),
+    [classMap, isExpanded]
+  );
+  const iconClassName = useMemo(
+    () => combineClassNames(classMap.icon, isExpanded && classMap.expanded),
+    [classMap, isExpanded]
+  );
+  return /* @__PURE__ */ jsxs("div", { ...rest, className: wrapperClassName, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        id: buttonId,
+        className: headerClassName,
+        onClick: toggleAccordion,
+        onKeyDown: handleKeyDown,
+        type: "button",
+        "aria-expanded": isExpanded,
+        "aria-controls": contentId,
+        "aria-disabled": disabled || void 0,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": buttonDescribedBy,
+        tabIndex: disabled ? -1 : 0,
+        disabled,
+        "data-testid": testId ? `${testId}-accordion-toggle` : void 0,
+        children: [
+          iconPosition === "left" && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: iconClassName,
+              "aria-hidden": "true",
+              "data-testid": testId ? `${testId}-icon` : void 0,
+              children: renderedIcon
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: classMap.accordionTitle,
+              "data-testid": testId ? `${testId}-title` : void 0,
+              children: title
+            }
+          ),
+          iconPosition === "right" && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: iconClassName,
+              "aria-hidden": "true",
+              "data-testid": testId ? `${testId}-icon` : void 0,
+              children: renderedIcon
+            }
+          )
+        ]
+      }
+    ),
+    description && /* @__PURE__ */ jsx(
+      "span",
+      {
+        id: descId,
+        className: "sr_only",
+        "data-testid": testId ? `${testId}-description` : void 0,
+        children: description
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        id: contentId,
+        role: "region",
+        "aria-label": regionAriaLabel,
+        "aria-labelledby": regionLabelledBy,
+        "aria-describedby": regionDescribedBy,
+        "aria-busy": asyncContent && isExpanded && isLoading ? true : void 0,
+        className: contentClassName,
+        "data-state": isExpanded ? "open" : "collapsed",
+        "data-testid": testId ? `${testId}-content` : void 0,
+        children: [
+          isExpanded && asyncContent && isLoading && /* @__PURE__ */ jsx(
+            "div",
+            {
+              id: loadingId,
+              className: classMap.loading,
+              "aria-live": "polite",
+              "aria-atomic": "true",
+              "data-testid": testId ? `${testId}-loading` : void 0,
+              children: loadingAriaLabel || "Loading content"
+            }
+          ),
+          (!lazyLoad || hasBeenExpanded) && (!asyncContent || !isLoading) && children
+        ]
+      }
+    )
+  ] });
+};
+AccordionBase.displayName = "AccordionBase";
+const classes = {
+  accordion: "accordion",
+  header: "accordion_header",
+  content: "accordion_content",
+  icon: "accordion_icon",
+  accordionTitle: "accordion_title",
+  shadowNone: "accordion_shadow-None",
+  shadowLight: "accordion_shadow-Light",
+  shadowMedium: "accordion_shadow-Medium",
+  shadowStrong: "accordion_shadow-Strong",
+  shadowIntense: "accordion_shadow-Intense",
+  roundNone: "accordion_round-None",
+  roundSmall: "accordion_round-Small",
+  roundMedium: "accordion_round-Medium",
+  roundLarge: "accordion_round-Large",
+  disabled: "accordion_disabled",
+  expanded: "accordion_expanded",
+  primary: "accordion_primary",
+  secondary: "accordion_secondary",
+  tertiary: "accordion_tertiary",
+  quaternary: "accordion_quaternary",
+  success: "accordion_success",
+  error: "accordion_error",
+  warning: "accordion_warning",
+  clear: "accordion_clear",
+  outline: "accordion_outline",
+  xs: "accordion_xs",
+  small: "accordion_small",
+  medium: "accordion_medium",
+  large: "accordion_large",
+  xl: "accordion_xl"
+};
+const generateUniqueId = /* @__PURE__ */ (() => {
+  let counter = 0;
+  return () => `accordion-core-${counter++}`;
+})();
+const Accordion = (props) => /* @__PURE__ */ jsx(AccordionBase, { ...props, getUniqueId: generateUniqueId, classMap: classes });
+Accordion.displayName = "Accordion";
+export {
+  Accordion as A
+};
+//# sourceMappingURL=Accordion-Bp-rbJiD.js.map

package/dist/core/Accordion-Bp-rbJiD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion-Bp-rbJiD.js","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/core/Accordion.tsx"],"sourcesContent":["import React, { useMemo, useState, KeyboardEvent, useEffect } from \"react\";\r\nimport { AccordionProps } from \"./Accordion.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 AccordionBaseProps extends AccordionProps {\r\n  getUniqueId: () => string;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nexport const AccordionBase: React.FC<AccordionBaseProps> = ({\r\n  title,\r\n  id,\r\n  children,\r\n  lazyLoad = false,\r\n  iconPosition = \"right\",\r\n  isToggleable = true,\r\n  asyncContent = false,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  description,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  outline = false,\r\n  expanded,\r\n  disabled,\r\n  customCollapsedIcon,\r\n  customExpandedIcon,\r\n  onToggle,\r\n  initiallyExpanded = false,\r\n  className = \"\",\r\n  getUniqueId,\r\n  classMap,\r\n  regionAriaLabel,\r\n  regionAriaLabelledBy,\r\n  regionAriaDescribedBy,\r\n  loadingAriaLabel,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"data-testid\": testId = \"accordion\",\r\n  ...rest\r\n}) => {\r\n  const isControlled = expanded !== undefined;\r\n  const internalId = useMemo(getUniqueId, []);\r\n  const [internalExpanded, setInternalExpanded] = useState(initiallyExpanded);\r\n  const [hasBeenExpanded, setHasBeenExpanded] = useState(initiallyExpanded);\r\n  const [isLoading, setIsLoading] = useState(asyncContent && initiallyExpanded);\r\n\r\n  const isExpanded = isControlled ? expanded : internalExpanded;\r\n\r\n  const baseId = id || internalId;\r\n  const contentId = `${baseId}-content`;\r\n  const buttonId = `${baseId}-button`;\r\n  const descId = description ? `${baseId}-desc` : undefined;\r\n  const loadingId = `${baseId}-loading`;\r\n\r\n  const buttonDescribedBy =\r\n    [descId, ariaDescribedBy].filter(Boolean).join(\" \") || undefined;\r\n\r\n  const regionLabelledBy =\r\n    regionAriaLabelledBy || (!regionAriaLabel ? buttonId : undefined);\r\n\r\n  const regionDescribedBy =\r\n    [\r\n      regionAriaDescribedBy,\r\n      asyncContent && isExpanded && isLoading ? loadingId : undefined,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const toggleAccordion = () => {\r\n    if (disabled) return;\r\n    if (!isToggleable && isExpanded) return;\r\n\r\n    if (isControlled) {\r\n      onToggle?.(!expanded);\r\n    } else {\r\n      setInternalExpanded((prev) => !prev);\r\n    }\r\n  };\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\r\n    if (disabled) return;\r\n\r\n    if (e.key === \"Enter\" || e.key === \" \") {\r\n      e.preventDefault();\r\n      toggleAccordion();\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (isExpanded && !hasBeenExpanded) {\r\n      setHasBeenExpanded(true);\r\n    }\r\n  }, [isExpanded, hasBeenExpanded]);\r\n\r\n  useEffect(() => {\r\n    if (asyncContent && isExpanded) {\r\n      setIsLoading(true);\r\n\r\n      const timer = setTimeout(() => {\r\n        setIsLoading(false);\r\n      }, 1000);\r\n\r\n      return () => clearTimeout(timer);\r\n    }\r\n\r\n    return undefined;\r\n  }, [asyncContent, isExpanded]);\r\n\r\n  const renderedIcon = isExpanded\r\n    ? (customExpandedIcon ?? \"−\")\r\n    : (customCollapsedIcon ?? \"+\");\r\n\r\n  const wrapperClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.accordion,\r\n        classMap[size],\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        isExpanded && classMap.expanded,\r\n        className,\r\n      ),\r\n    [classMap, size, state, shadow, rounding, disabled, isExpanded, className],\r\n  );\r\n\r\n  const headerClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.header,\r\n        classMap[theme],\r\n        classMap[state],\r\n        outline && classMap.outline,\r\n        disabled && classMap.disabled,\r\n        isExpanded && classMap.expanded,\r\n      ),\r\n    [classMap, theme, state, outline, disabled, isExpanded],\r\n  );\r\n\r\n  const contentClassName = useMemo(\r\n    () => combineClassNames(classMap.content, isExpanded && classMap.expanded),\r\n    [classMap, isExpanded],\r\n  );\r\n\r\n  const iconClassName = useMemo(\r\n    () => combineClassNames(classMap.icon, isExpanded && classMap.expanded),\r\n    [classMap, isExpanded],\r\n  );\r\n\r\n  return (\r\n    <div {...rest} className={wrapperClassName}>\r\n      <button\r\n        id={buttonId}\r\n        className={headerClassName}\r\n        onClick={toggleAccordion}\r\n        onKeyDown={handleKeyDown}\r\n        type=\"button\"\r\n        aria-expanded={isExpanded}\r\n        aria-controls={contentId}\r\n        aria-disabled={disabled || undefined}\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={buttonDescribedBy}\r\n        tabIndex={disabled ? -1 : 0}\r\n        disabled={disabled}\r\n        data-testid={testId ? `${testId}-accordion-toggle` : undefined}\r\n      >\r\n        {iconPosition === \"left\" && (\r\n          <span\r\n            className={iconClassName}\r\n            aria-hidden=\"true\"\r\n            data-testid={testId ? `${testId}-icon` : undefined}\r\n          >\r\n            {renderedIcon}\r\n          </span>\r\n        )}\r\n\r\n        <span\r\n          className={classMap.accordionTitle}\r\n          data-testid={testId ? `${testId}-title` : undefined}\r\n        >\r\n          {title}\r\n        </span>\r\n\r\n        {iconPosition === \"right\" && (\r\n          <span\r\n            className={iconClassName}\r\n            aria-hidden=\"true\"\r\n            data-testid={testId ? `${testId}-icon` : undefined}\r\n          >\r\n            {renderedIcon}\r\n          </span>\r\n        )}\r\n      </button>\r\n\r\n      {description && (\r\n        <span\r\n          id={descId}\r\n          className=\"sr_only\"\r\n          data-testid={testId ? `${testId}-description` : undefined}\r\n        >\r\n          {description}\r\n        </span>\r\n      )}\r\n\r\n      <div\r\n        id={contentId}\r\n        role=\"region\"\r\n        aria-label={regionAriaLabel}\r\n        aria-labelledby={regionLabelledBy}\r\n        aria-describedby={regionDescribedBy}\r\n        aria-busy={asyncContent && isExpanded && isLoading ? true : undefined}\r\n        className={contentClassName}\r\n        data-state={isExpanded ? \"open\" : \"collapsed\"}\r\n        data-testid={testId ? `${testId}-content` : undefined}\r\n      >\r\n        {isExpanded && asyncContent && isLoading && (\r\n          <div\r\n            id={loadingId}\r\n            className={classMap.loading}\r\n            aria-live=\"polite\"\r\n            aria-atomic=\"true\"\r\n            data-testid={testId ? `${testId}-loading` : undefined}\r\n          >\r\n            {loadingAriaLabel || \"Loading content\"}\r\n          </div>\r\n        )}\r\n\r\n        {(!lazyLoad || hasBeenExpanded) &&\r\n          (!asyncContent || !isLoading) &&\r\n          children}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nAccordionBase.displayName = \"AccordionBase\";\r\n","import React from \"react\";\r\nimport \"./Accordion.scss\";\r\nimport { AccordionBase } from \"../AccordionBase\";\r\nimport type { AccordionProps } from \"../Accordion.types\";\r\n\r\nconst classes = {\r\n  accordion: \"accordion\",\r\n  header: \"accordion_header\",\r\n  content: \"accordion_content\",\r\n  icon: \"accordion_icon\",\r\n  accordionTitle: \"accordion_title\",\r\n\r\n  shadowNone: \"accordion_shadow-None\",\r\n  shadowLight: \"accordion_shadow-Light\",\r\n  shadowMedium: \"accordion_shadow-Medium\",\r\n  shadowStrong: \"accordion_shadow-Strong\",\r\n  shadowIntense: \"accordion_shadow-Intense\",\r\n\r\n  roundNone: \"accordion_round-None\",\r\n  roundSmall: \"accordion_round-Small\",\r\n  roundMedium: \"accordion_round-Medium\",\r\n  roundLarge: \"accordion_round-Large\",\r\n\r\n  disabled: \"accordion_disabled\",\r\n  expanded: \"accordion_expanded\",\r\n\r\n  primary: \"accordion_primary\",\r\n  secondary: \"accordion_secondary\",\r\n\r\n  tertiary: \"accordion_tertiary\",\r\n  quaternary: \"accordion_quaternary\",\r\n\r\n  success: \"accordion_success\",\r\n  error: \"accordion_error\",\r\n  warning: \"accordion_warning\",\r\n  clear: \"accordion_clear\",\r\n  outline: \"accordion_outline\",\r\n\r\n  xs: \"accordion_xs\",\r\n  small: \"accordion_small\",\r\n  medium: \"accordion_medium\",\r\n  large: \"accordion_large\",\r\n  xl: \"accordion_xl\",\r\n};\r\n\r\nconst generateUniqueId = (() => {\r\n  let counter = 0;\r\n  return () => `accordion-core-${counter++}`;\r\n})();\r\n\r\nconst Accordion: React.FC<AccordionProps> = (props) => (\r\n  <AccordionBase {...props} getUniqueId={generateUniqueId} classMap={classes} />\r\n);\r\nAccordion.displayName = \"Accordion\";\r\nexport default Accordion;\r\n"],"names":[],"mappings":"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"}

package/dist/core/Accordion.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Accordion = require("./Accordion-CyxuUy_t.cjs");
+const Accordion = require("./Accordion-7FjsUwVp.cjs");
 module.exports = Accordion.Accordion;
 //# sourceMappingURL=Accordion.cjs.js.map

package/dist/core/Accordion.js

@@ -1,4 +1,4 @@
-import { A } from "./Accordion-BwtII31u.js";
+import { A } from "./Accordion-Bp-rbJiD.js";
 export {
   A as default
 };