boreal-ui 0.0.1

package/dist/next/Accordion-BD-HsAos.cjs

@@ -0,0 +1,267 @@
+"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 AccordionBase = ({
+  title: title2,
+  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: outline2 = false,
+  expanded: expanded2,
+  disabled: disabled2,
+  customCollapsedIcon,
+  customExpandedIcon,
+  onToggle,
+  initiallyExpanded = false,
+  className = "",
+  getUniqueId,
+  classMap,
+  "data-testid": testId,
+  ...rest
+}) => {
+  const isControlled = expanded2 !== 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 ? expanded2 : internalExpanded;
+  const contentId = `${id || internalId}-content`;
+  const buttonId = `${id || internalId}-button`;
+  const descId = description ? `${id || internalId}-desc` : void 0;
+  const toggleAccordion = () => {
+    if (disabled2) return;
+    if (!isToggleable && isExpanded) return;
+    isControlled ? onToggle == null ? void 0 : onToggle(!expanded2) : setInternalExpanded((prev) => !prev);
+  };
+  const handleKeyDown = (e) => {
+    if (disabled2) return;
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      toggleAccordion();
+    }
+  };
+  React.useMemo(() => {
+    if (isExpanded && !hasBeenExpanded) {
+      setHasBeenExpanded(true);
+    }
+  }, [isExpanded]);
+  React.useMemo(() => {
+    if (asyncContent && isExpanded && isLoading) {
+      const timer = setTimeout(() => {
+        setIsLoading(false);
+      }, 1e3);
+      return () => clearTimeout(timer);
+    }
+  }, [asyncContent, isExpanded, isLoading]);
+  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)}`],
+      disabled2 && classMap.disabled,
+      isExpanded && classMap.expanded,
+      className
+    ),
+    [classMap, size, disabled2, isExpanded, className]
+  );
+  const headerClassName = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.header,
+      classMap[theme],
+      classMap[state],
+      outline2 && classMap.outline,
+      disabled2 && classMap.disabled,
+      isExpanded && classMap.expanded
+    ),
+    [classMap, 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__ */ require$$2.jsxs("div", { ...rest, className: wrapperClassName, children: [
+    /* @__PURE__ */ require$$2.jsxs(
+      "button",
+      {
+        id: buttonId,
+        className: headerClassName,
+        onClick: toggleAccordion,
+        onKeyDown: handleKeyDown,
+        type: "button",
+        "aria-expanded": isExpanded,
+        "aria-controls": contentId,
+        "aria-disabled": disabled2,
+        "aria-describedby": descId,
+        tabIndex: disabled2 ? -1 : 0,
+        disabled: disabled2,
+        "data-testid": testId ? `${testId}-accordion-toggle` : void 0,
+        children: [
+          iconPosition === "left" && /* @__PURE__ */ require$$2.jsx(
+            "span",
+            {
+              className: iconClassName,
+              "aria-hidden": "true",
+              "data-testid": testId ? `${testId}-icon` : void 0,
+              children: renderedIcon
+            }
+          ),
+          /* @__PURE__ */ require$$2.jsx(
+            "span",
+            {
+              className: classMap.accordionTitle,
+              "data-testid": testId ? `${testId}-title` : void 0,
+              children: title2
+            }
+          ),
+          iconPosition === "right" && /* @__PURE__ */ require$$2.jsx(
+            "span",
+            {
+              className: iconClassName,
+              "aria-hidden": "true",
+              "data-testid": testId ? `${testId}-icon` : void 0,
+              children: renderedIcon
+            }
+          )
+        ]
+      }
+    ),
+    description && /* @__PURE__ */ require$$2.jsx(
+      "span",
+      {
+        id: descId,
+        className: "sr_only",
+        "data-testid": testId ? `${testId}-description` : void 0,
+        children: description
+      }
+    ),
+    /* @__PURE__ */ require$$2.jsxs(
+      "div",
+      {
+        id: contentId,
+        role: "region",
+        "aria-labelledby": buttonId,
+        className: contentClassName,
+        "data-state": isExpanded ? "open" : "collapsed",
+        "data-testid": testId ? `${testId}-content` : void 0,
+        children: [
+          isExpanded && asyncContent && isLoading && /* @__PURE__ */ require$$2.jsx("div", { className: classMap.loading, children: "Loading..." }),
+          (!lazyLoad || hasBeenExpanded) && (!asyncContent || !isLoading) && children
+        ]
+      }
+    )
+  ] });
+};
+AccordionBase.displayName = "AccordionBase";
+const noScroll = "_noScroll_1cqz6_91";
+const errorMessage = "_errorMessage_1cqz6_92";
+const loadingContainer = "_loadingContainer_1cqz6_93";
+const hideScrollbar = "_hideScrollbar_1cqz6_85";
+const sr_only = "_sr_only_1cqz6_94";
+const accordion = "_accordion_1cqz6_479";
+const roundNone = "_roundNone_1cqz6_486";
+const header = "_header_1cqz6_489";
+const content = "_content_1cqz6_492";
+const expanded = "_expanded_1cqz6_496";
+const roundSmall = "_roundSmall_1cqz6_501";
+const roundMedium = "_roundMedium_1cqz6_516";
+const roundLarge = "_roundLarge_1cqz6_531";
+const roundFull = "_roundFull_1cqz6_546";
+const shadowNone = "_shadowNone_1cqz6_561";
+const shadowLight = "_shadowLight_1cqz6_565";
+const shadowMedium = "_shadowMedium_1cqz6_569";
+const shadowStrong = "_shadowStrong_1cqz6_573";
+const shadowIntense = "_shadowIntense_1cqz6_577";
+const primary = "_primary_1cqz6_608";
+const outline = "_outline_1cqz6_615";
+const secondary = "_secondary_1cqz6_624";
+const tertiary = "_tertiary_1cqz6_640";
+const quaternary = "_quaternary_1cqz6_656";
+const clear = "_clear_1cqz6_671";
+const success = "_success_1cqz6_687";
+const error = "_error_1cqz6_92";
+const warning = "_warning_1cqz6_719";
+const disabled = "_disabled_1cqz6_735";
+const content_clear = "_content_clear_1cqz6_761";
+const title = "_title_1cqz6_766";
+const icon = "_icon_1cqz6_770";
+const xs = "_xs_1cqz6_780";
+const small = "_small_1cqz6_788";
+const medium = "_medium_1cqz6_796";
+const large = "_large_1cqz6_804";
+const xl = "_xl_1cqz6_812";
+const spin = "_spin_1cqz6_1";
+const pulse = "_pulse_1cqz6_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  accordion,
+  roundNone,
+  header,
+  content,
+  expanded,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  primary,
+  outline,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  disabled,
+  content_clear,
+  title,
+  icon,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  "fade-in": "_fade-in_1cqz6_1",
+  "slide-up": "_slide-up_1cqz6_1",
+  "spin-3d": "_spin-3d_1cqz6_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_1cqz6_1",
+  "progress-grow": "_progress-grow_1cqz6_1",
+  "indeterminate-move": "_indeterminate-move_1cqz6_1",
+  "skeleton-loading": "_skeleton-loading_1cqz6_1"
+};
+const Accordion = (props) => {
+  const id = React.useId();
+  const getUniqueId = () => `accordion-${id}`;
+  return /* @__PURE__ */ require$$2.jsx(AccordionBase, { ...props, getUniqueId, classMap: styles });
+};
+exports.Accordion = Accordion;
+//# sourceMappingURL=Accordion-BD-HsAos.cjs.map

package/dist/next/Accordion-BD-HsAos.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion-BD-HsAos.cjs","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/next/Accordion.tsx"],"sourcesContent":["import React, { useMemo, useState, KeyboardEvent } 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  \"data-testid\": testId,\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  const isExpanded = isControlled ? expanded : internalExpanded;\r\n\r\n  const contentId = `${id || internalId}-content`;\r\n  const buttonId = `${id || internalId}-button`;\r\n  const descId = description ? `${id || internalId}-desc` : undefined;\r\n\r\n  const toggleAccordion = () => {\r\n    if (disabled) return;\r\n    if (!isToggleable && isExpanded) return;\r\n    isControlled ? onToggle?.(!expanded) : setInternalExpanded((prev) => !prev);\r\n  };\r\n\r\n  const handleKeyDown = (e: KeyboardEvent) => {\r\n    if (disabled) return;\r\n    if (e.key === \"Enter\" || e.key === \" \") {\r\n      e.preventDefault();\r\n      toggleAccordion();\r\n    }\r\n  };\r\n\r\n  useMemo(() => {\r\n    if (isExpanded && !hasBeenExpanded) {\r\n      setHasBeenExpanded(true);\r\n    }\r\n  }, [isExpanded]);\r\n\r\n  useMemo(() => {\r\n    if (asyncContent && isExpanded && isLoading) {\r\n      const timer = setTimeout(() => {\r\n        setIsLoading(false);\r\n      }, 1000);\r\n\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [asyncContent, isExpanded, isLoading]);\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, 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, 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}\r\n        aria-describedby={descId}\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        <span\r\n          className={classMap.accordionTitle}\r\n          data-testid={testId ? `${testId}-title` : undefined}\r\n        >\r\n          {title}\r\n        </span>\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-labelledby={buttonId}\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 className={classMap.loading}>Loading...</div>\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","\"use client\";\r\n\r\nimport React, { useId } from \"react\";\r\nimport { AccordionBase } from \"../AccordionBase\";\r\nimport type { AccordionProps } from \"../Accordion.types\";\r\nimport styles from \"./Accordion.module.scss\";\r\n\r\nconst Accordion: React.FC<AccordionProps> = (props) => {\r\n  const id = useId();\r\n  const getUniqueId = () => `accordion-${id}`;\r\n\r\n  return (\r\n    <AccordionBase {...props} getUniqueId={getUniqueId} classMap={styles} />\r\n  );\r\n};\r\n\r\nexport default Accordion;\r\n"],"names":["title","getDefaultRounding","getDefaultShadow","getDefaultSize","getDefaultTheme","outline","expanded","disabled","useMemo","useState","combineClassNames","capitalize","jsxs","jsx","useId"],"mappings":"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"}

package/dist/next/Accordion-Bu2IAjE6.js

@@ -0,0 +1,268 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo, useState, useId } 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 AccordionBase = ({
+  title: title2,
+  id,
+  children,
+  lazyLoad = false,
+  iconPosition = "right",
+  isToggleable = true,
+  asyncContent = false,
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  description,
+  size = getDefaultSize(),
+  theme = getDefaultTheme(),
+  state = "",
+  outline: outline2 = false,
+  expanded: expanded2,
+  disabled: disabled2,
+  customCollapsedIcon,
+  customExpandedIcon,
+  onToggle,
+  initiallyExpanded = false,
+  className = "",
+  getUniqueId,
+  classMap,
+  "data-testid": testId,
+  ...rest
+}) => {
+  const isControlled = expanded2 !== 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 ? expanded2 : internalExpanded;
+  const contentId = `${id || internalId}-content`;
+  const buttonId = `${id || internalId}-button`;
+  const descId = description ? `${id || internalId}-desc` : void 0;
+  const toggleAccordion = () => {
+    if (disabled2) return;
+    if (!isToggleable && isExpanded) return;
+    isControlled ? onToggle == null ? void 0 : onToggle(!expanded2) : setInternalExpanded((prev) => !prev);
+  };
+  const handleKeyDown = (e) => {
+    if (disabled2) return;
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      toggleAccordion();
+    }
+  };
+  useMemo(() => {
+    if (isExpanded && !hasBeenExpanded) {
+      setHasBeenExpanded(true);
+    }
+  }, [isExpanded]);
+  useMemo(() => {
+    if (asyncContent && isExpanded && isLoading) {
+      const timer = setTimeout(() => {
+        setIsLoading(false);
+      }, 1e3);
+      return () => clearTimeout(timer);
+    }
+  }, [asyncContent, isExpanded, isLoading]);
+  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)}`],
+      disabled2 && classMap.disabled,
+      isExpanded && classMap.expanded,
+      className
+    ),
+    [classMap, size, disabled2, isExpanded, className]
+  );
+  const headerClassName = useMemo(
+    () => combineClassNames(
+      classMap.header,
+      classMap[theme],
+      classMap[state],
+      outline2 && classMap.outline,
+      disabled2 && classMap.disabled,
+      isExpanded && classMap.expanded
+    ),
+    [classMap, 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": disabled2,
+        "aria-describedby": descId,
+        tabIndex: disabled2 ? -1 : 0,
+        disabled: disabled2,
+        "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: title2
+            }
+          ),
+          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-labelledby": buttonId,
+        className: contentClassName,
+        "data-state": isExpanded ? "open" : "collapsed",
+        "data-testid": testId ? `${testId}-content` : void 0,
+        children: [
+          isExpanded && asyncContent && isLoading && /* @__PURE__ */ jsx("div", { className: classMap.loading, children: "Loading..." }),
+          (!lazyLoad || hasBeenExpanded) && (!asyncContent || !isLoading) && children
+        ]
+      }
+    )
+  ] });
+};
+AccordionBase.displayName = "AccordionBase";
+const noScroll = "_noScroll_1cqz6_91";
+const errorMessage = "_errorMessage_1cqz6_92";
+const loadingContainer = "_loadingContainer_1cqz6_93";
+const hideScrollbar = "_hideScrollbar_1cqz6_85";
+const sr_only = "_sr_only_1cqz6_94";
+const accordion = "_accordion_1cqz6_479";
+const roundNone = "_roundNone_1cqz6_486";
+const header = "_header_1cqz6_489";
+const content = "_content_1cqz6_492";
+const expanded = "_expanded_1cqz6_496";
+const roundSmall = "_roundSmall_1cqz6_501";
+const roundMedium = "_roundMedium_1cqz6_516";
+const roundLarge = "_roundLarge_1cqz6_531";
+const roundFull = "_roundFull_1cqz6_546";
+const shadowNone = "_shadowNone_1cqz6_561";
+const shadowLight = "_shadowLight_1cqz6_565";
+const shadowMedium = "_shadowMedium_1cqz6_569";
+const shadowStrong = "_shadowStrong_1cqz6_573";
+const shadowIntense = "_shadowIntense_1cqz6_577";
+const primary = "_primary_1cqz6_608";
+const outline = "_outline_1cqz6_615";
+const secondary = "_secondary_1cqz6_624";
+const tertiary = "_tertiary_1cqz6_640";
+const quaternary = "_quaternary_1cqz6_656";
+const clear = "_clear_1cqz6_671";
+const success = "_success_1cqz6_687";
+const error = "_error_1cqz6_92";
+const warning = "_warning_1cqz6_719";
+const disabled = "_disabled_1cqz6_735";
+const content_clear = "_content_clear_1cqz6_761";
+const title = "_title_1cqz6_766";
+const icon = "_icon_1cqz6_770";
+const xs = "_xs_1cqz6_780";
+const small = "_small_1cqz6_788";
+const medium = "_medium_1cqz6_796";
+const large = "_large_1cqz6_804";
+const xl = "_xl_1cqz6_812";
+const spin = "_spin_1cqz6_1";
+const pulse = "_pulse_1cqz6_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  accordion,
+  roundNone,
+  header,
+  content,
+  expanded,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  primary,
+  outline,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  disabled,
+  content_clear,
+  title,
+  icon,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  "fade-in": "_fade-in_1cqz6_1",
+  "slide-up": "_slide-up_1cqz6_1",
+  "spin-3d": "_spin-3d_1cqz6_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_1cqz6_1",
+  "progress-grow": "_progress-grow_1cqz6_1",
+  "indeterminate-move": "_indeterminate-move_1cqz6_1",
+  "skeleton-loading": "_skeleton-loading_1cqz6_1"
+};
+const Accordion = (props) => {
+  const id = useId();
+  const getUniqueId = () => `accordion-${id}`;
+  return /* @__PURE__ */ jsx(AccordionBase, { ...props, getUniqueId, classMap: styles });
+};
+export {
+  Accordion as A
+};
+//# sourceMappingURL=Accordion-Bu2IAjE6.js.map

