boreal-ui 0.0.39 → 0.0.40

package/dist/next/{Timeline-Cg0FWWVc.js → Timeline-9947mxJO.js}

@@ -3,33 +3,33 @@ import { useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { d as getDefaultTheme, b as getDefaultShadow, a as getDefaultRounding } from "./boreal-style-config-BILmxkZG.js";
-const timeline = "_timeline_qzqsl_85";
-const horizontal = "_horizontal_qzqsl_108";
-const item = "_item_qzqsl_122";
-const marker = "_marker_qzqsl_174";
-const dot = "_dot_qzqsl_217";
-const content = "_content_qzqsl_236";
-const title = "_title_qzqsl_258";
-const date = "_date_qzqsl_264";
-const description = "_description_qzqsl_268";
-const primary = "_primary_qzqsl_278";
-const secondary = "_secondary_qzqsl_286";
-const tertiary = "_tertiary_qzqsl_294";
-const quaternary = "_quaternary_qzqsl_302";
-const clear = "_clear_qzqsl_310";
-const success = "_success_qzqsl_318";
-const error = "_error_qzqsl_326";
-const warning = "_warning_qzqsl_334";
-const roundNone = "_roundNone_qzqsl_346";
-const roundSmall = "_roundSmall_qzqsl_350";
-const roundMedium = "_roundMedium_qzqsl_354";
-const roundLarge = "_roundLarge_qzqsl_358";
-const roundFull = "_roundFull_qzqsl_362";
-const shadowNone = "_shadowNone_qzqsl_366";
-const shadowLight = "_shadowLight_qzqsl_370";
-const shadowMedium = "_shadowMedium_qzqsl_374";
-const shadowStrong = "_shadowStrong_qzqsl_378";
-const shadowIntense = "_shadowIntense_qzqsl_382";
+const timeline = "_timeline_n0bbh_85";
+const horizontal = "_horizontal_n0bbh_108";
+const item = "_item_n0bbh_122";
+const marker = "_marker_n0bbh_174";
+const dot = "_dot_n0bbh_217";
+const content = "_content_n0bbh_236";
+const title = "_title_n0bbh_258";
+const date = "_date_n0bbh_264";
+const description = "_description_n0bbh_268";
+const primary = "_primary_n0bbh_278";
+const secondary = "_secondary_n0bbh_286";
+const tertiary = "_tertiary_n0bbh_294";
+const quaternary = "_quaternary_n0bbh_302";
+const clear = "_clear_n0bbh_310";
+const success = "_success_n0bbh_318";
+const error = "_error_n0bbh_326";
+const warning = "_warning_n0bbh_334";
+const roundNone = "_roundNone_n0bbh_346";
+const roundSmall = "_roundSmall_n0bbh_350";
+const roundMedium = "_roundMedium_n0bbh_354";
+const roundLarge = "_roundLarge_n0bbh_358";
+const roundFull = "_roundFull_n0bbh_362";
+const shadowNone = "_shadowNone_n0bbh_366";
+const shadowLight = "_shadowLight_n0bbh_370";
+const shadowMedium = "_shadowMedium_n0bbh_374";
+const shadowStrong = "_shadowStrong_n0bbh_378";
+const shadowIntense = "_shadowIntense_n0bbh_382";
 const styles = {
   timeline,
   horizontal,
@@ -180,4 +180,4 @@ Timeline.displayName = "Timeline";
 export {
   Timeline as T
 };
-//# sourceMappingURL=Timeline-Cg0FWWVc.js.map
+//# sourceMappingURL=Timeline-9947mxJO.js.map

package/dist/next/{Timeline-Cg0FWWVc.js.map → Timeline-9947mxJO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Timeline-Cg0FWWVc.js","sources":["../../src/components/Timeline/TimelineBase.tsx","../../src/components/Timeline/next/Timeline.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { TimelineProps } from \"./Timeline.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\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 TimelineBase: React.FC<\r\n  TimelineProps & { classMap: Record<string, string> }\r\n> = ({\r\n  items,\r\n  orientation = \"vertical\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  classMap,\r\n  className,\r\n  \"data-testid\": testId = \"timeline\",\r\n}) => {\r\n  const outerWrapper = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.timeline,\r\n        classMap[orientation],\r\n        classMap[theme],\r\n        className\r\n      ),\r\n    [classMap, orientation, theme, className]\r\n  );\r\n\r\n  const itemClassName = useMemo(\r\n    () =>\r\n      combineClassNames(classMap.item, classMap[orientation], classMap[theme]),\r\n    [classMap, orientation, theme]\r\n  );\r\n\r\n  const markerClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.marker,\r\n        classMap[theme],\r\n        classMap[orientation],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`]\r\n      ),\r\n    [classMap, theme, orientation, shadow]\r\n  );\r\n\r\n  const contentClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.content,\r\n        classMap[orientation],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, orientation, shadow, rounding]\r\n  );\r\n\r\n  const setSize = items.length;\r\n\r\n  return (\r\n    <ul className={outerWrapper} data-testid={testId} aria-label=\"Timeline\">\r\n      {items.map((item, index) => {\r\n        const IconComponent = item.icon;\r\n        const itemTestId = `${testId}-item-${index}`;\r\n        const labelId = `${itemTestId}-title`;\r\n        const hasTitle = Boolean(item.title);\r\n\r\n        let dateTimeAttr: string | undefined;\r\n        if (item.date) {\r\n          const dateObj = new Date(item.date);\r\n          if (!isNaN(dateObj.getTime())) {\r\n            dateTimeAttr = dateObj.toISOString();\r\n          }\r\n        }\r\n\r\n        return (\r\n          <li\r\n            key={index}\r\n            className={itemClassName}\r\n            data-testid={itemTestId}\r\n            aria-labelledby={hasTitle ? labelId : undefined}\r\n            aria-label={!hasTitle ? `Timeline item ${index + 1}` : undefined}\r\n            aria-posinset={index + 1}\r\n            aria-setsize={setSize}\r\n          >\r\n            <div\r\n              className={markerClassName}\r\n              data-testid={`${itemTestId}-marker`}\r\n              aria-hidden={true}\r\n            >\r\n              {IconComponent ? (\r\n                <div\r\n                  className={classMap.icon}\r\n                  data-testid={`${itemTestId}-icon`}\r\n                  aria-hidden={true}\r\n                >\r\n                  <IconComponent aria-hidden=\"true\" />\r\n                </div>\r\n              ) : (\r\n                <div\r\n                  className={classMap.dot}\r\n                  data-testid={`${itemTestId}-dot`}\r\n                  aria-hidden=\"true\"\r\n                />\r\n              )}\r\n            </div>\r\n\r\n            <div\r\n              className={contentClassName}\r\n              data-testid={`${itemTestId}-content`}\r\n            >\r\n              {hasTitle && (\r\n                <h3 id={labelId} className={classMap.title}>\r\n                  {item.title}\r\n                </h3>\r\n              )}\r\n\r\n              {item.date && (\r\n                <p className={classMap.date} data-testid={`${itemTestId}-date`}>\r\n                  <time dateTime={dateTimeAttr}>{item.date}</time>\r\n                </p>\r\n              )}\r\n\r\n              {item.description && (\r\n                <p\r\n                  className={classMap.description}\r\n                  data-testid={`${itemTestId}-description`}\r\n                >\r\n                  {item.description}\r\n                </p>\r\n              )}\r\n            </div>\r\n          </li>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n};\r\n\r\nTimelineBase.displayName = \"TimelineBase\";\r\nexport default TimelineBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Timeline.module.scss\";\r\nimport TimelineBase from \"../TimelineBase\";\r\nimport { TimelineProps } from \"../Timeline.types\";\r\n\r\nconst Timeline: React.FC<TimelineProps> = (props) => {\r\n  return <TimelineBase {...props} classMap={styles} />;\r\n};\r\nTimeline.displayName = \"Timeline\";\r\nexport default Timeline;\r\n"],"names":["item"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,eAEF,CAAC;AAAA,EACH;AAAA,EACA,cAAc;AAAA,EACd,QAAQ,gBAAA;AAAA,EACR,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT;AAAA,EACA;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,WAAW;AAAA,MACpB,SAAS,KAAK;AAAA,MACd;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,aAAa,OAAO,SAAS;AAAA,EAAA;AAG1C,QAAM,gBAAgB;AAAA,IACpB,MACE,kBAAkB,SAAS,MAAM,SAAS,WAAW,GAAG,SAAS,KAAK,CAAC;AAAA,IACzE,CAAC,UAAU,aAAa,KAAK;AAAA,EAAA;AAG/B,QAAM,kBAAkB;AAAA,IACtB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,WAAW;AAAA,MACpB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,IAAA;AAAA,IAEpD,CAAC,UAAU,OAAO,aAAa,MAAM;AAAA,EAAA;AAGvC,QAAM,mBAAmB;AAAA,IACvB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,WAAW;AAAA,MACpB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,aAAa,QAAQ,QAAQ;AAAA,EAAA;AAG1C,QAAM,UAAU,MAAM;AAEtB,SACE,oBAAC,MAAA,EAAG,WAAW,cAAc,eAAa,QAAQ,cAAW,YAC1D,UAAA,MAAM,IAAI,CAACA,OAAM,UAAU;AAC1B,UAAM,gBAAgBA,MAAK;AAC3B,UAAM,aAAa,GAAG,MAAM,SAAS,KAAK;AAC1C,UAAM,UAAU,GAAG,UAAU;AAC7B,UAAM,WAAW,QAAQA,MAAK,KAAK;AAEnC,QAAI;AACJ,QAAIA,MAAK,MAAM;AACb,YAAM,UAAU,IAAI,KAAKA,MAAK,IAAI;AAClC,UAAI,CAAC,MAAM,QAAQ,QAAA,CAAS,GAAG;AAC7B,uBAAe,QAAQ,YAAA;AAAA,MACzB;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAW;AAAA,QACX,eAAa;AAAA,QACb,mBAAiB,WAAW,UAAU;AAAA,QACtC,cAAY,CAAC,WAAW,iBAAiB,QAAQ,CAAC,KAAK;AAAA,QACvD,iBAAe,QAAQ;AAAA,QACvB,gBAAc;AAAA,QAEd,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,eAAa,GAAG,UAAU;AAAA,cAC1B,eAAa;AAAA,cAEZ,UAAA,gBACC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,UAAU;AAAA,kBAC1B,eAAa;AAAA,kBAEb,UAAA,oBAAC,eAAA,EAAc,eAAY,OAAA,CAAO;AAAA,gBAAA;AAAA,cAAA,IAGpC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,UAAU;AAAA,kBAC1B,eAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,YACd;AAAA,UAAA;AAAA,UAIJ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,eAAa,GAAG,UAAU;AAAA,cAEzB,UAAA;AAAA,gBAAA,YACC,oBAAC,QAAG,IAAI,SAAS,WAAW,SAAS,OAClC,gBAAK,MAAA,CACR;AAAA,gBAGDA,MAAK,QACJ,oBAAC,KAAA,EAAE,WAAW,SAAS,MAAM,eAAa,GAAG,UAAU,SACrD,UAAA,oBAAC,QAAA,EAAK,UAAU,cAAe,UAAAA,MAAK,MAAK,GAC3C;AAAA,gBAGDA,MAAK,eACJ;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,eAAa,GAAG,UAAU;AAAA,oBAEzB,UAAAA,MAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,MAtDK;AAAA,IAAA;AAAA,EAyDX,CAAC,EAAA,CACH;AAEJ;AAEA,aAAa,cAAc;ACxI3B,MAAM,WAAoC,CAAC,UAAU;AACnD,SAAO,oBAAC,cAAA,EAAc,GAAG,OAAO,UAAU,QAAQ;AACpD;AACA,SAAS,cAAc;"}
+{"version":3,"file":"Timeline-9947mxJO.js","sources":["../../src/components/Timeline/TimelineBase.tsx","../../src/components/Timeline/next/Timeline.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { TimelineProps } from \"./Timeline.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\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 TimelineBase: React.FC<\r\n  TimelineProps & { classMap: Record<string, string> }\r\n> = ({\r\n  items,\r\n  orientation = \"vertical\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  classMap,\r\n  className,\r\n  \"data-testid\": testId = \"timeline\",\r\n}) => {\r\n  const outerWrapper = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.timeline,\r\n        classMap[orientation],\r\n        classMap[theme],\r\n        className\r\n      ),\r\n    [classMap, orientation, theme, className]\r\n  );\r\n\r\n  const itemClassName = useMemo(\r\n    () =>\r\n      combineClassNames(classMap.item, classMap[orientation], classMap[theme]),\r\n    [classMap, orientation, theme]\r\n  );\r\n\r\n  const markerClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.marker,\r\n        classMap[theme],\r\n        classMap[orientation],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`]\r\n      ),\r\n    [classMap, theme, orientation, shadow]\r\n  );\r\n\r\n  const contentClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.content,\r\n        classMap[orientation],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, orientation, shadow, rounding]\r\n  );\r\n\r\n  const setSize = items.length;\r\n\r\n  return (\r\n    <ul className={outerWrapper} data-testid={testId} aria-label=\"Timeline\">\r\n      {items.map((item, index) => {\r\n        const IconComponent = item.icon;\r\n        const itemTestId = `${testId}-item-${index}`;\r\n        const labelId = `${itemTestId}-title`;\r\n        const hasTitle = Boolean(item.title);\r\n\r\n        let dateTimeAttr: string | undefined;\r\n        if (item.date) {\r\n          const dateObj = new Date(item.date);\r\n          if (!isNaN(dateObj.getTime())) {\r\n            dateTimeAttr = dateObj.toISOString();\r\n          }\r\n        }\r\n\r\n        return (\r\n          <li\r\n            key={index}\r\n            className={itemClassName}\r\n            data-testid={itemTestId}\r\n            aria-labelledby={hasTitle ? labelId : undefined}\r\n            aria-label={!hasTitle ? `Timeline item ${index + 1}` : undefined}\r\n            aria-posinset={index + 1}\r\n            aria-setsize={setSize}\r\n          >\r\n            <div\r\n              className={markerClassName}\r\n              data-testid={`${itemTestId}-marker`}\r\n              aria-hidden={true}\r\n            >\r\n              {IconComponent ? (\r\n                <div\r\n                  className={classMap.icon}\r\n                  data-testid={`${itemTestId}-icon`}\r\n                  aria-hidden={true}\r\n                >\r\n                  <IconComponent aria-hidden=\"true\" />\r\n                </div>\r\n              ) : (\r\n                <div\r\n                  className={classMap.dot}\r\n                  data-testid={`${itemTestId}-dot`}\r\n                  aria-hidden=\"true\"\r\n                />\r\n              )}\r\n            </div>\r\n\r\n            <div\r\n              className={contentClassName}\r\n              data-testid={`${itemTestId}-content`}\r\n            >\r\n              {hasTitle && (\r\n                <h3 id={labelId} className={classMap.title}>\r\n                  {item.title}\r\n                </h3>\r\n              )}\r\n\r\n              {item.date && (\r\n                <p className={classMap.date} data-testid={`${itemTestId}-date`}>\r\n                  <time dateTime={dateTimeAttr}>{item.date}</time>\r\n                </p>\r\n              )}\r\n\r\n              {item.description && (\r\n                <p\r\n                  className={classMap.description}\r\n                  data-testid={`${itemTestId}-description`}\r\n                >\r\n                  {item.description}\r\n                </p>\r\n              )}\r\n            </div>\r\n          </li>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n};\r\n\r\nTimelineBase.displayName = \"TimelineBase\";\r\nexport default TimelineBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Timeline.module.scss\";\r\nimport TimelineBase from \"../TimelineBase\";\r\nimport { TimelineProps } from \"../Timeline.types\";\r\n\r\nconst Timeline: React.FC<TimelineProps> = (props) => {\r\n  return <TimelineBase {...props} classMap={styles} />;\r\n};\r\nTimeline.displayName = \"Timeline\";\r\nexport default Timeline;\r\n"],"names":["item"],"mappings":"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"}

package/dist/next/Timeline.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Timeline = require("./Timeline-DXSXZumg.cjs");
+const Timeline = require("./Timeline-3bNOgI6C.cjs");
 module.exports = Timeline.Timeline;
 //# sourceMappingURL=Timeline.cjs.js.map

package/dist/next/Timeline.js

@@ -1,4 +1,4 @@
-import { T } from "./Timeline-Cg0FWWVc.js";
+import { T } from "./Timeline-9947mxJO.js";
 export {
   T as default
 };

package/dist/next/{Toggle-CnpONDwl.js → Toggle-C60HtU15.js}

@@ -3,35 +3,35 @@ import { forwardRef, useId, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { c as getDefaultSize, d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
-const container = "_container_rs9co_85";
-const label = "_label_rs9co_101";
-const toggle = "_toggle_rs9co_116";
-const slider = "_slider_rs9co_131";
-const active = "_active_rs9co_137";
-const xs = "_xs_rs9co_141";
-const small = "_small_rs9co_179";
-const medium = "_medium_rs9co_217";
-const large = "_large_rs9co_255";
-const xl = "_xl_rs9co_293";
-const primary = "_primary_rs9co_331";
-const secondary = "_secondary_rs9co_335";
-const tertiary = "_tertiary_rs9co_339";
-const quaternary = "_quaternary_rs9co_343";
-const clear = "_clear_rs9co_347";
-const success = "_success_rs9co_351";
-const error = "_error_rs9co_355";
-const warning = "_warning_rs9co_359";
-const disabled = "_disabled_rs9co_367";
-const roundNone = "_roundNone_rs9co_377";
-const roundSmall = "_roundSmall_rs9co_384";
-const roundMedium = "_roundMedium_rs9co_391";
-const roundLarge = "_roundLarge_rs9co_398";
-const roundFull = "_roundFull_rs9co_405";
-const shadowNone = "_shadowNone_rs9co_412";
-const shadowLight = "_shadowLight_rs9co_416";
-const shadowMedium = "_shadowMedium_rs9co_420";
-const shadowStrong = "_shadowStrong_rs9co_424";
-const shadowIntense = "_shadowIntense_rs9co_428";
+const container = "_container_1g9ss_85";
+const label = "_label_1g9ss_101";
+const toggle = "_toggle_1g9ss_116";
+const slider = "_slider_1g9ss_131";
+const active = "_active_1g9ss_137";
+const xs = "_xs_1g9ss_141";
+const small = "_small_1g9ss_179";
+const medium = "_medium_1g9ss_217";
+const large = "_large_1g9ss_255";
+const xl = "_xl_1g9ss_293";
+const primary = "_primary_1g9ss_331";
+const secondary = "_secondary_1g9ss_335";
+const tertiary = "_tertiary_1g9ss_339";
+const quaternary = "_quaternary_1g9ss_343";
+const clear = "_clear_1g9ss_347";
+const success = "_success_1g9ss_351";
+const error = "_error_1g9ss_355";
+const warning = "_warning_1g9ss_359";
+const disabled = "_disabled_1g9ss_367";
+const roundNone = "_roundNone_1g9ss_377";
+const roundSmall = "_roundSmall_1g9ss_384";
+const roundMedium = "_roundMedium_1g9ss_391";
+const roundLarge = "_roundLarge_1g9ss_398";
+const roundFull = "_roundFull_1g9ss_405";
+const shadowNone = "_shadowNone_1g9ss_412";
+const shadowLight = "_shadowLight_1g9ss_416";
+const shadowMedium = "_shadowMedium_1g9ss_420";
+const shadowStrong = "_shadowStrong_1g9ss_424";
+const shadowIntense = "_shadowIntense_1g9ss_428";
 const styles = {
   container,
   label,
@@ -170,4 +170,4 @@ Toggle.displayName = "Toggle";
 export {
   Toggle as T
 };
-//# sourceMappingURL=Toggle-CnpONDwl.js.map
+//# sourceMappingURL=Toggle-C60HtU15.js.map

package/dist/next/{Toggle-CnpONDwl.js.map → Toggle-C60HtU15.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Toggle-CnpONDwl.js","sources":["../../src/components/Toggle/ToggleBase.tsx","../../src/components/Toggle/next/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","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./Toggle.module.scss\";\r\nimport ToggleBase from \"../ToggleBase\";\r\nimport { ToggleProps } from \"../Toggle.types\";\r\n\r\nconst Toggle = forwardRef<HTMLButtonElement, ToggleProps>((props, ref) => {\r\n  return <ToggleBase {...props} classMap={styles} ref={ref} />;\r\n});\r\nToggle.displayName = \"Toggle\";\r\nexport default Toggle;\r\n"],"names":["label","disabled","toggle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,aAAa;AAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAAA;AAAA,IACA,QAAQ,gBAAA;AAAA,IACR,WAAW,mBAAA;AAAA,IACX,SAAS,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,OAAO,eAAA;AAAA,IACP,UAAAC,YAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,eAAe,SAAS;AAAA,EAAA,GAE1B,QACG;AACH,UAAM,MAAM,MAAA;AACZ,UAAM,WAAW,GAAG,MAAM,WAAW,GAAG;AACxC,UAAM,UAAUD,SAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AAEnD,UAAM,QAAQ,CAAC,SAAkB;AAC/B,UAAI,CAACC,aAAY,SAAS,kBAAkB,IAAI;AAAA,IAClD;AACA,UAAMC,UAAS,MAAM,MAAM,CAAC,OAAO;AAEnC,UAAM,gBAAgB,CAAC,MAAwC;AAC7D,UAAID,UAAU;AACd,cAAQ,EAAE,KAAA;AAAA,QACR,KAAK;AAAA,QACL,KAAK;AACH,YAAE,eAAA;AACF,UAAAC,QAAA;AACA;AAAA,QACF,KAAK;AACH,YAAE,eAAA;AACF,gBAAM,IAAI;AACV;AAAA,QACF,KAAK;AACH,YAAE,eAAA;AACF,gBAAM,KAAK;AACX;AAAA,MAAA;AAAA,IAEN;AAEA,UAAM,iBAAiB;AAAA,MACrB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,SAAS,IAAI;AAAA,QACbD,aAAY,SAAS;AAAA,QACrB;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAU,OAAO,OAAO,MAAMA,WAAU,SAAS;AAAA,IAAA;AAGpD,UAAM,cAAc;AAAA,MAClB,MACE;AAAA,QACE,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,QACpB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MAAA;AAAA,MAEvD,CAAC,UAAU,SAAS,QAAQ,QAAQ;AAAA,IAAA;AAGtC,gCACG,OAAA,EAAI,WAAW,gBAAgB,eAAa,GAAG,MAAM,YACpD,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,IAAI;AAAA,UACJ,WAAW;AAAA,UACX,MAAK;AAAA,UACL,gBAAc;AAAA,UACd,mBAAiBD,SAAQ,UAAU;AAAA,UACnC,cAAYA,SAAQ,SAAY;AAAA,UAChC,MAAK;AAAA,UACL,UAAAC;AAAA,UACA,SAASC;AAAA,UACT,WAAW;AAAA,UACX,eAAa;AAAA,UAEb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,eAAY;AAAA,cACZ,eAAa,GAAG,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACxB;AAAA,MAAA;AAAA,MAGDF,UACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,SAAS;AAAA,UACT,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UAErB,UAAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AChHzB,MAAM,SAAS,WAA2C,CAAC,OAAO,QAAQ;AACxE,6BAAQ,YAAA,EAAY,GAAG,OAAO,UAAU,QAAQ,KAAU;AAC5D,CAAC;AACD,OAAO,cAAc;"}
+{"version":3,"file":"Toggle-C60HtU15.js","sources":["../../src/components/Toggle/ToggleBase.tsx","../../src/components/Toggle/next/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","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./Toggle.module.scss\";\r\nimport ToggleBase from \"../ToggleBase\";\r\nimport { ToggleProps } from \"../Toggle.types\";\r\n\r\nconst Toggle = forwardRef<HTMLButtonElement, ToggleProps>((props, ref) => {\r\n  return <ToggleBase {...props} classMap={styles} ref={ref} />;\r\n});\r\nToggle.displayName = \"Toggle\";\r\nexport default Toggle;\r\n"],"names":["label","disabled","toggle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,aAAa;AAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAAA;AAAA,IACA,QAAQ,gBAAA;AAAA,IACR,WAAW,mBAAA;AAAA,IACX,SAAS,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,OAAO,eAAA;AAAA,IACP,UAAAC,YAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,eAAe,SAAS;AAAA,EAAA,GAE1B,QACG;AACH,UAAM,MAAM,MAAA;AACZ,UAAM,WAAW,GAAG,MAAM,WAAW,GAAG;AACxC,UAAM,UAAUD,SAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AAEnD,UAAM,QAAQ,CAAC,SAAkB;AAC/B,UAAI,CAACC,aAAY,SAAS,kBAAkB,IAAI;AAAA,IAClD;AACA,UAAMC,UAAS,MAAM,MAAM,CAAC,OAAO;AAEnC,UAAM,gBAAgB,CAAC,MAAwC;AAC7D,UAAID,UAAU;AACd,cAAQ,EAAE,KAAA;AAAA,QACR,KAAK;AAAA,QACL,KAAK;AACH,YAAE,eAAA;AACF,UAAAC,QAAA;AACA;AAAA,QACF,KAAK;AACH,YAAE,eAAA;AACF,gBAAM,IAAI;AACV;AAAA,QACF,KAAK;AACH,YAAE,eAAA;AACF,gBAAM,KAAK;AACX;AAAA,MAAA;AAAA,IAEN;AAEA,UAAM,iBAAiB;AAAA,MACrB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,SAAS,IAAI;AAAA,QACbD,aAAY,SAAS;AAAA,QACrB;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAU,OAAO,OAAO,MAAMA,WAAU,SAAS;AAAA,IAAA;AAGpD,UAAM,cAAc;AAAA,MAClB,MACE;AAAA,QACE,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,QACpB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MAAA;AAAA,MAEvD,CAAC,UAAU,SAAS,QAAQ,QAAQ;AAAA,IAAA;AAGtC,gCACG,OAAA,EAAI,WAAW,gBAAgB,eAAa,GAAG,MAAM,YACpD,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,IAAI;AAAA,UACJ,WAAW;AAAA,UACX,MAAK;AAAA,UACL,gBAAc;AAAA,UACd,mBAAiBD,SAAQ,UAAU;AAAA,UACnC,cAAYA,SAAQ,SAAY;AAAA,UAChC,MAAK;AAAA,UACL,UAAAC;AAAA,UACA,SAASC;AAAA,UACT,WAAW;AAAA,UACX,eAAa;AAAA,UAEb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,eAAY;AAAA,cACZ,eAAa,GAAG,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACxB;AAAA,MAAA;AAAA,MAGDF,UACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,SAAS;AAAA,UACT,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UAErB,UAAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AChHzB,MAAM,SAAS,WAA2C,CAAC,OAAO,QAAQ;AACxE,6BAAQ,YAAA,EAAY,GAAG,OAAO,UAAU,QAAQ,KAAU;AAC5D,CAAC;AACD,OAAO,cAAc;"}

package/dist/next/{Toggle-BNK7uC_N.cjs → Toggle-XcxNC4zl.cjs}

@@ -4,35 +4,35 @@ const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const container = "_container_rs9co_85";
-const label = "_label_rs9co_101";
-const toggle = "_toggle_rs9co_116";
-const slider = "_slider_rs9co_131";
-const active = "_active_rs9co_137";
-const xs = "_xs_rs9co_141";
-const small = "_small_rs9co_179";
-const medium = "_medium_rs9co_217";
-const large = "_large_rs9co_255";
-const xl = "_xl_rs9co_293";
-const primary = "_primary_rs9co_331";
-const secondary = "_secondary_rs9co_335";
-const tertiary = "_tertiary_rs9co_339";
-const quaternary = "_quaternary_rs9co_343";
-const clear = "_clear_rs9co_347";
-const success = "_success_rs9co_351";
-const error = "_error_rs9co_355";
-const warning = "_warning_rs9co_359";
-const disabled = "_disabled_rs9co_367";
-const roundNone = "_roundNone_rs9co_377";
-const roundSmall = "_roundSmall_rs9co_384";
-const roundMedium = "_roundMedium_rs9co_391";
-const roundLarge = "_roundLarge_rs9co_398";
-const roundFull = "_roundFull_rs9co_405";
-const shadowNone = "_shadowNone_rs9co_412";
-const shadowLight = "_shadowLight_rs9co_416";
-const shadowMedium = "_shadowMedium_rs9co_420";
-const shadowStrong = "_shadowStrong_rs9co_424";
-const shadowIntense = "_shadowIntense_rs9co_428";
+const container = "_container_1g9ss_85";
+const label = "_label_1g9ss_101";
+const toggle = "_toggle_1g9ss_116";
+const slider = "_slider_1g9ss_131";
+const active = "_active_1g9ss_137";
+const xs = "_xs_1g9ss_141";
+const small = "_small_1g9ss_179";
+const medium = "_medium_1g9ss_217";
+const large = "_large_1g9ss_255";
+const xl = "_xl_1g9ss_293";
+const primary = "_primary_1g9ss_331";
+const secondary = "_secondary_1g9ss_335";
+const tertiary = "_tertiary_1g9ss_339";
+const quaternary = "_quaternary_1g9ss_343";
+const clear = "_clear_1g9ss_347";
+const success = "_success_1g9ss_351";
+const error = "_error_1g9ss_355";
+const warning = "_warning_1g9ss_359";
+const disabled = "_disabled_1g9ss_367";
+const roundNone = "_roundNone_1g9ss_377";
+const roundSmall = "_roundSmall_1g9ss_384";
+const roundMedium = "_roundMedium_1g9ss_391";
+const roundLarge = "_roundLarge_1g9ss_398";
+const roundFull = "_roundFull_1g9ss_405";
+const shadowNone = "_shadowNone_1g9ss_412";
+const shadowLight = "_shadowLight_1g9ss_416";
+const shadowMedium = "_shadowMedium_1g9ss_420";
+const shadowStrong = "_shadowStrong_1g9ss_424";
+const shadowIntense = "_shadowIntense_1g9ss_428";
 const styles = {
   container,
   label,
@@ -169,4 +169,4 @@ const Toggle = React.forwardRef((props, ref) => {
 });
 Toggle.displayName = "Toggle";
 exports.Toggle = Toggle;
-//# sourceMappingURL=Toggle-BNK7uC_N.cjs.map
+//# sourceMappingURL=Toggle-XcxNC4zl.cjs.map

package/dist/next/{Toggle-BNK7uC_N.cjs.map → Toggle-XcxNC4zl.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Toggle-BNK7uC_N.cjs","sources":["../../src/components/Toggle/ToggleBase.tsx","../../src/components/Toggle/next/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","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./Toggle.module.scss\";\r\nimport ToggleBase from \"../ToggleBase\";\r\nimport { ToggleProps } from \"../Toggle.types\";\r\n\r\nconst Toggle = forwardRef<HTMLButtonElement, ToggleProps>((props, ref) => {\r\n  return <ToggleBase {...props} classMap={styles} ref={ref} />;\r\n});\r\nToggle.displayName = \"Toggle\";\r\nexport default Toggle;\r\n"],"names":["forwardRef","label","getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","disabled","useId","toggle","useMemo","combineClassNames","capitalize","jsx"],"mappings":"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"}
+{"version":3,"file":"Toggle-XcxNC4zl.cjs","sources":["../../src/components/Toggle/ToggleBase.tsx","../../src/components/Toggle/next/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","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./Toggle.module.scss\";\r\nimport ToggleBase from \"../ToggleBase\";\r\nimport { ToggleProps } from \"../Toggle.types\";\r\n\r\nconst Toggle = forwardRef<HTMLButtonElement, ToggleProps>((props, ref) => {\r\n  return <ToggleBase {...props} classMap={styles} ref={ref} />;\r\n});\r\nToggle.displayName = \"Toggle\";\r\nexport default Toggle;\r\n"],"names":["forwardRef","label","getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","disabled","useId","toggle","useMemo","combineClassNames","capitalize","jsx"],"mappings":"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"}

package/dist/next/Toggle.cjs.js

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

package/dist/next/Toggle.js

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

package/dist/next/{Toolbar-DHUozW08.cjs → Toolbar-C45B_I44.cjs}

@@ -1,36 +1,36 @@
 "use strict";
 const require$$2 = require("react/jsx-runtime");
-const Avatar = require("./Avatar-Ctm74prt.cjs");
+const Avatar = require("./Avatar-B9sMyRWr.cjs");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const noScroll = "_noScroll_nxe4j_108";
-const errorMessage = "_errorMessage_nxe4j_109";
-const loadingContainer = "_loadingContainer_nxe4j_110";
-const hideScrollbar = "_hideScrollbar_nxe4j_102";
-const sr_only = "_sr_only_nxe4j_111";
-const toolbar = "_toolbar_nxe4j_540";
-const primary = "_primary_nxe4j_563";
-const secondary = "_secondary_nxe4j_567";
-const tertiary = "_tertiary_nxe4j_571";
-const quaternary = "_quaternary_nxe4j_575";
-const clear = "_clear_nxe4j_579";
-const section = "_section_nxe4j_584";
-const title = "_title_nxe4j_612";
-const avatarWrapper = "_avatarWrapper_nxe4j_624";
-const roundNone = "_roundNone_nxe4j_634";
-const roundSmall = "_roundSmall_nxe4j_639";
-const roundMedium = "_roundMedium_nxe4j_644";
-const roundLarge = "_roundLarge_nxe4j_649";
-const roundFull = "_roundFull_nxe4j_654";
-const shadowNone = "_shadowNone_nxe4j_659";
-const shadowLight = "_shadowLight_nxe4j_663";
-const shadowMedium = "_shadowMedium_nxe4j_667";
-const shadowStrong = "_shadowStrong_nxe4j_671";
-const shadowIntense = "_shadowIntense_nxe4j_675";
-const spin = "_spin_nxe4j_1";
-const pulse = "_pulse_nxe4j_1";
+const noScroll = "_noScroll_18spd_108";
+const errorMessage = "_errorMessage_18spd_109";
+const loadingContainer = "_loadingContainer_18spd_110";
+const hideScrollbar = "_hideScrollbar_18spd_102";
+const sr_only = "_sr_only_18spd_111";
+const toolbar = "_toolbar_18spd_540";
+const primary = "_primary_18spd_563";
+const secondary = "_secondary_18spd_567";
+const tertiary = "_tertiary_18spd_571";
+const quaternary = "_quaternary_18spd_575";
+const clear = "_clear_18spd_579";
+const section = "_section_18spd_584";
+const title = "_title_18spd_612";
+const avatarWrapper = "_avatarWrapper_18spd_624";
+const roundNone = "_roundNone_18spd_634";
+const roundSmall = "_roundSmall_18spd_639";
+const roundMedium = "_roundMedium_18spd_644";
+const roundLarge = "_roundLarge_18spd_649";
+const roundFull = "_roundFull_18spd_654";
+const shadowNone = "_shadowNone_18spd_659";
+const shadowLight = "_shadowLight_18spd_663";
+const shadowMedium = "_shadowMedium_18spd_667";
+const shadowStrong = "_shadowStrong_18spd_671";
+const shadowIntense = "_shadowIntense_18spd_675";
+const spin = "_spin_18spd_1";
+const pulse = "_pulse_18spd_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -56,15 +56,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_nxe4j_1",
-  "slide-up": "_slide-up_nxe4j_1",
-  "spin-3d": "_spin-3d_nxe4j_1",
+  "fade-in": "_fade-in_18spd_1",
+  "slide-up": "_slide-up_18spd_1",
+  "spin-3d": "_spin-3d_18spd_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_nxe4j_1",
-  "progress-grow": "_progress-grow_nxe4j_1",
-  "indeterminate-move": "_indeterminate-move_nxe4j_1",
-  "skeleton-loading": "_skeleton-loading_nxe4j_1"
+  "fade-in-up": "_fade-in-up_18spd_1",
+  "progress-grow": "_progress-grow_18spd_1",
+  "indeterminate-move": "_indeterminate-move_18spd_1",
+  "skeleton-loading": "_skeleton-loading_18spd_1"
 };
 const ToolbarBase = ({
   title: title2,
@@ -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-DHUozW08.cjs.map
+//# sourceMappingURL=Toolbar-C45B_I44.cjs.map

package/dist/next/{Toolbar-DHUozW08.cjs.map → Toolbar-C45B_I44.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Toolbar-DHUozW08.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-C45B_I44.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-007Q19jl.js → Toolbar-Dq1qqx4P.js}

@@ -1,35 +1,35 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { A as Avatar } from "./Avatar-ijMVfQpY.js";
+import { A as Avatar } from "./Avatar-B-Ws4Ueo.js";
 import { useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
-const noScroll = "_noScroll_nxe4j_108";
-const errorMessage = "_errorMessage_nxe4j_109";
-const loadingContainer = "_loadingContainer_nxe4j_110";
-const hideScrollbar = "_hideScrollbar_nxe4j_102";
-const sr_only = "_sr_only_nxe4j_111";
-const toolbar = "_toolbar_nxe4j_540";
-const primary = "_primary_nxe4j_563";
-const secondary = "_secondary_nxe4j_567";
-const tertiary = "_tertiary_nxe4j_571";
-const quaternary = "_quaternary_nxe4j_575";
-const clear = "_clear_nxe4j_579";
-const section = "_section_nxe4j_584";
-const title = "_title_nxe4j_612";
-const avatarWrapper = "_avatarWrapper_nxe4j_624";
-const roundNone = "_roundNone_nxe4j_634";
-const roundSmall = "_roundSmall_nxe4j_639";
-const roundMedium = "_roundMedium_nxe4j_644";
-const roundLarge = "_roundLarge_nxe4j_649";
-const roundFull = "_roundFull_nxe4j_654";
-const shadowNone = "_shadowNone_nxe4j_659";
-const shadowLight = "_shadowLight_nxe4j_663";
-const shadowMedium = "_shadowMedium_nxe4j_667";
-const shadowStrong = "_shadowStrong_nxe4j_671";
-const shadowIntense = "_shadowIntense_nxe4j_675";
-const spin = "_spin_nxe4j_1";
-const pulse = "_pulse_nxe4j_1";
+const noScroll = "_noScroll_18spd_108";
+const errorMessage = "_errorMessage_18spd_109";
+const loadingContainer = "_loadingContainer_18spd_110";
+const hideScrollbar = "_hideScrollbar_18spd_102";
+const sr_only = "_sr_only_18spd_111";
+const toolbar = "_toolbar_18spd_540";
+const primary = "_primary_18spd_563";
+const secondary = "_secondary_18spd_567";
+const tertiary = "_tertiary_18spd_571";
+const quaternary = "_quaternary_18spd_575";
+const clear = "_clear_18spd_579";
+const section = "_section_18spd_584";
+const title = "_title_18spd_612";
+const avatarWrapper = "_avatarWrapper_18spd_624";
+const roundNone = "_roundNone_18spd_634";
+const roundSmall = "_roundSmall_18spd_639";
+const roundMedium = "_roundMedium_18spd_644";
+const roundLarge = "_roundLarge_18spd_649";
+const roundFull = "_roundFull_18spd_654";
+const shadowNone = "_shadowNone_18spd_659";
+const shadowLight = "_shadowLight_18spd_663";
+const shadowMedium = "_shadowMedium_18spd_667";
+const shadowStrong = "_shadowStrong_18spd_671";
+const shadowIntense = "_shadowIntense_18spd_675";
+const spin = "_spin_18spd_1";
+const pulse = "_pulse_18spd_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -55,15 +55,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_nxe4j_1",
-  "slide-up": "_slide-up_nxe4j_1",
-  "spin-3d": "_spin-3d_nxe4j_1",
+  "fade-in": "_fade-in_18spd_1",
+  "slide-up": "_slide-up_18spd_1",
+  "spin-3d": "_spin-3d_18spd_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_nxe4j_1",
-  "progress-grow": "_progress-grow_nxe4j_1",
-  "indeterminate-move": "_indeterminate-move_nxe4j_1",
-  "skeleton-loading": "_skeleton-loading_nxe4j_1"
+  "fade-in-up": "_fade-in-up_18spd_1",
+  "progress-grow": "_progress-grow_18spd_1",
+  "indeterminate-move": "_indeterminate-move_18spd_1",
+  "skeleton-loading": "_skeleton-loading_18spd_1"
 };
 const ToolbarBase = ({
   title: title2,
@@ -168,4 +168,4 @@ Toolbar.displayName = "Toolbar";
 export {
   Toolbar as T
 };
-//# sourceMappingURL=Toolbar-007Q19jl.js.map
+//# sourceMappingURL=Toolbar-Dq1qqx4P.js.map

package/dist/next/{Toolbar-007Q19jl.js.map → Toolbar-Dq1qqx4P.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Toolbar-007Q19jl.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-Dq1qqx4P.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-DHUozW08.cjs");
+const Toolbar = require("./Toolbar-C45B_I44.cjs");
 module.exports = Toolbar.Toolbar;
 //# sourceMappingURL=Toolbar.cjs.js.map

package/dist/next/Toolbar.js

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