boreal-ui 0.0.72 → 0.0.73

package/dist/next/{Toolbar-C5uFJJ9N.cjs → Toolbar-s0krbHKU.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 const require$$2 = require("react/jsx-runtime");
-const Avatar = require("./Avatar-Dl-SRO6q.cjs");
+const Avatar = require("./Avatar-iZKOY9MH.cjs");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
@@ -68,6 +68,7 @@ const styles = {
 };
 const ToolbarBase = ({
   title: title2,
+  titleId,
   left,
   center,
   right,
@@ -77,9 +78,15 @@ const ToolbarBase = ({
   rounding = borealStyleConfig.getDefaultRounding(),
   className = "",
   "data-testid": testId = "toolbar",
+  "aria-label": ariaLabelProp,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  leftAriaLabel = "Toolbar left section",
+  centerAriaLabel = "Toolbar center section",
+  rightAriaLabel = "Toolbar right section",
   AvatarComponent,
   classMap,
-  ariaLabel = "Toolbar",
+  "aria-label": ariaLabel = "Toolbar",
   headingLevel = 1
 }) => {
   const safeHeading = Math.min(6, Math.max(1, headingLevel));
@@ -94,14 +101,18 @@ const ToolbarBase = ({
     ),
     [classMap, theme, className, shadow, rounding]
   );
-  const avatarAriaHidden = avatar && !avatar.name && !avatar.onClick ? true : void 0;
+  const resolvedAriaLabel = ariaLabelledBy ? void 0 : ariaLabelProp ?? ariaLabel;
+  const avatarAriaHidden = avatar && !avatar.name && !avatar.onClick && !avatar["aria-label"] ? true : void 0;
+  const resolvedTitleId = title2 ? titleId ?? `${testId}-title` : void 0;
   return /* @__PURE__ */ require$$2.jsxs(
     "div",
     {
       className: toolbarClass,
       role: "toolbar",
       "aria-orientation": "horizontal",
-      "aria-label": ariaLabel,
+      "aria-label": resolvedAriaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
       "data-testid": testId,
       children: [
         /* @__PURE__ */ require$$2.jsx(
@@ -109,7 +120,7 @@ const ToolbarBase = ({
           {
             className: classMap.section,
             role: "group",
-            "aria-label": "Toolbar left section",
+            "aria-label": leftAriaLabel,
             "data-testid": `${testId}-left`,
             children: left
           }
@@ -119,10 +130,18 @@ const ToolbarBase = ({
           {
             className: classMap.section,
             role: "group",
-            "aria-label": "Toolbar center section",
+            "aria-label": centerAriaLabel,
             "data-testid": `${testId}-center`,
             children: [
-              title2 && /* @__PURE__ */ require$$2.jsx(TitleTag, { className: classMap.title, "data-testid": `${testId}-title`, children: title2 }),
+              title2 && /* @__PURE__ */ require$$2.jsx(
+                TitleTag,
+                {
+                  id: resolvedTitleId,
+                  className: classMap.title,
+                  "data-testid": `${testId}-title`,
+                  children: title2
+                }
+              ),
               center
             ]
           }
@@ -132,7 +151,7 @@ const ToolbarBase = ({
           {
             className: classMap.section,
             role: "group",
-            "aria-label": "Toolbar right section",
+            "aria-label": rightAriaLabel,
             "data-testid": `${testId}-right`,
             children: [
               right,
@@ -151,6 +170,7 @@ const ToolbarBase = ({
                       theme: avatar.theme,
                       outline: avatar.outline,
                       onClick: avatar.onClick,
+                      "aria-label": avatar["aria-label"],
                       "aria-hidden": avatarAriaHidden
                     }
                   )
@@ -167,4 +187,4 @@ ToolbarBase.displayName = "ToolbarBase";
 const Toolbar = (props) => /* @__PURE__ */ require$$2.jsx(ToolbarBase, { ...props, AvatarComponent: Avatar.Avatar, classMap: styles });
 Toolbar.displayName = "Toolbar";
 exports.Toolbar = Toolbar;
-//# sourceMappingURL=Toolbar-C5uFJJ9N.cjs.map
+//# sourceMappingURL=Toolbar-s0krbHKU.cjs.map

package/dist/next/Toolbar-s0krbHKU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar-s0krbHKU.cjs","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/next/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps } from \"./Toolbar.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ToolbarBase: React.FC<ToolbarBaseProps> = ({\r\n  title,\r\n  titleId,\r\n  left,\r\n  center,\r\n  right,\r\n  avatar,\r\n  theme = getDefaultTheme(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"toolbar\",\r\n  \"aria-label\": ariaLabelProp,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  leftAriaLabel = \"Toolbar left section\",\r\n  centerAriaLabel = \"Toolbar center section\",\r\n  rightAriaLabel = \"Toolbar right section\",\r\n  AvatarComponent,\r\n  classMap,\r\n  \"aria-label\": ariaLabel = \"Toolbar\",\r\n  headingLevel = 1,\r\n}): JSX.Element => {\r\n  const safeHeading = Math.min(6, Math.max(1, headingLevel));\r\n  const TitleTag = `h${safeHeading}` as keyof JSX.IntrinsicElements;\r\n\r\n  const toolbarClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.toolbar,\r\n        classMap[theme],\r\n        className,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, theme, className, shadow, rounding],\r\n  );\r\n\r\n  const resolvedAriaLabel = ariaLabelledBy\r\n    ? undefined\r\n    : (ariaLabelProp ?? ariaLabel);\r\n\r\n  const avatarAriaHidden =\r\n    avatar && !avatar.name && !avatar.onClick && !avatar[\"aria-label\"]\r\n      ? true\r\n      : undefined;\r\n\r\n  const resolvedTitleId = title ? (titleId ?? `${testId}-title`) : undefined;\r\n\r\n  return (\r\n    <div\r\n      className={toolbarClass}\r\n      role=\"toolbar\"\r\n      aria-orientation=\"horizontal\"\r\n      aria-label={resolvedAriaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={classMap.section}\r\n        role=\"group\"\r\n        aria-label={leftAriaLabel}\r\n        data-testid={`${testId}-left`}\r\n      >\r\n        {left}\r\n      </div>\r\n\r\n      <div\r\n        className={classMap.section}\r\n        role=\"group\"\r\n        aria-label={centerAriaLabel}\r\n        data-testid={`${testId}-center`}\r\n      >\r\n        {title && (\r\n          <TitleTag\r\n            id={resolvedTitleId}\r\n            className={classMap.title}\r\n            data-testid={`${testId}-title`}\r\n          >\r\n            {title}\r\n          </TitleTag>\r\n        )}\r\n        {center}\r\n      </div>\r\n\r\n      <div\r\n        className={classMap.section}\r\n        role=\"group\"\r\n        aria-label={rightAriaLabel}\r\n        data-testid={`${testId}-right`}\r\n      >\r\n        {right}\r\n        {avatar && (\r\n          <div\r\n            className={classMap.avatarWrapper}\r\n            data-testid={`${testId}-avatar`}\r\n          >\r\n            <AvatarComponent\r\n              name={avatar.name}\r\n              src={avatar.src}\r\n              size={avatar.size || \"medium\"}\r\n              shape={avatar.shape || \"circle\"}\r\n              theme={avatar.theme}\r\n              outline={avatar.outline}\r\n              onClick={avatar.onClick}\r\n              aria-label={avatar[\"aria-label\"]}\r\n              aria-hidden={avatarAriaHidden}\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nToolbarBase.displayName = \"ToolbarBase\";\r\nexport default ToolbarBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Toolbar.module.scss\";\r\nimport Avatar from \"../../Avatar/next/Avatar\";\r\nimport ToolbarBase from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n  <ToolbarBase {...props} AvatarComponent={Avatar} classMap={styles} />\r\n);\r\nToolbar.displayName = \"Toolbar\";\r\nexport default Toolbar;\r\n"],"names":["title","getDefaultTheme","getDefaultShadow","getDefaultRounding","useMemo","combineClassNames","capitalize","jsxs","jsx","Avatar"],"mappings":"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"}

package/dist/next/Toolbar.cjs.js

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

package/dist/next/Toolbar.js

@@ -1,4 +1,4 @@
-import { T } from "./Toolbar-CIm4HBqd.js";
+import { T } from "./Toolbar-DyzNvwQv.js";
 export {
   T as default
 };

package/dist/next/{Tooltip-c9nsr0yw.js → Tooltip-Ba5YWT7r.js}

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import React, { forwardRef, useId, useState, useEffect, useMemo, isValidElement, cloneElement } from "react";
+import { forwardRef, useId, useState, useEffect, useMemo, isValidElement, cloneElement } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
@@ -74,6 +74,14 @@ const styles = {
   "indeterminate-move": "_indeterminate-move_142th_1",
   "skeleton-loading": "_skeleton-loading_142th_1"
 };
+function mergeIds(...values) {
+  return values.filter(Boolean).join(" ") || void 0;
+}
+function callAll(...handlers) {
+  return (event) => {
+    handlers.forEach((handler) => handler == null ? void 0 : handler(event));
+  };
+}
 const TooltipBase = forwardRef(function TooltipBase2({
   content,
   position = "top",
@@ -83,11 +91,20 @@ const TooltipBase = forwardRef(function TooltipBase2({
   state = "",
   children,
   className = "",
+  id,
+  triggerId,
+  triggerAriaLabel,
+  triggerAriaLabelledBy,
+  triggerAriaDescribedBy,
+  keepMountedWhenHidden = true,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
   "data-testid": testId = "tooltip",
   classMap,
   ...rest
 }, ref) {
-  const tooltipId = useId();
+  const generatedId = useId();
+  const tooltipId = id ?? generatedId;
   const [visible, setVisible] = useState(false);
   const show = () => setVisible(true);
   const hide = () => setVisible(false);
@@ -111,26 +128,58 @@ const TooltipBase = forwardRef(function TooltipBase2({
     ),
     [classMap, position, theme, state, visible, shadow, rounding]
   );
-  const triggerProps = {
-    onMouseEnter: show,
-    onMouseLeave: hide,
-    onFocus: show,
-    onBlur: hide,
-    "aria-describedby": visible ? tooltipId : void 0,
-    "data-testid": `${testId}-trigger`
-  };
   let trigger;
   if (isValidElement(children)) {
-    const isNaturallyFocusable = React.isValidElement(children) && typeof children.type === "string" && ["a", "button", "input", "textarea", "select"].includes(children.type);
-    const existingTabIndex = children.props.tabIndex;
-    const maybeTabIndex = isNaturallyFocusable || existingTabIndex !== void 0 ? {} : { tabIndex: 0 };
-    trigger = cloneElement(children, {
-      ...triggerProps,
-      ...maybeTabIndex
+    const child = children;
+    const childProps = child.props;
+    const isNaturallyFocusable = typeof child.type === "string" && ["a", "button", "input", "textarea", "select"].includes(child.type);
+    const maybeTabIndex = isNaturallyFocusable || childProps.tabIndex !== void 0 ? {} : { tabIndex: 0 };
+    const mergedAriaDescribedBy = mergeIds(
+      childProps["aria-describedby"],
+      triggerAriaDescribedBy,
+      visible ? tooltipId : void 0
+    );
+    trigger = cloneElement(child, {
+      ...maybeTabIndex,
+      id: triggerId ?? childProps.id,
+      "aria-label": triggerAriaLabel ?? childProps["aria-label"],
+      "aria-labelledby": triggerAriaLabelledBy ?? childProps["aria-labelledby"],
+      "aria-describedby": mergedAriaDescribedBy,
+      "data-testid": `${testId}-trigger`,
+      onMouseEnter: callAll(
+        childProps.onMouseEnter,
+        show
+      ),
+      onMouseLeave: callAll(
+        childProps.onMouseLeave,
+        hide
+      ),
+      onFocus: callAll(childProps.onFocus, show),
+      onBlur: callAll(childProps.onBlur, hide)
     });
   } else {
-    trigger = /* @__PURE__ */ jsx("span", { tabIndex: 0, ...triggerProps, className: classMap.triggerWrapper, children });
+    trigger = /* @__PURE__ */ jsx(
+      "span",
+      {
+        id: triggerId,
+        tabIndex: 0,
+        className: classMap.triggerWrapper,
+        "aria-label": triggerAriaLabel,
+        "aria-labelledby": triggerAriaLabelledBy,
+        "aria-describedby": mergeIds(
+          triggerAriaDescribedBy,
+          visible ? tooltipId : void 0
+        ),
+        "data-testid": `${testId}-trigger`,
+        onMouseEnter: show,
+        onMouseLeave: hide,
+        onFocus: show,
+        onBlur: hide,
+        children
+      }
+    );
   }
+  const shouldRenderTooltip = keepMountedWhenHidden || visible;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -138,7 +187,7 @@ const TooltipBase = forwardRef(function TooltipBase2({
       "data-testid": `${testId}-container`,
       children: [
         trigger,
-        /* @__PURE__ */ jsx(
+        shouldRenderTooltip && /* @__PURE__ */ jsx(
           "div",
           {
             ref,
@@ -146,6 +195,8 @@ const TooltipBase = forwardRef(function TooltipBase2({
             className: toolTipClassName,
             role: "tooltip",
             "aria-hidden": !visible,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledBy,
             "data-testid": testId,
             ...rest,
             children: content
@@ -161,4 +212,4 @@ Tooltip.displayName = "Tooltip";
 export {
   Tooltip as T
 };
-//# sourceMappingURL=Tooltip-c9nsr0yw.js.map
+//# sourceMappingURL=Tooltip-Ba5YWT7r.js.map

package/dist/next/Tooltip-Ba5YWT7r.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-Ba5YWT7r.js","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/next/Tooltip.tsx"],"sourcesContent":["import React, {\r\n  forwardRef,\r\n  useEffect,\r\n  useId,\r\n  useMemo,\r\n  useState,\r\n  isValidElement,\r\n  cloneElement,\r\n} from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TooltipProps, TriggerElementProps } from \"./Tooltip.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nfunction mergeIds(...values: Array<string | undefined>) {\r\n  return values.filter(Boolean).join(\" \") || undefined;\r\n}\r\n\r\nfunction callAll<E>(...handlers: Array<((event: E) => void) | undefined>) {\r\n  return (event: E) => {\r\n    handlers.forEach((handler) => handler?.(event));\r\n  };\r\n}\r\n\r\nconst TooltipBase = forwardRef<\r\n  HTMLDivElement,\r\n  TooltipProps & { classMap: Record<string, string> }\r\n>(function TooltipBase(\r\n  {\r\n    content,\r\n    position = \"top\",\r\n    theme = getDefaultTheme(),\r\n    rounding = getDefaultRounding(),\r\n    shadow = getDefaultShadow(),\r\n    state = \"\",\r\n    children,\r\n    className = \"\",\r\n    id,\r\n    triggerId,\r\n    triggerAriaLabel,\r\n    triggerAriaLabelledBy,\r\n    triggerAriaDescribedBy,\r\n    keepMountedWhenHidden = true,\r\n    \"aria-label\": ariaLabel,\r\n    \"aria-labelledby\": ariaLabelledBy,\r\n    \"data-testid\": testId = \"tooltip\",\r\n    classMap,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const generatedId = useId();\r\n  const tooltipId = id ?? generatedId;\r\n\r\n  const [visible, setVisible] = useState(false);\r\n\r\n  const show = () => setVisible(true);\r\n  const hide = () => setVisible(false);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n\r\n    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") hide();\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", onKey);\r\n    return () => document.removeEventListener(\"keydown\", onKey);\r\n  }, [visible]);\r\n\r\n  const toolTipClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.tooltip,\r\n        classMap[position],\r\n        classMap[theme],\r\n        classMap[state],\r\n        visible && classMap.visible,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, position, theme, state, visible, shadow, rounding],\r\n  );\r\n\r\n  let trigger: React.ReactNode;\r\n\r\n  if (isValidElement(children)) {\r\n    const child = children as React.ReactElement<TriggerElementProps>;\r\n    const childProps = child.props;\r\n\r\n    const isNaturallyFocusable =\r\n      typeof child.type === \"string\" &&\r\n      [\"a\", \"button\", \"input\", \"textarea\", \"select\"].includes(child.type);\r\n\r\n    const maybeTabIndex =\r\n      isNaturallyFocusable || childProps.tabIndex !== undefined\r\n        ? {}\r\n        : { tabIndex: 0 };\r\n\r\n    const mergedAriaDescribedBy = mergeIds(\r\n      childProps[\"aria-describedby\"],\r\n      triggerAriaDescribedBy,\r\n      visible ? tooltipId : undefined,\r\n    );\r\n\r\n    trigger = cloneElement(child, {\r\n      ...maybeTabIndex,\r\n      id: triggerId ?? childProps.id,\r\n      \"aria-label\": triggerAriaLabel ?? childProps[\"aria-label\"],\r\n      \"aria-labelledby\": triggerAriaLabelledBy ?? childProps[\"aria-labelledby\"],\r\n      \"aria-describedby\": mergedAriaDescribedBy,\r\n      \"data-testid\": `${testId}-trigger`,\r\n      onMouseEnter: callAll<React.MouseEvent<HTMLElement>>(\r\n        childProps.onMouseEnter,\r\n        show,\r\n      ),\r\n      onMouseLeave: callAll<React.MouseEvent<HTMLElement>>(\r\n        childProps.onMouseLeave,\r\n        hide,\r\n      ),\r\n      onFocus: callAll<React.FocusEvent<HTMLElement>>(childProps.onFocus, show),\r\n      onBlur: callAll<React.FocusEvent<HTMLElement>>(childProps.onBlur, hide),\r\n    });\r\n  } else {\r\n    trigger = (\r\n      <span\r\n        id={triggerId}\r\n        tabIndex={0}\r\n        className={classMap.triggerWrapper}\r\n        aria-label={triggerAriaLabel}\r\n        aria-labelledby={triggerAriaLabelledBy}\r\n        aria-describedby={mergeIds(\r\n          triggerAriaDescribedBy,\r\n          visible ? tooltipId : undefined,\r\n        )}\r\n        data-testid={`${testId}-trigger`}\r\n        onMouseEnter={show}\r\n        onMouseLeave={hide}\r\n        onFocus={show}\r\n        onBlur={hide}\r\n      >\r\n        {children}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  const shouldRenderTooltip = keepMountedWhenHidden || visible;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(classMap.container, className)}\r\n      data-testid={`${testId}-container`}\r\n    >\r\n      {trigger}\r\n\r\n      {shouldRenderTooltip && (\r\n        <div\r\n          ref={ref}\r\n          id={tooltipId}\r\n          className={toolTipClassName}\r\n          role=\"tooltip\"\r\n          aria-hidden={!visible}\r\n          aria-label={ariaLabel}\r\n          aria-labelledby={ariaLabelledBy}\r\n          data-testid={testId}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n});\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\nexport default TooltipBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./Tooltip.module.scss\";\r\nimport TooltipBase from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n  <TooltipBase {...props} ref={ref} classMap={styles} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":["TooltipBase"],"mappings":"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"}

package/dist/next/{Tooltip-DZtFS9wd.cjs → Tooltip-DVI61ebD.cjs}

@@ -75,6 +75,14 @@ const styles = {
   "indeterminate-move": "_indeterminate-move_142th_1",
   "skeleton-loading": "_skeleton-loading_142th_1"
 };
+function mergeIds(...values) {
+  return values.filter(Boolean).join(" ") || void 0;
+}
+function callAll(...handlers) {
+  return (event) => {
+    handlers.forEach((handler) => handler == null ? void 0 : handler(event));
+  };
+}
 const TooltipBase = React.forwardRef(function TooltipBase2({
   content,
   position = "top",
@@ -84,11 +92,20 @@ const TooltipBase = React.forwardRef(function TooltipBase2({
   state = "",
   children,
   className = "",
+  id,
+  triggerId,
+  triggerAriaLabel,
+  triggerAriaLabelledBy,
+  triggerAriaDescribedBy,
+  keepMountedWhenHidden = true,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
   "data-testid": testId = "tooltip",
   classMap,
   ...rest
 }, ref) {
-  const tooltipId = React.useId();
+  const generatedId = React.useId();
+  const tooltipId = id ?? generatedId;
   const [visible, setVisible] = React.useState(false);
   const show = () => setVisible(true);
   const hide = () => setVisible(false);
@@ -112,26 +129,58 @@ const TooltipBase = React.forwardRef(function TooltipBase2({
     ),
     [classMap, position, theme, state, visible, shadow, rounding]
   );
-  const triggerProps = {
-    onMouseEnter: show,
-    onMouseLeave: hide,
-    onFocus: show,
-    onBlur: hide,
-    "aria-describedby": visible ? tooltipId : void 0,
-    "data-testid": `${testId}-trigger`
-  };
   let trigger;
   if (React.isValidElement(children)) {
-    const isNaturallyFocusable = React.isValidElement(children) && typeof children.type === "string" && ["a", "button", "input", "textarea", "select"].includes(children.type);
-    const existingTabIndex = children.props.tabIndex;
-    const maybeTabIndex = isNaturallyFocusable || existingTabIndex !== void 0 ? {} : { tabIndex: 0 };
-    trigger = React.cloneElement(children, {
-      ...triggerProps,
-      ...maybeTabIndex
+    const child = children;
+    const childProps = child.props;
+    const isNaturallyFocusable = typeof child.type === "string" && ["a", "button", "input", "textarea", "select"].includes(child.type);
+    const maybeTabIndex = isNaturallyFocusable || childProps.tabIndex !== void 0 ? {} : { tabIndex: 0 };
+    const mergedAriaDescribedBy = mergeIds(
+      childProps["aria-describedby"],
+      triggerAriaDescribedBy,
+      visible ? tooltipId : void 0
+    );
+    trigger = React.cloneElement(child, {
+      ...maybeTabIndex,
+      id: triggerId ?? childProps.id,
+      "aria-label": triggerAriaLabel ?? childProps["aria-label"],
+      "aria-labelledby": triggerAriaLabelledBy ?? childProps["aria-labelledby"],
+      "aria-describedby": mergedAriaDescribedBy,
+      "data-testid": `${testId}-trigger`,
+      onMouseEnter: callAll(
+        childProps.onMouseEnter,
+        show
+      ),
+      onMouseLeave: callAll(
+        childProps.onMouseLeave,
+        hide
+      ),
+      onFocus: callAll(childProps.onFocus, show),
+      onBlur: callAll(childProps.onBlur, hide)
     });
   } else {
-    trigger = /* @__PURE__ */ require$$2.jsx("span", { tabIndex: 0, ...triggerProps, className: classMap.triggerWrapper, children });
+    trigger = /* @__PURE__ */ require$$2.jsx(
+      "span",
+      {
+        id: triggerId,
+        tabIndex: 0,
+        className: classMap.triggerWrapper,
+        "aria-label": triggerAriaLabel,
+        "aria-labelledby": triggerAriaLabelledBy,
+        "aria-describedby": mergeIds(
+          triggerAriaDescribedBy,
+          visible ? tooltipId : void 0
+        ),
+        "data-testid": `${testId}-trigger`,
+        onMouseEnter: show,
+        onMouseLeave: hide,
+        onFocus: show,
+        onBlur: hide,
+        children
+      }
+    );
   }
+  const shouldRenderTooltip = keepMountedWhenHidden || visible;
   return /* @__PURE__ */ require$$2.jsxs(
     "div",
     {
@@ -139,7 +188,7 @@ const TooltipBase = React.forwardRef(function TooltipBase2({
       "data-testid": `${testId}-container`,
       children: [
         trigger,
-        /* @__PURE__ */ require$$2.jsx(
+        shouldRenderTooltip && /* @__PURE__ */ require$$2.jsx(
           "div",
           {
             ref,
@@ -147,6 +196,8 @@ const TooltipBase = React.forwardRef(function TooltipBase2({
             className: toolTipClassName,
             role: "tooltip",
             "aria-hidden": !visible,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledBy,
             "data-testid": testId,
             ...rest,
             children: content
@@ -160,4 +211,4 @@ TooltipBase.displayName = "TooltipBase";
 const Tooltip = React.forwardRef((props, ref) => /* @__PURE__ */ require$$2.jsx(TooltipBase, { ...props, ref, classMap: styles }));
 Tooltip.displayName = "Tooltip";
 exports.Tooltip = Tooltip;
-//# sourceMappingURL=Tooltip-DZtFS9wd.cjs.map
+//# sourceMappingURL=Tooltip-DVI61ebD.cjs.map

package/dist/next/Tooltip-DVI61ebD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-DVI61ebD.cjs","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/next/Tooltip.tsx"],"sourcesContent":["import React, {\r\n  forwardRef,\r\n  useEffect,\r\n  useId,\r\n  useMemo,\r\n  useState,\r\n  isValidElement,\r\n  cloneElement,\r\n} from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TooltipProps, TriggerElementProps } from \"./Tooltip.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nfunction mergeIds(...values: Array<string | undefined>) {\r\n  return values.filter(Boolean).join(\" \") || undefined;\r\n}\r\n\r\nfunction callAll<E>(...handlers: Array<((event: E) => void) | undefined>) {\r\n  return (event: E) => {\r\n    handlers.forEach((handler) => handler?.(event));\r\n  };\r\n}\r\n\r\nconst TooltipBase = forwardRef<\r\n  HTMLDivElement,\r\n  TooltipProps & { classMap: Record<string, string> }\r\n>(function TooltipBase(\r\n  {\r\n    content,\r\n    position = \"top\",\r\n    theme = getDefaultTheme(),\r\n    rounding = getDefaultRounding(),\r\n    shadow = getDefaultShadow(),\r\n    state = \"\",\r\n    children,\r\n    className = \"\",\r\n    id,\r\n    triggerId,\r\n    triggerAriaLabel,\r\n    triggerAriaLabelledBy,\r\n    triggerAriaDescribedBy,\r\n    keepMountedWhenHidden = true,\r\n    \"aria-label\": ariaLabel,\r\n    \"aria-labelledby\": ariaLabelledBy,\r\n    \"data-testid\": testId = \"tooltip\",\r\n    classMap,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const generatedId = useId();\r\n  const tooltipId = id ?? generatedId;\r\n\r\n  const [visible, setVisible] = useState(false);\r\n\r\n  const show = () => setVisible(true);\r\n  const hide = () => setVisible(false);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n\r\n    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") hide();\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", onKey);\r\n    return () => document.removeEventListener(\"keydown\", onKey);\r\n  }, [visible]);\r\n\r\n  const toolTipClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.tooltip,\r\n        classMap[position],\r\n        classMap[theme],\r\n        classMap[state],\r\n        visible && classMap.visible,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, position, theme, state, visible, shadow, rounding],\r\n  );\r\n\r\n  let trigger: React.ReactNode;\r\n\r\n  if (isValidElement(children)) {\r\n    const child = children as React.ReactElement<TriggerElementProps>;\r\n    const childProps = child.props;\r\n\r\n    const isNaturallyFocusable =\r\n      typeof child.type === \"string\" &&\r\n      [\"a\", \"button\", \"input\", \"textarea\", \"select\"].includes(child.type);\r\n\r\n    const maybeTabIndex =\r\n      isNaturallyFocusable || childProps.tabIndex !== undefined\r\n        ? {}\r\n        : { tabIndex: 0 };\r\n\r\n    const mergedAriaDescribedBy = mergeIds(\r\n      childProps[\"aria-describedby\"],\r\n      triggerAriaDescribedBy,\r\n      visible ? tooltipId : undefined,\r\n    );\r\n\r\n    trigger = cloneElement(child, {\r\n      ...maybeTabIndex,\r\n      id: triggerId ?? childProps.id,\r\n      \"aria-label\": triggerAriaLabel ?? childProps[\"aria-label\"],\r\n      \"aria-labelledby\": triggerAriaLabelledBy ?? childProps[\"aria-labelledby\"],\r\n      \"aria-describedby\": mergedAriaDescribedBy,\r\n      \"data-testid\": `${testId}-trigger`,\r\n      onMouseEnter: callAll<React.MouseEvent<HTMLElement>>(\r\n        childProps.onMouseEnter,\r\n        show,\r\n      ),\r\n      onMouseLeave: callAll<React.MouseEvent<HTMLElement>>(\r\n        childProps.onMouseLeave,\r\n        hide,\r\n      ),\r\n      onFocus: callAll<React.FocusEvent<HTMLElement>>(childProps.onFocus, show),\r\n      onBlur: callAll<React.FocusEvent<HTMLElement>>(childProps.onBlur, hide),\r\n    });\r\n  } else {\r\n    trigger = (\r\n      <span\r\n        id={triggerId}\r\n        tabIndex={0}\r\n        className={classMap.triggerWrapper}\r\n        aria-label={triggerAriaLabel}\r\n        aria-labelledby={triggerAriaLabelledBy}\r\n        aria-describedby={mergeIds(\r\n          triggerAriaDescribedBy,\r\n          visible ? tooltipId : undefined,\r\n        )}\r\n        data-testid={`${testId}-trigger`}\r\n        onMouseEnter={show}\r\n        onMouseLeave={hide}\r\n        onFocus={show}\r\n        onBlur={hide}\r\n      >\r\n        {children}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  const shouldRenderTooltip = keepMountedWhenHidden || visible;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(classMap.container, className)}\r\n      data-testid={`${testId}-container`}\r\n    >\r\n      {trigger}\r\n\r\n      {shouldRenderTooltip && (\r\n        <div\r\n          ref={ref}\r\n          id={tooltipId}\r\n          className={toolTipClassName}\r\n          role=\"tooltip\"\r\n          aria-hidden={!visible}\r\n          aria-label={ariaLabel}\r\n          aria-labelledby={ariaLabelledBy}\r\n          data-testid={testId}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n});\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\nexport default TooltipBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./Tooltip.module.scss\";\r\nimport TooltipBase from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n  <TooltipBase {...props} ref={ref} classMap={styles} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":["forwardRef","TooltipBase","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useState","useEffect","useMemo","combineClassNames","capitalize","isValidElement","cloneElement","jsx","jsxs"],"mappings":"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"}

package/dist/next/Tooltip.cjs.js

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

package/dist/next/Tooltip.js

@@ -1,4 +1,4 @@
-import { T } from "./Tooltip-c9nsr0yw.js";
+import { T } from "./Tooltip-Ba5YWT7r.js";
 export {
   T as default
 };

package/dist/next/{Typography-BEENFqan.cjs → Typography-B6VNZtxH.cjs}

@@ -77,6 +77,14 @@ function TypographyBase({
   id,
   title,
   testId,
+  role,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-hidden": ariaHidden,
+  "aria-live": ariaLive,
+  "aria-atomic": ariaAtomic,
+  "aria-busy": ariaBusy,
   classMap,
   combineClassNames
 }) {
@@ -92,7 +100,7 @@ function TypographyBase({
       underline2 && classMap.underline,
       truncate2 && classMap.truncate,
       noWrap2 && classMap.noWrap,
-      srOnly && `sr_only`,
+      srOnly && classMap.srOnly,
       className
     ),
     [
@@ -116,8 +124,16 @@ function TypographyBase({
       id,
       title,
       style,
+      role,
       className: resolvedClassName,
-      "data-testid": testId ?? "typography"
+      "data-testid": testId ?? "typography",
+      "aria-label": ariaLabelledBy ? void 0 : ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-hidden": ariaHidden,
+      "aria-live": ariaLive,
+      "aria-atomic": ariaLive ? ariaAtomic : void 0,
+      "aria-busy": ariaLive ? ariaBusy : void 0
     },
     children
   );
@@ -212,4 +228,4 @@ function Typography(props) {
   );
 }
 exports.Typography = Typography;
-//# sourceMappingURL=Typography-BEENFqan.cjs.map
+//# sourceMappingURL=Typography-B6VNZtxH.cjs.map

package/dist/next/Typography-B6VNZtxH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography-B6VNZtxH.cjs","sources":["../../src/components/Typography/TypographyBase.tsx","../../src/components/Typography/next/Typography.tsx"],"sourcesContent":["import { createElement, JSX, useMemo } from \"react\";\r\nimport {\r\n  TypographyAlign,\r\n  TypographyBaseProps,\r\n  TypographyTheme,\r\n  TypographyVariant,\r\n  TypographyWeight,\r\n} from \"./Typography.types\";\r\nimport { getDefaultTheme } from \"@/config/boreal-style-config\";\r\n\r\nconst DEFAULT_TAG_BY_VARIANT: Record<\r\n  TypographyVariant,\r\n  keyof JSX.IntrinsicElements\r\n> = {\r\n  display: \"h1\",\r\n  h1: \"h1\",\r\n  h2: \"h2\",\r\n  h3: \"h3\",\r\n  h4: \"h4\",\r\n  h5: \"h5\",\r\n  h6: \"h6\",\r\n  \"body-lg\": \"p\",\r\n  body: \"p\",\r\n  \"body-sm\": \"p\",\r\n  label: \"span\",\r\n  caption: \"span\",\r\n  overline: \"span\",\r\n  code: \"code\",\r\n};\r\n\r\nconst variantClassMap: Record<TypographyVariant, string> = {\r\n  display: \"display\",\r\n  h1: \"h1\",\r\n  h2: \"h2\",\r\n  h3: \"h3\",\r\n  h4: \"h4\",\r\n  h5: \"h5\",\r\n  h6: \"h6\",\r\n  \"body-lg\": \"bodyLg\",\r\n  body: \"body\",\r\n  \"body-sm\": \"bodySm\",\r\n  label: \"label\",\r\n  caption: \"caption\",\r\n  overline: \"overline\",\r\n  code: \"code\",\r\n};\r\n\r\nconst alignClassMap: Record<TypographyAlign, string> = {\r\n  left: \"alignLeft\",\r\n  center: \"alignCenter\",\r\n  right: \"alignRight\",\r\n  inherit: \"alignInherit\",\r\n};\r\n\r\nconst weightClassMap: Record<TypographyWeight, string> = {\r\n  light: \"weightLight\",\r\n  normal: \"weightNormal\",\r\n  medium: \"weightMedium\",\r\n  bold: \"weightBold\",\r\n  bolder: \"weightBolder\",\r\n  inherit: \"weightInherit\",\r\n};\r\n\r\nconst themeClassMap: Record<TypographyTheme, string> = {\r\n  primary: \"primary\",\r\n  secondary: \"secondary\",\r\n  tertiary: \"tertiary\",\r\n  quaternary: \"quaternary\",\r\n  clear: \"clear\",\r\n  success: \"success\",\r\n  warning: \"warning\",\r\n  error: \"error\",\r\n  inherit: \"themeInherit\",\r\n};\r\n\r\nfunction TypographyBase({\r\n  children,\r\n  variant = \"body\",\r\n  as,\r\n  align = \"inherit\",\r\n  weight = \"inherit\",\r\n  theme = getDefaultTheme(),\r\n  italic = false,\r\n  underline = false,\r\n  truncate = false,\r\n  noWrap = false,\r\n  srOnly = false,\r\n  className,\r\n  style,\r\n  id,\r\n  title,\r\n  testId,\r\n  role,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-hidden\": ariaHidden,\r\n  \"aria-live\": ariaLive,\r\n  \"aria-atomic\": ariaAtomic,\r\n  \"aria-busy\": ariaBusy,\r\n  classMap,\r\n  combineClassNames,\r\n}: TypographyBaseProps): JSX.Element {\r\n  const Component = as ?? DEFAULT_TAG_BY_VARIANT[variant];\r\n\r\n  const resolvedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.typography,\r\n        classMap[variantClassMap[variant]],\r\n        classMap[alignClassMap[align]],\r\n        classMap[weightClassMap[weight]],\r\n        classMap[themeClassMap[theme]],\r\n        italic && classMap.italic,\r\n        underline && classMap.underline,\r\n        truncate && classMap.truncate,\r\n        noWrap && classMap.noWrap,\r\n        srOnly && classMap.srOnly,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      variant,\r\n      align,\r\n      weight,\r\n      theme,\r\n      italic,\r\n      underline,\r\n      truncate,\r\n      noWrap,\r\n      srOnly,\r\n      className,\r\n      combineClassNames,\r\n    ],\r\n  );\r\n\r\n  return createElement(\r\n    Component,\r\n    {\r\n      id,\r\n      title,\r\n      style,\r\n      role,\r\n      className: resolvedClassName,\r\n      \"data-testid\": testId ?? \"typography\",\r\n\r\n      \"aria-label\": ariaLabelledBy ? undefined : ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-hidden\": ariaHidden,\r\n      \"aria-live\": ariaLive,\r\n      \"aria-atomic\": ariaLive ? ariaAtomic : undefined,\r\n      \"aria-busy\": ariaLive ? ariaBusy : undefined,\r\n    },\r\n    children,\r\n  );\r\n}\r\n\r\nTypographyBase.displayName = \"TypographyBase\";\r\nexport default TypographyBase;\r\n","\"use client\";\r\n\r\nimport { JSX } from \"react\";\r\nimport TypographyBase from \"../TypographyBase\";\r\nimport { TypographyOwnProps } from \"../Typography.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport styles from \"./Typography.module.scss\";\r\n\r\nexport type TypographyProps = TypographyOwnProps;\r\n\r\nexport default function Typography(props: TypographyProps): JSX.Element {\r\n  return (\r\n    <TypographyBase\r\n      {...props}\r\n      classMap={styles}\r\n      combineClassNames={combineClassNames}\r\n    />\r\n  );\r\n}\r\n"],"names":["getDefaultTheme","italic","underline","truncate","noWrap","useMemo","createElement","jsx","combineClassNames"],"mappings":"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"}

package/dist/next/{Typography-D9yQ776l.js → Typography-BdS7h4Eq.js}

@@ -76,6 +76,14 @@ function TypographyBase({
   id,
   title,
   testId,
+  role,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-hidden": ariaHidden,
+  "aria-live": ariaLive,
+  "aria-atomic": ariaAtomic,
+  "aria-busy": ariaBusy,
   classMap,
   combineClassNames: combineClassNames2
 }) {
@@ -91,7 +99,7 @@ function TypographyBase({
       underline2 && classMap.underline,
       truncate2 && classMap.truncate,
       noWrap2 && classMap.noWrap,
-      srOnly && `sr_only`,
+      srOnly && classMap.srOnly,
       className
     ),
     [
@@ -115,8 +123,16 @@ function TypographyBase({
       id,
       title,
       style,
+      role,
       className: resolvedClassName,
-      "data-testid": testId ?? "typography"
+      "data-testid": testId ?? "typography",
+      "aria-label": ariaLabelledBy ? void 0 : ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-hidden": ariaHidden,
+      "aria-live": ariaLive,
+      "aria-atomic": ariaLive ? ariaAtomic : void 0,
+      "aria-busy": ariaLive ? ariaBusy : void 0
     },
     children
   );
@@ -213,4 +229,4 @@ function Typography(props) {
 export {
   Typography as T
 };
-//# sourceMappingURL=Typography-D9yQ776l.js.map
+//# sourceMappingURL=Typography-BdS7h4Eq.js.map

package/dist/next/Typography-BdS7h4Eq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography-BdS7h4Eq.js","sources":["../../src/components/Typography/TypographyBase.tsx","../../src/components/Typography/next/Typography.tsx"],"sourcesContent":["import { createElement, JSX, useMemo } from \"react\";\r\nimport {\r\n  TypographyAlign,\r\n  TypographyBaseProps,\r\n  TypographyTheme,\r\n  TypographyVariant,\r\n  TypographyWeight,\r\n} from \"./Typography.types\";\r\nimport { getDefaultTheme } from \"@/config/boreal-style-config\";\r\n\r\nconst DEFAULT_TAG_BY_VARIANT: Record<\r\n  TypographyVariant,\r\n  keyof JSX.IntrinsicElements\r\n> = {\r\n  display: \"h1\",\r\n  h1: \"h1\",\r\n  h2: \"h2\",\r\n  h3: \"h3\",\r\n  h4: \"h4\",\r\n  h5: \"h5\",\r\n  h6: \"h6\",\r\n  \"body-lg\": \"p\",\r\n  body: \"p\",\r\n  \"body-sm\": \"p\",\r\n  label: \"span\",\r\n  caption: \"span\",\r\n  overline: \"span\",\r\n  code: \"code\",\r\n};\r\n\r\nconst variantClassMap: Record<TypographyVariant, string> = {\r\n  display: \"display\",\r\n  h1: \"h1\",\r\n  h2: \"h2\",\r\n  h3: \"h3\",\r\n  h4: \"h4\",\r\n  h5: \"h5\",\r\n  h6: \"h6\",\r\n  \"body-lg\": \"bodyLg\",\r\n  body: \"body\",\r\n  \"body-sm\": \"bodySm\",\r\n  label: \"label\",\r\n  caption: \"caption\",\r\n  overline: \"overline\",\r\n  code: \"code\",\r\n};\r\n\r\nconst alignClassMap: Record<TypographyAlign, string> = {\r\n  left: \"alignLeft\",\r\n  center: \"alignCenter\",\r\n  right: \"alignRight\",\r\n  inherit: \"alignInherit\",\r\n};\r\n\r\nconst weightClassMap: Record<TypographyWeight, string> = {\r\n  light: \"weightLight\",\r\n  normal: \"weightNormal\",\r\n  medium: \"weightMedium\",\r\n  bold: \"weightBold\",\r\n  bolder: \"weightBolder\",\r\n  inherit: \"weightInherit\",\r\n};\r\n\r\nconst themeClassMap: Record<TypographyTheme, string> = {\r\n  primary: \"primary\",\r\n  secondary: \"secondary\",\r\n  tertiary: \"tertiary\",\r\n  quaternary: \"quaternary\",\r\n  clear: \"clear\",\r\n  success: \"success\",\r\n  warning: \"warning\",\r\n  error: \"error\",\r\n  inherit: \"themeInherit\",\r\n};\r\n\r\nfunction TypographyBase({\r\n  children,\r\n  variant = \"body\",\r\n  as,\r\n  align = \"inherit\",\r\n  weight = \"inherit\",\r\n  theme = getDefaultTheme(),\r\n  italic = false,\r\n  underline = false,\r\n  truncate = false,\r\n  noWrap = false,\r\n  srOnly = false,\r\n  className,\r\n  style,\r\n  id,\r\n  title,\r\n  testId,\r\n  role,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-hidden\": ariaHidden,\r\n  \"aria-live\": ariaLive,\r\n  \"aria-atomic\": ariaAtomic,\r\n  \"aria-busy\": ariaBusy,\r\n  classMap,\r\n  combineClassNames,\r\n}: TypographyBaseProps): JSX.Element {\r\n  const Component = as ?? DEFAULT_TAG_BY_VARIANT[variant];\r\n\r\n  const resolvedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.typography,\r\n        classMap[variantClassMap[variant]],\r\n        classMap[alignClassMap[align]],\r\n        classMap[weightClassMap[weight]],\r\n        classMap[themeClassMap[theme]],\r\n        italic && classMap.italic,\r\n        underline && classMap.underline,\r\n        truncate && classMap.truncate,\r\n        noWrap && classMap.noWrap,\r\n        srOnly && classMap.srOnly,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      variant,\r\n      align,\r\n      weight,\r\n      theme,\r\n      italic,\r\n      underline,\r\n      truncate,\r\n      noWrap,\r\n      srOnly,\r\n      className,\r\n      combineClassNames,\r\n    ],\r\n  );\r\n\r\n  return createElement(\r\n    Component,\r\n    {\r\n      id,\r\n      title,\r\n      style,\r\n      role,\r\n      className: resolvedClassName,\r\n      \"data-testid\": testId ?? \"typography\",\r\n\r\n      \"aria-label\": ariaLabelledBy ? undefined : ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-hidden\": ariaHidden,\r\n      \"aria-live\": ariaLive,\r\n      \"aria-atomic\": ariaLive ? ariaAtomic : undefined,\r\n      \"aria-busy\": ariaLive ? ariaBusy : undefined,\r\n    },\r\n    children,\r\n  );\r\n}\r\n\r\nTypographyBase.displayName = \"TypographyBase\";\r\nexport default TypographyBase;\r\n","\"use client\";\r\n\r\nimport { JSX } from \"react\";\r\nimport TypographyBase from \"../TypographyBase\";\r\nimport { TypographyOwnProps } from \"../Typography.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport styles from \"./Typography.module.scss\";\r\n\r\nexport type TypographyProps = TypographyOwnProps;\r\n\r\nexport default function Typography(props: TypographyProps): JSX.Element {\r\n  return (\r\n    <TypographyBase\r\n      {...props}\r\n      classMap={styles}\r\n      combineClassNames={combineClassNames}\r\n    />\r\n  );\r\n}\r\n"],"names":["italic","underline","truncate","noWrap","combineClassNames"],"mappings":";;;;AAUA,MAAM,yBAGF;AAAA,EACF,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AACR;AAEA,MAAM,kBAAqD;AAAA,EACzD,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AACR;AAEA,MAAM,gBAAiD;AAAA,EACrD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AACX;AAEA,MAAM,iBAAmD;AAAA,EACvD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AACX;AAEA,MAAM,gBAAiD;AAAA,EACrD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ,gBAAA;AAAA,EACR,QAAAA,UAAS;AAAA,EACT,WAAAC,aAAY;AAAA,EACZ,UAAAC,YAAW;AAAA,EACX,QAAAC,UAAS;AAAA,EACT,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,eAAe;AAAA,EACf,aAAa;AAAA,EACb;AAAA,EACA,mBAAAC;AACF,GAAqC;AACnC,QAAM,YAAY,MAAM,uBAAuB,OAAO;AAEtD,QAAM,oBAAoB;AAAA,IACxB,MACEA;AAAA,MACE,SAAS;AAAA,MACT,SAAS,gBAAgB,OAAO,CAAC;AAAA,MACjC,SAAS,cAAc,KAAK,CAAC;AAAA,MAC7B,SAAS,eAAe,MAAM,CAAC;AAAA,MAC/B,SAAS,cAAc,KAAK,CAAC;AAAA,MAC7BJ,WAAU,SAAS;AAAA,MACnBC,cAAa,SAAS;AAAA,MACtBC,aAAY,SAAS;AAAA,MACrBC,WAAU,SAAS;AAAA,MACnB,UAAU,SAAS;AAAA,MACnB;AAAA,IAAA;AAAA,IAEJ;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAH;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACA;AAAA,MACA;AAAA,MACAC;AAAA,IAAA;AAAA,EACF;AAGF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,eAAe,UAAU;AAAA,MAEzB,cAAc,iBAAiB,SAAY;AAAA,MAC3C,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,eAAe;AAAA,MACf,aAAa;AAAA,MACb,eAAe,WAAW,aAAa;AAAA,MACvC,aAAa,WAAW,WAAW;AAAA,IAAA;AAAA,IAErC;AAAA,EAAA;AAEJ;AAEA,eAAe,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpJ7B,SAAwB,WAAW,OAAqC;AACtE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/next/Typography.cjs.js

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

package/dist/next/Typography.js

@@ -1,4 +1,4 @@
-import { T } from "./Typography-D9yQ776l.js";
+import { T } from "./Typography-BdS7h4Eq.js";
 export {
   T as default
 };