boreal-ui 0.0.20 → 0.0.22

package/dist/next/{Chip-DtHYUkJ4.js → Chip-06q10So-.js}

@@ -5,7 +5,7 @@ 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 { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
-import { I as IconButton } from "./IconButton-DFrFh0kg.js";
+import { I as IconButton } from "./IconButton-DxGzuz13.js";
 const ChipBase = ({
   id,
   message: message2,
@@ -73,6 +73,7 @@ const ChipBase = ({
             "aria-controls": `${testId}-message`,
             className: classMap.close,
             onClick: handleClose,
+            shadow: "none",
             onKeyDown: (e) => {
               if (e.key === "Enter" || e.key === " ") {
                 e.preventDefault();
@@ -93,48 +94,48 @@ const ChipBase = ({
   }
   return chipElement;
 };
-const noScroll = "_noScroll_umlom_91";
-const errorMessage = "_errorMessage_umlom_92";
-const loadingContainer = "_loadingContainer_umlom_93";
-const hideScrollbar = "_hideScrollbar_umlom_85";
-const sr_only = "_sr_only_umlom_94";
-const chip = "_chip_umlom_479";
-const roundNone = "_roundNone_umlom_495";
-const roundSmall = "_roundSmall_umlom_498";
-const roundMedium = "_roundMedium_umlom_501";
-const roundLarge = "_roundLarge_umlom_504";
-const roundFull = "_roundFull_umlom_507";
-const shadowNone = "_shadowNone_umlom_510";
-const shadowLight = "_shadowLight_umlom_513";
-const shadowMedium = "_shadowMedium_umlom_516";
-const shadowStrong = "_shadowStrong_umlom_519";
-const shadowIntense = "_shadowIntense_umlom_522";
-const fixed = "_fixed_umlom_526";
-const fadeout = "_fadeout_umlom_532";
-const topCenter = "_topCenter_umlom_537";
-const bottomCenter = "_bottomCenter_umlom_541";
-const topLeft = "_topLeft_umlom_545";
-const topRight = "_topRight_umlom_551";
-const bottomLeft = "_bottomLeft_umlom_558";
-const bottomRight = "_bottomRight_umlom_564";
-const primary = "_primary_umlom_571";
-const secondary = "_secondary_umlom_577";
-const tertiary = "_tertiary_umlom_583";
-const quaternary = "_quaternary_umlom_589";
-const clear = "_clear_umlom_595";
-const success = "_success_umlom_601";
-const error = "_error_umlom_92";
-const warning = "_warning_umlom_613";
-const icon = "_icon_umlom_619";
-const message = "_message_umlom_626";
-const icon_inner = "_icon_inner_umlom_631";
-const xs = "_xs_umlom_636";
-const small = "_small_umlom_648";
-const medium = "_medium_umlom_660";
-const large = "_large_umlom_671";
-const xl = "_xl_umlom_682";
-const spin = "_spin_umlom_1";
-const pulse = "_pulse_umlom_1";
+const noScroll = "_noScroll_1lma8_91";
+const errorMessage = "_errorMessage_1lma8_92";
+const loadingContainer = "_loadingContainer_1lma8_93";
+const hideScrollbar = "_hideScrollbar_1lma8_85";
+const sr_only = "_sr_only_1lma8_94";
+const chip = "_chip_1lma8_539";
+const roundNone = "_roundNone_1lma8_555";
+const roundSmall = "_roundSmall_1lma8_558";
+const roundMedium = "_roundMedium_1lma8_561";
+const roundLarge = "_roundLarge_1lma8_564";
+const roundFull = "_roundFull_1lma8_567";
+const shadowNone = "_shadowNone_1lma8_570";
+const shadowLight = "_shadowLight_1lma8_573";
+const shadowMedium = "_shadowMedium_1lma8_576";
+const shadowStrong = "_shadowStrong_1lma8_579";
+const shadowIntense = "_shadowIntense_1lma8_582";
+const fixed = "_fixed_1lma8_586";
+const fadeout = "_fadeout_1lma8_592";
+const topCenter = "_topCenter_1lma8_597";
+const bottomCenter = "_bottomCenter_1lma8_601";
+const topLeft = "_topLeft_1lma8_605";
+const topRight = "_topRight_1lma8_611";
+const bottomLeft = "_bottomLeft_1lma8_618";
+const bottomRight = "_bottomRight_1lma8_624";
+const primary = "_primary_1lma8_631";
+const secondary = "_secondary_1lma8_637";
+const tertiary = "_tertiary_1lma8_643";
+const quaternary = "_quaternary_1lma8_649";
+const clear = "_clear_1lma8_655";
+const success = "_success_1lma8_661";
+const error = "_error_1lma8_92";
+const warning = "_warning_1lma8_673";
+const icon = "_icon_1lma8_679";
+const message = "_message_1lma8_686";
+const icon_inner = "_icon_inner_1lma8_691";
+const xs = "_xs_1lma8_696";
+const small = "_small_1lma8_708";
+const medium = "_medium_1lma8_720";
+const large = "_large_1lma8_731";
+const xl = "_xl_1lma8_742";
+const spin = "_spin_1lma8_1";
+const pulse = "_pulse_1lma8_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -142,7 +143,7 @@ const styles = {
   hideScrollbar,
   sr_only,
   chip,
-  "fade-in": "_fade-in_umlom_1",
+  "fade-in": "_fade-in_1lma8_1",
   roundNone,
   roundSmall,
   roundMedium,
@@ -177,14 +178,14 @@ const styles = {
   medium,
   large,
   xl,
-  "slide-up": "_slide-up_umlom_1",
-  "spin-3d": "_spin-3d_umlom_1",
+  "slide-up": "_slide-up_1lma8_1",
+  "spin-3d": "_spin-3d_1lma8_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_umlom_1",
-  "progress-grow": "_progress-grow_umlom_1",
-  "indeterminate-move": "_indeterminate-move_umlom_1",
-  "skeleton-loading": "_skeleton-loading_umlom_1"
+  "fade-in-up": "_fade-in-up_1lma8_1",
+  "progress-grow": "_progress-grow_1lma8_1",
+  "indeterminate-move": "_indeterminate-move_1lma8_1",
+  "skeleton-loading": "_skeleton-loading_1lma8_1"
 };
 const Chip = (props) => /* @__PURE__ */ jsx(
   ChipBase,
@@ -198,4 +199,4 @@ const Chip = (props) => /* @__PURE__ */ jsx(
 export {
   Chip as C
 };
-//# sourceMappingURL=Chip-DtHYUkJ4.js.map
+//# sourceMappingURL=Chip-06q10So-.js.map

package/dist/next/Chip-06q10So-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip-06q10So-.js","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/next/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, KeyboardEvent } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.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\nconst ChipBase: React.FC<ChipBaseProps> = ({\r\n  id,\r\n  message,\r\n  visible,\r\n  onClose,\r\n  icon: Icon,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  position = \"topCenter\",\r\n  usePortal = true,\r\n  className = \"\",\r\n  autoClose = true,\r\n  duration = 3000,\r\n  closeIcon: CloseIcon,\r\n  IconButtonComponent,\r\n  classMap,\r\n  \"data-testid\": testId = \"chip\",\r\n}) => {\r\n  const [closing, setClosing] = useState(false);\r\n\r\n  const handleClose = useCallback(() => {\r\n    setClosing(true);\r\n    setTimeout(() => onClose?.(), 300);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (autoClose && visible) {\r\n      const timer = setTimeout(() => handleClose(), duration);\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [autoClose, duration, visible, handleClose]);\r\n\r\n  if (!visible && !closing) return null;\r\n\r\n  const chipClassName = combineClassNames(\r\n    classMap.chip,\r\n    classMap[theme],\r\n    classMap[state],\r\n    classMap[size],\r\n    classMap[position],\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    closing && classMap.fadeout,\r\n    usePortal && classMap.fixed,\r\n    className\r\n  );\r\n\r\n  const portalEl =\r\n    typeof window !== \"undefined\"\r\n      ? document.getElementById(\"widget-portal\")\r\n      : null;\r\n\r\n  const chipElement = (\r\n    <div\r\n      key={id}\r\n      className={chipClassName}\r\n      role=\"status\"\r\n      aria-live=\"polite\"\r\n      aria-atomic=\"true\"\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <span className={classMap.icon} aria-hidden=\"true\" data-testid=\"icon\">\r\n          <Icon className={classMap.inner_icon} />\r\n        </span>\r\n      )}\r\n      <span className={classMap.message} id={`${testId}-message`}>\r\n        {message}\r\n      </span>\r\n\r\n      <IconButtonComponent\r\n        icon={CloseIcon}\r\n        size={size}\r\n        theme=\"clear\"\r\n        ariaLabel=\"Close notification\"\r\n        aria-controls={`${testId}-message`}\r\n        className={classMap.close}\r\n        onClick={handleClose}\r\n        shadow=\"none\"\r\n        onKeyDown={(e: KeyboardEvent) => {\r\n          if (e.key === \"Enter\" || e.key === \" \") {\r\n            e.preventDefault();\r\n            handleClose();\r\n          }\r\n        }}\r\n        role=\"button\"\r\n        tabIndex={0}\r\n        data-testid=\"chip-close\"\r\n      />\r\n    </div>\r\n  );\r\n\r\n  if (usePortal && portalEl) {\r\n    return createPortal(chipElement, portalEl);\r\n  }\r\n\r\n  return chipElement;\r\n};\r\n\r\nexport default ChipBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Chip.module.scss\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n  <ChipBase\r\n    {...props}\r\n    classMap={styles}\r\n    IconButtonComponent={IconButton}\r\n    closeIcon={CloseIcon}\r\n  />\r\n);\r\n\r\nexport default Chip;\r\n"],"names":["message","CloseIcon"],"mappings":";;;;;;;;AAYA,MAAM,WAAoC,CAAC;AAAA,EACzC;AAAA,EACA,SAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,OAAO,eAAA;AAAA,EACP,QAAQ,gBAAA;AAAA,EACR,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAWC;AAAA,EACX;AAAA,EACA;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,cAAc,YAAY,MAAM;AACpC,eAAW,IAAI;AACf,eAAW,MAAM,sCAAa,GAAG;AAAA,EACnC,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,YAAM,QAAQ,WAAW,MAAM,YAAA,GAAe,QAAQ;AACtD,aAAO,MAAM,aAAa,KAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,WAAW,UAAU,SAAS,WAAW,CAAC;AAE9C,MAAI,CAAC,WAAW,CAAC,QAAS,QAAO;AAEjC,QAAM,gBAAgB;AAAA,IACpB,SAAS;AAAA,IACT,SAAS,KAAK;AAAA,IACd,SAAS,KAAK;AAAA,IACd,SAAS,IAAI;AAAA,IACb,SAAS,QAAQ;AAAA,IACjB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IACnD,WAAW,SAAS;AAAA,IACpB,aAAa,SAAS;AAAA,IACtB;AAAA,EAAA;AAGF,QAAM,WACJ,OAAO,WAAW,cACd,SAAS,eAAe,eAAe,IACvC;AAEN,QAAM,cACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACC,oBAAC,QAAA,EAAK,WAAW,SAAS,MAAM,eAAY,QAAO,eAAY,QAC7D,UAAA,oBAAC,MAAA,EAAK,WAAW,SAAS,YAAY,GACxC;AAAA,QAEF,oBAAC,UAAK,WAAW,SAAS,SAAS,IAAI,GAAG,MAAM,YAC7C,UAAAD,SAAA,CACH;AAAA,QAEA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAMC;AAAA,YACN;AAAA,YACA,OAAM;AAAA,YACN,WAAU;AAAA,YACV,iBAAe,GAAG,MAAM;AAAA,YACxB,WAAW,SAAS;AAAA,YACpB,SAAS;AAAA,YACT,QAAO;AAAA,YACP,WAAW,CAAC,MAAqB;AAC/B,kBAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,kBAAE,eAAA;AACF,4BAAA;AAAA,cACF;AAAA,YACF;AAAA,YACA,MAAK;AAAA,YACL,UAAU;AAAA,YACV,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,IAlCK;AAAA,EAAA;AAsCT,MAAI,aAAa,UAAU;AACzB,WAAO,aAAa,aAAa,QAAQ;AAAA,EAC3C;AAEA,SAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvGA,MAAM,OAA4B,CAAC,UACjC;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAG;AAAA,IACJ,UAAU;AAAA,IACV,qBAAqB;AAAA,IACrB,WAAW;AAAA,EAAA;AACb;"}

package/dist/next/{Chip-DJMY0KHl.cjs → Chip-CVEIkG-f.cjs}

@@ -6,7 +6,7 @@ const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
 const CloseIcon = require("./CloseIcon-7hy4qJ9o.cjs");
-const IconButton = require("./IconButton-CNzF48hu.cjs");
+const IconButton = require("./IconButton-1BW390eT.cjs");
 const ChipBase = ({
   id,
   message: message2,
@@ -74,6 +74,7 @@ const ChipBase = ({
             "aria-controls": `${testId}-message`,
             className: classMap.close,
             onClick: handleClose,
+            shadow: "none",
             onKeyDown: (e) => {
               if (e.key === "Enter" || e.key === " ") {
                 e.preventDefault();
@@ -94,48 +95,48 @@ const ChipBase = ({
   }
   return chipElement;
 };
-const noScroll = "_noScroll_umlom_91";
-const errorMessage = "_errorMessage_umlom_92";
-const loadingContainer = "_loadingContainer_umlom_93";
-const hideScrollbar = "_hideScrollbar_umlom_85";
-const sr_only = "_sr_only_umlom_94";
-const chip = "_chip_umlom_479";
-const roundNone = "_roundNone_umlom_495";
-const roundSmall = "_roundSmall_umlom_498";
-const roundMedium = "_roundMedium_umlom_501";
-const roundLarge = "_roundLarge_umlom_504";
-const roundFull = "_roundFull_umlom_507";
-const shadowNone = "_shadowNone_umlom_510";
-const shadowLight = "_shadowLight_umlom_513";
-const shadowMedium = "_shadowMedium_umlom_516";
-const shadowStrong = "_shadowStrong_umlom_519";
-const shadowIntense = "_shadowIntense_umlom_522";
-const fixed = "_fixed_umlom_526";
-const fadeout = "_fadeout_umlom_532";
-const topCenter = "_topCenter_umlom_537";
-const bottomCenter = "_bottomCenter_umlom_541";
-const topLeft = "_topLeft_umlom_545";
-const topRight = "_topRight_umlom_551";
-const bottomLeft = "_bottomLeft_umlom_558";
-const bottomRight = "_bottomRight_umlom_564";
-const primary = "_primary_umlom_571";
-const secondary = "_secondary_umlom_577";
-const tertiary = "_tertiary_umlom_583";
-const quaternary = "_quaternary_umlom_589";
-const clear = "_clear_umlom_595";
-const success = "_success_umlom_601";
-const error = "_error_umlom_92";
-const warning = "_warning_umlom_613";
-const icon = "_icon_umlom_619";
-const message = "_message_umlom_626";
-const icon_inner = "_icon_inner_umlom_631";
-const xs = "_xs_umlom_636";
-const small = "_small_umlom_648";
-const medium = "_medium_umlom_660";
-const large = "_large_umlom_671";
-const xl = "_xl_umlom_682";
-const spin = "_spin_umlom_1";
-const pulse = "_pulse_umlom_1";
+const noScroll = "_noScroll_1lma8_91";
+const errorMessage = "_errorMessage_1lma8_92";
+const loadingContainer = "_loadingContainer_1lma8_93";
+const hideScrollbar = "_hideScrollbar_1lma8_85";
+const sr_only = "_sr_only_1lma8_94";
+const chip = "_chip_1lma8_539";
+const roundNone = "_roundNone_1lma8_555";
+const roundSmall = "_roundSmall_1lma8_558";
+const roundMedium = "_roundMedium_1lma8_561";
+const roundLarge = "_roundLarge_1lma8_564";
+const roundFull = "_roundFull_1lma8_567";
+const shadowNone = "_shadowNone_1lma8_570";
+const shadowLight = "_shadowLight_1lma8_573";
+const shadowMedium = "_shadowMedium_1lma8_576";
+const shadowStrong = "_shadowStrong_1lma8_579";
+const shadowIntense = "_shadowIntense_1lma8_582";
+const fixed = "_fixed_1lma8_586";
+const fadeout = "_fadeout_1lma8_592";
+const topCenter = "_topCenter_1lma8_597";
+const bottomCenter = "_bottomCenter_1lma8_601";
+const topLeft = "_topLeft_1lma8_605";
+const topRight = "_topRight_1lma8_611";
+const bottomLeft = "_bottomLeft_1lma8_618";
+const bottomRight = "_bottomRight_1lma8_624";
+const primary = "_primary_1lma8_631";
+const secondary = "_secondary_1lma8_637";
+const tertiary = "_tertiary_1lma8_643";
+const quaternary = "_quaternary_1lma8_649";
+const clear = "_clear_1lma8_655";
+const success = "_success_1lma8_661";
+const error = "_error_1lma8_92";
+const warning = "_warning_1lma8_673";
+const icon = "_icon_1lma8_679";
+const message = "_message_1lma8_686";
+const icon_inner = "_icon_inner_1lma8_691";
+const xs = "_xs_1lma8_696";
+const small = "_small_1lma8_708";
+const medium = "_medium_1lma8_720";
+const large = "_large_1lma8_731";
+const xl = "_xl_1lma8_742";
+const spin = "_spin_1lma8_1";
+const pulse = "_pulse_1lma8_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -143,7 +144,7 @@ const styles = {
   hideScrollbar,
   sr_only,
   chip,
-  "fade-in": "_fade-in_umlom_1",
+  "fade-in": "_fade-in_1lma8_1",
   roundNone,
   roundSmall,
   roundMedium,
@@ -178,14 +179,14 @@ const styles = {
   medium,
   large,
   xl,
-  "slide-up": "_slide-up_umlom_1",
-  "spin-3d": "_spin-3d_umlom_1",
+  "slide-up": "_slide-up_1lma8_1",
+  "spin-3d": "_spin-3d_1lma8_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_umlom_1",
-  "progress-grow": "_progress-grow_umlom_1",
-  "indeterminate-move": "_indeterminate-move_umlom_1",
-  "skeleton-loading": "_skeleton-loading_umlom_1"
+  "fade-in-up": "_fade-in-up_1lma8_1",
+  "progress-grow": "_progress-grow_1lma8_1",
+  "indeterminate-move": "_indeterminate-move_1lma8_1",
+  "skeleton-loading": "_skeleton-loading_1lma8_1"
 };
 const Chip = (props) => /* @__PURE__ */ require$$2.jsx(
   ChipBase,
@@ -197,4 +198,4 @@ const Chip = (props) => /* @__PURE__ */ require$$2.jsx(
   }
 );
 exports.Chip = Chip;
-//# sourceMappingURL=Chip-DJMY0KHl.cjs.map
+//# sourceMappingURL=Chip-CVEIkG-f.cjs.map

package/dist/next/Chip-CVEIkG-f.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip-CVEIkG-f.cjs","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/next/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, KeyboardEvent } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.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\nconst ChipBase: React.FC<ChipBaseProps> = ({\r\n  id,\r\n  message,\r\n  visible,\r\n  onClose,\r\n  icon: Icon,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  position = \"topCenter\",\r\n  usePortal = true,\r\n  className = \"\",\r\n  autoClose = true,\r\n  duration = 3000,\r\n  closeIcon: CloseIcon,\r\n  IconButtonComponent,\r\n  classMap,\r\n  \"data-testid\": testId = \"chip\",\r\n}) => {\r\n  const [closing, setClosing] = useState(false);\r\n\r\n  const handleClose = useCallback(() => {\r\n    setClosing(true);\r\n    setTimeout(() => onClose?.(), 300);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (autoClose && visible) {\r\n      const timer = setTimeout(() => handleClose(), duration);\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [autoClose, duration, visible, handleClose]);\r\n\r\n  if (!visible && !closing) return null;\r\n\r\n  const chipClassName = combineClassNames(\r\n    classMap.chip,\r\n    classMap[theme],\r\n    classMap[state],\r\n    classMap[size],\r\n    classMap[position],\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    closing && classMap.fadeout,\r\n    usePortal && classMap.fixed,\r\n    className\r\n  );\r\n\r\n  const portalEl =\r\n    typeof window !== \"undefined\"\r\n      ? document.getElementById(\"widget-portal\")\r\n      : null;\r\n\r\n  const chipElement = (\r\n    <div\r\n      key={id}\r\n      className={chipClassName}\r\n      role=\"status\"\r\n      aria-live=\"polite\"\r\n      aria-atomic=\"true\"\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <span className={classMap.icon} aria-hidden=\"true\" data-testid=\"icon\">\r\n          <Icon className={classMap.inner_icon} />\r\n        </span>\r\n      )}\r\n      <span className={classMap.message} id={`${testId}-message`}>\r\n        {message}\r\n      </span>\r\n\r\n      <IconButtonComponent\r\n        icon={CloseIcon}\r\n        size={size}\r\n        theme=\"clear\"\r\n        ariaLabel=\"Close notification\"\r\n        aria-controls={`${testId}-message`}\r\n        className={classMap.close}\r\n        onClick={handleClose}\r\n        shadow=\"none\"\r\n        onKeyDown={(e: KeyboardEvent) => {\r\n          if (e.key === \"Enter\" || e.key === \" \") {\r\n            e.preventDefault();\r\n            handleClose();\r\n          }\r\n        }}\r\n        role=\"button\"\r\n        tabIndex={0}\r\n        data-testid=\"chip-close\"\r\n      />\r\n    </div>\r\n  );\r\n\r\n  if (usePortal && portalEl) {\r\n    return createPortal(chipElement, portalEl);\r\n  }\r\n\r\n  return chipElement;\r\n};\r\n\r\nexport default ChipBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Chip.module.scss\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n  <ChipBase\r\n    {...props}\r\n    classMap={styles}\r\n    IconButtonComponent={IconButton}\r\n    closeIcon={CloseIcon}\r\n  />\r\n);\r\n\r\nexport default Chip;\r\n"],"names":["message","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","CloseIcon","useState","useCallback","useEffect","combineClassNames","capitalize","jsxs","jsx","createPortal","IconButton"],"mappings":";;;;;;;;;AAYA,MAAM,WAAoC,CAAC;AAAA,EACzC;AAAA,EACA,SAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,OAAOC,kBAAAA,eAAA;AAAA,EACP,QAAQC,kBAAAA,gBAAA;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAWC;AAAA,EACX;AAAA,EACA;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,IAAIC,MAAAA,SAAS,KAAK;AAE5C,QAAM,cAAcC,MAAAA,YAAY,MAAM;AACpC,eAAW,IAAI;AACf,eAAW,MAAM,sCAAa,GAAG;AAAA,EACnC,GAAG,CAAC,OAAO,CAAC;AAEZC,QAAAA,UAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,YAAM,QAAQ,WAAW,MAAM,YAAA,GAAe,QAAQ;AACtD,aAAO,MAAM,aAAa,KAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,WAAW,UAAU,SAAS,WAAW,CAAC;AAE9C,MAAI,CAAC,WAAW,CAAC,QAAS,QAAO;AAEjC,QAAM,gBAAgBC,WAAAA;AAAAA,IACpB,SAAS;AAAA,IACT,SAAS,KAAK;AAAA,IACd,SAAS,KAAK;AAAA,IACd,SAAS,IAAI;AAAA,IACb,SAAS,QAAQ;AAAA,IACjB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IACnD,WAAW,SAAS;AAAA,IACpB,aAAa,SAAS;AAAA,IACtB;AAAA,EAAA;AAGF,QAAM,WACJ,OAAO,WAAW,cACd,SAAS,eAAe,eAAe,IACvC;AAEN,QAAM,cACJC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACCC,2BAAAA,IAAC,QAAA,EAAK,WAAW,SAAS,MAAM,eAAY,QAAO,eAAY,QAC7D,UAAAA,2BAAAA,IAAC,MAAA,EAAK,WAAW,SAAS,YAAY,GACxC;AAAA,QAEFA,2BAAAA,IAAC,UAAK,WAAW,SAAS,SAAS,IAAI,GAAG,MAAM,YAC7C,UAAAZ,SAAA,CACH;AAAA,QAEAY,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAMP;AAAA,YACN;AAAA,YACA,OAAM;AAAA,YACN,WAAU;AAAA,YACV,iBAAe,GAAG,MAAM;AAAA,YACxB,WAAW,SAAS;AAAA,YACpB,SAAS;AAAA,YACT,QAAO;AAAA,YACP,WAAW,CAAC,MAAqB;AAC/B,kBAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,kBAAE,eAAA;AACF,4BAAA;AAAA,cACF;AAAA,YACF;AAAA,YACA,MAAK;AAAA,YACL,UAAU;AAAA,YACV,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,IAlCK;AAAA,EAAA;AAsCT,MAAI,aAAa,UAAU;AACzB,WAAOQ,SAAAA,aAAa,aAAa,QAAQ;AAAA,EAC3C;AAEA,SAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvGA,MAAM,OAA4B,CAAC,UACjCD,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAG;AAAA,IACJ,UAAU;AAAA,IACV,qBAAqBE,WAAAA;AAAAA,IACrB,WAAWT,UAAAA;AAAAA,EAAA;AACb;;"}

package/dist/next/Chip.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Chip = require("./Chip-DJMY0KHl.cjs");
+const Chip = require("./Chip-CVEIkG-f.cjs");
 module.exports = Chip.Chip;
 //# sourceMappingURL=Chip.cjs.js.map

package/dist/next/Chip.js

@@ -1,4 +1,4 @@
-import { C } from "./Chip-DtHYUkJ4.js";
+import { C } from "./Chip-06q10So-.js";
 export {
   C as default
 };

package/dist/next/{CircularProgress-DXC_JBTG.cjs → CircularProgress-CcIv2nXN.cjs}

@@ -82,35 +82,35 @@ const CircularProgressBase = ({
     }
   );
 };
-const noScroll = "_noScroll_n6bg9_91";
-const errorMessage = "_errorMessage_n6bg9_92";
-const loadingContainer = "_loadingContainer_n6bg9_93";
-const hideScrollbar = "_hideScrollbar_n6bg9_85";
-const sr_only = "_sr_only_n6bg9_94";
-const circular_progress = "_circular_progress_n6bg9_479";
-const shadowNone = "_shadowNone_n6bg9_484";
-const circle_border = "_circle_border_n6bg9_484";
-const shadowLight = "_shadowLight_n6bg9_487";
-const shadowMedium = "_shadowMedium_n6bg9_490";
-const shadowStrong = "_shadowStrong_n6bg9_493";
-const shadowIntense = "_shadowIntense_n6bg9_496";
-const xs = "_xs_n6bg9_499";
-const rating_text = "_rating_text_n6bg9_503";
-const small = "_small_n6bg9_508";
-const medium = "_medium_n6bg9_517";
-const large = "_large_n6bg9_526";
-const xl = "_xl_n6bg9_535";
-const inner_circle = "_inner_circle_n6bg9_553";
-const primary = "_primary_n6bg9_563";
-const secondary = "_secondary_n6bg9_566";
-const tertiary = "_tertiary_n6bg9_569";
-const quaternary = "_quaternary_n6bg9_572";
-const clear = "_clear_n6bg9_575";
-const success = "_success_n6bg9_578";
-const error = "_error_n6bg9_92";
-const warning = "_warning_n6bg9_584";
-const spin = "_spin_n6bg9_1";
-const pulse = "_pulse_n6bg9_1";
+const noScroll = "_noScroll_189z5_91";
+const errorMessage = "_errorMessage_189z5_92";
+const loadingContainer = "_loadingContainer_189z5_93";
+const hideScrollbar = "_hideScrollbar_189z5_85";
+const sr_only = "_sr_only_189z5_94";
+const circular_progress = "_circular_progress_189z5_539";
+const shadowNone = "_shadowNone_189z5_544";
+const circle_border = "_circle_border_189z5_544";
+const shadowLight = "_shadowLight_189z5_547";
+const shadowMedium = "_shadowMedium_189z5_550";
+const shadowStrong = "_shadowStrong_189z5_553";
+const shadowIntense = "_shadowIntense_189z5_556";
+const xs = "_xs_189z5_559";
+const rating_text = "_rating_text_189z5_563";
+const small = "_small_189z5_568";
+const medium = "_medium_189z5_577";
+const large = "_large_189z5_586";
+const xl = "_xl_189z5_595";
+const inner_circle = "_inner_circle_189z5_613";
+const primary = "_primary_189z5_623";
+const secondary = "_secondary_189z5_626";
+const tertiary = "_tertiary_189z5_629";
+const quaternary = "_quaternary_189z5_632";
+const clear = "_clear_189z5_635";
+const success = "_success_189z5_638";
+const error = "_error_189z5_92";
+const warning = "_warning_189z5_644";
+const spin = "_spin_189z5_1";
+const pulse = "_pulse_189z5_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -139,16 +139,16 @@ const styles = {
   success,
   error,
   warning,
-  "fade-in": "_fade-in_n6bg9_1",
-  "slide-up": "_slide-up_n6bg9_1",
-  "spin-3d": "_spin-3d_n6bg9_1",
+  "fade-in": "_fade-in_189z5_1",
+  "slide-up": "_slide-up_189z5_1",
+  "spin-3d": "_spin-3d_189z5_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_n6bg9_1",
-  "progress-grow": "_progress-grow_n6bg9_1",
-  "indeterminate-move": "_indeterminate-move_n6bg9_1",
-  "skeleton-loading": "_skeleton-loading_n6bg9_1"
+  "fade-in-up": "_fade-in-up_189z5_1",
+  "progress-grow": "_progress-grow_189z5_1",
+  "indeterminate-move": "_indeterminate-move_189z5_1",
+  "skeleton-loading": "_skeleton-loading_189z5_1"
 };
 const CircularProgress = (props) => /* @__PURE__ */ require$$2.jsx(CircularProgressBase, { ...props, classMap: styles });
 exports.CircularProgress = CircularProgress;
-//# sourceMappingURL=CircularProgress-DXC_JBTG.cjs.map
+//# sourceMappingURL=CircularProgress-CcIv2nXN.cjs.map

package/dist/next/{CircularProgress-DXC_JBTG.cjs.map → CircularProgress-CcIv2nXN.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress-DXC_JBTG.cjs","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/next/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressProps } from \"./CircularProgress.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CircularProgressBaseProps extends CircularProgressProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst getColor = (percent: number): string => {\r\n  if (percent <= 0) return \"var(--background-color)\";\r\n  if (percent <= 40) return \"var(--error-color)\";\r\n  if (percent <= 70) return \"var(--warning-color)\";\r\n  return \"var(--success-color)\";\r\n};\r\n\r\nconst CircularProgressBase: React.FC<CircularProgressBaseProps> = ({\r\n  rating,\r\n  min = 0,\r\n  max = 100,\r\n  label = \"Progress\",\r\n  shadow = getDefaultShadow(),\r\n  showRaw = false,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"circular-progress\",\r\n}) => {\r\n  const clamped = Math.min(max, Math.max(min, rating));\r\n  const percent = ((clamped - min) / (max - min)) * 100;\r\n\r\n  const [displayPercent, setDisplayPercent] = useState(0);\r\n  const [angle, setAngle] = useState(0);\r\n\r\n  useEffect(() => {\r\n    const newAngle = Math.min(360, (percent / 100) * 360);\r\n    setAngle(newAngle);\r\n    setDisplayPercent(Math.round(percent));\r\n  }, [percent]);\r\n\r\n  const progressColor = getColor(percent);\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.circular_progress,\r\n        classMap[theme],\r\n        classMap[size],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        className\r\n      ),\r\n    [shadow, className, classMap]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={combinedClassName}\r\n      role=\"progressbar\"\r\n      aria-valuemin={min}\r\n      aria-valuemax={max}\r\n      aria-valuenow={clamped}\r\n      aria-label={label}\r\n      aria-describedby={`${testId}-desc`}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={classMap.circle_border}\r\n        style={{\r\n          background: `conic-gradient(\r\n            ${progressColor} 0deg,\r\n            ${progressColor} ${angle}deg,\r\n            transparent ${angle}deg 360deg\r\n          )`,\r\n        }}\r\n      >\r\n        <div className={classMap.inner_circle}>\r\n          <span\r\n            id={`${testId}-desc`}\r\n            className={classMap.rating_text}\r\n            aria-live=\"polite\"\r\n            aria-atomic=\"true\"\r\n          >\r\n            {showRaw ? `${clamped}/${max}` : `${displayPercent}%`}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CircularProgressBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CircularProgressBase from \"../CircularProgressBase\";\r\nimport styles from \"./CircularProgress.module.scss\";\r\nimport { CircularProgressProps } from \"../CircularProgress.types\";\r\n\r\nconst CircularProgress: React.FC<CircularProgressProps> = (props) => (\r\n  <CircularProgressBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default CircularProgress;\r\n"],"names":["getDefaultShadow","getDefaultSize","getDefaultTheme","useState","useEffect","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAcA,MAAM,WAAW,CAAC,YAA4B;AAC5C,MAAI,WAAW,EAAG,QAAO;AACzB,MAAI,WAAW,GAAI,QAAO;AAC1B,MAAI,WAAW,GAAI,QAAO;AAC1B,SAAO;AACT;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAASA,kBAAAA,iBAAA;AAAA,EACT,UAAU;AAAA,EACV,OAAOC,kBAAAA,eAAA;AAAA,EACP,QAAQC,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;AACnD,QAAM,WAAY,UAAU,QAAQ,MAAM,OAAQ;AAElD,QAAM,CAAC,gBAAgB,iBAAiB,IAAIC,MAAAA,SAAS,CAAC;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAS,CAAC;AAEpCC,QAAAA,UAAU,MAAM;AACd,UAAM,WAAW,KAAK,IAAI,KAAM,UAAU,MAAO,GAAG;AACpD,aAAS,QAAQ;AACjB,sBAAkB,KAAK,MAAM,OAAO,CAAC;AAAA,EACvC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBAAgB,SAAS,OAAO;AAEtC,QAAM,oBAAoBC,MAAAA;AAAAA,IACxB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD;AAAA,IAAA;AAAA,IAEJ,CAAC,QAAQ,WAAW,QAAQ;AAAA,EAAA;AAG9B,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAY;AAAA,MACZ,oBAAkB,GAAG,MAAM;AAAA,MAC3B,eAAa;AAAA,MAEb,UAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,OAAO;AAAA,YACL,YAAY;AAAA,cACR,aAAa;AAAA,cACb,aAAa,IAAI,KAAK;AAAA,0BACV,KAAK;AAAA;AAAA,UAAA;AAAA,UAIvB,UAAAA,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI,GAAG,MAAM;AAAA,cACb,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cAEX,oBAAU,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,cAAc;AAAA,YAAA;AAAA,UAAA,EACpD,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzFA,MAAM,mBAAoD,CAAC,UACzDA,+BAAC,wBAAsB,GAAG,OAAO,UAAU,OAAA,CAAQ;;"}
+{"version":3,"file":"CircularProgress-CcIv2nXN.cjs","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/next/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressProps } from \"./CircularProgress.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CircularProgressBaseProps extends CircularProgressProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst getColor = (percent: number): string => {\r\n  if (percent <= 0) return \"var(--background-color)\";\r\n  if (percent <= 40) return \"var(--error-color)\";\r\n  if (percent <= 70) return \"var(--warning-color)\";\r\n  return \"var(--success-color)\";\r\n};\r\n\r\nconst CircularProgressBase: React.FC<CircularProgressBaseProps> = ({\r\n  rating,\r\n  min = 0,\r\n  max = 100,\r\n  label = \"Progress\",\r\n  shadow = getDefaultShadow(),\r\n  showRaw = false,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"circular-progress\",\r\n}) => {\r\n  const clamped = Math.min(max, Math.max(min, rating));\r\n  const percent = ((clamped - min) / (max - min)) * 100;\r\n\r\n  const [displayPercent, setDisplayPercent] = useState(0);\r\n  const [angle, setAngle] = useState(0);\r\n\r\n  useEffect(() => {\r\n    const newAngle = Math.min(360, (percent / 100) * 360);\r\n    setAngle(newAngle);\r\n    setDisplayPercent(Math.round(percent));\r\n  }, [percent]);\r\n\r\n  const progressColor = getColor(percent);\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.circular_progress,\r\n        classMap[theme],\r\n        classMap[size],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        className\r\n      ),\r\n    [shadow, className, classMap]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={combinedClassName}\r\n      role=\"progressbar\"\r\n      aria-valuemin={min}\r\n      aria-valuemax={max}\r\n      aria-valuenow={clamped}\r\n      aria-label={label}\r\n      aria-describedby={`${testId}-desc`}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={classMap.circle_border}\r\n        style={{\r\n          background: `conic-gradient(\r\n            ${progressColor} 0deg,\r\n            ${progressColor} ${angle}deg,\r\n            transparent ${angle}deg 360deg\r\n          )`,\r\n        }}\r\n      >\r\n        <div className={classMap.inner_circle}>\r\n          <span\r\n            id={`${testId}-desc`}\r\n            className={classMap.rating_text}\r\n            aria-live=\"polite\"\r\n            aria-atomic=\"true\"\r\n          >\r\n            {showRaw ? `${clamped}/${max}` : `${displayPercent}%`}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CircularProgressBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CircularProgressBase from \"../CircularProgressBase\";\r\nimport styles from \"./CircularProgress.module.scss\";\r\nimport { CircularProgressProps } from \"../CircularProgress.types\";\r\n\r\nconst CircularProgress: React.FC<CircularProgressProps> = (props) => (\r\n  <CircularProgressBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default CircularProgress;\r\n"],"names":["getDefaultShadow","getDefaultSize","getDefaultTheme","useState","useEffect","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAcA,MAAM,WAAW,CAAC,YAA4B;AAC5C,MAAI,WAAW,EAAG,QAAO;AACzB,MAAI,WAAW,GAAI,QAAO;AAC1B,MAAI,WAAW,GAAI,QAAO;AAC1B,SAAO;AACT;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAASA,kBAAAA,iBAAA;AAAA,EACT,UAAU;AAAA,EACV,OAAOC,kBAAAA,eAAA;AAAA,EACP,QAAQC,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;AACnD,QAAM,WAAY,UAAU,QAAQ,MAAM,OAAQ;AAElD,QAAM,CAAC,gBAAgB,iBAAiB,IAAIC,MAAAA,SAAS,CAAC;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAS,CAAC;AAEpCC,QAAAA,UAAU,MAAM;AACd,UAAM,WAAW,KAAK,IAAI,KAAM,UAAU,MAAO,GAAG;AACpD,aAAS,QAAQ;AACjB,sBAAkB,KAAK,MAAM,OAAO,CAAC;AAAA,EACvC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBAAgB,SAAS,OAAO;AAEtC,QAAM,oBAAoBC,MAAAA;AAAAA,IACxB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD;AAAA,IAAA;AAAA,IAEJ,CAAC,QAAQ,WAAW,QAAQ;AAAA,EAAA;AAG9B,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAY;AAAA,MACZ,oBAAkB,GAAG,MAAM;AAAA,MAC3B,eAAa;AAAA,MAEb,UAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,OAAO;AAAA,YACL,YAAY;AAAA,cACR,aAAa;AAAA,cACb,aAAa,IAAI,KAAK;AAAA,0BACV,KAAK;AAAA;AAAA,UAAA;AAAA,UAIvB,UAAAA,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI,GAAG,MAAM;AAAA,cACb,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cAEX,oBAAU,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,cAAc;AAAA,YAAA;AAAA,UAAA,EACpD,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzFA,MAAM,mBAAoD,CAAC,UACzDA,+BAAC,wBAAsB,GAAG,OAAO,UAAU,OAAA,CAAQ;;"}

package/dist/next/{CircularProgress-CYo_VUG7.js → CircularProgress-DTKTvWPL.js}

@@ -81,35 +81,35 @@ const CircularProgressBase = ({
     }
   );
 };
-const noScroll = "_noScroll_n6bg9_91";
-const errorMessage = "_errorMessage_n6bg9_92";
-const loadingContainer = "_loadingContainer_n6bg9_93";
-const hideScrollbar = "_hideScrollbar_n6bg9_85";
-const sr_only = "_sr_only_n6bg9_94";
-const circular_progress = "_circular_progress_n6bg9_479";
-const shadowNone = "_shadowNone_n6bg9_484";
-const circle_border = "_circle_border_n6bg9_484";
-const shadowLight = "_shadowLight_n6bg9_487";
-const shadowMedium = "_shadowMedium_n6bg9_490";
-const shadowStrong = "_shadowStrong_n6bg9_493";
-const shadowIntense = "_shadowIntense_n6bg9_496";
-const xs = "_xs_n6bg9_499";
-const rating_text = "_rating_text_n6bg9_503";
-const small = "_small_n6bg9_508";
-const medium = "_medium_n6bg9_517";
-const large = "_large_n6bg9_526";
-const xl = "_xl_n6bg9_535";
-const inner_circle = "_inner_circle_n6bg9_553";
-const primary = "_primary_n6bg9_563";
-const secondary = "_secondary_n6bg9_566";
-const tertiary = "_tertiary_n6bg9_569";
-const quaternary = "_quaternary_n6bg9_572";
-const clear = "_clear_n6bg9_575";
-const success = "_success_n6bg9_578";
-const error = "_error_n6bg9_92";
-const warning = "_warning_n6bg9_584";
-const spin = "_spin_n6bg9_1";
-const pulse = "_pulse_n6bg9_1";
+const noScroll = "_noScroll_189z5_91";
+const errorMessage = "_errorMessage_189z5_92";
+const loadingContainer = "_loadingContainer_189z5_93";
+const hideScrollbar = "_hideScrollbar_189z5_85";
+const sr_only = "_sr_only_189z5_94";
+const circular_progress = "_circular_progress_189z5_539";
+const shadowNone = "_shadowNone_189z5_544";
+const circle_border = "_circle_border_189z5_544";
+const shadowLight = "_shadowLight_189z5_547";
+const shadowMedium = "_shadowMedium_189z5_550";
+const shadowStrong = "_shadowStrong_189z5_553";
+const shadowIntense = "_shadowIntense_189z5_556";
+const xs = "_xs_189z5_559";
+const rating_text = "_rating_text_189z5_563";
+const small = "_small_189z5_568";
+const medium = "_medium_189z5_577";
+const large = "_large_189z5_586";
+const xl = "_xl_189z5_595";
+const inner_circle = "_inner_circle_189z5_613";
+const primary = "_primary_189z5_623";
+const secondary = "_secondary_189z5_626";
+const tertiary = "_tertiary_189z5_629";
+const quaternary = "_quaternary_189z5_632";
+const clear = "_clear_189z5_635";
+const success = "_success_189z5_638";
+const error = "_error_189z5_92";
+const warning = "_warning_189z5_644";
+const spin = "_spin_189z5_1";
+const pulse = "_pulse_189z5_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -138,18 +138,18 @@ const styles = {
   success,
   error,
   warning,
-  "fade-in": "_fade-in_n6bg9_1",
-  "slide-up": "_slide-up_n6bg9_1",
-  "spin-3d": "_spin-3d_n6bg9_1",
+  "fade-in": "_fade-in_189z5_1",
+  "slide-up": "_slide-up_189z5_1",
+  "spin-3d": "_spin-3d_189z5_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_n6bg9_1",
-  "progress-grow": "_progress-grow_n6bg9_1",
-  "indeterminate-move": "_indeterminate-move_n6bg9_1",
-  "skeleton-loading": "_skeleton-loading_n6bg9_1"
+  "fade-in-up": "_fade-in-up_189z5_1",
+  "progress-grow": "_progress-grow_189z5_1",
+  "indeterminate-move": "_indeterminate-move_189z5_1",
+  "skeleton-loading": "_skeleton-loading_189z5_1"
 };
 const CircularProgress = (props) => /* @__PURE__ */ jsx(CircularProgressBase, { ...props, classMap: styles });
 export {
   CircularProgress as C
 };
-//# sourceMappingURL=CircularProgress-CYo_VUG7.js.map
+//# sourceMappingURL=CircularProgress-DTKTvWPL.js.map

package/dist/next/{CircularProgress-CYo_VUG7.js.map → CircularProgress-DTKTvWPL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress-CYo_VUG7.js","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/next/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressProps } from \"./CircularProgress.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CircularProgressBaseProps extends CircularProgressProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst getColor = (percent: number): string => {\r\n  if (percent <= 0) return \"var(--background-color)\";\r\n  if (percent <= 40) return \"var(--error-color)\";\r\n  if (percent <= 70) return \"var(--warning-color)\";\r\n  return \"var(--success-color)\";\r\n};\r\n\r\nconst CircularProgressBase: React.FC<CircularProgressBaseProps> = ({\r\n  rating,\r\n  min = 0,\r\n  max = 100,\r\n  label = \"Progress\",\r\n  shadow = getDefaultShadow(),\r\n  showRaw = false,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"circular-progress\",\r\n}) => {\r\n  const clamped = Math.min(max, Math.max(min, rating));\r\n  const percent = ((clamped - min) / (max - min)) * 100;\r\n\r\n  const [displayPercent, setDisplayPercent] = useState(0);\r\n  const [angle, setAngle] = useState(0);\r\n\r\n  useEffect(() => {\r\n    const newAngle = Math.min(360, (percent / 100) * 360);\r\n    setAngle(newAngle);\r\n    setDisplayPercent(Math.round(percent));\r\n  }, [percent]);\r\n\r\n  const progressColor = getColor(percent);\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.circular_progress,\r\n        classMap[theme],\r\n        classMap[size],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        className\r\n      ),\r\n    [shadow, className, classMap]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={combinedClassName}\r\n      role=\"progressbar\"\r\n      aria-valuemin={min}\r\n      aria-valuemax={max}\r\n      aria-valuenow={clamped}\r\n      aria-label={label}\r\n      aria-describedby={`${testId}-desc`}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={classMap.circle_border}\r\n        style={{\r\n          background: `conic-gradient(\r\n            ${progressColor} 0deg,\r\n            ${progressColor} ${angle}deg,\r\n            transparent ${angle}deg 360deg\r\n          )`,\r\n        }}\r\n      >\r\n        <div className={classMap.inner_circle}>\r\n          <span\r\n            id={`${testId}-desc`}\r\n            className={classMap.rating_text}\r\n            aria-live=\"polite\"\r\n            aria-atomic=\"true\"\r\n          >\r\n            {showRaw ? `${clamped}/${max}` : `${displayPercent}%`}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CircularProgressBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CircularProgressBase from \"../CircularProgressBase\";\r\nimport styles from \"./CircularProgress.module.scss\";\r\nimport { CircularProgressProps } from \"../CircularProgress.types\";\r\n\r\nconst CircularProgress: React.FC<CircularProgressProps> = (props) => (\r\n  <CircularProgressBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default CircularProgress;\r\n"],"names":[],"mappings":";;;;;AAcA,MAAM,WAAW,CAAC,YAA4B;AAC5C,MAAI,WAAW,EAAG,QAAO;AACzB,MAAI,WAAW,GAAI,QAAO;AAC1B,MAAI,WAAW,GAAI,QAAO;AAC1B,SAAO;AACT;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS,iBAAA;AAAA,EACT,UAAU;AAAA,EACV,OAAO,eAAA;AAAA,EACP,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;AACnD,QAAM,WAAY,UAAU,QAAQ,MAAM,OAAQ;AAElD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAEpC,YAAU,MAAM;AACd,UAAM,WAAW,KAAK,IAAI,KAAM,UAAU,MAAO,GAAG;AACpD,aAAS,QAAQ;AACjB,sBAAkB,KAAK,MAAM,OAAO,CAAC;AAAA,EACvC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBAAgB,SAAS,OAAO;AAEtC,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD;AAAA,IAAA;AAAA,IAEJ,CAAC,QAAQ,WAAW,QAAQ;AAAA,EAAA;AAG9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAY;AAAA,MACZ,oBAAkB,GAAG,MAAM;AAAA,MAC3B,eAAa;AAAA,MAEb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,OAAO;AAAA,YACL,YAAY;AAAA,cACR,aAAa;AAAA,cACb,aAAa,IAAI,KAAK;AAAA,0BACV,KAAK;AAAA;AAAA,UAAA;AAAA,UAIvB,UAAA,oBAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI,GAAG,MAAM;AAAA,cACb,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cAEX,oBAAU,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,cAAc;AAAA,YAAA;AAAA,UAAA,EACpD,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzFA,MAAM,mBAAoD,CAAC,UACzD,oBAAC,wBAAsB,GAAG,OAAO,UAAU,OAAA,CAAQ;"}
+{"version":3,"file":"CircularProgress-DTKTvWPL.js","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/next/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressProps } from \"./CircularProgress.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CircularProgressBaseProps extends CircularProgressProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst getColor = (percent: number): string => {\r\n  if (percent <= 0) return \"var(--background-color)\";\r\n  if (percent <= 40) return \"var(--error-color)\";\r\n  if (percent <= 70) return \"var(--warning-color)\";\r\n  return \"var(--success-color)\";\r\n};\r\n\r\nconst CircularProgressBase: React.FC<CircularProgressBaseProps> = ({\r\n  rating,\r\n  min = 0,\r\n  max = 100,\r\n  label = \"Progress\",\r\n  shadow = getDefaultShadow(),\r\n  showRaw = false,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"circular-progress\",\r\n}) => {\r\n  const clamped = Math.min(max, Math.max(min, rating));\r\n  const percent = ((clamped - min) / (max - min)) * 100;\r\n\r\n  const [displayPercent, setDisplayPercent] = useState(0);\r\n  const [angle, setAngle] = useState(0);\r\n\r\n  useEffect(() => {\r\n    const newAngle = Math.min(360, (percent / 100) * 360);\r\n    setAngle(newAngle);\r\n    setDisplayPercent(Math.round(percent));\r\n  }, [percent]);\r\n\r\n  const progressColor = getColor(percent);\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.circular_progress,\r\n        classMap[theme],\r\n        classMap[size],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        className\r\n      ),\r\n    [shadow, className, classMap]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={combinedClassName}\r\n      role=\"progressbar\"\r\n      aria-valuemin={min}\r\n      aria-valuemax={max}\r\n      aria-valuenow={clamped}\r\n      aria-label={label}\r\n      aria-describedby={`${testId}-desc`}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={classMap.circle_border}\r\n        style={{\r\n          background: `conic-gradient(\r\n            ${progressColor} 0deg,\r\n            ${progressColor} ${angle}deg,\r\n            transparent ${angle}deg 360deg\r\n          )`,\r\n        }}\r\n      >\r\n        <div className={classMap.inner_circle}>\r\n          <span\r\n            id={`${testId}-desc`}\r\n            className={classMap.rating_text}\r\n            aria-live=\"polite\"\r\n            aria-atomic=\"true\"\r\n          >\r\n            {showRaw ? `${clamped}/${max}` : `${displayPercent}%`}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CircularProgressBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CircularProgressBase from \"../CircularProgressBase\";\r\nimport styles from \"./CircularProgress.module.scss\";\r\nimport { CircularProgressProps } from \"../CircularProgress.types\";\r\n\r\nconst CircularProgress: React.FC<CircularProgressProps> = (props) => (\r\n  <CircularProgressBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default CircularProgress;\r\n"],"names":[],"mappings":";;;;;AAcA,MAAM,WAAW,CAAC,YAA4B;AAC5C,MAAI,WAAW,EAAG,QAAO;AACzB,MAAI,WAAW,GAAI,QAAO;AAC1B,MAAI,WAAW,GAAI,QAAO;AAC1B,SAAO;AACT;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS,iBAAA;AAAA,EACT,UAAU;AAAA,EACV,OAAO,eAAA;AAAA,EACP,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;AACnD,QAAM,WAAY,UAAU,QAAQ,MAAM,OAAQ;AAElD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAEpC,YAAU,MAAM;AACd,UAAM,WAAW,KAAK,IAAI,KAAM,UAAU,MAAO,GAAG;AACpD,aAAS,QAAQ;AACjB,sBAAkB,KAAK,MAAM,OAAO,CAAC;AAAA,EACvC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBAAgB,SAAS,OAAO;AAEtC,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD;AAAA,IAAA;AAAA,IAEJ,CAAC,QAAQ,WAAW,QAAQ;AAAA,EAAA;AAG9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAY;AAAA,MACZ,oBAAkB,GAAG,MAAM;AAAA,MAC3B,eAAa;AAAA,MAEb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,OAAO;AAAA,YACL,YAAY;AAAA,cACR,aAAa;AAAA,cACb,aAAa,IAAI,KAAK;AAAA,0BACV,KAAK;AAAA;AAAA,UAAA;AAAA,UAIvB,UAAA,oBAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI,GAAG,MAAM;AAAA,cACb,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cAEX,oBAAU,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,cAAc;AAAA,YAAA;AAAA,UAAA,EACpD,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzFA,MAAM,mBAAoD,CAAC,UACzD,oBAAC,wBAAsB,GAAG,OAAO,UAAU,OAAA,CAAQ;"}

package/dist/next/CircularProgress.cjs.js

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

package/dist/next/CircularProgress.js

@@ -1,4 +1,4 @@
-import { C } from "./CircularProgress-CYo_VUG7.js";
+import { C } from "./CircularProgress-DTKTvWPL.js";
 export {
   C as default
 };