package/dist/next/Accordion-Bu2IAjE6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion-Bu2IAjE6.js","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/next/Accordion.tsx"],"sourcesContent":["import React, { useMemo, useState, KeyboardEvent } 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  \"data-testid\": testId,\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  const isExpanded = isControlled ? expanded : internalExpanded;\r\n\r\n  const contentId = `${id || internalId}-content`;\r\n  const buttonId = `${id || internalId}-button`;\r\n  const descId = description ? `${id || internalId}-desc` : undefined;\r\n\r\n  const toggleAccordion = () => {\r\n    if (disabled) return;\r\n    if (!isToggleable && isExpanded) return;\r\n    isControlled ? onToggle?.(!expanded) : setInternalExpanded((prev) => !prev);\r\n  };\r\n\r\n  const handleKeyDown = (e: KeyboardEvent) => {\r\n    if (disabled) return;\r\n    if (e.key === \"Enter\" || e.key === \" \") {\r\n      e.preventDefault();\r\n      toggleAccordion();\r\n    }\r\n  };\r\n\r\n  useMemo(() => {\r\n    if (isExpanded && !hasBeenExpanded) {\r\n      setHasBeenExpanded(true);\r\n    }\r\n  }, [isExpanded]);\r\n\r\n  useMemo(() => {\r\n    if (asyncContent && isExpanded && isLoading) {\r\n      const timer = setTimeout(() => {\r\n        setIsLoading(false);\r\n      }, 1000);\r\n\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [asyncContent, isExpanded, isLoading]);\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, 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, 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}\r\n        aria-describedby={descId}\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        <span\r\n          className={classMap.accordionTitle}\r\n          data-testid={testId ? `${testId}-title` : undefined}\r\n        >\r\n          {title}\r\n        </span>\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-labelledby={buttonId}\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 className={classMap.loading}>Loading...</div>\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","\"use client\";\r\n\r\nimport React, { useId } from \"react\";\r\nimport { AccordionBase } from \"../AccordionBase\";\r\nimport type { AccordionProps } from \"../Accordion.types\";\r\nimport styles from \"./Accordion.module.scss\";\r\n\r\nconst Accordion: React.FC<AccordionProps> = (props) => {\r\n  const id = useId();\r\n  const getUniqueId = () => `accordion-${id}`;\r\n\r\n  return (\r\n    <AccordionBase {...props} getUniqueId={getUniqueId} classMap={styles} />\r\n  );\r\n};\r\n\r\nexport default Accordion;\r\n"],"names":["title","outline","expanded","disabled"],"mappings":"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"}

