boreal-ui 0.0.76 → 0.0.78

package/dist/next/{Accordion-Bg8V6T38.js → Accordion-ez41BXtb.js}

@@ -3,6 +3,78 @@ import { useMemo, useState, useEffect, 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-DsaRlxmw.js";
+import './Accordion.css';const accordion = "_accordion_1apbm_85";
+const roundNone = "_roundNone_1apbm_92";
+const header = "_header_1apbm_95";
+const content = "_content_1apbm_98";
+const expanded = "_expanded_1apbm_98";
+const roundSmall = "_roundSmall_1apbm_103";
+const roundMedium = "_roundMedium_1apbm_114";
+const roundLarge = "_roundLarge_1apbm_125";
+const roundFull = "_roundFull_1apbm_136";
+const shadowNone = "_shadowNone_1apbm_147";
+const shadowLight = "_shadowLight_1apbm_151";
+const shadowMedium = "_shadowMedium_1apbm_155";
+const shadowStrong = "_shadowStrong_1apbm_159";
+const shadowIntense = "_shadowIntense_1apbm_163";
+const clear = "_clear_1apbm_167";
+const primary = "_primary_1apbm_218";
+const outline = "_outline_1apbm_225";
+const secondary = "_secondary_1apbm_240";
+const tertiary = "_tertiary_1apbm_262";
+const quaternary = "_quaternary_1apbm_284";
+const success = "_success_1apbm_327";
+const error = "_error_1apbm_349";
+const warning = "_warning_1apbm_371";
+const disabled = "_disabled_1apbm_393";
+const content_inner = "_content_inner_1apbm_427";
+const loaded = "_loaded_1apbm_450";
+const loading = "_loading_1apbm_455";
+const content_clear = "_content_clear_1apbm_459";
+const title = "_title_1apbm_469";
+const icon = "_icon_1apbm_476";
+const xs = "_xs_1apbm_496";
+const small = "_small_1apbm_512";
+const medium = "_medium_1apbm_528";
+const large = "_large_1apbm_544";
+const xl = "_xl_1apbm_560";
+const styles = {
+  accordion,
+  roundNone,
+  header,
+  content,
+  expanded,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  clear,
+  primary,
+  outline,
+  secondary,
+  tertiary,
+  quaternary,
+  success,
+  error,
+  warning,
+  disabled,
+  content_inner,
+  loaded,
+  loading,
+  content_clear,
+  title,
+  icon,
+  xs,
+  small,
+  medium,
+  large,
+  xl
+};
 const AccordionBase = ({
   title: title2,
   id,
@@ -206,99 +278,6 @@ const AccordionBase = ({
   ] });
 };
 AccordionBase.displayName = "AccordionBase";
-const noScroll = "_noScroll_1n0dn_109";
-const errorMessage = "_errorMessage_1n0dn_110";
-const loadingContainer = "_loadingContainer_1n0dn_111";
-const hideScrollbar = "_hideScrollbar_1n0dn_103";
-const sr_only = "_sr_only_1n0dn_112";
-const accordion = "_accordion_1n0dn_637";
-const roundNone = "_roundNone_1n0dn_644";
-const header = "_header_1n0dn_647";
-const content = "_content_1n0dn_650";
-const expanded = "_expanded_1n0dn_650";
-const roundSmall = "_roundSmall_1n0dn_655";
-const roundMedium = "_roundMedium_1n0dn_666";
-const roundLarge = "_roundLarge_1n0dn_677";
-const roundFull = "_roundFull_1n0dn_688";
-const shadowNone = "_shadowNone_1n0dn_699";
-const shadowLight = "_shadowLight_1n0dn_703";
-const shadowMedium = "_shadowMedium_1n0dn_707";
-const shadowStrong = "_shadowStrong_1n0dn_711";
-const shadowIntense = "_shadowIntense_1n0dn_715";
-const clear = "_clear_1n0dn_719";
-const primary = "_primary_1n0dn_770";
-const outline = "_outline_1n0dn_777";
-const secondary = "_secondary_1n0dn_792";
-const tertiary = "_tertiary_1n0dn_814";
-const quaternary = "_quaternary_1n0dn_836";
-const success = "_success_1n0dn_879";
-const error = "_error_1n0dn_110";
-const warning = "_warning_1n0dn_923";
-const disabled = "_disabled_1n0dn_945";
-const content_inner = "_content_inner_1n0dn_979";
-const loaded = "_loaded_1n0dn_1002";
-const loading = "_loading_1n0dn_111";
-const content_clear = "_content_clear_1n0dn_1011";
-const title = "_title_1n0dn_1021";
-const icon = "_icon_1n0dn_1028";
-const xs = "_xs_1n0dn_1048";
-const small = "_small_1n0dn_1064";
-const medium = "_medium_1n0dn_1080";
-const large = "_large_1n0dn_1096";
-const xl = "_xl_1n0dn_1112";
-const spin = "_spin_1n0dn_1";
-const pulse = "_pulse_1n0dn_1";
-const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
-  accordion,
-  roundNone,
-  header,
-  content,
-  expanded,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  clear,
-  primary,
-  outline,
-  secondary,
-  tertiary,
-  quaternary,
-  success,
-  error,
-  warning,
-  disabled,
-  content_inner,
-  loaded,
-  loading,
-  content_clear,
-  title,
-  icon,
-  xs,
-  small,
-  medium,
-  large,
-  xl,
-  "fade-in": "_fade-in_1n0dn_1",
-  "slide-up": "_slide-up_1n0dn_1",
-  "spin-3d": "_spin-3d_1n0dn_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_1n0dn_1",
-  "progress-grow": "_progress-grow_1n0dn_1",
-  "indeterminate-move": "_indeterminate-move_1n0dn_1",
-  "skeleton-loading": "_skeleton-loading_1n0dn_1"
-};
 const Accordion = (props) => {
   const id = useId();
   const getUniqueId = () => `accordion-${id}`;
@@ -308,4 +287,4 @@ Accordion.displayName = "Accordion";
 export {
   Accordion as A
 };
-//# sourceMappingURL=Accordion-Bg8V6T38.js.map
+//# sourceMappingURL=Accordion-ez41BXtb.js.map

package/dist/next/{Accordion-Bg8V6T38.js.map → Accordion-ez41BXtb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Accordion-Bg8V6T38.js","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/next/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","\"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\nAccordion.displayName = \"Accordion\";\r\nexport default Accordion;\r\n"],"names":["title","outline","expanded","disabled"],"mappings":"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"}
+{"version":3,"file":"Accordion-ez41BXtb.js","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/next/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","\"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\nAccordion.displayName = \"Accordion\";\r\nexport default Accordion;\r\n"],"names":["title","outline","expanded","disabled"],"mappings":"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"}

