boreal-ui 0.0.34 → 0.0.35

package/dist/core/Toggle-sPyKNt4P.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle-sPyKNt4P.js","sources":["../../src/components/Toggle/ToggleBase.tsx","../../src/components/Toggle/core/Toggle.tsx"],"sourcesContent":["import { forwardRef, KeyboardEvent, useId, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToggleBaseProps } from \"./Toggle.types\";\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\nconst ToggleBase = forwardRef<HTMLButtonElement, ToggleBaseProps>(\r\n  (\r\n    {\r\n      checked,\r\n      onChange,\r\n      label,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      size = getDefaultSize(),\r\n      disabled = false,\r\n      classMap,\r\n      className,\r\n      \"data-testid\": testId = \"toggle\",\r\n    },\r\n    ref\r\n  ) => {\r\n    const uid = useId();\r\n    const buttonId = `${testId}-button-${uid}`;\r\n    const labelId = label ? `${testId}-label-${uid}` : undefined;\r\n\r\n    const setOn = (next: boolean) => {\r\n      if (!disabled && next !== checked) onChange(next);\r\n    };\r\n    const toggle = () => setOn(!checked);\r\n\r\n    const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\r\n      if (disabled) return;\r\n      switch (e.key) {\r\n        case \" \":\r\n        case \"Enter\":\r\n          e.preventDefault();\r\n          toggle();\r\n          break;\r\n        case \"ArrowRight\":\r\n          e.preventDefault();\r\n          setOn(true);\r\n          break;\r\n        case \"ArrowLeft\":\r\n          e.preventDefault();\r\n          setOn(false);\r\n          break;\r\n      }\r\n    };\r\n\r\n    const containerClass = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.container,\r\n          classMap[theme],\r\n          classMap[state],\r\n          classMap[size],\r\n          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [classMap, theme, state, size, disabled, className]\r\n    );\r\n\r\n    const toggleClass = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.toggle,\r\n          checked && classMap.active,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`]\r\n        ),\r\n      [classMap, checked, shadow, rounding]\r\n    );\r\n\r\n    return (\r\n      <div className={containerClass} data-testid={`${testId}-wrapper`}>\r\n        <button\r\n          ref={ref}\r\n          id={buttonId}\r\n          className={toggleClass}\r\n          role=\"switch\"\r\n          aria-checked={checked}\r\n          aria-labelledby={label ? labelId : undefined}\r\n          aria-label={label ? undefined : \"Toggle switch\"}\r\n          type=\"button\"\r\n          disabled={disabled}\r\n          onClick={toggle}\r\n          onKeyDown={handleKeyDown}\r\n          data-testid={testId}\r\n        >\r\n          <span\r\n            className={classMap.slider}\r\n            aria-hidden=\"true\"\r\n            data-testid={`${testId}-slider`}\r\n          />\r\n        </button>\r\n\r\n        {label && (\r\n          <label\r\n            id={labelId}\r\n            htmlFor={buttonId}\r\n            className={classMap.label}\r\n            data-testid={`${testId}-label`}\r\n          >\r\n            {label}\r\n          </label>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nToggleBase.displayName = \"ToggleBase\";\r\nexport default ToggleBase;\r\n","import React from \"react\";\r\nimport \"./Toggle.scss\";\r\nimport ToggleBase from \"../ToggleBase\";\r\nimport { ToggleProps } from \"../Toggle.types\";\r\n\r\nconst classes = {\r\n  container: \"container\",\r\n  toggle: \"toggle\",\r\n  active: \"toggle_active\",\r\n  slider: \"toggle_slider\",\r\n  label: \"toggle_label\",\r\n\r\n  primary: \"toggle_primary\",\r\n  secondary: \"toggle_secondary\",\r\n  tertiary: \"toggle_tertiary\",\r\n  quaternary: \"toggle_quaternary\",\r\n\r\n  success: \"toggle_success\",\r\n  warning: \"toggle_warning\",\r\n  error: \"toggle_error\",\r\n\r\n  clear: \"toggle_clear\",\r\n\r\n  disabled: \"toggle_disabled\",\r\n\r\n  xs: \"toggle_xs\",\r\n  small: \"toggle_small\",\r\n  medium: \"toggle_medium\",\r\n  large: \"toggle_large\",\r\n  xl: \"toggle_xl\",\r\n\r\n  shadowNone: \"toggle_shadow-None\",\r\n  shadowLight: \"toggle_shadow-Light\",\r\n  shadowMedium: \"toggle_shadow-Medium\",\r\n  shadowStrong: \"toggle_shadow-Strong\",\r\n  shadowIntense: \"toggle_shadow-Intense\",\r\n\r\n  roundNone: \"toggle_round-None\",\r\n  roundSmall: \"toggle_round-Small\",\r\n  roundMedium: \"toggle_round-Medium\",\r\n  roundLarge: \"toggle_round-Large\",\r\n};\r\n\r\nconst Toggle: React.FC<ToggleProps> = (props) => {\r\n  return <ToggleBase {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Toggle;\r\n"],"names":[],"mappings":"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"}