package/dist/next/Accordion.cjs.js

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

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

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

package/dist/next/Accordion.js

@@ -0,0 +1,5 @@
+import { A } from "./Accordion-Bu2IAjE6.js";
+export {
+  A as default
+};
+//# sourceMappingURL=Accordion.js.map

package/dist/next/Accordion.js.map

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

package/dist/next/ArrowRightIcon-BVb75OpX.cjs

@@ -0,0 +1,26 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const ArrowRightIcon = (props) => /* @__PURE__ */ require$$2.jsx(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    strokeWidth: "1.5",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: /* @__PURE__ */ require$$2.jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M8.71299 18.6929C8.43273 18.5768 8.25 18.3033 8.25 18V5.99998C8.25 5.69663 8.43273 5.42315 8.71299 5.30707C8.99324 5.19098 9.31583 5.25515 9.53033 5.46965L15.5303 11.4696C15.8232 11.7625 15.8232 12.2374 15.5303 12.5303L9.53033 18.5303C9.31583 18.7448 8.99324 18.809 8.71299 18.6929Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+exports.ArrowRightIcon = ArrowRightIcon;
+//# sourceMappingURL=ArrowRightIcon-BVb75OpX.cjs.map

package/dist/next/ArrowRightIcon-BVb75OpX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRightIcon-BVb75OpX.cjs","sources":["../../src/Icons/ArrowRightIcon.tsx"],"sourcesContent":["const ArrowRightIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M8.71299 18.6929C8.43273 18.5768 8.25 18.3033 8.25 18V5.99998C8.25 5.69663 8.43273 5.42315 8.71299 5.30707C8.99324 5.19098 9.31583 5.25515 9.53033 5.46965L15.5303 11.4696C15.8232 11.7625 15.8232 12.2374 15.5303 12.5303L9.53033 18.5303C9.31583 18.7448 8.99324 18.809 8.71299 18.6929Z\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n  </svg>\r\n);\r\nexport default ArrowRightIcon;\r\n"],"names":["jsx"],"mappings":";;AAAM,MAAA,iBAA0D,CAAC,UAC/DA,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAAA,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN;AACH;;"}

