boreal-ui 0.0.20 → 0.0.22

package/dist/next/{Divider-BlJMteki.cjs → Divider-Fpf7-0z3.cjs}

@@ -49,19 +49,19 @@ const DividerBase = React.forwardRef(
   }
 );
 DividerBase.displayName = "DividerBase";
-const divider = "_divider_eg6od_68";
-const horizontal = "_horizontal_eg6od_77";
-const vertical = "_vertical_eg6od_82";
-const primary = "_primary_eg6od_87";
-const secondary = "_secondary_eg6od_92";
-const tertiary = "_tertiary_eg6od_97";
-const quaternary = "_quaternary_eg6od_102";
-const clear = "_clear_eg6od_107";
-const success = "_success_eg6od_112";
-const error = "_error_eg6od_117";
-const warning = "_warning_eg6od_122";
-const dashed = "_dashed_eg6od_127";
-const disabled = "_disabled_eg6od_160";
+const divider = "_divider_14uni_68";
+const horizontal = "_horizontal_14uni_77";
+const vertical = "_vertical_14uni_82";
+const primary = "_primary_14uni_87";
+const secondary = "_secondary_14uni_92";
+const tertiary = "_tertiary_14uni_97";
+const quaternary = "_quaternary_14uni_102";
+const clear = "_clear_14uni_107";
+const success = "_success_14uni_112";
+const error = "_error_14uni_117";
+const warning = "_warning_14uni_122";
+const dashed = "_dashed_14uni_127";
+const disabled = "_disabled_14uni_160";
 const styles = {
   divider,
   horizontal,
@@ -79,4 +79,4 @@ const styles = {
 };
 const Divider = (props) => /* @__PURE__ */ require$$2.jsx(DividerBase, { ...props, classMap: styles });
 exports.Divider = Divider;
-//# sourceMappingURL=Divider-BlJMteki.cjs.map
+//# sourceMappingURL=Divider-Fpf7-0z3.cjs.map

package/dist/next/{Divider-BlJMteki.cjs.map → Divider-Fpf7-0z3.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Divider-BlJMteki.cjs","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/next/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nexport interface DividerBaseProps extends DividerProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst DividerBase = forwardRef<HTMLElement, DividerBaseProps>(\r\n  (\r\n    {\r\n      orientation = \"horizontal\",\r\n      thickness = \"1px\",\r\n      length = \"100%\",\r\n      className = \"\",\r\n      dashed = false,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      as = \"div\",\r\n      classMap,\r\n      \"data-testid\": testId = \"divider\",\r\n      \"aria-hidden\": ariaHidden,\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const isVertical = orientation === \"vertical\";\r\n\r\n    const style: React.CSSProperties = {\r\n      width: isVertical ? thickness : length,\r\n      height: isVertical ? length : thickness,\r\n      backgroundColor: dashed ? \"transparent\" : undefined,\r\n    };\r\n\r\n    const ComponentTag = as;\r\n\r\n    const role = ComponentTag === \"hr\" ? undefined : \"separator\";\r\n\r\n    return (\r\n      <ComponentTag\r\n        ref={ref as never}\r\n        className={combineClassNames(\r\n          classMap.divider,\r\n          classMap[orientation],\r\n          theme && classMap[theme],\r\n          state && classMap[state],\r\n          dashed && classMap.dashed,\r\n          className\r\n        )}\r\n        {...(role && { role })}\r\n        {...(role && isVertical && { \"aria-orientation\": \"vertical\" })}\r\n        {...(ariaHidden !== undefined && { \"aria-hidden\": ariaHidden })}\r\n        style={style}\r\n        data-testid={testId}\r\n        {...rest}\r\n      />\r\n    );\r\n  }\r\n);\r\n\r\nDividerBase.displayName = \"DividerBase\";\r\n\r\nexport default DividerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport styles from \"./Divider.module.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst Divider: React.FC<DividerProps> = (props) => (\r\n  <DividerBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default Divider;\r\n"],"names":["forwardRef","dashed","getDefaultTheme","jsx","combineClassNames"],"mappings":";;;;;AASA,MAAM,cAAcA,MAAAA;AAAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAAC,UAAS;AAAA,IACT,QAAQC,kBAAAA,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL;AAAA,IACA,eAAe,SAAS;AAAA,IACxB,eAAe;AAAA,IACf,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,aAAa,gBAAgB;AAEnC,UAAM,QAA6B;AAAA,MACjC,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiBD,UAAS,gBAAgB;AAAA,IAAA;AAG5C,UAAM,eAAe;AAErB,UAAM,OAAO,iBAAiB,OAAO,SAAY;AAEjD,WACEE,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWC,WAAAA;AAAAA,UACT,SAAS;AAAA,UACT,SAAS,WAAW;AAAA,UACpB,SAAS,SAAS,KAAK;AAAA,UACvB,SAAS,SAAS,KAAK;AAAA,UACvBH,WAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAED,GAAI,QAAQ,EAAE,KAAA;AAAA,QACd,GAAI,QAAQ,cAAc,EAAE,oBAAoB,WAAA;AAAA,QAChD,GAAI,eAAe,UAAa,EAAE,eAAe,WAAA;AAAA,QAClD;AAAA,QACA,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtD1B,MAAM,UAAkC,CAAC,UACvCE,+BAAC,eAAa,GAAG,OAAO,UAAU,OAAA,CAAQ;;"}
+{"version":3,"file":"Divider-Fpf7-0z3.cjs","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/next/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nexport interface DividerBaseProps extends DividerProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst DividerBase = forwardRef<HTMLElement, DividerBaseProps>(\r\n  (\r\n    {\r\n      orientation = \"horizontal\",\r\n      thickness = \"1px\",\r\n      length = \"100%\",\r\n      className = \"\",\r\n      dashed = false,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      as = \"div\",\r\n      classMap,\r\n      \"data-testid\": testId = \"divider\",\r\n      \"aria-hidden\": ariaHidden,\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const isVertical = orientation === \"vertical\";\r\n\r\n    const style: React.CSSProperties = {\r\n      width: isVertical ? thickness : length,\r\n      height: isVertical ? length : thickness,\r\n      backgroundColor: dashed ? \"transparent\" : undefined,\r\n    };\r\n\r\n    const ComponentTag = as;\r\n\r\n    const role = ComponentTag === \"hr\" ? undefined : \"separator\";\r\n\r\n    return (\r\n      <ComponentTag\r\n        ref={ref as never}\r\n        className={combineClassNames(\r\n          classMap.divider,\r\n          classMap[orientation],\r\n          theme && classMap[theme],\r\n          state && classMap[state],\r\n          dashed && classMap.dashed,\r\n          className\r\n        )}\r\n        {...(role && { role })}\r\n        {...(role && isVertical && { \"aria-orientation\": \"vertical\" })}\r\n        {...(ariaHidden !== undefined && { \"aria-hidden\": ariaHidden })}\r\n        style={style}\r\n        data-testid={testId}\r\n        {...rest}\r\n      />\r\n    );\r\n  }\r\n);\r\n\r\nDividerBase.displayName = \"DividerBase\";\r\n\r\nexport default DividerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport styles from \"./Divider.module.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst Divider: React.FC<DividerProps> = (props) => (\r\n  <DividerBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default Divider;\r\n"],"names":["forwardRef","dashed","getDefaultTheme","jsx","combineClassNames"],"mappings":";;;;;AASA,MAAM,cAAcA,MAAAA;AAAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAAC,UAAS;AAAA,IACT,QAAQC,kBAAAA,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL;AAAA,IACA,eAAe,SAAS;AAAA,IACxB,eAAe;AAAA,IACf,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,aAAa,gBAAgB;AAEnC,UAAM,QAA6B;AAAA,MACjC,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiBD,UAAS,gBAAgB;AAAA,IAAA;AAG5C,UAAM,eAAe;AAErB,UAAM,OAAO,iBAAiB,OAAO,SAAY;AAEjD,WACEE,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWC,WAAAA;AAAAA,UACT,SAAS;AAAA,UACT,SAAS,WAAW;AAAA,UACpB,SAAS,SAAS,KAAK;AAAA,UACvB,SAAS,SAAS,KAAK;AAAA,UACvBH,WAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAED,GAAI,QAAQ,EAAE,KAAA;AAAA,QACd,GAAI,QAAQ,cAAc,EAAE,oBAAoB,WAAA;AAAA,QAChD,GAAI,eAAe,UAAa,EAAE,eAAe,WAAA;AAAA,QAClD;AAAA,QACA,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtD1B,MAAM,UAAkC,CAAC,UACvCE,+BAAC,eAAa,GAAG,OAAO,UAAU,OAAA,CAAQ;;"}

package/dist/next/{Divider-g7VS0Sbx.js → Divider-PQO6alS3.js}

@@ -48,19 +48,19 @@ const DividerBase = forwardRef(
   }
 );
 DividerBase.displayName = "DividerBase";
-const divider = "_divider_eg6od_68";
-const horizontal = "_horizontal_eg6od_77";
-const vertical = "_vertical_eg6od_82";
-const primary = "_primary_eg6od_87";
-const secondary = "_secondary_eg6od_92";
-const tertiary = "_tertiary_eg6od_97";
-const quaternary = "_quaternary_eg6od_102";
-const clear = "_clear_eg6od_107";
-const success = "_success_eg6od_112";
-const error = "_error_eg6od_117";
-const warning = "_warning_eg6od_122";
-const dashed = "_dashed_eg6od_127";
-const disabled = "_disabled_eg6od_160";
+const divider = "_divider_14uni_68";
+const horizontal = "_horizontal_14uni_77";
+const vertical = "_vertical_14uni_82";
+const primary = "_primary_14uni_87";
+const secondary = "_secondary_14uni_92";
+const tertiary = "_tertiary_14uni_97";
+const quaternary = "_quaternary_14uni_102";
+const clear = "_clear_14uni_107";
+const success = "_success_14uni_112";
+const error = "_error_14uni_117";
+const warning = "_warning_14uni_122";
+const dashed = "_dashed_14uni_127";
+const disabled = "_disabled_14uni_160";
 const styles = {
   divider,
   horizontal,
@@ -80,4 +80,4 @@ const Divider = (props) => /* @__PURE__ */ jsx(DividerBase, { ...props, classMap
 export {
   Divider as D
 };
-//# sourceMappingURL=Divider-g7VS0Sbx.js.map
+//# sourceMappingURL=Divider-PQO6alS3.js.map

package/dist/next/{Divider-g7VS0Sbx.js.map → Divider-PQO6alS3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Divider-g7VS0Sbx.js","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/next/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nexport interface DividerBaseProps extends DividerProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst DividerBase = forwardRef<HTMLElement, DividerBaseProps>(\r\n  (\r\n    {\r\n      orientation = \"horizontal\",\r\n      thickness = \"1px\",\r\n      length = \"100%\",\r\n      className = \"\",\r\n      dashed = false,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      as = \"div\",\r\n      classMap,\r\n      \"data-testid\": testId = \"divider\",\r\n      \"aria-hidden\": ariaHidden,\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const isVertical = orientation === \"vertical\";\r\n\r\n    const style: React.CSSProperties = {\r\n      width: isVertical ? thickness : length,\r\n      height: isVertical ? length : thickness,\r\n      backgroundColor: dashed ? \"transparent\" : undefined,\r\n    };\r\n\r\n    const ComponentTag = as;\r\n\r\n    const role = ComponentTag === \"hr\" ? undefined : \"separator\";\r\n\r\n    return (\r\n      <ComponentTag\r\n        ref={ref as never}\r\n        className={combineClassNames(\r\n          classMap.divider,\r\n          classMap[orientation],\r\n          theme && classMap[theme],\r\n          state && classMap[state],\r\n          dashed && classMap.dashed,\r\n          className\r\n        )}\r\n        {...(role && { role })}\r\n        {...(role && isVertical && { \"aria-orientation\": \"vertical\" })}\r\n        {...(ariaHidden !== undefined && { \"aria-hidden\": ariaHidden })}\r\n        style={style}\r\n        data-testid={testId}\r\n        {...rest}\r\n      />\r\n    );\r\n  }\r\n);\r\n\r\nDividerBase.displayName = \"DividerBase\";\r\n\r\nexport default DividerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport styles from \"./Divider.module.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst Divider: React.FC<DividerProps> = (props) => (\r\n  <DividerBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default Divider;\r\n"],"names":["dashed"],"mappings":";;;;AASA,MAAM,cAAc;AAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAAA,UAAS;AAAA,IACT,QAAQ,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL;AAAA,IACA,eAAe,SAAS;AAAA,IACxB,eAAe;AAAA,IACf,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,aAAa,gBAAgB;AAEnC,UAAM,QAA6B;AAAA,MACjC,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiBA,UAAS,gBAAgB;AAAA,IAAA;AAG5C,UAAM,eAAe;AAErB,UAAM,OAAO,iBAAiB,OAAO,SAAY;AAEjD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,UACT,SAAS,WAAW;AAAA,UACpB,SAAS,SAAS,KAAK;AAAA,UACvB,SAAS,SAAS,KAAK;AAAA,UACvBA,WAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAED,GAAI,QAAQ,EAAE,KAAA;AAAA,QACd,GAAI,QAAQ,cAAc,EAAE,oBAAoB,WAAA;AAAA,QAChD,GAAI,eAAe,UAAa,EAAE,eAAe,WAAA;AAAA,QAClD;AAAA,QACA,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtD1B,MAAM,UAAkC,CAAC,UACvC,oBAAC,eAAa,GAAG,OAAO,UAAU,OAAA,CAAQ;"}
+{"version":3,"file":"Divider-PQO6alS3.js","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/next/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nexport interface DividerBaseProps extends DividerProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst DividerBase = forwardRef<HTMLElement, DividerBaseProps>(\r\n  (\r\n    {\r\n      orientation = \"horizontal\",\r\n      thickness = \"1px\",\r\n      length = \"100%\",\r\n      className = \"\",\r\n      dashed = false,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      as = \"div\",\r\n      classMap,\r\n      \"data-testid\": testId = \"divider\",\r\n      \"aria-hidden\": ariaHidden,\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const isVertical = orientation === \"vertical\";\r\n\r\n    const style: React.CSSProperties = {\r\n      width: isVertical ? thickness : length,\r\n      height: isVertical ? length : thickness,\r\n      backgroundColor: dashed ? \"transparent\" : undefined,\r\n    };\r\n\r\n    const ComponentTag = as;\r\n\r\n    const role = ComponentTag === \"hr\" ? undefined : \"separator\";\r\n\r\n    return (\r\n      <ComponentTag\r\n        ref={ref as never}\r\n        className={combineClassNames(\r\n          classMap.divider,\r\n          classMap[orientation],\r\n          theme && classMap[theme],\r\n          state && classMap[state],\r\n          dashed && classMap.dashed,\r\n          className\r\n        )}\r\n        {...(role && { role })}\r\n        {...(role && isVertical && { \"aria-orientation\": \"vertical\" })}\r\n        {...(ariaHidden !== undefined && { \"aria-hidden\": ariaHidden })}\r\n        style={style}\r\n        data-testid={testId}\r\n        {...rest}\r\n      />\r\n    );\r\n  }\r\n);\r\n\r\nDividerBase.displayName = \"DividerBase\";\r\n\r\nexport default DividerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport styles from \"./Divider.module.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst Divider: React.FC<DividerProps> = (props) => (\r\n  <DividerBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default Divider;\r\n"],"names":["dashed"],"mappings":";;;;AASA,MAAM,cAAc;AAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAAA,UAAS;AAAA,IACT,QAAQ,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL;AAAA,IACA,eAAe,SAAS;AAAA,IACxB,eAAe;AAAA,IACf,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,aAAa,gBAAgB;AAEnC,UAAM,QAA6B;AAAA,MACjC,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiBA,UAAS,gBAAgB;AAAA,IAAA;AAG5C,UAAM,eAAe;AAErB,UAAM,OAAO,iBAAiB,OAAO,SAAY;AAEjD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,UACT,SAAS,WAAW;AAAA,UACpB,SAAS,SAAS,KAAK;AAAA,UACvB,SAAS,SAAS,KAAK;AAAA,UACvBA,WAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAED,GAAI,QAAQ,EAAE,KAAA;AAAA,QACd,GAAI,QAAQ,cAAc,EAAE,oBAAoB,WAAA;AAAA,QAChD,GAAI,eAAe,UAAa,EAAE,eAAe,WAAA;AAAA,QAClD;AAAA,QACA,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtD1B,MAAM,UAAkC,CAAC,UACvC,oBAAC,eAAa,GAAG,OAAO,UAAU,OAAA,CAAQ;"}

package/dist/next/Divider.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Divider = require("./Divider-BlJMteki.cjs");
+const Divider = require("./Divider-Fpf7-0z3.cjs");
 module.exports = Divider.Divider;
 //# sourceMappingURL=Divider.cjs.js.map

package/dist/next/Divider.js

@@ -1,4 +1,4 @@
-import { D } from "./Divider-g7VS0Sbx.js";
+import { D } from "./Divider-PQO6alS3.js";
 export {
   D as default
 };

package/dist/next/{Dropdown-DyBmnKrz.js → Dropdown-C_B5tfQD.js}

@@ -3,7 +3,7 @@ import { useState, useRef, useId, useEffect, 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";
-import { I as IconButton } from "./IconButton-DFrFh0kg.js";
+import { I as IconButton } from "./IconButton-DxGzuz13.js";
 const MenuIcon = (props) => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -215,31 +215,31 @@ const BaseDropdown = ({
     }
   );
 };
-const wrapper = "_wrapper_t0t9y_68";
-const trigger = "_trigger_t0t9y_74";
-const alignRight = "_alignRight_t0t9y_80";
-const alignLeft = "_alignLeft_t0t9y_84";
-const menu = "_menu_t0t9y_88";
-const item = "_item_t0t9y_123";
-const icon = "_icon_t0t9y_144";
-const roundNone = "_roundNone_t0t9y_159";
-const roundSmall = "_roundSmall_t0t9y_163";
-const roundMedium = "_roundMedium_t0t9y_167";
-const roundLarge = "_roundLarge_t0t9y_171";
-const roundFull = "_roundFull_t0t9y_175";
-const shadowNone = "_shadowNone_t0t9y_179";
-const shadowLight = "_shadowLight_t0t9y_183";
-const shadowMedium = "_shadowMedium_t0t9y_187";
-const shadowStrong = "_shadowStrong_t0t9y_191";
-const shadowIntense = "_shadowIntense_t0t9y_195";
+const wrapper = "_wrapper_j3ll5_68";
+const trigger = "_trigger_j3ll5_74";
+const alignRight = "_alignRight_j3ll5_80";
+const alignLeft = "_alignLeft_j3ll5_84";
+const menu = "_menu_j3ll5_88";
+const item = "_item_j3ll5_123";
+const icon = "_icon_j3ll5_144";
+const roundNone = "_roundNone_j3ll5_159";
+const roundSmall = "_roundSmall_j3ll5_163";
+const roundMedium = "_roundMedium_j3ll5_167";
+const roundLarge = "_roundLarge_j3ll5_171";
+const roundFull = "_roundFull_j3ll5_175";
+const shadowNone = "_shadowNone_j3ll5_179";
+const shadowLight = "_shadowLight_j3ll5_183";
+const shadowMedium = "_shadowMedium_j3ll5_187";
+const shadowStrong = "_shadowStrong_j3ll5_191";
+const shadowIntense = "_shadowIntense_j3ll5_195";
 const styles = {
   wrapper,
   trigger,
   alignRight,
   alignLeft,
   menu,
-  "fade-in": "_fade-in_t0t9y_1",
-  "slide-up": "_slide-up_t0t9y_1",
+  "fade-in": "_fade-in_j3ll5_1",
+  "slide-up": "_slide-up_j3ll5_1",
   item,
   icon,
   roundNone,
@@ -259,4 +259,4 @@ const Dropdown = (props) => {
 export {
   Dropdown as D
 };
-//# sourceMappingURL=Dropdown-DyBmnKrz.js.map
+//# sourceMappingURL=Dropdown-C_B5tfQD.js.map

package/dist/next/{Dropdown-DyBmnKrz.js.map → Dropdown-C_B5tfQD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Dropdown-DyBmnKrz.js","sources":["../../src/Icons/MenuIcon.tsx","../../src/components/Dropdown/DropdownBase.tsx","../../src/components/Dropdown/next/Dropdown.tsx"],"sourcesContent":["const MenuIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 5H21\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 12H21\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 19H21\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default MenuIcon;\r\n","import React, {\r\n  useState,\r\n  useRef,\r\n  useEffect,\r\n  KeyboardEvent,\r\n  useId,\r\n  JSX,\r\n  ComponentType,\r\n  useMemo,\r\n} from \"react\";\r\nimport { DropdownProps } from \"./Dropdown.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport MenuIcon from \"../../Icons/MenuIcon\";\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\nexport interface BaseDropdownProps extends DropdownProps {\r\n  IconButton: ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseDropdown: React.FC<BaseDropdownProps> = ({\r\n  triggerIcon,\r\n  items,\r\n  align = \"right\",\r\n  className = \"\",\r\n  menuClassName = \"\",\r\n  ariaLabel = \"Dropdown menu\",\r\n  theme = getDefaultTheme(),\r\n  toggleRounding = getDefaultRounding(),\r\n  menuRounding = getDefaultRounding(),\r\n  toggleShadow = getDefaultShadow(),\r\n  menuShadow = getDefaultShadow(),\r\n  toggleOutline = false,\r\n  state = \"\",\r\n  \"data-testid\": testId = \"dropdown\",\r\n  IconButton,\r\n  classMap,\r\n}: BaseDropdownProps): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const menuRef = useRef<HTMLDivElement>(null);\r\n  const menuId = useId();\r\n\r\n  const Icon = triggerIcon ?? MenuIcon;\r\n\r\n  const toggleDropdown = () => setOpen((prev) => !prev);\r\n  const closeDropdown = () => {\r\n    setOpen(false);\r\n    setActiveIndex(-1);\r\n  };\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (!open) return;\r\n\r\n    if (e.key === \"Escape\") {\r\n      e.preventDefault();\r\n      closeDropdown();\r\n    } else if (e.key === \"ArrowDown\") {\r\n      e.preventDefault();\r\n      setActiveIndex((prev) => (prev + 1) % items.length);\r\n    } else if (e.key === \"ArrowUp\") {\r\n      e.preventDefault();\r\n      setActiveIndex((prev) => (prev - 1 + items.length) % items.length);\r\n    } else if (e.key === \"Enter\" || e.key === \" \") {\r\n      const item = items[activeIndex];\r\n      if (item) {\r\n        item.onClick?.();\r\n        closeDropdown();\r\n      }\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (e: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(e.target as Node)\r\n      ) {\r\n        closeDropdown();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n\r\n    if (open && menuRef.current) {\r\n      const rect = menuRef.current.getBoundingClientRect();\r\n      const isOverflowingRight = rect.right > window.innerWidth;\r\n      const isOverflowingLeft = rect.left < 0;\r\n\r\n      if (isOverflowingRight) {\r\n        menuRef.current.setAttribute(\"data-overflow-right\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      } else if (isOverflowingLeft) {\r\n        menuRef.current.setAttribute(\"data-overflow-left\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n      } else {\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      }\r\n    }\r\n\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open, menuRef]);\r\n\r\n  useEffect(() => {\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n    if (open && menuItems && activeIndex >= 0) {\r\n      menuItems[activeIndex]?.focus();\r\n    }\r\n  }, [activeIndex, open]);\r\n\r\n  const menuClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.menu,\r\n        align === \"right\" ? classMap.alignRight : classMap.alignLeft,\r\n        menuShadow && classMap[`shadow${capitalize(menuShadow)}`],\r\n        menuRounding && classMap[`round${capitalize(menuRounding)}`],\r\n        menuClassName\r\n      ),\r\n    [classMap, align, menuShadow, menuRounding, menuClassName]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={combineClassNames(classMap.wrapper, className)}\r\n      onKeyDown={handleKeyDown}\r\n      data-testid={testId}\r\n    >\r\n      <IconButton\r\n        icon={Icon}\r\n        ariaLabel={ariaLabel}\r\n        aria-haspopup=\"menu\"\r\n        aria-expanded={open}\r\n        aria-controls={menuId}\r\n        rounding={toggleRounding}\r\n        shadow={toggleShadow}\r\n        outline={toggleOutline}\r\n        theme={theme}\r\n        state={state}\r\n        onClick={toggleDropdown}\r\n        data-testid={`${testId}-trigger`}\r\n      />\r\n\r\n      {open && (\r\n        <div\r\n          id={menuId}\r\n          ref={menuRef}\r\n          role=\"menu\"\r\n          aria-label={ariaLabel}\r\n          className={menuClassNames}\r\n          data-testid={`${testId}-menu`}\r\n        >\r\n          {items.map((item, index) =>\r\n            item.href ? (\r\n              <a\r\n                key={index}\r\n                href={item.href}\r\n                className={classMap.item}\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                data-testid={item[\"data-testid\"]}\r\n              >\r\n                {item.icon && (\r\n                  <span className={classMap.icon}>{item.icon}</span>\r\n                )}\r\n                {item.label}\r\n              </a>\r\n            ) : (\r\n              <button\r\n                key={index}\r\n                type=\"button\"\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                className={classMap.item}\r\n                onClick={() => {\r\n                  item.onClick?.();\r\n                  closeDropdown();\r\n                }}\r\n                data-testid={item[\"data-testid\"]}\r\n              >\r\n                {item.icon && (\r\n                  <span className={classMap.icon}>{item.icon}</span>\r\n                )}\r\n                {item.label}\r\n              </button>\r\n            )\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BaseDropdown;\r\n","\"use client\";\r\nimport React from \"react\";\r\nimport BaseDropdown from \"../DropdownBase\";\r\nimport { DropdownProps } from \"../Dropdown.types\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Dropdown.module.scss\";\r\n\r\nconst Dropdown: React.FC<DropdownProps> = (props) => {\r\n  return <BaseDropdown {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\n\r\nexport default Dropdown;\r\n"],"names":["IconButton","item"],"mappings":"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"}
+{"version":3,"file":"Dropdown-C_B5tfQD.js","sources":["../../src/Icons/MenuIcon.tsx","../../src/components/Dropdown/DropdownBase.tsx","../../src/components/Dropdown/next/Dropdown.tsx"],"sourcesContent":["const MenuIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 5H21\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 12H21\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 19H21\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default MenuIcon;\r\n","import React, {\r\n  useState,\r\n  useRef,\r\n  useEffect,\r\n  KeyboardEvent,\r\n  useId,\r\n  JSX,\r\n  ComponentType,\r\n  useMemo,\r\n} from \"react\";\r\nimport { DropdownProps } from \"./Dropdown.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport MenuIcon from \"../../Icons/MenuIcon\";\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\nexport interface BaseDropdownProps extends DropdownProps {\r\n  IconButton: ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseDropdown: React.FC<BaseDropdownProps> = ({\r\n  triggerIcon,\r\n  items,\r\n  align = \"right\",\r\n  className = \"\",\r\n  menuClassName = \"\",\r\n  ariaLabel = \"Dropdown menu\",\r\n  theme = getDefaultTheme(),\r\n  toggleRounding = getDefaultRounding(),\r\n  menuRounding = getDefaultRounding(),\r\n  toggleShadow = getDefaultShadow(),\r\n  menuShadow = getDefaultShadow(),\r\n  toggleOutline = false,\r\n  state = \"\",\r\n  \"data-testid\": testId = \"dropdown\",\r\n  IconButton,\r\n  classMap,\r\n}: BaseDropdownProps): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const menuRef = useRef<HTMLDivElement>(null);\r\n  const menuId = useId();\r\n\r\n  const Icon = triggerIcon ?? MenuIcon;\r\n\r\n  const toggleDropdown = () => setOpen((prev) => !prev);\r\n  const closeDropdown = () => {\r\n    setOpen(false);\r\n    setActiveIndex(-1);\r\n  };\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (!open) return;\r\n\r\n    if (e.key === \"Escape\") {\r\n      e.preventDefault();\r\n      closeDropdown();\r\n    } else if (e.key === \"ArrowDown\") {\r\n      e.preventDefault();\r\n      setActiveIndex((prev) => (prev + 1) % items.length);\r\n    } else if (e.key === \"ArrowUp\") {\r\n      e.preventDefault();\r\n      setActiveIndex((prev) => (prev - 1 + items.length) % items.length);\r\n    } else if (e.key === \"Enter\" || e.key === \" \") {\r\n      const item = items[activeIndex];\r\n      if (item) {\r\n        item.onClick?.();\r\n        closeDropdown();\r\n      }\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (e: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(e.target as Node)\r\n      ) {\r\n        closeDropdown();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n\r\n    if (open && menuRef.current) {\r\n      const rect = menuRef.current.getBoundingClientRect();\r\n      const isOverflowingRight = rect.right > window.innerWidth;\r\n      const isOverflowingLeft = rect.left < 0;\r\n\r\n      if (isOverflowingRight) {\r\n        menuRef.current.setAttribute(\"data-overflow-right\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      } else if (isOverflowingLeft) {\r\n        menuRef.current.setAttribute(\"data-overflow-left\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n      } else {\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      }\r\n    }\r\n\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open, menuRef]);\r\n\r\n  useEffect(() => {\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n    if (open && menuItems && activeIndex >= 0) {\r\n      menuItems[activeIndex]?.focus();\r\n    }\r\n  }, [activeIndex, open]);\r\n\r\n  const menuClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.menu,\r\n        align === \"right\" ? classMap.alignRight : classMap.alignLeft,\r\n        menuShadow && classMap[`shadow${capitalize(menuShadow)}`],\r\n        menuRounding && classMap[`round${capitalize(menuRounding)}`],\r\n        menuClassName\r\n      ),\r\n    [classMap, align, menuShadow, menuRounding, menuClassName]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={combineClassNames(classMap.wrapper, className)}\r\n      onKeyDown={handleKeyDown}\r\n      data-testid={testId}\r\n    >\r\n      <IconButton\r\n        icon={Icon}\r\n        ariaLabel={ariaLabel}\r\n        aria-haspopup=\"menu\"\r\n        aria-expanded={open}\r\n        aria-controls={menuId}\r\n        rounding={toggleRounding}\r\n        shadow={toggleShadow}\r\n        outline={toggleOutline}\r\n        theme={theme}\r\n        state={state}\r\n        onClick={toggleDropdown}\r\n        data-testid={`${testId}-trigger`}\r\n      />\r\n\r\n      {open && (\r\n        <div\r\n          id={menuId}\r\n          ref={menuRef}\r\n          role=\"menu\"\r\n          aria-label={ariaLabel}\r\n          className={menuClassNames}\r\n          data-testid={`${testId}-menu`}\r\n        >\r\n          {items.map((item, index) =>\r\n            item.href ? (\r\n              <a\r\n                key={index}\r\n                href={item.href}\r\n                className={classMap.item}\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                data-testid={item[\"data-testid\"]}\r\n              >\r\n                {item.icon && (\r\n                  <span className={classMap.icon}>{item.icon}</span>\r\n                )}\r\n                {item.label}\r\n              </a>\r\n            ) : (\r\n              <button\r\n                key={index}\r\n                type=\"button\"\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                className={classMap.item}\r\n                onClick={() => {\r\n                  item.onClick?.();\r\n                  closeDropdown();\r\n                }}\r\n                data-testid={item[\"data-testid\"]}\r\n              >\r\n                {item.icon && (\r\n                  <span className={classMap.icon}>{item.icon}</span>\r\n                )}\r\n                {item.label}\r\n              </button>\r\n            )\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BaseDropdown;\r\n","\"use client\";\r\nimport React from \"react\";\r\nimport BaseDropdown from \"../DropdownBase\";\r\nimport { DropdownProps } from \"../Dropdown.types\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Dropdown.module.scss\";\r\n\r\nconst Dropdown: React.FC<DropdownProps> = (props) => {\r\n  return <BaseDropdown {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\n\r\nexport default Dropdown;\r\n"],"names":["IconButton","item"],"mappings":"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"}

package/dist/next/{Dropdown-BtbLZeZq.cjs → Dropdown-Pjjqikm8.cjs}

@@ -4,7 +4,7 @@ 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 IconButton = require("./IconButton-CNzF48hu.cjs");
+const IconButton = require("./IconButton-1BW390eT.cjs");
 const MenuIcon = (props) => /* @__PURE__ */ require$$2.jsxs(
   "svg",
   {
@@ -216,31 +216,31 @@ const BaseDropdown = ({
     }
   );
 };
-const wrapper = "_wrapper_t0t9y_68";
-const trigger = "_trigger_t0t9y_74";
-const alignRight = "_alignRight_t0t9y_80";
-const alignLeft = "_alignLeft_t0t9y_84";
-const menu = "_menu_t0t9y_88";
-const item = "_item_t0t9y_123";
-const icon = "_icon_t0t9y_144";
-const roundNone = "_roundNone_t0t9y_159";
-const roundSmall = "_roundSmall_t0t9y_163";
-const roundMedium = "_roundMedium_t0t9y_167";
-const roundLarge = "_roundLarge_t0t9y_171";
-const roundFull = "_roundFull_t0t9y_175";
-const shadowNone = "_shadowNone_t0t9y_179";
-const shadowLight = "_shadowLight_t0t9y_183";
-const shadowMedium = "_shadowMedium_t0t9y_187";
-const shadowStrong = "_shadowStrong_t0t9y_191";
-const shadowIntense = "_shadowIntense_t0t9y_195";
+const wrapper = "_wrapper_j3ll5_68";
+const trigger = "_trigger_j3ll5_74";
+const alignRight = "_alignRight_j3ll5_80";
+const alignLeft = "_alignLeft_j3ll5_84";
+const menu = "_menu_j3ll5_88";
+const item = "_item_j3ll5_123";
+const icon = "_icon_j3ll5_144";
+const roundNone = "_roundNone_j3ll5_159";
+const roundSmall = "_roundSmall_j3ll5_163";
+const roundMedium = "_roundMedium_j3ll5_167";
+const roundLarge = "_roundLarge_j3ll5_171";
+const roundFull = "_roundFull_j3ll5_175";
+const shadowNone = "_shadowNone_j3ll5_179";
+const shadowLight = "_shadowLight_j3ll5_183";
+const shadowMedium = "_shadowMedium_j3ll5_187";
+const shadowStrong = "_shadowStrong_j3ll5_191";
+const shadowIntense = "_shadowIntense_j3ll5_195";
 const styles = {
   wrapper,
   trigger,
   alignRight,
   alignLeft,
   menu,
-  "fade-in": "_fade-in_t0t9y_1",
-  "slide-up": "_slide-up_t0t9y_1",
+  "fade-in": "_fade-in_j3ll5_1",
+  "slide-up": "_slide-up_j3ll5_1",
   item,
   icon,
   roundNone,
@@ -258,4 +258,4 @@ const Dropdown = (props) => {
   return /* @__PURE__ */ require$$2.jsx(BaseDropdown, { ...props, IconButton: IconButton.IconButton, classMap: styles });
 };
 exports.Dropdown = Dropdown;
-//# sourceMappingURL=Dropdown-BtbLZeZq.cjs.map
+//# sourceMappingURL=Dropdown-Pjjqikm8.cjs.map

package/dist/next/{Dropdown-BtbLZeZq.cjs.map → Dropdown-Pjjqikm8.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Dropdown-BtbLZeZq.cjs","sources":["../../src/Icons/MenuIcon.tsx","../../src/components/Dropdown/DropdownBase.tsx","../../src/components/Dropdown/next/Dropdown.tsx"],"sourcesContent":["const MenuIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 5H21\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 12H21\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 19H21\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default MenuIcon;\r\n","import React, {\r\n  useState,\r\n  useRef,\r\n  useEffect,\r\n  KeyboardEvent,\r\n  useId,\r\n  JSX,\r\n  ComponentType,\r\n  useMemo,\r\n} from \"react\";\r\nimport { DropdownProps } from \"./Dropdown.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport MenuIcon from \"../../Icons/MenuIcon\";\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\nexport interface BaseDropdownProps extends DropdownProps {\r\n  IconButton: ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseDropdown: React.FC<BaseDropdownProps> = ({\r\n  triggerIcon,\r\n  items,\r\n  align = \"right\",\r\n  className = \"\",\r\n  menuClassName = \"\",\r\n  ariaLabel = \"Dropdown menu\",\r\n  theme = getDefaultTheme(),\r\n  toggleRounding = getDefaultRounding(),\r\n  menuRounding = getDefaultRounding(),\r\n  toggleShadow = getDefaultShadow(),\r\n  menuShadow = getDefaultShadow(),\r\n  toggleOutline = false,\r\n  state = \"\",\r\n  \"data-testid\": testId = \"dropdown\",\r\n  IconButton,\r\n  classMap,\r\n}: BaseDropdownProps): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const menuRef = useRef<HTMLDivElement>(null);\r\n  const menuId = useId();\r\n\r\n  const Icon = triggerIcon ?? MenuIcon;\r\n\r\n  const toggleDropdown = () => setOpen((prev) => !prev);\r\n  const closeDropdown = () => {\r\n    setOpen(false);\r\n    setActiveIndex(-1);\r\n  };\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (!open) return;\r\n\r\n    if (e.key === \"Escape\") {\r\n      e.preventDefault();\r\n      closeDropdown();\r\n    } else if (e.key === \"ArrowDown\") {\r\n      e.preventDefault();\r\n      setActiveIndex((prev) => (prev + 1) % items.length);\r\n    } else if (e.key === \"ArrowUp\") {\r\n      e.preventDefault();\r\n      setActiveIndex((prev) => (prev - 1 + items.length) % items.length);\r\n    } else if (e.key === \"Enter\" || e.key === \" \") {\r\n      const item = items[activeIndex];\r\n      if (item) {\r\n        item.onClick?.();\r\n        closeDropdown();\r\n      }\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (e: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(e.target as Node)\r\n      ) {\r\n        closeDropdown();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n\r\n    if (open && menuRef.current) {\r\n      const rect = menuRef.current.getBoundingClientRect();\r\n      const isOverflowingRight = rect.right > window.innerWidth;\r\n      const isOverflowingLeft = rect.left < 0;\r\n\r\n      if (isOverflowingRight) {\r\n        menuRef.current.setAttribute(\"data-overflow-right\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      } else if (isOverflowingLeft) {\r\n        menuRef.current.setAttribute(\"data-overflow-left\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n      } else {\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      }\r\n    }\r\n\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open, menuRef]);\r\n\r\n  useEffect(() => {\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n    if (open && menuItems && activeIndex >= 0) {\r\n      menuItems[activeIndex]?.focus();\r\n    }\r\n  }, [activeIndex, open]);\r\n\r\n  const menuClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.menu,\r\n        align === \"right\" ? classMap.alignRight : classMap.alignLeft,\r\n        menuShadow && classMap[`shadow${capitalize(menuShadow)}`],\r\n        menuRounding && classMap[`round${capitalize(menuRounding)}`],\r\n        menuClassName\r\n      ),\r\n    [classMap, align, menuShadow, menuRounding, menuClassName]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={combineClassNames(classMap.wrapper, className)}\r\n      onKeyDown={handleKeyDown}\r\n      data-testid={testId}\r\n    >\r\n      <IconButton\r\n        icon={Icon}\r\n        ariaLabel={ariaLabel}\r\n        aria-haspopup=\"menu\"\r\n        aria-expanded={open}\r\n        aria-controls={menuId}\r\n        rounding={toggleRounding}\r\n        shadow={toggleShadow}\r\n        outline={toggleOutline}\r\n        theme={theme}\r\n        state={state}\r\n        onClick={toggleDropdown}\r\n        data-testid={`${testId}-trigger`}\r\n      />\r\n\r\n      {open && (\r\n        <div\r\n          id={menuId}\r\n          ref={menuRef}\r\n          role=\"menu\"\r\n          aria-label={ariaLabel}\r\n          className={menuClassNames}\r\n          data-testid={`${testId}-menu`}\r\n        >\r\n          {items.map((item, index) =>\r\n            item.href ? (\r\n              <a\r\n                key={index}\r\n                href={item.href}\r\n                className={classMap.item}\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                data-testid={item[\"data-testid\"]}\r\n              >\r\n                {item.icon && (\r\n                  <span className={classMap.icon}>{item.icon}</span>\r\n                )}\r\n                {item.label}\r\n              </a>\r\n            ) : (\r\n              <button\r\n                key={index}\r\n                type=\"button\"\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                className={classMap.item}\r\n                onClick={() => {\r\n                  item.onClick?.();\r\n                  closeDropdown();\r\n                }}\r\n                data-testid={item[\"data-testid\"]}\r\n              >\r\n                {item.icon && (\r\n                  <span className={classMap.icon}>{item.icon}</span>\r\n                )}\r\n                {item.label}\r\n              </button>\r\n            )\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BaseDropdown;\r\n","\"use client\";\r\nimport React from \"react\";\r\nimport BaseDropdown from \"../DropdownBase\";\r\nimport { DropdownProps } from \"../Dropdown.types\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Dropdown.module.scss\";\r\n\r\nconst Dropdown: React.FC<DropdownProps> = (props) => {\r\n  return <BaseDropdown {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\n\r\nexport default Dropdown;\r\n"],"names":["jsxs","jsx","getDefaultTheme","getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","item","useEffect","useMemo","combineClassNames","capitalize"],"mappings":"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"}
+{"version":3,"file":"Dropdown-Pjjqikm8.cjs","sources":["../../src/Icons/MenuIcon.tsx","../../src/components/Dropdown/DropdownBase.tsx","../../src/components/Dropdown/next/Dropdown.tsx"],"sourcesContent":["const MenuIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 5H21\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 12H21\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 19H21\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default MenuIcon;\r\n","import React, {\r\n  useState,\r\n  useRef,\r\n  useEffect,\r\n  KeyboardEvent,\r\n  useId,\r\n  JSX,\r\n  ComponentType,\r\n  useMemo,\r\n} from \"react\";\r\nimport { DropdownProps } from \"./Dropdown.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport MenuIcon from \"../../Icons/MenuIcon\";\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\nexport interface BaseDropdownProps extends DropdownProps {\r\n  IconButton: ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseDropdown: React.FC<BaseDropdownProps> = ({\r\n  triggerIcon,\r\n  items,\r\n  align = \"right\",\r\n  className = \"\",\r\n  menuClassName = \"\",\r\n  ariaLabel = \"Dropdown menu\",\r\n  theme = getDefaultTheme(),\r\n  toggleRounding = getDefaultRounding(),\r\n  menuRounding = getDefaultRounding(),\r\n  toggleShadow = getDefaultShadow(),\r\n  menuShadow = getDefaultShadow(),\r\n  toggleOutline = false,\r\n  state = \"\",\r\n  \"data-testid\": testId = \"dropdown\",\r\n  IconButton,\r\n  classMap,\r\n}: BaseDropdownProps): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const menuRef = useRef<HTMLDivElement>(null);\r\n  const menuId = useId();\r\n\r\n  const Icon = triggerIcon ?? MenuIcon;\r\n\r\n  const toggleDropdown = () => setOpen((prev) => !prev);\r\n  const closeDropdown = () => {\r\n    setOpen(false);\r\n    setActiveIndex(-1);\r\n  };\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (!open) return;\r\n\r\n    if (e.key === \"Escape\") {\r\n      e.preventDefault();\r\n      closeDropdown();\r\n    } else if (e.key === \"ArrowDown\") {\r\n      e.preventDefault();\r\n      setActiveIndex((prev) => (prev + 1) % items.length);\r\n    } else if (e.key === \"ArrowUp\") {\r\n      e.preventDefault();\r\n      setActiveIndex((prev) => (prev - 1 + items.length) % items.length);\r\n    } else if (e.key === \"Enter\" || e.key === \" \") {\r\n      const item = items[activeIndex];\r\n      if (item) {\r\n        item.onClick?.();\r\n        closeDropdown();\r\n      }\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (e: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(e.target as Node)\r\n      ) {\r\n        closeDropdown();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n\r\n    if (open && menuRef.current) {\r\n      const rect = menuRef.current.getBoundingClientRect();\r\n      const isOverflowingRight = rect.right > window.innerWidth;\r\n      const isOverflowingLeft = rect.left < 0;\r\n\r\n      if (isOverflowingRight) {\r\n        menuRef.current.setAttribute(\"data-overflow-right\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      } else if (isOverflowingLeft) {\r\n        menuRef.current.setAttribute(\"data-overflow-left\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n      } else {\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      }\r\n    }\r\n\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open, menuRef]);\r\n\r\n  useEffect(() => {\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n    if (open && menuItems && activeIndex >= 0) {\r\n      menuItems[activeIndex]?.focus();\r\n    }\r\n  }, [activeIndex, open]);\r\n\r\n  const menuClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.menu,\r\n        align === \"right\" ? classMap.alignRight : classMap.alignLeft,\r\n        menuShadow && classMap[`shadow${capitalize(menuShadow)}`],\r\n        menuRounding && classMap[`round${capitalize(menuRounding)}`],\r\n        menuClassName\r\n      ),\r\n    [classMap, align, menuShadow, menuRounding, menuClassName]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={combineClassNames(classMap.wrapper, className)}\r\n      onKeyDown={handleKeyDown}\r\n      data-testid={testId}\r\n    >\r\n      <IconButton\r\n        icon={Icon}\r\n        ariaLabel={ariaLabel}\r\n        aria-haspopup=\"menu\"\r\n        aria-expanded={open}\r\n        aria-controls={menuId}\r\n        rounding={toggleRounding}\r\n        shadow={toggleShadow}\r\n        outline={toggleOutline}\r\n        theme={theme}\r\n        state={state}\r\n        onClick={toggleDropdown}\r\n        data-testid={`${testId}-trigger`}\r\n      />\r\n\r\n      {open && (\r\n        <div\r\n          id={menuId}\r\n          ref={menuRef}\r\n          role=\"menu\"\r\n          aria-label={ariaLabel}\r\n          className={menuClassNames}\r\n          data-testid={`${testId}-menu`}\r\n        >\r\n          {items.map((item, index) =>\r\n            item.href ? (\r\n              <a\r\n                key={index}\r\n                href={item.href}\r\n                className={classMap.item}\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                data-testid={item[\"data-testid\"]}\r\n              >\r\n                {item.icon && (\r\n                  <span className={classMap.icon}>{item.icon}</span>\r\n                )}\r\n                {item.label}\r\n              </a>\r\n            ) : (\r\n              <button\r\n                key={index}\r\n                type=\"button\"\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                className={classMap.item}\r\n                onClick={() => {\r\n                  item.onClick?.();\r\n                  closeDropdown();\r\n                }}\r\n                data-testid={item[\"data-testid\"]}\r\n              >\r\n                {item.icon && (\r\n                  <span className={classMap.icon}>{item.icon}</span>\r\n                )}\r\n                {item.label}\r\n              </button>\r\n            )\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BaseDropdown;\r\n","\"use client\";\r\nimport React from \"react\";\r\nimport BaseDropdown from \"../DropdownBase\";\r\nimport { DropdownProps } from \"../Dropdown.types\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Dropdown.module.scss\";\r\n\r\nconst Dropdown: React.FC<DropdownProps> = (props) => {\r\n  return <BaseDropdown {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\n\r\nexport default Dropdown;\r\n"],"names":["jsxs","jsx","getDefaultTheme","getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","item","useEffect","useMemo","combineClassNames","capitalize"],"mappings":"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"}

package/dist/next/Dropdown.cjs.js

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

package/dist/next/Dropdown.js

@@ -1,4 +1,4 @@
-import { D } from "./Dropdown-DyBmnKrz.js";
+import { D } from "./Dropdown-C_B5tfQD.js";
 export {
   D as default
 };

package/dist/next/{EmptyState-CSEhZvTp.js → EmptyState-Bo9W0BX5.js}

@@ -3,7 +3,7 @@ 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, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
-import { B as Button } from "./Button-CbX-VlK_.js";
+import { B as Button } from "./Button-CDvdEOSq.js";
 const BaseEmptyState = ({
   icon: Icon,
   title: title2 = "Nothing Here Yet",
@@ -79,35 +79,35 @@ const BaseEmptyState = ({
     }
   );
 };
-const empty_state = "_empty_state_t03dy_68";
-const title = "_title_t03dy_86";
-const message = "_message_t03dy_89";
-const icon = "_icon_t03dy_92";
-const outline = "_outline_t03dy_108";
-const disabled = "_disabled_t03dy_114";
-const primary = "_primary_t03dy_139";
-const secondary = "_secondary_t03dy_148";
-const tertiary = "_tertiary_t03dy_157";
-const quaternary = "_quaternary_t03dy_166";
-const clear = "_clear_t03dy_175";
-const success = "_success_t03dy_185";
-const error = "_error_t03dy_194";
-const warning = "_warning_t03dy_203";
-const xs = "_xs_t03dy_221";
-const small = "_small_t03dy_232";
-const medium = "_medium_t03dy_243";
-const large = "_large_t03dy_254";
-const xl = "_xl_t03dy_265";
-const roundNone = "_roundNone_t03dy_276";
-const roundSmall = "_roundSmall_t03dy_280";
-const roundMedium = "_roundMedium_t03dy_284";
-const roundLarge = "_roundLarge_t03dy_288";
-const roundFull = "_roundFull_t03dy_292";
-const shadowNone = "_shadowNone_t03dy_296";
-const shadowLight = "_shadowLight_t03dy_300";
-const shadowMedium = "_shadowMedium_t03dy_304";
-const shadowStrong = "_shadowStrong_t03dy_308";
-const shadowIntense = "_shadowIntense_t03dy_312";
+const empty_state = "_empty_state_ns41b_68";
+const title = "_title_ns41b_86";
+const message = "_message_ns41b_89";
+const icon = "_icon_ns41b_92";
+const outline = "_outline_ns41b_108";
+const disabled = "_disabled_ns41b_114";
+const primary = "_primary_ns41b_139";
+const secondary = "_secondary_ns41b_148";
+const tertiary = "_tertiary_ns41b_157";
+const quaternary = "_quaternary_ns41b_166";
+const clear = "_clear_ns41b_175";
+const success = "_success_ns41b_185";
+const error = "_error_ns41b_194";
+const warning = "_warning_ns41b_203";
+const xs = "_xs_ns41b_221";
+const small = "_small_ns41b_232";
+const medium = "_medium_ns41b_243";
+const large = "_large_ns41b_254";
+const xl = "_xl_ns41b_265";
+const roundNone = "_roundNone_ns41b_276";
+const roundSmall = "_roundSmall_ns41b_280";
+const roundMedium = "_roundMedium_ns41b_284";
+const roundLarge = "_roundLarge_ns41b_288";
+const roundFull = "_roundFull_ns41b_292";
+const shadowNone = "_shadowNone_ns41b_296";
+const shadowLight = "_shadowLight_ns41b_300";
+const shadowMedium = "_shadowMedium_ns41b_304";
+const shadowStrong = "_shadowStrong_ns41b_308";
+const shadowIntense = "_shadowIntense_ns41b_312";
 const styles = {
   empty_state,
   title,
@@ -145,4 +145,4 @@ const EmptyState = (props) => {
 export {
   EmptyState as E
 };
-//# sourceMappingURL=EmptyState-CSEhZvTp.js.map
+//# sourceMappingURL=EmptyState-Bo9W0BX5.js.map

package/dist/next/{EmptyState-CSEhZvTp.js.map → EmptyState-Bo9W0BX5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EmptyState-CSEhZvTp.js","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/next/EmptyState.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { EmptyStateProps } from \"./EmptyState.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\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\nexport interface BaseEmptyStateProps extends EmptyStateProps {\r\n  Button: React.ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n  icon: Icon,\r\n  title = \"Nothing Here Yet\",\r\n  message = \"There’s no content to display.\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  outline = false,\r\n  actionLabel,\r\n  onActionClick,\r\n  className = \"\",\r\n  \"data-testid\": testId = \"empty-state\",\r\n  Button,\r\n  classMap,\r\n}) => {\r\n  const titleId = `${testId}-title`;\r\n  const descId = `${testId}-message`;\r\n\r\n  const sectionClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.empty_state,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        className\r\n      ),\r\n    [classMap, rounding, shadow, size, state, theme, outline, className]\r\n  );\r\n\r\n  return (\r\n    <section\r\n      className={sectionClassNames}\r\n      role=\"region\"\r\n      aria-labelledby={titleId}\r\n      aria-describedby={descId}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden=\"true\" />\r\n        </div>\r\n      )}\r\n\r\n      <h2\r\n        id={titleId}\r\n        className={classMap.title}\r\n        data-testid={`${testId}-title`}\r\n      >\r\n        {title}\r\n      </h2>\r\n\r\n      <p\r\n        id={descId}\r\n        className={classMap.message}\r\n        data-testid={`${testId}-message`}\r\n      >\r\n        {message}\r\n      </p>\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={\r\n            typeof actionLabel === \"string\" ? actionLabel : \"Perform action\"\r\n          }\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default BaseEmptyState;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.next\";\r\nimport styles from \"./EmptyState.module.scss\";\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={styles} />;\r\n};\r\n\r\nexport default EmptyState;\r\n"],"names":["title","message","outline","Button"],"mappings":";;;;;;AAgBA,MAAM,iBAAgD,CAAC;AAAA,EACrD,MAAM;AAAA,EACN,OAAAA,SAAQ;AAAA,EACR,SAAAC,WAAU;AAAA,EACV,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO,eAAA;AAAA,EACP,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,SAAAC,WAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,QAAAC;AAAA,EACA;AACF,MAAM;AACJ,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,SAAS,GAAG,MAAM;AAExB,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnDD,YAAW,SAAS;AAAA,MACpB;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,UAAU,QAAQ,MAAM,OAAO,OAAOA,UAAS,SAAS;AAAA,EAAA;AAGrE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACC,oBAAC,OAAA,EAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SACnD,UAAA,oBAAC,MAAA,EAAK,eAAY,QAAO,GAC3B;AAAA,QAGF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGF,eAAe,iBACd;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAAD;AAAA,YACA,SAAS;AAAA,YACT,cACE,OAAO,gBAAgB,WAAW,cAAc;AAAA,YAElD,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxFA,MAAM,aAAwC,CAAC,UAAU;AACvD,6BAAQ,gBAAA,EAAgB,GAAG,OAAO,QAAgB,UAAU,QAAQ;AACtE;"}
+{"version":3,"file":"EmptyState-Bo9W0BX5.js","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/next/EmptyState.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { EmptyStateProps } from \"./EmptyState.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\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\nexport interface BaseEmptyStateProps extends EmptyStateProps {\r\n  Button: React.ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n  icon: Icon,\r\n  title = \"Nothing Here Yet\",\r\n  message = \"There’s no content to display.\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  outline = false,\r\n  actionLabel,\r\n  onActionClick,\r\n  className = \"\",\r\n  \"data-testid\": testId = \"empty-state\",\r\n  Button,\r\n  classMap,\r\n}) => {\r\n  const titleId = `${testId}-title`;\r\n  const descId = `${testId}-message`;\r\n\r\n  const sectionClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.empty_state,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        className\r\n      ),\r\n    [classMap, rounding, shadow, size, state, theme, outline, className]\r\n  );\r\n\r\n  return (\r\n    <section\r\n      className={sectionClassNames}\r\n      role=\"region\"\r\n      aria-labelledby={titleId}\r\n      aria-describedby={descId}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden=\"true\" />\r\n        </div>\r\n      )}\r\n\r\n      <h2\r\n        id={titleId}\r\n        className={classMap.title}\r\n        data-testid={`${testId}-title`}\r\n      >\r\n        {title}\r\n      </h2>\r\n\r\n      <p\r\n        id={descId}\r\n        className={classMap.message}\r\n        data-testid={`${testId}-message`}\r\n      >\r\n        {message}\r\n      </p>\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={\r\n            typeof actionLabel === \"string\" ? actionLabel : \"Perform action\"\r\n          }\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default BaseEmptyState;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.next\";\r\nimport styles from \"./EmptyState.module.scss\";\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={styles} />;\r\n};\r\n\r\nexport default EmptyState;\r\n"],"names":["title","message","outline","Button"],"mappings":";;;;;;AAgBA,MAAM,iBAAgD,CAAC;AAAA,EACrD,MAAM;AAAA,EACN,OAAAA,SAAQ;AAAA,EACR,SAAAC,WAAU;AAAA,EACV,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO,eAAA;AAAA,EACP,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,SAAAC,WAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,QAAAC;AAAA,EACA;AACF,MAAM;AACJ,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,SAAS,GAAG,MAAM;AAExB,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnDD,YAAW,SAAS;AAAA,MACpB;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,UAAU,QAAQ,MAAM,OAAO,OAAOA,UAAS,SAAS;AAAA,EAAA;AAGrE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACC,oBAAC,OAAA,EAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SACnD,UAAA,oBAAC,MAAA,EAAK,eAAY,QAAO,GAC3B;AAAA,QAGF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGF,eAAe,iBACd;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAAD;AAAA,YACA,SAAS;AAAA,YACT,cACE,OAAO,gBAAgB,WAAW,cAAc;AAAA,YAElD,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxFA,MAAM,aAAwC,CAAC,UAAU;AACvD,6BAAQ,gBAAA,EAAgB,GAAG,OAAO,QAAgB,UAAU,QAAQ;AACtE;"}

package/dist/next/{EmptyState-DUZQ2Qmn.cjs → EmptyState-DCjBopC6.cjs}

@@ -4,7 +4,7 @@ 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 Button = require("./Button-WSFdkLsa.cjs");
+const Button = require("./Button-Cw9aGFLo.cjs");
 const BaseEmptyState = ({
   icon: Icon,
   title: title2 = "Nothing Here Yet",
@@ -80,35 +80,35 @@ const BaseEmptyState = ({
     }
   );
 };
-const empty_state = "_empty_state_t03dy_68";
-const title = "_title_t03dy_86";
-const message = "_message_t03dy_89";
-const icon = "_icon_t03dy_92";
-const outline = "_outline_t03dy_108";
-const disabled = "_disabled_t03dy_114";
-const primary = "_primary_t03dy_139";
-const secondary = "_secondary_t03dy_148";
-const tertiary = "_tertiary_t03dy_157";
-const quaternary = "_quaternary_t03dy_166";
-const clear = "_clear_t03dy_175";
-const success = "_success_t03dy_185";
-const error = "_error_t03dy_194";
-const warning = "_warning_t03dy_203";
-const xs = "_xs_t03dy_221";
-const small = "_small_t03dy_232";
-const medium = "_medium_t03dy_243";
-const large = "_large_t03dy_254";
-const xl = "_xl_t03dy_265";
-const roundNone = "_roundNone_t03dy_276";
-const roundSmall = "_roundSmall_t03dy_280";
-const roundMedium = "_roundMedium_t03dy_284";
-const roundLarge = "_roundLarge_t03dy_288";
-const roundFull = "_roundFull_t03dy_292";
-const shadowNone = "_shadowNone_t03dy_296";
-const shadowLight = "_shadowLight_t03dy_300";
-const shadowMedium = "_shadowMedium_t03dy_304";
-const shadowStrong = "_shadowStrong_t03dy_308";
-const shadowIntense = "_shadowIntense_t03dy_312";
+const empty_state = "_empty_state_ns41b_68";
+const title = "_title_ns41b_86";
+const message = "_message_ns41b_89";
+const icon = "_icon_ns41b_92";
+const outline = "_outline_ns41b_108";
+const disabled = "_disabled_ns41b_114";
+const primary = "_primary_ns41b_139";
+const secondary = "_secondary_ns41b_148";
+const tertiary = "_tertiary_ns41b_157";
+const quaternary = "_quaternary_ns41b_166";
+const clear = "_clear_ns41b_175";
+const success = "_success_ns41b_185";
+const error = "_error_ns41b_194";
+const warning = "_warning_ns41b_203";
+const xs = "_xs_ns41b_221";
+const small = "_small_ns41b_232";
+const medium = "_medium_ns41b_243";
+const large = "_large_ns41b_254";
+const xl = "_xl_ns41b_265";
+const roundNone = "_roundNone_ns41b_276";
+const roundSmall = "_roundSmall_ns41b_280";
+const roundMedium = "_roundMedium_ns41b_284";
+const roundLarge = "_roundLarge_ns41b_288";
+const roundFull = "_roundFull_ns41b_292";
+const shadowNone = "_shadowNone_ns41b_296";
+const shadowLight = "_shadowLight_ns41b_300";
+const shadowMedium = "_shadowMedium_ns41b_304";
+const shadowStrong = "_shadowStrong_ns41b_308";
+const shadowIntense = "_shadowIntense_ns41b_312";
 const styles = {
   empty_state,
   title,
@@ -144,4 +144,4 @@ const EmptyState = (props) => {
   return /* @__PURE__ */ require$$2.jsx(BaseEmptyState, { ...props, Button: Button.Button, classMap: styles });
 };
 exports.EmptyState = EmptyState;
-//# sourceMappingURL=EmptyState-DUZQ2Qmn.cjs.map
+//# sourceMappingURL=EmptyState-DCjBopC6.cjs.map