package/dist/core/Toggle.cjs.js

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

package/dist/core/Toggle.js

@@ -1,4 +1,4 @@
-import { T } from "./Toggle-CZftIdc3.js";
+import { T } from "./Toggle-sPyKNt4P.js";
 export {
   T as default
 };

package/dist/core/{Toolbar-Tf01bUjT.js → Toolbar-CSDhcIPb.js}

@@ -20,8 +20,9 @@ const ToolbarBase = ({
   ariaLabel = "Toolbar",
   headingLevel = 1
 }) => {
-  const TitleTag = `h${headingLevel}`;
-  const headerClass = useMemo(
+  const safeHeading = Math.min(6, Math.max(1, headingLevel));
+  const TitleTag = `h${safeHeading}`;
+  const toolbarClass = useMemo(
     () => combineClassNames(
       classMap.toolbar,
       classMap[theme],
@@ -29,13 +30,15 @@ const ToolbarBase = ({
       shadow && classMap[`shadow${capitalize(shadow)}`],
       rounding && classMap[`round${capitalize(rounding)}`]
     ),
-    [classMap, theme, className]
+    [classMap, theme, className, shadow, rounding]
   );
+  const avatarAriaHidden = avatar && !avatar.name && !avatar.onClick ? true : void 0;
   return /* @__PURE__ */ jsxs(
-    "header",
+    "div",
     {
-      className: headerClass,
-      role: "banner",
+      className: toolbarClass,
+      role: "toolbar",
+      "aria-orientation": "horizontal",
       "aria-label": ariaLabel,
       "data-testid": testId,
       children: [
@@ -43,7 +46,7 @@ const ToolbarBase = ({
           "div",
           {
             className: classMap.section,
-            role: "navigation",
+            role: "group",
             "aria-label": "Toolbar left section",
             "data-testid": `${testId}-left`,
             children: left
@@ -53,7 +56,7 @@ const ToolbarBase = ({
           "div",
           {
             className: classMap.section,
-            role: "navigation",
+            role: "group",
             "aria-label": "Toolbar center section",
             "data-testid": `${testId}-center`,
             children: [
@@ -66,7 +69,7 @@ const ToolbarBase = ({
           "div",
           {
             className: classMap.section,
-            role: "navigation",
+            role: "group",
             "aria-label": "Toolbar right section",
             "data-testid": `${testId}-right`,
             children: [
@@ -86,7 +89,7 @@ const ToolbarBase = ({
                       theme: avatar.theme,
                       outline: avatar.outline,
                       onClick: avatar.onClick,
-                      "aria-hidden": !avatar.name
+                      "aria-hidden": avatarAriaHidden
                     }
                   )
                 }
@@ -98,6 +101,7 @@ const ToolbarBase = ({
     }
   );
 };
+ToolbarBase.displayName = "ToolbarBase";
 const classes = {
   toolbar: "toolbar",
   section: "toolbar_section",
@@ -122,4 +126,4 @@ const Toolbar = (props) => /* @__PURE__ */ jsx(ToolbarBase, { ...props, AvatarCo
 export {
   Toolbar as T
 };
-//# sourceMappingURL=Toolbar-Tf01bUjT.js.map
+//# sourceMappingURL=Toolbar-CSDhcIPb.js.map

package/dist/core/Toolbar-CSDhcIPb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar-CSDhcIPb.js","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":[],"mappings":"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"}

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-BzmV7ztl.cjs

@@ -0,0 +1,120 @@
+"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 = 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-BzmV7ztl.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-BzmV7ztl.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      typeof (children as any).type === \"string\" &&\r\n      [\"a\", \"button\", \"input\", \"textarea\", \"select\"].includes(\r\n        (children as any).type\r\n      );\r\n\r\n    const existingTabIndex = (children.props as any).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-iUp73wB4.js

@@ -0,0 +1,121 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+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-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 = 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-iUp73wB4.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-iUp73wB4.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      typeof (children as any).type === \"string\" &&\r\n      [\"a\", \"button\", \"input\", \"textarea\", \"select\"].includes(\r\n        (children as any).type\r\n      );\r\n\r\n    const existingTabIndex = (children.props as any).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.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Tooltip = require("./Tooltip-5SfsTZvz.cjs");
+const Tooltip = require("./Tooltip-BzmV7ztl.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-iUp73wB4.js";
 export {
   T as default
 };

package/dist/core/index.cjs.js

@@ -6,14 +6,14 @@ 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 IconButton = require("./IconButton-Bjjlbqiq.cjs");
 const STT = require("./STT-Tf9R4S2f.cjs");
-const TextInput = require("./TextInput-B03e-LMT.cjs");
-const TextArea = require("./TextArea-Nj-eO3Pv.cjs");
+const TextInput = require("./TextInput-5Bpg7Tdt.cjs");
+const TextArea = require("./TextArea-BAFMXw6Y.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 Footer = require("./Footer-VpViLKN_.cjs");
+const FileUpload = require("./FileUpload-aqWEEHIW.cjs");
+const Taginput = require("./Taginput-RYBBGWLK.cjs");
 const RadioButton = require("./RadioButton-BxdmcaZg.cjs");
 const Slider = require("./Slider-BT1Pi-VJ.cjs");
 const Checkbox = require("./Checkbox-dcfbhcGR.cjs");
@@ -22,7 +22,7 @@ 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 Chip = require("./Chip-C8spwPgH.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-BzmV7ztl.cjs");
+const MessagePopup = require("./MessagePopup-D2nlhTvG.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 Tabs = require("./Tabs-C6lDM19i.cjs");
+const Stepper = require("./Stepper-gvaKLuno.cjs");
+const Timeline = require("./Timeline-Bmnr7xnx.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 Pager = require("./Pager-BWlXTFPR.cjs");
+const Modal = require("./Modal-B7IqleCB.cjs");
+const Toggle = require("./Toggle-Dor7IEx3.cjs");
+const Toolbar = require("./Toolbar-xot4FSLU.cjs");
+const Dropdown = require("./Dropdown-Dlo--tIl.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 CommandPalette = require("./CommandPalette-SxHF3-VM.cjs");
+const NotificationCenter = require("./NotificationCenter-c99_Xq4J.cjs");
 const Sidebar = require("./Sidebar-BoMGJwqC.cjs");
-const Card = require("./Card-jrGaJLdX.cjs");
+const Card = require("./Card-DtHJdWNq.cjs");
 const Avatar = require("./Avatar-CeIz25Rt.cjs");
 const ChipGroupBase = React.forwardRef(
   ({