boreal-ui 0.0.35 → 0.0.37

package/dist/core/{Toggle-Dor7IEx3.cjs → Toggle-B4bJ4Jcj.cjs}

@@ -134,8 +134,9 @@ const classes = {
   roundMedium: "toggle_round-Medium",
   roundLarge: "toggle_round-Large"
 };
-const Toggle = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(ToggleBase, { ...props, classMap: classes });
-};
+const Toggle = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(ToggleBase, { ...props, classMap: classes, ref });
+});
+Toggle.displayName = "Toggle";
 exports.Toggle = Toggle;
-//# sourceMappingURL=Toggle-Dor7IEx3.cjs.map
+//# sourceMappingURL=Toggle-B4bJ4Jcj.cjs.map

package/dist/core/Toggle-B4bJ4Jcj.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle-B4bJ4Jcj.cjs","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 { forwardRef } 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 = forwardRef<HTMLButtonElement, ToggleProps>((props, ref) => {\r\n  return <ToggleBase {...props} classMap={classes} ref={ref} />;\r\n});\r\nToggle.displayName = \"Toggle\";\r\nexport default Toggle;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useId","useMemo","combineClassNames","capitalize","jsx"],"mappings":"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"}

package/dist/core/{Toggle-sPyKNt4P.js → Toggle-DxNHxjZn.js}

@@ -133,10 +133,11 @@ const classes = {
   roundMedium: "toggle_round-Medium",
   roundLarge: "toggle_round-Large"
 };
-const Toggle = (props) => {
-  return /* @__PURE__ */ jsx(ToggleBase, { ...props, classMap: classes });
-};
+const Toggle = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(ToggleBase, { ...props, classMap: classes, ref });
+});
+Toggle.displayName = "Toggle";
 export {
   Toggle as T
 };
-//# sourceMappingURL=Toggle-sPyKNt4P.js.map
+//# sourceMappingURL=Toggle-DxNHxjZn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle-DxNHxjZn.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 { forwardRef } 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 = forwardRef<HTMLButtonElement, ToggleProps>((props, ref) => {\r\n  return <ToggleBase {...props} classMap={classes} ref={ref} />;\r\n});\r\nToggle.displayName = \"Toggle\";\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-Dor7IEx3.cjs");
+const Toggle = require("./Toggle-B4bJ4Jcj.cjs");
 module.exports = Toggle.Toggle;
 //# sourceMappingURL=Toggle.cjs.js.map