package/dist/next/{Accordion-BEa1jxTt.cjs → Accordion-yvdIcWj9.cjs}

@@ -1,9 +1,81 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Accordion.css');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-C1UIwOFN.cjs");
+const accordion = "_accordion_1apbm_85";
+const roundNone = "_roundNone_1apbm_92";
+const header = "_header_1apbm_95";
+const content = "_content_1apbm_98";
+const expanded = "_expanded_1apbm_98";
+const roundSmall = "_roundSmall_1apbm_103";
+const roundMedium = "_roundMedium_1apbm_114";
+const roundLarge = "_roundLarge_1apbm_125";
+const roundFull = "_roundFull_1apbm_136";
+const shadowNone = "_shadowNone_1apbm_147";
+const shadowLight = "_shadowLight_1apbm_151";
+const shadowMedium = "_shadowMedium_1apbm_155";
+const shadowStrong = "_shadowStrong_1apbm_159";
+const shadowIntense = "_shadowIntense_1apbm_163";
+const clear = "_clear_1apbm_167";
+const primary = "_primary_1apbm_218";
+const outline = "_outline_1apbm_225";
+const secondary = "_secondary_1apbm_240";
+const tertiary = "_tertiary_1apbm_262";
+const quaternary = "_quaternary_1apbm_284";
+const success = "_success_1apbm_327";
+const error = "_error_1apbm_349";
+const warning = "_warning_1apbm_371";
+const disabled = "_disabled_1apbm_393";
+const content_inner = "_content_inner_1apbm_427";
+const loaded = "_loaded_1apbm_450";
+const loading = "_loading_1apbm_455";
+const content_clear = "_content_clear_1apbm_459";
+const title = "_title_1apbm_469";
+const icon = "_icon_1apbm_476";
+const xs = "_xs_1apbm_496";
+const small = "_small_1apbm_512";
+const medium = "_medium_1apbm_528";
+const large = "_large_1apbm_544";
+const xl = "_xl_1apbm_560";
+const styles = {
+  accordion,
+  roundNone,
+  header,
+  content,
+  expanded,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  clear,
+  primary,
+  outline,
+  secondary,
+  tertiary,
+  quaternary,
+  success,
+  error,
+  warning,
+  disabled,
+  content_inner,
+  loaded,
+  loading,
+  content_clear,
+  title,
+  icon,
+  xs,
+  small,
+  medium,
+  large,
+  xl
+};
 const AccordionBase = ({
   title: title2,
   id,
@@ -207,99 +279,6 @@ const AccordionBase = ({
   ] });
 };
 AccordionBase.displayName = "AccordionBase";
