boreal-ui 0.0.34 → 0.0.36

package/dist/core/{Toolbar-zZrwUT66.cjs → Toolbar-xot4FSLU.cjs}

@@ -21,8 +21,9 @@ const ToolbarBase = ({
   ariaLabel = "Toolbar",
   headingLevel = 1
 }) => {
-  const TitleTag = `h${headingLevel}`;
-  const headerClass = React.useMemo(
+  const safeHeading = Math.min(6, Math.max(1, headingLevel));
+  const TitleTag = `h${safeHeading}`;
+  const toolbarClass = React.useMemo(
     () => classNames.combineClassNames(
       classMap.toolbar,
       classMap[theme],
@@ -30,13 +31,15 @@ const ToolbarBase = ({
       shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
       rounding && classMap[`round${capitalize.capitalize(rounding)}`]
     ),
-    [classMap, theme, className]
+    [classMap, theme, className, shadow, rounding]
   );
+  const avatarAriaHidden = avatar && !avatar.name && !avatar.onClick ? true : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    "header",
+    "div",
     {
-      className: headerClass,
-      role: "banner",
+      className: toolbarClass,
+      role: "toolbar",
+      "aria-orientation": "horizontal",
       "aria-label": ariaLabel,
       "data-testid": testId,
       children: [
@@ -44,7 +47,7 @@ const ToolbarBase = ({
           "div",
           {
             className: classMap.section,
-            role: "navigation",
+            role: "group",
             "aria-label": "Toolbar left section",
             "data-testid": `${testId}-left`,
             children: left
@@ -54,7 +57,7 @@ const ToolbarBase = ({
           "div",
           {
             className: classMap.section,
-            role: "navigation",
+            role: "group",
             "aria-label": "Toolbar center section",
             "data-testid": `${testId}-center`,
             children: [
@@ -67,7 +70,7 @@ const ToolbarBase = ({
           "div",
           {
             className: classMap.section,
-            role: "navigation",
+            role: "group",
             "aria-label": "Toolbar right section",
             "data-testid": `${testId}-right`,
             children: [
@@ -87,7 +90,7 @@ const ToolbarBase = ({
                       theme: avatar.theme,
                       outline: avatar.outline,
                       onClick: avatar.onClick,
-                      "aria-hidden": !avatar.name
+                      "aria-hidden": avatarAriaHidden
                     }
                   )
                 }
@@ -99,6 +102,7 @@ const ToolbarBase = ({
     }
   );
 };
+ToolbarBase.displayName = "ToolbarBase";
 const classes = {
   toolbar: "toolbar",
   section: "toolbar_section",
@@ -121,4 +125,4 @@ const classes = {
 };
 const Toolbar = (props) => /* @__PURE__ */ jsxRuntime.jsx(ToolbarBase, { ...props, AvatarComponent: Avatar.Avatar, classMap: classes });
 exports.Toolbar = Toolbar;
-//# sourceMappingURL=Toolbar-zZrwUT66.cjs.map
+//# sourceMappingURL=Toolbar-xot4FSLU.cjs.map

package/dist/core/Toolbar-xot4FSLU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar-xot4FSLU.cjs","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/core/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  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  AvatarComponent,\r\n  classMap,\r\n  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 avatarAriaHidden =\r\n    avatar && !avatar.name && !avatar.onClick ? true : 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={ariaLabel}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={classMap.section}\r\n        role=\"group\"\r\n        aria-label=\"Toolbar left section\"\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=\"Toolbar center section\"\r\n        data-testid={`${testId}-center`}\r\n      >\r\n        {title && (\r\n          <TitleTag className={classMap.title} data-testid={`${testId}-title`}>\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=\"Toolbar right section\"\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-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","import React from \"react\";\r\nimport \"./Toolbar.scss\";\r\nimport Avatar from \"../../Avatar/core/Avatar\";\r\nimport ToolbarBase from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst classes = {\r\n  toolbar: \"toolbar\",\r\n  section: \"toolbar_section\",\r\n  title: \"toolbar_title\",\r\n  avatarWrapper: \"toolbar_avatarWrapper\",\r\n\r\n  primary: \"toolbar_primary\",\r\n  secondary: \"toolbar_secondary\",\r\n  tertiary: \"toolbar_tertiary\",\r\n  quaternary: \"toolbar_quaternary\",\r\n\r\n  clear: \"toolbar_clear\",\r\n\r\n  shadowNone: \"toolbar_shadow-None\",\r\n  shadowLight: \"toolbar_shadow-Light\",\r\n  shadowMedium: \"toolbar_shadow-Medium\",\r\n  shadowStrong: \"toolbar_shadow-Strong\",\r\n  shadowIntense: \"toolbar_shadow-Intense\",\r\n\r\n  roundNone: \"toolbar_round-None\",\r\n  roundSmall: \"toolbar_round-Small\",\r\n  roundMedium: \"toolbar_round-Medium\",\r\n  roundLarge: \"toolbar_round-Large\",\r\n};\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n  <ToolbarBase {...props} AvatarComponent={Avatar} classMap={classes} />\r\n);\r\n\r\nexport default Toolbar;\r\n"],"names":["getDefaultTheme","getDefaultShadow","getDefaultRounding","useMemo","combineClassNames","capitalize","jsxs","jsx","Avatar"],"mappings":"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"}

package/dist/core/Toolbar.cjs.js

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

package/dist/core/Toolbar.js

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

package/dist/core/Tooltip-BzRqlOTz.js

@@ -0,0 +1,119 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { 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-BILmxkZG.js";
+const TooltipBase = forwardRef(function TooltipBase2({
+  content,
+  position = "top",
+  theme = getDefaultTheme(),
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  state = "",
+  children,
+  className = "",
+  "data-testid": testId = "tooltip",
+  classMap,
+  ...rest
+}, ref) {
+  const tooltipId = useId();
+  const [visible, setVisible] = useState(false);
+  const show = () => setVisible(true);
+  const hide = () => setVisible(false);
+  useEffect(() => {
+    if (!visible) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") hide();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [visible]);
+  const toolTipClassName = useMemo(
+    () => combineClassNames(
+      classMap.tooltip,
+      classMap[position],
+      classMap[theme],
+      classMap[state],
+      visible && classMap.visible,
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`]
+    ),
+    [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
+    });
+  } else {
+    trigger = /* @__PURE__ */ jsx("span", { tabIndex: 0, ...triggerProps, className: classMap.triggerWrapper, children });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: combineClassNames(classMap.container, className),
+      "data-testid": `${testId}-container`,
+      children: [
+        trigger,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref,
+            id: tooltipId,
+            className: toolTipClassName,
+            role: "tooltip",
+            "aria-hidden": !visible,
+            "data-testid": testId,
+            ...rest,
+            children: content
+          }
+        )
+      ]
+    }
+  );
+});
+TooltipBase.displayName = "TooltipBase";
+const classes = {
+  container: "tooltip_container",
+  triggerWrapper: "tooltip_triggerWrapper",
+  tooltip: "tooltip",
+  top: "tooltip_top",
+  bottom: "tooltip_bottom",
+  left: "tooltip_left",
+  right: "tooltip_right",
+  primary: "tooltip_primary",
+  secondary: "tooltip_secondary",
+  tertiary: "tooltip_tertiary",
+  quaternary: "tooltip_quaternary",
+  success: "tooltip_success",
+  error: "tooltip_error",
+  warning: "tooltip_warning",
+  clear: "tooltip_clear",
+  shadowNone: "tooltip_shadow-None",
+  shadowLight: "tooltip_shadow-Light",
+  shadowMedium: "tooltip_shadow-Medium",
+  shadowStrong: "tooltip_shadow-Strong",
+  shadowIntense: "tooltip_shadow-Intense",
+  roundNone: "tooltip_round-None",
+  roundSmall: "tooltip_round-Small",
+  roundMedium: "tooltip_round-Medium",
+  roundLarge: "tooltip_round-Large"
+};
+const Tooltip = forwardRef((props, ref) => /* @__PURE__ */ jsx(TooltipBase, { ...props, ref, classMap: classes }));
+Tooltip.displayName = "Tooltip";
+export {
+  Tooltip as T
+};
+//# sourceMappingURL=Tooltip-BzRqlOTz.js.map

package/dist/core/Tooltip-BzRqlOTz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-BzRqlOTz.js","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/core/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 } 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\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    \"data-testid\": testId = \"tooltip\",\r\n    classMap,\r\n    ...rest\r\n  },\r\n  ref\r\n) {\r\n  const tooltipId = useId();\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    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") hide();\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  const triggerProps = {\r\n    onMouseEnter: show,\r\n    onMouseLeave: hide,\r\n    onFocus: show,\r\n    onBlur: hide,\r\n    \"aria-describedby\": visible ? tooltipId : undefined,\r\n    \"data-testid\": `${testId}-trigger`,\r\n  } as const;\r\n\r\n  let trigger: React.ReactNode;\r\n\r\n  if (isValidElement(children)) {\r\n    const isNaturallyFocusable =\r\n      React.isValidElement(children) &&\r\n      typeof children.type === \"string\" &&\r\n      [\"a\", \"button\", \"input\", \"textarea\", \"select\"].includes(children.type);\r\n\r\n    const existingTabIndex = (\r\n      children.props as React.HTMLAttributes<HTMLElement>\r\n    ).tabIndex;\r\n    const maybeTabIndex =\r\n      isNaturallyFocusable || existingTabIndex !== undefined\r\n        ? {}\r\n        : { tabIndex: 0 };\r\n\r\n    trigger = cloneElement(children as React.ReactElement, {\r\n      ...triggerProps,\r\n      ...maybeTabIndex,\r\n    });\r\n  } else {\r\n    trigger = (\r\n      <span tabIndex={0} {...triggerProps} className={classMap.triggerWrapper}>\r\n        {children}\r\n      </span>\r\n    );\r\n  }\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      <div\r\n        ref={ref}\r\n        id={tooltipId}\r\n        className={toolTipClassName}\r\n        role=\"tooltip\"\r\n        aria-hidden={!visible}\r\n        data-testid={testId}\r\n        {...rest}\r\n      >\r\n        {content}\r\n      </div>\r\n    </div>\r\n  );\r\n});\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\nexport default TooltipBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./Tooltip.scss\";\r\nimport TooltipBase from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst classes = {\r\n  container: \"tooltip_container\",\r\n  triggerWrapper: \"tooltip_triggerWrapper\",\r\n  tooltip: \"tooltip\",\r\n\r\n  top: \"tooltip_top\",\r\n  bottom: \"tooltip_bottom\",\r\n  left: \"tooltip_left\",\r\n  right: \"tooltip_right\",\r\n\r\n  primary: \"tooltip_primary\",\r\n  secondary: \"tooltip_secondary\",\r\n  tertiary: \"tooltip_tertiary\",\r\n  quaternary: \"tooltip_quaternary\",\r\n\r\n  success: \"tooltip_success\",\r\n  error: \"tooltip_error\",\r\n  warning: \"tooltip_warning\",\r\n\r\n  clear: \"tooltip_clear\",\r\n\r\n  shadowNone: \"tooltip_shadow-None\",\r\n  shadowLight: \"tooltip_shadow-Light\",\r\n  shadowMedium: \"tooltip_shadow-Medium\",\r\n  shadowStrong: \"tooltip_shadow-Strong\",\r\n  shadowIntense: \"tooltip_shadow-Intense\",\r\n\r\n  roundNone: \"tooltip_round-None\",\r\n  roundSmall: \"tooltip_round-Small\",\r\n  roundMedium: \"tooltip_round-Medium\",\r\n  roundLarge: \"tooltip_round-Large\",\r\n};\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n  <TooltipBase {...props} ref={ref} classMap={classes} />\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/core/Tooltip-DS7DSyij.cjs

@@ -0,0 +1,118 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const TooltipBase = React.forwardRef(function TooltipBase2({
+  content,
+  position = "top",
+  theme = borealStyleConfig.getDefaultTheme(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  state = "",
+  children,
+  className = "",
+  "data-testid": testId = "tooltip",
+  classMap,
+  ...rest
+}, ref) {
+  const tooltipId = React.useId();
+  const [visible, setVisible] = React.useState(false);
+  const show = () => setVisible(true);
+  const hide = () => setVisible(false);
+  React.useEffect(() => {
+    if (!visible) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") hide();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [visible]);
+  const toolTipClassName = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.tooltip,
+      classMap[position],
+      classMap[theme],
+      classMap[state],
+      visible && classMap.visible,
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`]
+    ),
+    [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
+    });
+  } else {
+    trigger = /* @__PURE__ */ jsxRuntime.jsx("span", { tabIndex: 0, ...triggerProps, className: classMap.triggerWrapper, children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: classNames.combineClassNames(classMap.container, className),
+      "data-testid": `${testId}-container`,
+      children: [
+        trigger,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref,
+            id: tooltipId,
+            className: toolTipClassName,
+            role: "tooltip",
+            "aria-hidden": !visible,
+            "data-testid": testId,
+            ...rest,
+            children: content
+          }
+        )
+      ]
+    }
+  );
+});
+TooltipBase.displayName = "TooltipBase";
+const classes = {
+  container: "tooltip_container",
+  triggerWrapper: "tooltip_triggerWrapper",
+  tooltip: "tooltip",
+  top: "tooltip_top",
+  bottom: "tooltip_bottom",
+  left: "tooltip_left",
+  right: "tooltip_right",
+  primary: "tooltip_primary",
+  secondary: "tooltip_secondary",
+  tertiary: "tooltip_tertiary",
+  quaternary: "tooltip_quaternary",
+  success: "tooltip_success",
+  error: "tooltip_error",
+  warning: "tooltip_warning",
+  clear: "tooltip_clear",
+  shadowNone: "tooltip_shadow-None",
+  shadowLight: "tooltip_shadow-Light",
+  shadowMedium: "tooltip_shadow-Medium",
+  shadowStrong: "tooltip_shadow-Strong",
+  shadowIntense: "tooltip_shadow-Intense",
+  roundNone: "tooltip_round-None",
+  roundSmall: "tooltip_round-Small",
+  roundMedium: "tooltip_round-Medium",
+  roundLarge: "tooltip_round-Large"
+};
+const Tooltip = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipBase, { ...props, ref, classMap: classes }));
+Tooltip.displayName = "Tooltip";
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=Tooltip-DS7DSyij.cjs.map

package/dist/core/Tooltip-DS7DSyij.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-DS7DSyij.cjs","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/core/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 } 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\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    \"data-testid\": testId = \"tooltip\",\r\n    classMap,\r\n    ...rest\r\n  },\r\n  ref\r\n) {\r\n  const tooltipId = useId();\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    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") hide();\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  const triggerProps = {\r\n    onMouseEnter: show,\r\n    onMouseLeave: hide,\r\n    onFocus: show,\r\n    onBlur: hide,\r\n    \"aria-describedby\": visible ? tooltipId : undefined,\r\n    \"data-testid\": `${testId}-trigger`,\r\n  } as const;\r\n\r\n  let trigger: React.ReactNode;\r\n\r\n  if (isValidElement(children)) {\r\n    const isNaturallyFocusable =\r\n      React.isValidElement(children) &&\r\n      typeof children.type === \"string\" &&\r\n      [\"a\", \"button\", \"input\", \"textarea\", \"select\"].includes(children.type);\r\n\r\n    const existingTabIndex = (\r\n      children.props as React.HTMLAttributes<HTMLElement>\r\n    ).tabIndex;\r\n    const maybeTabIndex =\r\n      isNaturallyFocusable || existingTabIndex !== undefined\r\n        ? {}\r\n        : { tabIndex: 0 };\r\n\r\n    trigger = cloneElement(children as React.ReactElement, {\r\n      ...triggerProps,\r\n      ...maybeTabIndex,\r\n    });\r\n  } else {\r\n    trigger = (\r\n      <span tabIndex={0} {...triggerProps} className={classMap.triggerWrapper}>\r\n        {children}\r\n      </span>\r\n    );\r\n  }\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      <div\r\n        ref={ref}\r\n        id={tooltipId}\r\n        className={toolTipClassName}\r\n        role=\"tooltip\"\r\n        aria-hidden={!visible}\r\n        data-testid={testId}\r\n        {...rest}\r\n      >\r\n        {content}\r\n      </div>\r\n    </div>\r\n  );\r\n});\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\nexport default TooltipBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./Tooltip.scss\";\r\nimport TooltipBase from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst classes = {\r\n  container: \"tooltip_container\",\r\n  triggerWrapper: \"tooltip_triggerWrapper\",\r\n  tooltip: \"tooltip\",\r\n\r\n  top: \"tooltip_top\",\r\n  bottom: \"tooltip_bottom\",\r\n  left: \"tooltip_left\",\r\n  right: \"tooltip_right\",\r\n\r\n  primary: \"tooltip_primary\",\r\n  secondary: \"tooltip_secondary\",\r\n  tertiary: \"tooltip_tertiary\",\r\n  quaternary: \"tooltip_quaternary\",\r\n\r\n  success: \"tooltip_success\",\r\n  error: \"tooltip_error\",\r\n  warning: \"tooltip_warning\",\r\n\r\n  clear: \"tooltip_clear\",\r\n\r\n  shadowNone: \"tooltip_shadow-None\",\r\n  shadowLight: \"tooltip_shadow-Light\",\r\n  shadowMedium: \"tooltip_shadow-Medium\",\r\n  shadowStrong: \"tooltip_shadow-Strong\",\r\n  shadowIntense: \"tooltip_shadow-Intense\",\r\n\r\n  roundNone: \"tooltip_round-None\",\r\n  roundSmall: \"tooltip_round-Small\",\r\n  roundMedium: \"tooltip_round-Medium\",\r\n  roundLarge: \"tooltip_round-Large\",\r\n};\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n  <TooltipBase {...props} ref={ref} classMap={classes} />\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/core/Tooltip.cjs.js

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

package/dist/core/Tooltip.js

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

package/dist/core/index.cjs.js

@@ -1,28 +1,28 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 ;/* empty css                   */
-const ThemeContext = require("./ThemeContext-D_SPnedS.cjs");
+const ThemeContext = require("./ThemeContext-D1AV88GN.cjs");
 const registerColorSheme = require("./registerColorSheme-nhYu5hbY.cjs");
 const colorSchemes = require("./colorSchemes.cjs.js");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const Button = require("./Button-CD1ETVvS.cjs");
-const IconButton = require("./IconButton-D_W4nsPZ.cjs");
+const Button = require("./Button-CBmiAYTl.cjs");
+const IconButton = require("./IconButton-Cs4PHptF.cjs");
 const STT = require("./STT-Tf9R4S2f.cjs");
-const TextInput = require("./TextInput-B03e-LMT.cjs");
-const TextArea = require("./TextArea-Nj-eO3Pv.cjs");
-const Select = require("./Select-C65ai0xO.cjs");
-const Footer = require("./Footer-DrYZJObN.cjs");
-const FileUpload = require("./FileUpload-DrPV-Oiy.cjs");
-const Taginput = require("./Taginput-BNZg4SGI.cjs");
+const TextInput = require("./TextInput-WY4O9Zya.cjs");
+const TextArea = require("./TextArea-BJGUr6r_.cjs");
+const Select = require("./Select-CnX90XU7.cjs");
+const Footer = require("./Footer-lTLk-01g.cjs");
+const FileUpload = require("./FileUpload-C_k2_dfF.cjs");
+const Taginput = require("./Taginput-kqeTeVJY.cjs");
 const RadioButton = require("./RadioButton-BxdmcaZg.cjs");
 const Slider = require("./Slider-BT1Pi-VJ.cjs");
 const Checkbox = require("./Checkbox-dcfbhcGR.cjs");
 const ColorPicker = require("./ColorPicker-D-X4hsS7.cjs");
 const FormGroup = require("./FormGroup-B5kG6FR4.cjs");
 const DataTable = require("./DataTable-8q8mTnjE.cjs");
-const DateTimePicker = require("./DateTimePicker-DU-vjgee.cjs");
-const MarkdownRenderer = require("./MarkdownRenderer-OUEnVOLG.cjs");
-const Chip = require("./Chip-C6sk2qAd.cjs");
+const DateTimePicker = require("./DateTimePicker-Dj8LEv5L.cjs");
+const MarkdownRenderer = require("./MarkdownRenderer-3-S5hKVG.cjs");
+const Chip = require("./Chip-E--KGVgH.cjs");
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uuid = require("uuid");
@@ -33,27 +33,27 @@ const CircularProgress = require("./CircularProgress-CNh3NKwl.cjs");
 const Rating = require("./Rating-DwPu-mqi.cjs");
 const Skeleton = require("./Skeleton-BlyxKLt_.cjs");
 const Spinner = require("./Spinner-ChxHCoaN.cjs");
-const Tooltip = require("./Tooltip-5SfsTZvz.cjs");
-const MessagePopup = require("./MessagePopup-CIsMNnVM.cjs");
+const Tooltip = require("./Tooltip-DS7DSyij.cjs");
+const MessagePopup = require("./MessagePopup-CL_1uoVd.cjs");
 const PopOver = require("./PopOver-Gy7Gn9LW.cjs");
-const NavBar = require("./NavBar-DUNxiip6.cjs");
-const Breadcrumbs = require("./Breadcrumbs-hKtLDMrC.cjs");
-const Tabs = require("./Tabs-DptKFvPK.cjs");
-const Stepper = require("./Stepper-Cphvkx0O.cjs");
-const Timeline = require("./Timeline-Dk0q-8BZ.cjs");
-const Accordion = require("./Accordion-D6hxjkE1.cjs");
-const Pager = require("./Pager-CcIEdgIe.cjs");
-const Modal = require("./Modal-BdxvP-Ei.cjs");
-const Toggle = require("./Toggle-v31rt4Ya.cjs");
-const Toolbar = require("./Toolbar-zZrwUT66.cjs");
-const Dropdown = require("./Dropdown-CJo6T9__.cjs");
+const NavBar = require("./NavBar-D03-pQsT.cjs");
+const Breadcrumbs = require("./Breadcrumbs-DeUAfwz-.cjs");
+const Tabs = require("./Tabs-C6lDM19i.cjs");
+const Stepper = require("./Stepper-BCjn0rYE.cjs");
+const Timeline = require("./Timeline-Bmnr7xnx.cjs");
+const Accordion = require("./Accordion-Cb-MHkcx.cjs");
+const Pager = require("./Pager-B3Hy6QIt.cjs");
+const Modal = require("./Modal-D8SK6y7Q.cjs");
+const Toggle = require("./Toggle-Dor7IEx3.cjs");
+const Toolbar = require("./Toolbar-xot4FSLU.cjs");
+const Dropdown = require("./Dropdown-BpEtC6bv.cjs");
 const Divider = require("./Divider-Bn7ghdiP.cjs");
 const MetricBox = require("./MetricBox-CdNvh1qG.cjs");
-const EmptyState = require("./EmptyState-1ZbzRKLl.cjs");
-const CommandPalette = require("./CommandPalette-IOV8q6GZ.cjs");
-const NotificationCenter = require("./NotificationCenter-DpdzdrPB.cjs");
+const EmptyState = require("./EmptyState-CknrkSpb.cjs");
+const CommandPalette = require("./CommandPalette-B8jOhfm2.cjs");
+const NotificationCenter = require("./NotificationCenter-BjTSHg0M.cjs");
 const Sidebar = require("./Sidebar-BoMGJwqC.cjs");
-const Card = require("./Card-jrGaJLdX.cjs");
+const Card = require("./Card-v23IopXR.cjs");
 const Avatar = require("./Avatar-CeIz25Rt.cjs");
 const ChipGroupBase = React.forwardRef(
   ({

package/dist/core/index.js

@@ -1,27 +1,27 @@
 /* empty css                 */
-import { a, T } from "./ThemeContext-DJ18CFaV.js";
+import { a, T } from "./ThemeContext-DSYDwr2m.js";
 import { r } from "./registerColorSheme-BPX0H7hl.js";
 import { colorSchemes } from "./colorSchemes.js";
 import { c as getDefaultSize } from "./boreal-style-config-BILmxkZG.js";
 import { s } from "./boreal-style-config-BILmxkZG.js";
-import { B } from "./Button-sz60qyTn.js";
-import { I } from "./IconButton-B9WWbeSM.js";
+import { B } from "./Button-DxYuUx72.js";
+import { I } from "./IconButton-DY1ppFX-.js";
 import { S } from "./STT-DnhnXAIK.js";
-import { T as T2 } from "./TextInput-C8mNE1R4.js";
-import { T as T3 } from "./TextArea-DrU4oCj0.js";
-import { S as S2 } from "./Select-bMjOWXRX.js";
-import { F, U } from "./Footer-vLVfqKWf.js";
-import { F as F2 } from "./FileUpload-Bcu5v4TO.js";
-import { T as T4 } from "./Taginput-D0wKEzGh.js";
+import { T as T2 } from "./TextInput-D38TZ4Pl.js";
+import { T as T3 } from "./TextArea-CIdsUIzt.js";
+import { S as S2 } from "./Select-BLhAAtFa.js";
+import { F, U } from "./Footer-D2DOWiIc.js";
+import { F as F2 } from "./FileUpload-C6xeGLr8.js";
+import { T as T4 } from "./Taginput-C_JJRoDF.js";
 import { R } from "./RadioButton-B8QehL7o.js";
 import { S as S3 } from "./Slider-CZYfXDHn.js";
 import { C } from "./Checkbox-CkidkPsK.js";
 import { C as C2 } from "./ColorPicker-Btkkzx1b.js";
 import { F as F3 } from "./FormGroup-CAJwxFcs.js";
 import { D } from "./DataTable-C3l5XKKC.js";
-import { D as D2 } from "./DateTimePicker-Cq_QZBV5.js";
-import { M } from "./MarkdownRenderer-COnLzf0t.js";
-import { C as Chip } from "./Chip-ByR2AKjl.js";
+import { D as D2 } from "./DateTimePicker-CK3I5Gxw.js";
+import { M } from "./MarkdownRenderer-CScdSBLx.js";
+import { C as Chip } from "./Chip-CshyG7SS.js";
 import { jsx } from "react/jsx-runtime";
 import React, { forwardRef, useState, useEffect, useCallback, useImperativeHandle } from "react";
 import { v4 } from "uuid";
@@ -32,27 +32,27 @@ import { C as C3 } from "./CircularProgress-CSkKaHhU.js";
 import { R as R2 } from "./Rating-Dpmm_ZPv.js";
 import { S as S4 } from "./Skeleton-CMhlYg-Q.js";
 import { S as S5 } from "./Spinner-BQlcBZmK.js";
-import { T as T5 } from "./Tooltip-XfsZnGgV.js";
-import { M as M2 } from "./MessagePopup-DiipcrNp.js";
+import { T as T5 } from "./Tooltip-BzRqlOTz.js";
+import { M as M2 } from "./MessagePopup-CHCUOPLz.js";
 import { P as P2 } from "./PopOver-BnOcfrAC.js";
-import { N } from "./NavBar-CBC9YPkH.js";
-import { B as B3 } from "./Breadcrumbs-BulpkVaU.js";
-import { T as T6 } from "./Tabs-gpyaJFUs.js";
-import { S as S6 } from "./Stepper-DNSzwiZR.js";
-import { T as T7 } from "./Timeline-D7fd8-u_.js";
-import { A } from "./Accordion-CY5BCoA7.js";
-import { P as P3 } from "./Pager-De-awunI.js";
-import { M as M3 } from "./Modal-Bi8OdWKS.js";
-import { T as T8 } from "./Toggle-CZftIdc3.js";
-import { T as T9 } from "./Toolbar-Tf01bUjT.js";
-import { D as D3 } from "./Dropdown-Dzjmt9gx.js";
+import { N } from "./NavBar-CIImUvWA.js";
+import { B as B3 } from "./Breadcrumbs-KHd0Wr_l.js";
+import { T as T6 } from "./Tabs-BaKDr0uF.js";
+import { S as S6 } from "./Stepper-0lxM6e2v.js";
+import { T as T7 } from "./Timeline-BfJd6flB.js";
+import { A } from "./Accordion-DDu1TFaX.js";
+import { P as P3 } from "./Pager-B-mFsJVZ.js";
+import { M as M3 } from "./Modal-1d9Ivd05.js";
+import { T as T8 } from "./Toggle-sPyKNt4P.js";
+import { T as T9 } from "./Toolbar-CSDhcIPb.js";
+import { D as D3 } from "./Dropdown-Drug9EGs.js";
 import { D as D4 } from "./Divider-BxiplAj2.js";
 import { M as M4 } from "./MetricBox-BzI1gx1P.js";
-import { E } from "./EmptyState-CSnwsLvV.js";
-import { C as C4 } from "./CommandPalette-KcMGDC0i.js";
-import { N as N2 } from "./NotificationCenter-BkoTAZCz.js";
+import { E } from "./EmptyState-HSMqh1Og.js";
+import { C as C4 } from "./CommandPalette-BpRegx0J.js";
+import { N as N2 } from "./NotificationCenter-Ca_Gegaf.js";
 import { S as S7 } from "./Sidebar-CnGBAT2_.js";
-import { C as C5 } from "./Card-BRExeyNd.js";
+import { C as C5 } from "./Card-C8Nn4k-D.js";
 import { A as A2 } from "./Avatar-BFec6Gv4.js";
 const ChipGroupBase = forwardRef(
   ({