boreal-ui 0.0.50 → 0.0.54

package/dist/next/{Toolbar-PwnuYGDR.cjs → Toolbar-B-APlNjI.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 const require$$2 = require("react/jsx-runtime");
-const Avatar = require("./Avatar-B9sMyRWr.cjs");
+const Avatar = require("./Avatar-CPaxiA0r.cjs");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
@@ -167,4 +167,4 @@ ToolbarBase.displayName = "ToolbarBase";
 const Toolbar = (props) => /* @__PURE__ */ require$$2.jsx(ToolbarBase, { ...props, AvatarComponent: Avatar.Avatar, classMap: styles });
 Toolbar.displayName = "Toolbar";
 exports.Toolbar = Toolbar;
-//# sourceMappingURL=Toolbar-PwnuYGDR.cjs.map
+//# sourceMappingURL=Toolbar-B-APlNjI.cjs.map

package/dist/next/{Toolbar-PwnuYGDR.cjs.map → Toolbar-B-APlNjI.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Toolbar-PwnuYGDR.cjs","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/next/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps } from \"./Toolbar.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ToolbarBase: React.FC<ToolbarBaseProps> = ({\r\n  title,\r\n  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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Toolbar.module.scss\";\r\nimport Avatar from \"../../Avatar/next/Avatar\";\r\nimport ToolbarBase from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n  <ToolbarBase {...props} AvatarComponent={Avatar} classMap={styles} />\r\n);\r\nToolbar.displayName = \"Toolbar\";\r\nexport default Toolbar;\r\n"],"names":["title","getDefaultTheme","getDefaultShadow","getDefaultRounding","useMemo","combineClassNames","capitalize","jsxs","jsx","Avatar"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,cAA0C,CAAC;AAAA,EAC/C,OAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQC,kBAAAA,gBAAA;AAAA,EACR,SAASC,kBAAAA,iBAAA;AAAA,EACT,WAAWC,kBAAAA,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,eAAeC,MAAAA;AAAAA,IACnB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd;AAAA,MACA,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,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,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,oBAAiB;AAAA,MACjB,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,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,QAGHD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAAP,UACCQ,2BAAAA,IAAC,YAAS,WAAW,SAAS,OAAO,eAAa,GAAG,MAAM,UACxD,UAAAR,OAAA,CACH;AAAA,cAED;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHO,2BAAAA;AAAAA,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,UACCC,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM;AAAA,kBAEtB,UAAAA,2BAAAA;AAAAA,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;AChG1B,MAAM,UAAkC,CAAC,UACvCA,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,iBAAiBC,OAAAA,QAAQ,UAAU,OAAA,CAAQ;AAErE,QAAQ,cAAc;;"}
+{"version":3,"file":"Toolbar-B-APlNjI.cjs","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/next/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps } from \"./Toolbar.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ToolbarBase: React.FC<ToolbarBaseProps> = ({\r\n  title,\r\n  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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Toolbar.module.scss\";\r\nimport Avatar from \"../../Avatar/next/Avatar\";\r\nimport ToolbarBase from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n  <ToolbarBase {...props} AvatarComponent={Avatar} classMap={styles} />\r\n);\r\nToolbar.displayName = \"Toolbar\";\r\nexport default Toolbar;\r\n"],"names":["title","getDefaultTheme","getDefaultShadow","getDefaultRounding","useMemo","combineClassNames","capitalize","jsxs","jsx","Avatar"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,cAA0C,CAAC;AAAA,EAC/C,OAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQC,kBAAAA,gBAAA;AAAA,EACR,SAASC,kBAAAA,iBAAA;AAAA,EACT,WAAWC,kBAAAA,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,eAAeC,MAAAA;AAAAA,IACnB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd;AAAA,MACA,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,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,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,oBAAiB;AAAA,MACjB,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,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,QAGHD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAAP,UACCQ,2BAAAA,IAAC,YAAS,WAAW,SAAS,OAAO,eAAa,GAAG,MAAM,UACxD,UAAAR,OAAA,CACH;AAAA,cAED;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHO,2BAAAA;AAAAA,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,UACCC,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM;AAAA,kBAEtB,UAAAA,2BAAAA;AAAAA,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;AChG1B,MAAM,UAAkC,CAAC,UACvCA,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,iBAAiBC,OAAAA,QAAQ,UAAU,OAAA,CAAQ;AAErE,QAAQ,cAAc;;"}

package/dist/next/{Toolbar-wbusnAUV.js → Toolbar-DHyc9uqa.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { A as Avatar } from "./Avatar-B-Ws4Ueo.js";
+import { A as Avatar } from "./Avatar-B24bFFqY.js";
 import { useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
@@ -168,4 +168,4 @@ Toolbar.displayName = "Toolbar";
 export {
   Toolbar as T
 };
-//# sourceMappingURL=Toolbar-wbusnAUV.js.map
+//# sourceMappingURL=Toolbar-DHyc9uqa.js.map

package/dist/next/{Toolbar-wbusnAUV.js.map → Toolbar-DHyc9uqa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Toolbar-wbusnAUV.js","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/next/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps } from \"./Toolbar.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ToolbarBase: React.FC<ToolbarBaseProps> = ({\r\n  title,\r\n  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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Toolbar.module.scss\";\r\nimport Avatar from \"../../Avatar/next/Avatar\";\r\nimport ToolbarBase from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n  <ToolbarBase {...props} AvatarComponent={Avatar} classMap={styles} />\r\n);\r\nToolbar.displayName = \"Toolbar\";\r\nexport default Toolbar;\r\n"],"names":["title"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,cAA0C,CAAC;AAAA,EAC/C,OAAAA;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,cAAAA,UACC,oBAAC,YAAS,WAAW,SAAS,OAAO,eAAa,GAAG,MAAM,UACxD,UAAAA,OAAA,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;AChG1B,MAAM,UAAkC,CAAC,UACvC,oBAAC,aAAA,EAAa,GAAG,OAAO,iBAAiB,QAAQ,UAAU,OAAA,CAAQ;AAErE,QAAQ,cAAc;"}
+{"version":3,"file":"Toolbar-DHyc9uqa.js","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/next/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps } from \"./Toolbar.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ToolbarBase: React.FC<ToolbarBaseProps> = ({\r\n  title,\r\n  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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Toolbar.module.scss\";\r\nimport Avatar from \"../../Avatar/next/Avatar\";\r\nimport ToolbarBase from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n  <ToolbarBase {...props} AvatarComponent={Avatar} classMap={styles} />\r\n);\r\nToolbar.displayName = \"Toolbar\";\r\nexport default Toolbar;\r\n"],"names":["title"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,cAA0C,CAAC;AAAA,EAC/C,OAAAA;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,cAAAA,UACC,oBAAC,YAAS,WAAW,SAAS,OAAO,eAAa,GAAG,MAAM,UACxD,UAAAA,OAAA,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;AChG1B,MAAM,UAAkC,CAAC,UACvC,oBAAC,aAAA,EAAa,GAAG,OAAO,iBAAiB,QAAQ,UAAU,OAAA,CAAQ;AAErE,QAAQ,cAAc;"}

package/dist/next/Toolbar.cjs.js

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

package/dist/next/Toolbar.js

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

package/dist/next/boreal-ui.css

@@ -16081,7 +16081,7 @@ a:hover {
  * 9. skeleton-loading
  *    - Creates a sweeping shimmer effect for skeleton loaders.
  */
-@keyframes _fade-in_uq7fb_1 {
+@keyframes _fade-in_6k6i1_1 {
   from {
     opacity: 0;
   }
@@ -16089,7 +16089,7 @@ a:hover {
     opacity: 1;
   }
 }
-@keyframes _slide-up_uq7fb_1 {
+@keyframes _slide-up_6k6i1_1 {
   from {
     transform: translateY(100%);
     opacity: 0;
@@ -16099,7 +16099,7 @@ a:hover {
     opacity: 1;
   }
 }
-@keyframes _spin-3d_uq7fb_1 {
+@keyframes _spin-3d_6k6i1_1 {
   0% {
     transform: rotateX(0deg) rotateY(0deg);
   }
@@ -16107,7 +16107,7 @@ a:hover {
     transform: rotateX(360deg) rotateY(360deg);
   }
 }
-@keyframes _spin_uq7fb_1 {
+@keyframes _spin_6k6i1_1 {
   0% {
     transform: rotate(0deg);
   }
@@ -16115,7 +16115,7 @@ a:hover {
     transform: rotate(360deg);
   }
 }
-@keyframes _pulse_uq7fb_1 {
+@keyframes _pulse_6k6i1_1 {
   0% {
     transform: scale(1);
   }
@@ -16126,7 +16126,7 @@ a:hover {
     transform: scale(1);
   }
 }
-@keyframes _fade-in-up_uq7fb_1 {
+@keyframes _fade-in-up_6k6i1_1 {
   from {
     opacity: 0;
     transform: translateY(-5px);
@@ -16136,7 +16136,7 @@ a:hover {
     transform: translateY(0);
   }
 }
-@keyframes _progress-grow_uq7fb_1 {
+@keyframes _progress-grow_6k6i1_1 {
   from {
     width: 0;
   }
@@ -16144,7 +16144,7 @@ a:hover {
     width: 100%;
   }
 }
-@keyframes _indeterminate-move_uq7fb_1 {
+@keyframes _indeterminate-move_6k6i1_1 {
   0% {
     transform: translateX(-100%);
   }
@@ -16155,7 +16155,7 @@ a:hover {
     transform: translateX(100%);
   }
 }
-@keyframes _skeleton-loading_uq7fb_1 {
+@keyframes _skeleton-loading_6k6i1_1 {
   0% {
     left: -100%;
   }
@@ -16404,16 +16404,16 @@ a:hover {
   text-decoration: underline;
 }
 
-._noScroll_uq7fb_108 {
+._noScroll_6k6i1_108 {
   overflow: hidden;
 }
 
-._errorMessage_uq7fb_109 {
+._errorMessage_6k6i1_109 {
   color: #f83838;
   font-size: 14px;
 }
 
-._loadingContainer_uq7fb_110 {
+._loadingContainer_6k6i1_110 {
   min-height: 100vh;
   display: flex;
   justify-content: center;
@@ -16450,16 +16450,16 @@ a:hover {
   background-color: var(--primary-color-hover);
 }
 
-._hideScrollbar_uq7fb_102 {
+._hideScrollbar_6k6i1_102 {
   scrollbar-width: none;
   -ms-overflow-style: none;
 }
 
-._hideScrollbar_uq7fb_102::-webkit-scrollbar {
+._hideScrollbar_6k6i1_102::-webkit-scrollbar {
   display: none;
 }
 
-._sr_only_uq7fb_111 {
+._sr_only_6k6i1_111 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -16470,7 +16470,7 @@ a:hover {
   border: 0;
 }
 
-._container_uq7fb_552 {
+._container_6k6i1_552 {
   width: 100%;
   min-width: 100px;
   height: 10px;
@@ -16478,213 +16478,263 @@ a:hover {
   overflow: hidden;
   position: relative;
 }
-._container_uq7fb_552:focus-visible {
+._container_6k6i1_552:focus-visible {
   outline: 2px solid var(--focus-outline-color, var(--primary-color));
   outline-offset: 2px;
   border-radius: 4px;
 }
 @media (width <= 319.98px) {
-  ._container_uq7fb_552 {
+  ._container_6k6i1_552 {
     min-width: 80px;
   }
 }
 @media (min-width: 1024px) {
-  ._container_uq7fb_552 {
+  ._container_6k6i1_552 {
     min-width: 160px;
   }
 }
-._container_uq7fb_552._xs_uq7fb_575 {
+._container_6k6i1_552._xs_6k6i1_575 {
   height: 2px;
 }
 @media (width <= 319.98px) {
-  ._container_uq7fb_552._xs_uq7fb_575 {
+  ._container_6k6i1_552._xs_6k6i1_575 {
     height: calc(2px * 0.85);
   }
 }
 @media (min-width: 1024px) {
-  ._container_uq7fb_552._xs_uq7fb_575 {
+  ._container_6k6i1_552._xs_6k6i1_575 {
     height: calc(2px * 1.1);
   }
 }
-._container_uq7fb_552._small_uq7fb_588 {
+._container_6k6i1_552._small_6k6i1_588 {
   height: 5px;
 }
 @media (width <= 319.98px) {
-  ._container_uq7fb_552._small_uq7fb_588 {
+  ._container_6k6i1_552._small_6k6i1_588 {
     height: calc(5px * 0.85);
   }
 }
 @media (min-width: 1024px) {
-  ._container_uq7fb_552._small_uq7fb_588 {
+  ._container_6k6i1_552._small_6k6i1_588 {
     height: calc(5px * 1.1);
   }
 }
-._container_uq7fb_552._medium_uq7fb_601 {
+._container_6k6i1_552._medium_6k6i1_601 {
   height: 10px;
 }
 @media (width <= 319.98px) {
-  ._container_uq7fb_552._medium_uq7fb_601 {
+  ._container_6k6i1_552._medium_6k6i1_601 {
     height: calc(10px * 0.85);
   }
 }
 @media (min-width: 1024px) {
-  ._container_uq7fb_552._medium_uq7fb_601 {
+  ._container_6k6i1_552._medium_6k6i1_601 {
     height: calc(10px * 1.1);
   }
 }
-._container_uq7fb_552._large_uq7fb_614 {
+._container_6k6i1_552._large_6k6i1_614 {
   height: 15px;
 }
 @media (width <= 319.98px) {
-  ._container_uq7fb_552._large_uq7fb_614 {
+  ._container_6k6i1_552._large_6k6i1_614 {
     height: calc(15px * 0.85);
   }
 }
 @media (min-width: 1024px) {
-  ._container_uq7fb_552._large_uq7fb_614 {
+  ._container_6k6i1_552._large_6k6i1_614 {
     height: calc(15px * 1.1);
   }
 }
-._container_uq7fb_552._xl_uq7fb_627 {
+._container_6k6i1_552._xl_6k6i1_627 {
   height: 20px;
 }
 @media (width <= 319.98px) {
-  ._container_uq7fb_552._xl_uq7fb_627 {
+  ._container_6k6i1_552._xl_6k6i1_627 {
     height: calc(20px * 0.85);
   }
 }
 @media (min-width: 1024px) {
-  ._container_uq7fb_552._xl_uq7fb_627 {
+  ._container_6k6i1_552._xl_6k6i1_627 {
     height: calc(20px * 1.1);
   }
 }
-._container_uq7fb_552._primary_uq7fb_640 {
+._container_6k6i1_552._primary_6k6i1_640 {
   background-color: var(--primary-color);
 }
-._container_uq7fb_552._secondary_uq7fb_643 {
+._container_6k6i1_552._secondary_6k6i1_643 {
   background-color: var(--secondary-color);
 }
-._container_uq7fb_552._tertiary_uq7fb_646 {
+._container_6k6i1_552._tertiary_6k6i1_646 {
   background-color: var(--tertiary-color);
 }
-._container_uq7fb_552._quaternary_uq7fb_649 {
+._container_6k6i1_552._quaternary_6k6i1_649 {
   background-color: var(--quaternary-color);
 }
-._container_uq7fb_552._clear_uq7fb_652 {
+._container_6k6i1_552._clear_6k6i1_652 {
   background-color: transparent;
 }
-._container_uq7fb_552._success_uq7fb_655 {
+._container_6k6i1_552._success_6k6i1_655 {
   background-color: var(--success-color);
 }
-._container_uq7fb_552._error_uq7fb_109 {
+._container_6k6i1_552._error_6k6i1_109 {
   background-color: var(--error-color);
 }
-._container_uq7fb_552._warning_uq7fb_661 {
+._container_6k6i1_552._warning_6k6i1_661 {
   background-color: var(--warning-color);
 }
-._container_uq7fb_552._clear_uq7fb_652 {
+._container_6k6i1_552._clear_6k6i1_652 {
   background-color: var(--text-color-primary);
 }
 
-._bar_uq7fb_668 {
+._layout_6k6i1_668 {
+  display: flex;
+  gap: 0.5rem;
+  width: 100%;
+}
+
+._title_6k6i1_674 {
+  font-size: 0.875em;
+  line-height: 1.2;
+  white-space: nowrap;
+}
+
+._titleTop_6k6i1_680 {
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+._titleBottom_6k6i1_685 {
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+._titleLeft_6k6i1_690,
+._titleRight_6k6i1_691 {
+  align-items: center;
+}
+
+._titleLeft_6k6i1_690 ._container_6k6i1_552,
+._titleRight_6k6i1_691 ._container_6k6i1_552 {
+  width: auto;
+  flex: 1 1 0;
+  min-width: 0;
+}
+
+._titleLeft_6k6i1_690 ._title_6k6i1_674,
+._titleRight_6k6i1_691 ._title_6k6i1_674 {
+  flex: 0 0 auto;
+}
+
+._titleOverlay_6k6i1_707 {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+  font-size: 0.7em;
+}
+
+._bar_6k6i1_717 {
+  position: relative;
   height: 100%;
   width: 0;
   transition: width 0.4s ease-in-out;
   border-radius: inherit;
 }
-._bar_uq7fb_668._primary_uq7fb_640 {
+._bar_6k6i1_717._primary_6k6i1_640 {
   background-color: var(--primary-color);
 }
-._bar_uq7fb_668._secondary_uq7fb_643 {
+._bar_6k6i1_717._secondary_6k6i1_643 {
   background-color: var(--secondary-color);
 }
-._bar_uq7fb_668._tertiary_uq7fb_646 {
+._bar_6k6i1_717._tertiary_6k6i1_646 {
   background-color: var(--tertiary-color);
 }
-._bar_uq7fb_668._quaternary_uq7fb_649 {
+._bar_6k6i1_717._quaternary_6k6i1_649 {
   background-color: var(--quaternary-color);
 }
-._bar_uq7fb_668._clear_uq7fb_652 {
+._bar_6k6i1_717._clear_6k6i1_652 {
   background-color: transparent;
 }
-._bar_uq7fb_668._success_uq7fb_655 {
+._bar_6k6i1_717._success_6k6i1_655 {
   background-color: var(--success-color);
 }
-._bar_uq7fb_668._error_uq7fb_109 {
+._bar_6k6i1_717._error_6k6i1_109 {
   background-color: var(--error-color);
 }
-._bar_uq7fb_668._warning_uq7fb_661 {
+._bar_6k6i1_717._warning_6k6i1_661 {
   background-color: var(--warning-color);
 }
-._bar_uq7fb_668._clear_uq7fb_652 {
+._bar_6k6i1_717._clear_6k6i1_652 {
   background-color: var(--text-color-primary);
 }
 
-._animated_uq7fb_702 {
-  animation: _progress-grow_uq7fb_1 0.8s ease-out;
+._animated_6k6i1_752 {
+  animation: _progress-grow_6k6i1_1 0.8s ease-out;
 }
 
-._indeterminate_uq7fb_706 {
+._indeterminate_6k6i1_756 {
   width: 100%;
-  animation: _indeterminate-move_uq7fb_1 1.5s infinite ease-in-out;
+  animation: _indeterminate-move_6k6i1_1 1.5s infinite ease-in-out;
 }
 
-._roundNone_uq7fb_711 {
+._roundNone_6k6i1_761 {
   border-radius: var(--border-radius-none);
 }
 
-._roundSmall_uq7fb_715 {
+._roundSmall_6k6i1_765 {
   border-radius: var(--border-radius-sm);
 }
 
-._roundMedium_uq7fb_719 {
+._roundMedium_6k6i1_769 {
   border-radius: var(--border-radius-md);
 }
 
-._roundLarge_uq7fb_723 {
+._roundLarge_6k6i1_773 {
   border-radius: var(--border-radius-lg);
 }
 
-._roundFull_uq7fb_727 {
+._roundFull_6k6i1_777 {
   border-radius: var(--border-radius-full);
 }
 
-._shadowNone_uq7fb_731 {
+._shadowNone_6k6i1_781 {
   box-shadow: var(--box-shadow-none);
 }
 
-._shadowLight_uq7fb_735 {
+._shadowLight_6k6i1_785 {
   box-shadow: var(--box-shadow-light);
 }
 
-._shadowMedium_uq7fb_739 {
+._shadowMedium_6k6i1_789 {
   box-shadow: var(--box-shadow-medium);
 }
 
-._shadowStrong_uq7fb_743 {
+._shadowStrong_6k6i1_793 {
   box-shadow: var(--box-shadow-heavy);
 }
 
-._shadowIntense_uq7fb_747 {
+._shadowIntense_6k6i1_797 {
   box-shadow: var(--box-shadow-intense);
 }
 
 @media (prefers-reduced-motion: reduce) {
-  ._bar_uq7fb_668 {
+  ._bar_6k6i1_717 {
     transition: none !important;
   }
-  ._animated_uq7fb_702,
-  ._indeterminate_uq7fb_706 {
+  ._animated_6k6i1_752,
+  ._indeterminate_6k6i1_756 {
     animation: none !important;
   }
 }
 @media (forced-colors: active) {
-  ._container_uq7fb_552 {
+  ._container_6k6i1_552 {
     background: Canvas;
     color: CanvasText;
     border: 1px solid ButtonText;
   }
-  ._bar_uq7fb_668 {
+  ._bar_6k6i1_717 {
     background: Highlight;
   }
 }

package/dist/next/{image-BBS8QO15.js → image-B9PuwflE.js}

@@ -1,4 +1,4 @@
-import { r as require_interop_require_default, a as require_interop_require_wildcard, b as requireRouterContext_sharedRuntime, c as requireUseMergedRef, g as getDefaultExportFromCjs } from "./link-CxWP3aXr.js";
+import { r as require_interop_require_default, a as require_interop_require_wildcard, b as requireRouterContext_sharedRuntime, c as requireUseMergedRef, g as getDefaultExportFromCjs } from "./link-CyxHztrS.js";
 import require$$2 from "react/jsx-runtime";
 import React from "react";
 import ReactDOM from "react-dom";
@@ -33,6 +33,42 @@ function requireWarnOnce() {
   })(warnOnce);
   return warnOnce;
 }
+var deploymentId = {};
+var hasRequiredDeploymentId;
+function requireDeploymentId() {
+  if (hasRequiredDeploymentId) return deploymentId;
+  hasRequiredDeploymentId = 1;
+  (function(exports$1) {
+    Object.defineProperty(exports$1, "__esModule", {
+      value: true
+    });
+    function _export(target, all) {
+      for (var name in all) Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+      });
+    }
+    _export(exports$1, {
+      getDeploymentId: function() {
+        return getDeploymentId;
+      },
+      getDeploymentIdQueryOrEmptyString: function() {
+        return getDeploymentIdQueryOrEmptyString;
+      }
+    });
+    function getDeploymentId() {
+      return process.env.NEXT_DEPLOYMENT_ID;
+    }
+    function getDeploymentIdQueryOrEmptyString() {
+      let deploymentId2 = getDeploymentId();
+      if (deploymentId2) {
+        return `?dpl=${deploymentId2}`;
+      }
+      return "";
+    }
+  })(deploymentId);
+  return deploymentId;
+}
 var imageBlurSvg = {};
 var hasRequiredImageBlurSvg;
 function requireImageBlurSvg() {
@@ -151,6 +187,7 @@ function requireGetImgProps() {
       }
     });
     const _warnonce = requireWarnOnce();
+    const _deploymentid = requireDeploymentId();
     const _imageblursvg = requireImageBlurSvg();
     const _imageconfig = requireImageConfig();
     const VALID_LOADING_VALUES = [
@@ -237,6 +274,11 @@ function requireGetImgProps() {
     }
     function generateImgAttrs({ config, src, unoptimized, width, quality, sizes, loader }) {
       if (unoptimized) {
+        const deploymentId2 = (0, _deploymentid.getDeploymentId)();
+        if (src.startsWith("/") && !src.startsWith("//") && deploymentId2) {
+          const sep = src.includes("?") ? "&" : "?";
+          src = `${src}${sep}dpl=${deploymentId2}`;
+        }
         return {
           src,
           srcSet: void 0,
@@ -2362,6 +2404,7 @@ function requireImageLoader() {
       }
     });
     const _findclosestquality = requireFindClosestQuality();
+    const _deploymentid = requireDeploymentId();
     function defaultLoader({ config, src, width, quality }) {
       var _a;
       if (src.startsWith("/") && src.includes("?") && ((_a = config.localPatterns) == null ? void 0 : _a.length) === 1 && config.localPatterns[0].pathname === "**" && config.localPatterns[0].search === "") {
@@ -2435,7 +2478,8 @@ See more info: https://nextjs.org/docs/messages/next-image-unconfigured-host`),
         }
       }
       const q = (0, _findclosestquality.findClosestQuality)(quality, config);
-      return `${config.path}?url=${encodeURIComponent(src)}&w=${width}&q=${q}${src.startsWith("/_next/static/media/") && process.env.NEXT_DEPLOYMENT_ID ? `&dpl=${process.env.NEXT_DEPLOYMENT_ID}` : ""}`;
+      let deploymentId2 = (0, _deploymentid.getDeploymentId)();
+      return `${config.path}?url=${encodeURIComponent(src)}&w=${width}&q=${q}${src.startsWith("/") && deploymentId2 ? `&dpl=${deploymentId2}` : ""}`;
     }
     defaultLoader.__next_img_default = true;
     const _default = defaultLoader;
@@ -2794,4 +2838,4 @@ const Image = /* @__PURE__ */ getDefaultExportFromCjs(imageExports);
 export {
   Image as I
 };
-//# sourceMappingURL=image-BBS8QO15.js.map
+//# sourceMappingURL=image-B9PuwflE.js.map