-const noScroll = "_noScroll_1n0dn_109";
-const errorMessage = "_errorMessage_1n0dn_110";
-const loadingContainer = "_loadingContainer_1n0dn_111";
-const hideScrollbar = "_hideScrollbar_1n0dn_103";
-const sr_only = "_sr_only_1n0dn_112";
-const accordion = "_accordion_1n0dn_637";
-const roundNone = "_roundNone_1n0dn_644";
-const header = "_header_1n0dn_647";
-const content = "_content_1n0dn_650";
-const expanded = "_expanded_1n0dn_650";
-const roundSmall = "_roundSmall_1n0dn_655";
-const roundMedium = "_roundMedium_1n0dn_666";
-const roundLarge = "_roundLarge_1n0dn_677";
-const roundFull = "_roundFull_1n0dn_688";
-const shadowNone = "_shadowNone_1n0dn_699";
-const shadowLight = "_shadowLight_1n0dn_703";
-const shadowMedium = "_shadowMedium_1n0dn_707";
-const shadowStrong = "_shadowStrong_1n0dn_711";
-const shadowIntense = "_shadowIntense_1n0dn_715";
-const clear = "_clear_1n0dn_719";
-const primary = "_primary_1n0dn_770";
-const outline = "_outline_1n0dn_777";
-const secondary = "_secondary_1n0dn_792";
-const tertiary = "_tertiary_1n0dn_814";
-const quaternary = "_quaternary_1n0dn_836";
-const success = "_success_1n0dn_879";
-const error = "_error_1n0dn_110";
-const warning = "_warning_1n0dn_923";
-const disabled = "_disabled_1n0dn_945";
-const content_inner = "_content_inner_1n0dn_979";
-const loaded = "_loaded_1n0dn_1002";
-const loading = "_loading_1n0dn_111";
-const content_clear = "_content_clear_1n0dn_1011";
-const title = "_title_1n0dn_1021";
-const icon = "_icon_1n0dn_1028";
-const xs = "_xs_1n0dn_1048";
-const small = "_small_1n0dn_1064";
-const medium = "_medium_1n0dn_1080";
-const large = "_large_1n0dn_1096";
-const xl = "_xl_1n0dn_1112";
-const spin = "_spin_1n0dn_1";
-const pulse = "_pulse_1n0dn_1";
-const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
-  accordion,
-  roundNone,
-  header,
-  content,
-  expanded,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  clear,
-  primary,
-  outline,
-  secondary,
-  tertiary,
-  quaternary,
-  success,
-  error,
-  warning,
-  disabled,
-  content_inner,
-  loaded,
-  loading,
-  content_clear,
-  title,
-  icon,
-  xs,
-  small,
-  medium,
-  large,
-  xl,
-  "fade-in": "_fade-in_1n0dn_1",
-  "slide-up": "_slide-up_1n0dn_1",
-  "spin-3d": "_spin-3d_1n0dn_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_1n0dn_1",
-  "progress-grow": "_progress-grow_1n0dn_1",
-  "indeterminate-move": "_indeterminate-move_1n0dn_1",
-  "skeleton-loading": "_skeleton-loading_1n0dn_1"
-};
 const Accordion = (props) => {
   const id = React.useId();
   const getUniqueId = () => `accordion-${id}`;
@@ -307,4 +286,4 @@ const Accordion = (props) => {
 };
 Accordion.displayName = "Accordion";
 exports.Accordion = Accordion;
-//# sourceMappingURL=Accordion-BEa1jxTt.cjs.map
+//# sourceMappingURL=Accordion-yvdIcWj9.cjs.map

package/dist/next/{Accordion-BEa1jxTt.cjs.map → Accordion-yvdIcWj9.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Accordion-BEa1jxTt.cjs","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/next/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","\"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\nAccordion.displayName = \"Accordion\";\r\nexport default Accordion;\r\n"],"names":["title","getDefaultRounding","getDefaultShadow","getDefaultSize","getDefaultTheme","outline","expanded","disabled","useMemo","useState","useEffect","combineClassNames","capitalize","jsxs","jsx","useId"],"mappings":"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"}
+{"version":3,"file":"Accordion-yvdIcWj9.cjs","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/next/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","\"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\nAccordion.displayName = \"Accordion\";\r\nexport default Accordion;\r\n"],"names":["title","getDefaultRounding","getDefaultShadow","getDefaultSize","getDefaultTheme","outline","expanded","disabled","useMemo","useState","useEffect","combineClassNames","capitalize","jsxs","jsx","useId"],"mappings":"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"}

package/dist/next/Accordion.cjs.js

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