package/dist/next/ArrowRightIcon-BYQv5XS8.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+const ArrowRightIcon = (props) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    strokeWidth: "1.5",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M8.71299 18.6929C8.43273 18.5768 8.25 18.3033 8.25 18V5.99998C8.25 5.69663 8.43273 5.42315 8.71299 5.30707C8.99324 5.19098 9.31583 5.25515 9.53033 5.46965L15.5303 11.4696C15.8232 11.7625 15.8232 12.2374 15.5303 12.5303L9.53033 18.5303C9.31583 18.7448 8.99324 18.809 8.71299 18.6929Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+export {
+  ArrowRightIcon as A
+};
+//# sourceMappingURL=ArrowRightIcon-BYQv5XS8.js.map

package/dist/next/ArrowRightIcon-BYQv5XS8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRightIcon-BYQv5XS8.js","sources":["../../src/Icons/ArrowRightIcon.tsx"],"sourcesContent":["const ArrowRightIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M8.71299 18.6929C8.43273 18.5768 8.25 18.3033 8.25 18V5.99998C8.25 5.69663 8.43273 5.42315 8.71299 5.30707C8.99324 5.19098 9.31583 5.25515 9.53033 5.46965L15.5303 11.4696C15.8232 11.7625 15.8232 12.2374 15.5303 12.5303L9.53033 18.5303C9.31583 18.7448 8.99324 18.809 8.71299 18.6929Z\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n  </svg>\r\n);\r\nexport default ArrowRightIcon;\r\n"],"names":[],"mappings":";AAAM,MAAA,iBAA0D,CAAC,UAC/D;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN;AACH;"}