package/dist/core/Toggle.js

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

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { A as Avatar } from "./Avatar-BFec6Gv4.js";
+import { A as Avatar } from "./Avatar-BM8AwOB6.js";
 import { useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
@@ -123,7 +123,8 @@ const classes = {
   roundLarge: "toolbar_round-Large"
 };
 const Toolbar = (props) => /* @__PURE__ */ jsx(ToolbarBase, { ...props, AvatarComponent: Avatar, classMap: classes });
+Toolbar.displayName = "Toolbar";
 export {
   Toolbar as T
 };
-//# sourceMappingURL=Toolbar-CSDhcIPb.js.map
+//# sourceMappingURL=Toolbar-CQNKVKK8.js.map

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

@@ -1 +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":";;;;;;AAUA,MAAM,cAA0C,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,gBAAA;AAAA,EACR,SAAS,iBAAA;AAAA,EACT,WAAW,mBAAA;AAAA,EACX,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe;AACjB,MAAmB;AACjB,QAAM,cAAc,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,YAAY,CAAC;AACzD,QAAM,WAAW,IAAI,WAAW;AAEhC,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd;AAAA,MACA,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,OAAO,WAAW,QAAQ,QAAQ;AAAA,EAAA;AAG/C,QAAM,mBACJ,UAAU,CAAC,OAAO,QAAQ,CAAC,OAAO,UAAU,OAAO;AAErD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,oBAAiB;AAAA,MACjB,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAA,SACC,oBAAC,YAAS,WAAW,SAAS,OAAO,eAAa,GAAG,MAAM,UACxD,UAAA,MAAA,CACH;AAAA,cAED;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAA;AAAA,cACA,UACC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM;AAAA,kBAEtB,UAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAM,OAAO;AAAA,sBACb,KAAK,OAAO;AAAA,sBACZ,MAAM,OAAO,QAAQ;AAAA,sBACrB,OAAO,OAAO,SAAS;AAAA,sBACvB,OAAO,OAAO;AAAA,sBACd,SAAS,OAAO;AAAA,sBAChB,SAAS,OAAO;AAAA,sBAChB,eAAa;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACf;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,YAAY,cAAc;AClG1B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,eAAe;AAAA,EAEf,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,UAAkC,CAAC,UACvC,oBAAC,aAAA,EAAa,GAAG,OAAO,iBAAiB,QAAQ,UAAU,QAAA,CAAS;"}
+{"version":3,"file":"Toolbar-CQNKVKK8.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\nToolbar.displayName = \"Toolbar\";\r\nexport default Toolbar;\r\n"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const Avatar = require("./Avatar-CeIz25Rt.cjs");
+const Avatar = require("./Avatar-DOg8W9yf.cjs");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
@@ -124,5 +124,6 @@ const classes = {
   roundLarge: "toolbar_round-Large"
 };
 const Toolbar = (props) => /* @__PURE__ */ jsxRuntime.jsx(ToolbarBase, { ...props, AvatarComponent: Avatar.Avatar, classMap: classes });
+Toolbar.displayName = "Toolbar";
 exports.Toolbar = Toolbar;
-//# sourceMappingURL=Toolbar-xot4FSLU.cjs.map
+//# sourceMappingURL=Toolbar-DKSfwRUz.cjs.map

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

@@ -1 +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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"}
+{"version":3,"file":"Toolbar-DKSfwRUz.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\nToolbar.displayName = \"Toolbar\";\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-xot4FSLU.cjs");
+const Toolbar = require("./Toolbar-DKSfwRUz.cjs");
 module.exports = Toolbar.Toolbar;
 //# sourceMappingURL=Toolbar.cjs.js.map

package/dist/core/Toolbar.js

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

package/dist/core/{Tooltip-iUp73wB4.js → Tooltip-BzRqlOTz.js}

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useId, useState, useEffect, useMemo, isValidElement, cloneElement } from "react";
+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";
@@ -50,9 +50,7 @@ const TooltipBase = forwardRef(function TooltipBase2({
   };
   let trigger;
   if (isValidElement(children)) {
-    const isNaturallyFocusable = typeof children.type === "string" && ["a", "button", "input", "textarea", "select"].includes(
-      children.type
-    );
+    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, {
@@ -118,4 +116,4 @@ Tooltip.displayName = "Tooltip";
 export {
   Tooltip as T
 };
-//# sourceMappingURL=Tooltip-iUp73wB4.js.map
+//# 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-BzmV7ztl.cjs → Tooltip-DS7DSyij.cjs}

@@ -51,9 +51,7 @@ const TooltipBase = React.forwardRef(function TooltipBase2({
   };
   let trigger;
   if (React.isValidElement(children)) {
-    const isNaturallyFocusable = typeof children.type === "string" && ["a", "button", "input", "textarea", "select"].includes(
-      children.type
-    );
+    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, {
@@ -117,4 +115,4 @@ const classes = {
 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
+//# 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-BzmV7ztl.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-iUp73wB4.js";
+import { T } from "./Tooltip-BzRqlOTz.js";
 export {
   T as default
 };

package/dist/core/index.cjs.js

@@ -1,60 +1,60 @@
 "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-Bjjlbqiq.cjs");
-const STT = require("./STT-Tf9R4S2f.cjs");
-const TextInput = require("./TextInput-5Bpg7Tdt.cjs");
-const TextArea = require("./TextArea-BAFMXw6Y.cjs");
-const Select = require("./Select-C65ai0xO.cjs");
-const Footer = require("./Footer-VpViLKN_.cjs");
-const FileUpload = require("./FileUpload-aqWEEHIW.cjs");
-const Taginput = require("./Taginput-RYBBGWLK.cjs");
+const Button = require("./Button-zvElXSem.cjs");
+const IconButton = require("./IconButton-CR9bTZoJ.cjs");
+const STT = require("./STT-DKOwe6z3.cjs");
+const TextInput = require("./TextInput-DFOjxri2.cjs");
+const TextArea = require("./TextArea-BJGUr6r_.cjs");
+const Select = require("./Select-B5Zoc07A.cjs");
+const Footer = require("./Footer-DMOA1W7N.cjs");
+const FileUpload = require("./FileUpload-Du7vDDdf.cjs");
+const Taginput = require("./Taginput-DgbxDttA.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-C8spwPgH.cjs");
+const Slider = require("./Slider-S8KnYlkd.cjs");
+const Checkbox = require("./Checkbox-JvYzNuZp.cjs");
+const ColorPicker = require("./ColorPicker-CzL1SJCT.cjs");
+const FormGroup = require("./FormGroup-C2TWC17P.cjs");
+const DataTable = require("./DataTable-DIpKxAT_.cjs");
+const DateTimePicker = require("./DateTimePicker-D7bRXphw.cjs");
+const MarkdownRenderer = require("./MarkdownRenderer-LUXCa_a8.cjs");
+const Chip = require("./Chip-CWsfLyyU.cjs");
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uuid = require("uuid");
 const classNames = require("./classNames-BcWMx052.cjs");
-const Badge = require("./Badge-C6qp0Eym.cjs");
-const ProgressBar = require("./ProgressBar-QkROTKv6.cjs");
-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-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-C6lDM19i.cjs");
-const Stepper = require("./Stepper-gvaKLuno.cjs");
-const Timeline = require("./Timeline-Bmnr7xnx.cjs");
-const Accordion = require("./Accordion-D6hxjkE1.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-SxHF3-VM.cjs");
-const NotificationCenter = require("./NotificationCenter-c99_Xq4J.cjs");
-const Sidebar = require("./Sidebar-BoMGJwqC.cjs");
-const Card = require("./Card-DtHJdWNq.cjs");
-const Avatar = require("./Avatar-CeIz25Rt.cjs");
+const Badge = require("./Badge-DOn6E2bS.cjs");
+const ProgressBar = require("./ProgressBar-BwjYOqoE.cjs");
+const CircularProgress = require("./CircularProgress-DpLsV7FP.cjs");
+const Rating = require("./Rating-U1MIoh5b.cjs");
+const Skeleton = require("./Skeleton-BLVD5mDI.cjs");
+const Spinner = require("./Spinner-CEIk_hpT.cjs");
+const Tooltip = require("./Tooltip-DS7DSyij.cjs");
+const MessagePopup = require("./MessagePopup-hxloT7aK.cjs");
+const PopOver = require("./PopOver-IzDFOu7Y.cjs");
+const NavBar = require("./NavBar-Bbd3SVHi.cjs");
+const Breadcrumbs = require("./Breadcrumbs-BUc98niR.cjs");
+const Tabs = require("./Tabs-BheAr-wE.cjs");
+const Stepper = require("./Stepper-BuCLqbtQ.cjs");
+const Timeline = require("./Timeline-Dd4Rr21W.cjs");
+const Accordion = require("./Accordion-Cn-Lzpin.cjs");
+const Pager = require("./Pager-C_SG4CIc.cjs");
+const Modal = require("./Modal-D-ZoA_xx.cjs");
+const Toggle = require("./Toggle-B4bJ4Jcj.cjs");
+const Toolbar = require("./Toolbar-DKSfwRUz.cjs");
+const Dropdown = require("./Dropdown-DvwHouyC.cjs");
+const Divider = require("./Divider-CaSuFc3G.cjs");
+const MetricBox = require("./MetricBox-BcOdQM-l.cjs");
+const EmptyState = require("./EmptyState-P-MSItCX.cjs");
+const CommandPalette = require("./CommandPalette-CXKBDCbP.cjs");
+const NotificationCenter = require("./NotificationCenter-Dqwu2Z6s.cjs");
+const Sidebar = require("./Sidebar-13bKMpw7.cjs");
+const Card = require("./Card-Bp8OvH80.cjs");
+const Avatar = require("./Avatar-DOg8W9yf.cjs");
 const ChipGroupBase = React.forwardRef(
   ({
     chips,
@@ -143,17 +143,16 @@ const classMap = {
   bottomLeft: "chip_group_bottomLeft",
   bottomRight: "chip_group_bottomRight"
 };
-const ChipGroup = React.forwardRef(
-  (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    ChipGroupBase,
-    {
-      ...props,
-      ref,
-      ChipComponent: Chip.Chip,
-      classMap
-    }
-  )
-);
+const ChipGroup = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  ChipGroupBase,
+  {
+    ...props,
+    ref,
+    ChipComponent: Chip.Chip,
+    classMap
+  }
+));
+ChipGroup.displayName = "ChipGroup";
 exports.ThemeContext = ThemeContext.ThemeContext;
 exports.ThemeProvider = ThemeContext.ThemeProvider;
 exports.registerColorScheme = registerColorSheme.registerColorScheme;

package/dist/core/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/core/ChipGroup.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  useCallback,\r\n  useEffect,\r\n  useImperativeHandle,\r\n  useState,\r\n} from \"react\";\r\nimport type { ChipGroupProps, ChipGroupRef } from \"./ChipGroup.types\";\r\nimport type { ChipProps } from \"../Chip.types\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport { getDefaultSize } from \"@/config/boreal-style-config\";\r\n\r\nexport interface ChipGroupBaseProps extends ChipGroupProps {\r\n  ChipComponent: React.ElementType;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst ChipGroupBase = forwardRef<ChipGroupRef, ChipGroupBaseProps>(\r\n  (\r\n    {\r\n      chips,\r\n      onRemove,\r\n      position = \"topCenter\",\r\n      size = getDefaultSize(),\r\n      className = \"\",\r\n      ChipComponent,\r\n      classMap,\r\n    },\r\n    ref\r\n  ) => {\r\n    const [visibleChips, setVisibleChips] = useState<ChipProps[]>([]);\r\n\r\n    useEffect(() => {\r\n      const initialized = chips.map((chip) => ({\r\n        ...chip,\r\n        id: chip.id || uuidv4(),\r\n      }));\r\n      setVisibleChips(initialized);\r\n    }, [chips]);\r\n\r\n    const handleClose = useCallback(\r\n      (id: string) => {\r\n        setVisibleChips((prev) => prev.filter((c) => c.id !== id));\r\n        onRemove?.(id);\r\n      },\r\n      [onRemove]\r\n    );\r\n\r\n    useImperativeHandle(ref, () => ({\r\n      closeAllChips: () => {\r\n        visibleChips.forEach((chip) => handleClose(chip.id!));\r\n      },\r\n    }));\r\n\r\n    const containerClassName = [\r\n      classMap.container,\r\n      classMap[position],\r\n      className,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \");\r\n\r\n    return (\r\n      <div\r\n        className={containerClassName}\r\n        role=\"region\"\r\n        aria-label=\"Notifications\"\r\n        aria-live=\"polite\"\r\n        data-testid=\"chip-group\"\r\n      >\r\n        <ul role=\"list\" className={classMap.list}>\r\n          {visibleChips.map((chip, index) => {\r\n            const chipPosition = chip.position || position;\r\n            const chipPositionClass = classMap[chipPosition];\r\n\r\n            return (\r\n              <li key={chip.id} role=\"listitem\">\r\n                <ChipComponent\r\n                  id={chip.id}\r\n                  message={chip.message}\r\n                  icon={chip.icon}\r\n                  theme={chip.theme}\r\n                  state={chip.state}\r\n                  size={chip.size || size}\r\n                  rounding={chip.rounding}\r\n                  shadow={chip.shadow}\r\n                  visible={true}\r\n                  onClose={() => handleClose(chip.id!)}\r\n                  autoClose={chip.autoClose}\r\n                  duration={chip.duration}\r\n                  position={chipPosition}\r\n                  usePortal={false}\r\n                  stackIndex={index}\r\n                  className={combineClassNames(\r\n                    classMap.chip,\r\n                    chip.className,\r\n                    chipPositionClass\r\n                  )}\r\n                  data-testid={chip[\"data-testid\"]}\r\n                />\r\n              </li>\r\n            );\r\n          })}\r\n        </ul>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nChipGroupBase.displayName = \"ChipGroupBase\";\r\nexport default ChipGroupBase;\r\n","import React from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport Chip from \"../../core/Chip\";\r\nimport \"./ChipGroup.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\r\n\r\nconst classMap = {\r\n  container: \"chip_group\",\r\n  list: \"chip_group_list\",\r\n  topCenter: \"chip_group_topCenter\",\r\n  bottomCenter: \"chip_group_bottomCenter\",\r\n  topLeft: \"chip_group_topLeft\",\r\n  topRight: \"chip_group_topRight\",\r\n  bottomLeft: \"chip_group_bottomLeft\",\r\n  bottomRight: \"chip_group_bottomRight\",\r\n};\r\n\r\nconst ChipGroup = React.forwardRef<ChipGroupRef, ChipGroupProps>(\r\n  (props, ref) => (\r\n    <ChipGroupBase\r\n      {...props}\r\n      ref={ref}\r\n      ChipComponent={Chip}\r\n      classMap={classMap}\r\n    />\r\n  )\r\n);\r\n\r\nexport default ChipGroup;\r\n"],"names":["forwardRef","getDefaultSize","classMap","useState","useEffect","uuidv4","useCallback","useImperativeHandle","jsx","combineClassNames","Chip"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/core/ChipGroup.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  useCallback,\r\n  useEffect,\r\n  useImperativeHandle,\r\n  useState,\r\n} from \"react\";\r\nimport type { ChipGroupProps, ChipGroupRef } from \"./ChipGroup.types\";\r\nimport type { ChipProps } from \"../Chip.types\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport { getDefaultSize } from \"@/config/boreal-style-config\";\r\n\r\nexport interface ChipGroupBaseProps extends ChipGroupProps {\r\n  ChipComponent: React.ElementType;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst ChipGroupBase = forwardRef<ChipGroupRef, ChipGroupBaseProps>(\r\n  (\r\n    {\r\n      chips,\r\n      onRemove,\r\n      position = \"topCenter\",\r\n      size = getDefaultSize(),\r\n      className = \"\",\r\n      ChipComponent,\r\n      classMap,\r\n    },\r\n    ref\r\n  ) => {\r\n    const [visibleChips, setVisibleChips] = useState<ChipProps[]>([]);\r\n\r\n    useEffect(() => {\r\n      const initialized = chips.map((chip) => ({\r\n        ...chip,\r\n        id: chip.id || uuidv4(),\r\n      }));\r\n      setVisibleChips(initialized);\r\n    }, [chips]);\r\n\r\n    const handleClose = useCallback(\r\n      (id: string) => {\r\n        setVisibleChips((prev) => prev.filter((c) => c.id !== id));\r\n        onRemove?.(id);\r\n      },\r\n      [onRemove]\r\n    );\r\n\r\n    useImperativeHandle(ref, () => ({\r\n      closeAllChips: () => {\r\n        visibleChips.forEach((chip) => handleClose(chip.id!));\r\n      },\r\n    }));\r\n\r\n    const containerClassName = [\r\n      classMap.container,\r\n      classMap[position],\r\n      className,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \");\r\n\r\n    return (\r\n      <div\r\n        className={containerClassName}\r\n        role=\"region\"\r\n        aria-label=\"Notifications\"\r\n        aria-live=\"polite\"\r\n        data-testid=\"chip-group\"\r\n      >\r\n        <ul role=\"list\" className={classMap.list}>\r\n          {visibleChips.map((chip, index) => {\r\n            const chipPosition = chip.position || position;\r\n            const chipPositionClass = classMap[chipPosition];\r\n\r\n            return (\r\n              <li key={chip.id} role=\"listitem\">\r\n                <ChipComponent\r\n                  id={chip.id}\r\n                  message={chip.message}\r\n                  icon={chip.icon}\r\n                  theme={chip.theme}\r\n                  state={chip.state}\r\n                  size={chip.size || size}\r\n                  rounding={chip.rounding}\r\n                  shadow={chip.shadow}\r\n                  visible={true}\r\n                  onClose={() => handleClose(chip.id!)}\r\n                  autoClose={chip.autoClose}\r\n                  duration={chip.duration}\r\n                  position={chipPosition}\r\n                  usePortal={false}\r\n                  stackIndex={index}\r\n                  className={combineClassNames(\r\n                    classMap.chip,\r\n                    chip.className,\r\n                    chipPositionClass\r\n                  )}\r\n                  data-testid={chip[\"data-testid\"]}\r\n                />\r\n              </li>\r\n            );\r\n          })}\r\n        </ul>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nChipGroupBase.displayName = \"ChipGroupBase\";\r\nexport default ChipGroupBase;\r\n","import { forwardRef } from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport Chip from \"../../core/Chip\";\r\nimport \"./ChipGroup.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\r\n\r\nconst classMap = {\r\n  container: \"chip_group\",\r\n  list: \"chip_group_list\",\r\n  topCenter: \"chip_group_topCenter\",\r\n  bottomCenter: \"chip_group_bottomCenter\",\r\n  topLeft: \"chip_group_topLeft\",\r\n  topRight: \"chip_group_topRight\",\r\n  bottomLeft: \"chip_group_bottomLeft\",\r\n  bottomRight: \"chip_group_bottomRight\",\r\n};\r\n\r\nconst ChipGroup = forwardRef<ChipGroupRef, ChipGroupProps>((props, ref) => (\r\n  <ChipGroupBase\r\n    {...props}\r\n    ref={ref}\r\n    ChipComponent={Chip}\r\n    classMap={classMap}\r\n  />\r\n));\r\nChipGroup.displayName = \"ChipGroup\";\r\nexport default ChipGroup;\r\n"],"names":["forwardRef","getDefaultSize","classMap","useState","useEffect","uuidv4","useCallback","useImperativeHandle","jsx","combineClassNames","Chip"],"mappings":"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"}