boreal-ui 0.0.34 → 0.0.36

package/dist/next/{Checkbox-CU-XrZC7.js → Checkbox-CrK0JFu8.js}

@@ -113,42 +113,42 @@ const CheckboxBase = forwardRef(
   }
 );
 CheckboxBase.displayName = "CheckboxBase";
-const noScroll = "_noScroll_1rnok_91";
-const errorMessage = "_errorMessage_1rnok_92";
-const loadingContainer = "_loadingContainer_1rnok_93";
-const hideScrollbar = "_hideScrollbar_1rnok_85";
-const sr_only = "_sr_only_1rnok_94";
-const checkbox = "_checkbox_1rnok_540";
-const input = "_input_1rnok_553";
-const roundNone = "_roundNone_1rnok_560";
-const box = "_box_1rnok_560";
-const roundSmall = "_roundSmall_1rnok_564";
-const roundMedium = "_roundMedium_1rnok_568";
-const roundLarge = "_roundLarge_1rnok_572";
-const roundFull = "_roundFull_1rnok_576";
-const shadowNone = "_shadowNone_1rnok_580";
-const shadowLight = "_shadowLight_1rnok_584";
-const shadowMedium = "_shadowMedium_1rnok_588";
-const shadowStrong = "_shadowStrong_1rnok_592";
-const shadowIntense = "_shadowIntense_1rnok_596";
-const xs = "_xs_1rnok_600";
-const indeterminate = "_indeterminate_1rnok_612";
-const label = "_label_1rnok_617";
-const small = "_small_1rnok_621";
-const medium = "_medium_1rnok_642";
-const large = "_large_1rnok_663";
-const xl = "_xl_1rnok_684";
-const primary = "_primary_1rnok_741";
-const secondary = "_secondary_1rnok_753";
-const tertiary = "_tertiary_1rnok_765";
-const quaternary = "_quaternary_1rnok_777";
-const clear = "_clear_1rnok_789";
-const success = "_success_1rnok_801";
-const error = "_error_1rnok_92";
-const warning = "_warning_1rnok_825";
-const disabled = "_disabled_1rnok_837";
-const spin = "_spin_1rnok_1";
-const pulse = "_pulse_1rnok_1";
+const noScroll = "_noScroll_3vb2c_108";
+const errorMessage = "_errorMessage_3vb2c_109";
+const loadingContainer = "_loadingContainer_3vb2c_110";
+const hideScrollbar = "_hideScrollbar_3vb2c_102";
+const sr_only = "_sr_only_3vb2c_111";
+const checkbox = "_checkbox_3vb2c_540";
+const input = "_input_3vb2c_565";
+const roundNone = "_roundNone_3vb2c_572";
+const box = "_box_3vb2c_572";
+const roundSmall = "_roundSmall_3vb2c_576";
+const roundMedium = "_roundMedium_3vb2c_580";
+const roundLarge = "_roundLarge_3vb2c_584";
+const roundFull = "_roundFull_3vb2c_588";
+const shadowNone = "_shadowNone_3vb2c_592";
+const shadowLight = "_shadowLight_3vb2c_596";
+const shadowMedium = "_shadowMedium_3vb2c_600";
+const shadowStrong = "_shadowStrong_3vb2c_604";
+const shadowIntense = "_shadowIntense_3vb2c_608";
+const xs = "_xs_3vb2c_612";
+const indeterminate = "_indeterminate_3vb2c_642";
+const label = "_label_3vb2c_653";
+const small = "_small_3vb2c_667";
+const medium = "_medium_3vb2c_722";
+const large = "_large_3vb2c_777";
+const xl = "_xl_3vb2c_832";
+const primary = "_primary_3vb2c_946";
+const secondary = "_secondary_3vb2c_958";
+const tertiary = "_tertiary_3vb2c_970";
+const quaternary = "_quaternary_3vb2c_982";
+const clear = "_clear_3vb2c_994";
+const success = "_success_3vb2c_1006";
+const error = "_error_3vb2c_109";
+const warning = "_warning_3vb2c_1030";
+const disabled = "_disabled_3vb2c_1042";
+const spin = "_spin_3vb2c_1";
+const pulse = "_pulse_3vb2c_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -184,15 +184,15 @@ const styles = {
   error,
   warning,
   disabled,
-  "fade-in": "_fade-in_1rnok_1",
-  "slide-up": "_slide-up_1rnok_1",
-  "spin-3d": "_spin-3d_1rnok_1",
+  "fade-in": "_fade-in_3vb2c_1",
+  "slide-up": "_slide-up_3vb2c_1",
+  "spin-3d": "_spin-3d_3vb2c_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1rnok_1",
-  "progress-grow": "_progress-grow_1rnok_1",
-  "indeterminate-move": "_indeterminate-move_1rnok_1",
-  "skeleton-loading": "_skeleton-loading_1rnok_1"
+  "fade-in-up": "_fade-in-up_3vb2c_1",
+  "progress-grow": "_progress-grow_3vb2c_1",
+  "indeterminate-move": "_indeterminate-move_3vb2c_1",
+  "skeleton-loading": "_skeleton-loading_3vb2c_1"
 };
 const Checkbox = (props) => {
   return /* @__PURE__ */ jsx(CheckboxBase, { ...props, classMap: styles });
@@ -200,4 +200,4 @@ const Checkbox = (props) => {
 export {
   Checkbox as C
 };
-//# sourceMappingURL=Checkbox-CU-XrZC7.js.map
+//# sourceMappingURL=Checkbox-CrK0JFu8.js.map

package/dist/next/{Checkbox-CU-XrZC7.js.map → Checkbox-CrK0JFu8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Checkbox-CU-XrZC7.js","sources":["../../src/components/Checkbox/CheckboxBase.tsx","../../src/components/Checkbox/next/Checkbox.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  useId,\r\n  useRef,\r\n  useEffect,\r\n  useImperativeHandle,\r\n  useMemo,\r\n} from \"react\";\r\nimport type { CheckboxBaseProps } from \"./Checkbox.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 CheckboxBase = forwardRef<HTMLInputElement, CheckboxBaseProps>(\r\n  (\r\n    {\r\n      checked,\r\n      onChange,\r\n      indeterminate = false,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      size = getDefaultSize(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      label = \"\",\r\n      labelPosition = \"right\",\r\n      className = \"\",\r\n      id,\r\n      \"data-testid\": testId = \"checkbox\",\r\n      classMap,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const internalId = useId();\r\n    const checkboxId = id || internalId;\r\n    const labelId = label ? `${checkboxId}-label` : undefined;\r\n\r\n    const inputRef = useRef<HTMLInputElement>(null);\r\n    useImperativeHandle(ref, () => inputRef.current as HTMLInputElement);\r\n\r\n    useEffect(() => {\r\n      if (inputRef.current) {\r\n        inputRef.current.indeterminate = indeterminate;\r\n      }\r\n    }, [indeterminate]);\r\n\r\n    const combinedClassName = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.checkbox,\r\n          classMap[theme],\r\n          classMap[state],\r\n          classMap[labelPosition],\r\n          classMap[size],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [\r\n        classMap,\r\n        theme,\r\n        state,\r\n        labelPosition,\r\n        size,\r\n        shadow,\r\n        rounding,\r\n        disabled,\r\n        className,\r\n      ]\r\n    );\r\n\r\n    return (\r\n      <label\r\n        htmlFor={checkboxId}\r\n        className={combinedClassName}\r\n        data-testid={testId ? `${testId}-wrapper` : undefined}\r\n      >\r\n        {label && labelPosition === \"left\" && (\r\n          <span\r\n            className={classMap.label}\r\n            id={labelId}\r\n            data-testid={testId ? `${testId}-label` : undefined}\r\n          >\r\n            {label}\r\n          </span>\r\n        )}\r\n\r\n        <input\r\n          id={checkboxId}\r\n          ref={inputRef}\r\n          type=\"checkbox\"\r\n          className={classMap.input}\r\n          checked={checked}\r\n          onChange={(e) => onChange(e.target.checked)}\r\n          disabled={disabled}\r\n          aria-labelledby={labelId}\r\n          aria-checked={indeterminate ? \"mixed\" : undefined}\r\n          {...props}\r\n        />\r\n\r\n        <span\r\n          className={combineClassNames(\r\n            classMap.box,\r\n            indeterminate && classMap.indeterminate\r\n          )}\r\n          aria-hidden=\"true\"\r\n          data-testid={testId ? `${testId}-box` : undefined}\r\n        />\r\n\r\n        {label && labelPosition === \"right\" && (\r\n          <span\r\n            className={classMap.label}\r\n            id={labelId}\r\n            data-testid={testId ? `${testId}-label` : undefined}\r\n          >\r\n            {label}\r\n          </span>\r\n        )}\r\n      </label>\r\n    );\r\n  }\r\n);\r\n\r\nCheckboxBase.displayName = \"CheckboxBase\";\r\nexport default CheckboxBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CheckboxBase from \"../CheckboxBase\";\r\nimport styles from \"./CheckBox.module.scss\";\r\nimport { CheckBoxProps } from \"../Checkbox.types\";\r\n\r\nconst Checkbox: React.FC<CheckBoxProps> = (props) => {\r\n  return <CheckboxBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Checkbox;\r\n"],"names":["indeterminate","disabled","label"],"mappings":"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"}
+{"version":3,"file":"Checkbox-CrK0JFu8.js","sources":["../../src/components/Checkbox/CheckboxBase.tsx","../../src/components/Checkbox/next/Checkbox.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  useId,\r\n  useRef,\r\n  useEffect,\r\n  useImperativeHandle,\r\n  useMemo,\r\n} from \"react\";\r\nimport type { CheckboxBaseProps } from \"./Checkbox.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 CheckboxBase = forwardRef<HTMLInputElement, CheckboxBaseProps>(\r\n  (\r\n    {\r\n      checked,\r\n      onChange,\r\n      indeterminate = false,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      size = getDefaultSize(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      label = \"\",\r\n      labelPosition = \"right\",\r\n      className = \"\",\r\n      id,\r\n      \"data-testid\": testId = \"checkbox\",\r\n      classMap,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const internalId = useId();\r\n    const checkboxId = id || internalId;\r\n    const labelId = label ? `${checkboxId}-label` : undefined;\r\n\r\n    const inputRef = useRef<HTMLInputElement>(null);\r\n    useImperativeHandle(ref, () => inputRef.current as HTMLInputElement);\r\n\r\n    useEffect(() => {\r\n      if (inputRef.current) {\r\n        inputRef.current.indeterminate = indeterminate;\r\n      }\r\n    }, [indeterminate]);\r\n\r\n    const combinedClassName = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.checkbox,\r\n          classMap[theme],\r\n          classMap[state],\r\n          classMap[labelPosition],\r\n          classMap[size],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [\r\n        classMap,\r\n        theme,\r\n        state,\r\n        labelPosition,\r\n        size,\r\n        shadow,\r\n        rounding,\r\n        disabled,\r\n        className,\r\n      ]\r\n    );\r\n\r\n    return (\r\n      <label\r\n        htmlFor={checkboxId}\r\n        className={combinedClassName}\r\n        data-testid={testId ? `${testId}-wrapper` : undefined}\r\n      >\r\n        {label && labelPosition === \"left\" && (\r\n          <span\r\n            className={classMap.label}\r\n            id={labelId}\r\n            data-testid={testId ? `${testId}-label` : undefined}\r\n          >\r\n            {label}\r\n          </span>\r\n        )}\r\n\r\n        <input\r\n          id={checkboxId}\r\n          ref={inputRef}\r\n          type=\"checkbox\"\r\n          className={classMap.input}\r\n          checked={checked}\r\n          onChange={(e) => onChange(e.target.checked)}\r\n          disabled={disabled}\r\n          aria-labelledby={labelId}\r\n          aria-checked={indeterminate ? \"mixed\" : undefined}\r\n          {...props}\r\n        />\r\n\r\n        <span\r\n          className={combineClassNames(\r\n            classMap.box,\r\n            indeterminate && classMap.indeterminate\r\n          )}\r\n          aria-hidden=\"true\"\r\n          data-testid={testId ? `${testId}-box` : undefined}\r\n        />\r\n\r\n        {label && labelPosition === \"right\" && (\r\n          <span\r\n            className={classMap.label}\r\n            id={labelId}\r\n            data-testid={testId ? `${testId}-label` : undefined}\r\n          >\r\n            {label}\r\n          </span>\r\n        )}\r\n      </label>\r\n    );\r\n  }\r\n);\r\n\r\nCheckboxBase.displayName = \"CheckboxBase\";\r\nexport default CheckboxBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CheckboxBase from \"../CheckboxBase\";\r\nimport styles from \"./CheckBox.module.scss\";\r\nimport { CheckBoxProps } from \"../Checkbox.types\";\r\n\r\nconst Checkbox: React.FC<CheckBoxProps> = (props) => {\r\n  return <CheckboxBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Checkbox;\r\n"],"names":["indeterminate","disabled","label"],"mappings":"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"}

package/dist/next/{Chip-CekCQRke.js → Chip-3QqdBOHX.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-B1r838wY.js";
+import { I as IconButton } from "./IconButton-qQljwBB2.js";
 const ChipBase = ({
   id,
   message: message2,
@@ -108,48 +108,48 @@ const ChipBase = ({
   return chipElement;
 };
 ChipBase.displayName = "ChipBase";
-const noScroll = "_noScroll_g1jap_91";
-const errorMessage = "_errorMessage_g1jap_92";
-const loadingContainer = "_loadingContainer_g1jap_93";
-const hideScrollbar = "_hideScrollbar_g1jap_85";
-const sr_only = "_sr_only_g1jap_94";
-const chip = "_chip_g1jap_540";
-const roundNone = "_roundNone_g1jap_556";
-const roundSmall = "_roundSmall_g1jap_559";
-const roundMedium = "_roundMedium_g1jap_562";
-const roundLarge = "_roundLarge_g1jap_565";
-const roundFull = "_roundFull_g1jap_568";
-const shadowNone = "_shadowNone_g1jap_571";
-const shadowLight = "_shadowLight_g1jap_574";
-const shadowMedium = "_shadowMedium_g1jap_577";
-const shadowStrong = "_shadowStrong_g1jap_580";
-const shadowIntense = "_shadowIntense_g1jap_583";
-const fixed = "_fixed_g1jap_587";
-const fadeout = "_fadeout_g1jap_593";
-const topCenter = "_topCenter_g1jap_598";
-const bottomCenter = "_bottomCenter_g1jap_602";
-const topLeft = "_topLeft_g1jap_606";
-const topRight = "_topRight_g1jap_612";
-const bottomLeft = "_bottomLeft_g1jap_619";
-const bottomRight = "_bottomRight_g1jap_625";
-const primary = "_primary_g1jap_632";
-const secondary = "_secondary_g1jap_638";
-const tertiary = "_tertiary_g1jap_644";
-const quaternary = "_quaternary_g1jap_650";
-const clear = "_clear_g1jap_656";
-const success = "_success_g1jap_662";
-const error = "_error_g1jap_92";
-const warning = "_warning_g1jap_674";
-const icon = "_icon_g1jap_680";
-const message = "_message_g1jap_687";
-const icon_inner = "_icon_inner_g1jap_692";
-const xs = "_xs_g1jap_697";
-const small = "_small_g1jap_709";
-const medium = "_medium_g1jap_721";
-const large = "_large_g1jap_732";
-const xl = "_xl_g1jap_743";
-const spin = "_spin_g1jap_1";
-const pulse = "_pulse_g1jap_1";
+const noScroll = "_noScroll_114n2_108";
+const errorMessage = "_errorMessage_114n2_109";
+const loadingContainer = "_loadingContainer_114n2_110";
+const hideScrollbar = "_hideScrollbar_114n2_102";
+const sr_only = "_sr_only_114n2_111";
+const chip = "_chip_114n2_540";
+const roundNone = "_roundNone_114n2_567";
+const roundSmall = "_roundSmall_114n2_570";
+const roundMedium = "_roundMedium_114n2_573";
+const roundLarge = "_roundLarge_114n2_576";
+const roundFull = "_roundFull_114n2_579";
+const shadowNone = "_shadowNone_114n2_582";
+const shadowLight = "_shadowLight_114n2_585";
+const shadowMedium = "_shadowMedium_114n2_588";
+const shadowStrong = "_shadowStrong_114n2_591";
+const shadowIntense = "_shadowIntense_114n2_594";
+const fixed = "_fixed_114n2_602";
+const fadeout = "_fadeout_114n2_608";
+const topCenter = "_topCenter_114n2_613";
+const bottomCenter = "_bottomCenter_114n2_617";
+const topLeft = "_topLeft_114n2_621";
+const topRight = "_topRight_114n2_627";
+const bottomLeft = "_bottomLeft_114n2_634";
+const bottomRight = "_bottomRight_114n2_640";
+const primary = "_primary_114n2_647";
+const secondary = "_secondary_114n2_657";
+const tertiary = "_tertiary_114n2_667";
+const quaternary = "_quaternary_114n2_677";
+const clear = "_clear_114n2_687";
+const success = "_success_114n2_697";
+const error = "_error_114n2_109";
+const warning = "_warning_114n2_717";
+const icon = "_icon_114n2_727";
+const message = "_message_114n2_744";
+const icon_inner = "_icon_inner_114n2_759";
+const xs = "_xs_114n2_764";
+const small = "_small_114n2_792";
+const medium = "_medium_114n2_820";
+const large = "_large_114n2_847";
+const xl = "_xl_114n2_874";
+const spin = "_spin_114n2_1";
+const pulse = "_pulse_114n2_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -157,7 +157,7 @@ const styles = {
   hideScrollbar,
   sr_only,
   chip,
-  "fade-in": "_fade-in_g1jap_1",
+  "fade-in": "_fade-in_114n2_1",
   roundNone,
   roundSmall,
   roundMedium,
@@ -192,14 +192,14 @@ const styles = {
   medium,
   large,
   xl,
-  "slide-up": "_slide-up_g1jap_1",
-  "spin-3d": "_spin-3d_g1jap_1",
+  "slide-up": "_slide-up_114n2_1",
+  "spin-3d": "_spin-3d_114n2_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_g1jap_1",
-  "progress-grow": "_progress-grow_g1jap_1",
-  "indeterminate-move": "_indeterminate-move_g1jap_1",
-  "skeleton-loading": "_skeleton-loading_g1jap_1"
+  "fade-in-up": "_fade-in-up_114n2_1",
+  "progress-grow": "_progress-grow_114n2_1",
+  "indeterminate-move": "_indeterminate-move_114n2_1",
+  "skeleton-loading": "_skeleton-loading_114n2_1"
 };
 const Chip = (props) => /* @__PURE__ */ jsx(
   ChipBase,
@@ -213,4 +213,4 @@ const Chip = (props) => /* @__PURE__ */ jsx(
 export {
   Chip as C
 };
-//# sourceMappingURL=Chip-CekCQRke.js.map
+//# sourceMappingURL=Chip-3QqdBOHX.js.map

package/dist/next/Chip-3QqdBOHX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip-3QqdBOHX.js","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/next/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } 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  stackIndex,\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  useEffect(() => {\r\n    if (visible) setClosing(false);\r\n  }, [visible]);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n    const onKey = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") handleClose();\r\n    };\r\n    window.addEventListener(\"keydown\", onKey);\r\n    return () => window.removeEventListener(\"keydown\", onKey);\r\n  }, [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=\"alert\"\r\n      aria-live=\"assertive\"\r\n      aria-atomic=\"true\"\r\n      data-testid={testId}\r\n      style={stackIndex != null ? { zIndex: stackIndex } : undefined}\r\n    >\r\n      {Icon && (\r\n        <span\r\n          className={classMap.icon}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\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        data-testid={`${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\nChipBase.displayName = \"ChipBase\";\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":"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"}

package/dist/next/{Chip-CfJ473TI.cjs → Chip-BUVPtK2j.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--X_Bqn4g.cjs");
+const IconButton = require("./IconButton-VSz8qAIg.cjs");
 const ChipBase = ({
   id,
   message: message2,
@@ -109,48 +109,48 @@ const ChipBase = ({
   return chipElement;
 };
 ChipBase.displayName = "ChipBase";
-const noScroll = "_noScroll_g1jap_91";
-const errorMessage = "_errorMessage_g1jap_92";
-const loadingContainer = "_loadingContainer_g1jap_93";
-const hideScrollbar = "_hideScrollbar_g1jap_85";
-const sr_only = "_sr_only_g1jap_94";
-const chip = "_chip_g1jap_540";
-const roundNone = "_roundNone_g1jap_556";
-const roundSmall = "_roundSmall_g1jap_559";
-const roundMedium = "_roundMedium_g1jap_562";
-const roundLarge = "_roundLarge_g1jap_565";
-const roundFull = "_roundFull_g1jap_568";
-const shadowNone = "_shadowNone_g1jap_571";
-const shadowLight = "_shadowLight_g1jap_574";
-const shadowMedium = "_shadowMedium_g1jap_577";
-const shadowStrong = "_shadowStrong_g1jap_580";
-const shadowIntense = "_shadowIntense_g1jap_583";
-const fixed = "_fixed_g1jap_587";
-const fadeout = "_fadeout_g1jap_593";
-const topCenter = "_topCenter_g1jap_598";
-const bottomCenter = "_bottomCenter_g1jap_602";
-const topLeft = "_topLeft_g1jap_606";
-const topRight = "_topRight_g1jap_612";
-const bottomLeft = "_bottomLeft_g1jap_619";
-const bottomRight = "_bottomRight_g1jap_625";
-const primary = "_primary_g1jap_632";
-const secondary = "_secondary_g1jap_638";
-const tertiary = "_tertiary_g1jap_644";
-const quaternary = "_quaternary_g1jap_650";
-const clear = "_clear_g1jap_656";
-const success = "_success_g1jap_662";
-const error = "_error_g1jap_92";
-const warning = "_warning_g1jap_674";
-const icon = "_icon_g1jap_680";
-const message = "_message_g1jap_687";
-const icon_inner = "_icon_inner_g1jap_692";
-const xs = "_xs_g1jap_697";
-const small = "_small_g1jap_709";
-const medium = "_medium_g1jap_721";
-const large = "_large_g1jap_732";
-const xl = "_xl_g1jap_743";
-const spin = "_spin_g1jap_1";
-const pulse = "_pulse_g1jap_1";
+const noScroll = "_noScroll_114n2_108";
+const errorMessage = "_errorMessage_114n2_109";
+const loadingContainer = "_loadingContainer_114n2_110";
+const hideScrollbar = "_hideScrollbar_114n2_102";
+const sr_only = "_sr_only_114n2_111";
+const chip = "_chip_114n2_540";
+const roundNone = "_roundNone_114n2_567";
+const roundSmall = "_roundSmall_114n2_570";
+const roundMedium = "_roundMedium_114n2_573";
+const roundLarge = "_roundLarge_114n2_576";
+const roundFull = "_roundFull_114n2_579";
+const shadowNone = "_shadowNone_114n2_582";
+const shadowLight = "_shadowLight_114n2_585";
+const shadowMedium = "_shadowMedium_114n2_588";
+const shadowStrong = "_shadowStrong_114n2_591";
+const shadowIntense = "_shadowIntense_114n2_594";
+const fixed = "_fixed_114n2_602";
+const fadeout = "_fadeout_114n2_608";
+const topCenter = "_topCenter_114n2_613";
+const bottomCenter = "_bottomCenter_114n2_617";
+const topLeft = "_topLeft_114n2_621";
+const topRight = "_topRight_114n2_627";
+const bottomLeft = "_bottomLeft_114n2_634";
+const bottomRight = "_bottomRight_114n2_640";
+const primary = "_primary_114n2_647";
+const secondary = "_secondary_114n2_657";
+const tertiary = "_tertiary_114n2_667";
+const quaternary = "_quaternary_114n2_677";
+const clear = "_clear_114n2_687";
+const success = "_success_114n2_697";
+const error = "_error_114n2_109";
+const warning = "_warning_114n2_717";
+const icon = "_icon_114n2_727";
+const message = "_message_114n2_744";
+const icon_inner = "_icon_inner_114n2_759";
+const xs = "_xs_114n2_764";
+const small = "_small_114n2_792";
+const medium = "_medium_114n2_820";
+const large = "_large_114n2_847";
+const xl = "_xl_114n2_874";
+const spin = "_spin_114n2_1";
+const pulse = "_pulse_114n2_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -158,7 +158,7 @@ const styles = {
   hideScrollbar,
   sr_only,
   chip,
-  "fade-in": "_fade-in_g1jap_1",
+  "fade-in": "_fade-in_114n2_1",
   roundNone,
   roundSmall,
   roundMedium,
@@ -193,14 +193,14 @@ const styles = {
   medium,
   large,
   xl,
-  "slide-up": "_slide-up_g1jap_1",
-  "spin-3d": "_spin-3d_g1jap_1",
+  "slide-up": "_slide-up_114n2_1",
+  "spin-3d": "_spin-3d_114n2_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_g1jap_1",
-  "progress-grow": "_progress-grow_g1jap_1",
-  "indeterminate-move": "_indeterminate-move_g1jap_1",
-  "skeleton-loading": "_skeleton-loading_g1jap_1"
+  "fade-in-up": "_fade-in-up_114n2_1",
+  "progress-grow": "_progress-grow_114n2_1",
+  "indeterminate-move": "_indeterminate-move_114n2_1",
+  "skeleton-loading": "_skeleton-loading_114n2_1"
 };
 const Chip = (props) => /* @__PURE__ */ require$$2.jsx(
   ChipBase,
@@ -212,4 +212,4 @@ const Chip = (props) => /* @__PURE__ */ require$$2.jsx(
   }
 );
 exports.Chip = Chip;
-//# sourceMappingURL=Chip-CfJ473TI.cjs.map
+//# sourceMappingURL=Chip-BUVPtK2j.cjs.map

package/dist/next/Chip-BUVPtK2j.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip-BUVPtK2j.cjs","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/next/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } 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  stackIndex,\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  useEffect(() => {\r\n    if (visible) setClosing(false);\r\n  }, [visible]);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n    const onKey = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") handleClose();\r\n    };\r\n    window.addEventListener(\"keydown\", onKey);\r\n    return () => window.removeEventListener(\"keydown\", onKey);\r\n  }, [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=\"alert\"\r\n      aria-live=\"assertive\"\r\n      aria-atomic=\"true\"\r\n      data-testid={testId}\r\n      style={stackIndex != null ? { zIndex: stackIndex } : undefined}\r\n    >\r\n      {Icon && (\r\n        <span\r\n          className={classMap.icon}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\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        data-testid={`${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\nChipBase.displayName = \"ChipBase\";\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":"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"}

package/dist/next/Chip.cjs.js

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

package/dist/next/Chip.js

@@ -1,4 +1,4 @@
-import { C } from "./Chip-CekCQRke.js";
+import { C } from "./Chip-3QqdBOHX.js";
 export {
   C as default
 };

package/dist/next/{CircularProgress-C3vHw9Vz.js → CircularProgress-C7Zr-dLf.js}

@@ -84,35 +84,35 @@ const CircularProgressBase = ({
   );
 };
 CircularProgressBase.displayName = "CircularProgressBase";
-const noScroll = "_noScroll_1mgep_91";
-const errorMessage = "_errorMessage_1mgep_92";
-const loadingContainer = "_loadingContainer_1mgep_93";
-const hideScrollbar = "_hideScrollbar_1mgep_85";
-const sr_only = "_sr_only_1mgep_94";
-const circular_progress = "_circular_progress_1mgep_540";
-const shadowNone = "_shadowNone_1mgep_545";
-const circle_border = "_circle_border_1mgep_545";
-const shadowLight = "_shadowLight_1mgep_548";
-const shadowMedium = "_shadowMedium_1mgep_551";
-const shadowStrong = "_shadowStrong_1mgep_554";
-const shadowIntense = "_shadowIntense_1mgep_557";
-const xs = "_xs_1mgep_560";
-const rating_text = "_rating_text_1mgep_564";
-const small = "_small_1mgep_569";
-const medium = "_medium_1mgep_578";
-const large = "_large_1mgep_587";
-const xl = "_xl_1mgep_596";
-const inner_circle = "_inner_circle_1mgep_614";
-const primary = "_primary_1mgep_624";
-const secondary = "_secondary_1mgep_627";
-const tertiary = "_tertiary_1mgep_630";
-const quaternary = "_quaternary_1mgep_633";
-const clear = "_clear_1mgep_636";
-const success = "_success_1mgep_639";
-const error = "_error_1mgep_92";
-const warning = "_warning_1mgep_645";
-const spin = "_spin_1mgep_1";
-const pulse = "_pulse_1mgep_1";
+const noScroll = "_noScroll_5h4i7_108";
+const errorMessage = "_errorMessage_5h4i7_109";
+const loadingContainer = "_loadingContainer_5h4i7_110";
+const hideScrollbar = "_hideScrollbar_5h4i7_102";
+const sr_only = "_sr_only_5h4i7_111";
+const circular_progress = "_circular_progress_5h4i7_540";
+const circle_border = "_circle_border_5h4i7_545";
+const inner_circle = "_inner_circle_5h4i7_558";
+const primary = "_primary_5h4i7_580";
+const secondary = "_secondary_5h4i7_583";
+const tertiary = "_tertiary_5h4i7_586";
+const quaternary = "_quaternary_5h4i7_589";
+const clear = "_clear_5h4i7_592";
+const success = "_success_5h4i7_595";
+const error = "_error_5h4i7_109";
+const warning = "_warning_5h4i7_601";
+const shadowNone = "_shadowNone_5h4i7_605";
+const shadowLight = "_shadowLight_5h4i7_609";
+const shadowMedium = "_shadowMedium_5h4i7_613";
+const shadowStrong = "_shadowStrong_5h4i7_617";
+const shadowIntense = "_shadowIntense_5h4i7_621";
+const xs = "_xs_5h4i7_625";
+const rating_text = "_rating_text_5h4i7_641";
+const small = "_small_5h4i7_660";
+const medium = "_medium_5h4i7_695";
+const large = "_large_5h4i7_730";
+const xl = "_xl_5h4i7_765";
+const spin = "_spin_5h4i7_1";
+const pulse = "_pulse_5h4i7_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -120,8 +120,17 @@ const styles = {
   hideScrollbar,
   sr_only,
   circular_progress,
-  shadowNone,
   circle_border,
+  inner_circle,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  shadowNone,
   shadowLight,
   shadowMedium,
   shadowStrong,
@@ -132,27 +141,18 @@ const styles = {
   medium,
   large,
   xl,
-  inner_circle,
-  primary,
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  success,
-  error,
-  warning,
-  "fade-in": "_fade-in_1mgep_1",
-  "slide-up": "_slide-up_1mgep_1",
-  "spin-3d": "_spin-3d_1mgep_1",
+  "fade-in": "_fade-in_5h4i7_1",
+  "slide-up": "_slide-up_5h4i7_1",
+  "spin-3d": "_spin-3d_5h4i7_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1mgep_1",
-  "progress-grow": "_progress-grow_1mgep_1",
-  "indeterminate-move": "_indeterminate-move_1mgep_1",
-  "skeleton-loading": "_skeleton-loading_1mgep_1"
+  "fade-in-up": "_fade-in-up_5h4i7_1",
+  "progress-grow": "_progress-grow_5h4i7_1",
+  "indeterminate-move": "_indeterminate-move_5h4i7_1",
+  "skeleton-loading": "_skeleton-loading_5h4i7_1"
 };
 const CircularProgress = (props) => /* @__PURE__ */ jsx(CircularProgressBase, { ...props, classMap: styles });
 export {
   CircularProgress as C
 };
-//# sourceMappingURL=CircularProgress-C3vHw9Vz.js.map
+//# sourceMappingURL=CircularProgress-C7Zr-dLf.js.map

package/dist/next/{CircularProgress-C3vHw9Vz.js.map → CircularProgress-C7Zr-dLf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress-C3vHw9Vz.js","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/next/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressBaseProps } 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\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 range = Math.max(0, max - min);\r\n  const clamped = Math.min(max, Math.max(min, rating));\r\n  const percent = range === 0 ? 0 : ((clamped - min) / range) * 100;\r\n\r\n  const [displayPercent, setDisplayPercent] = useState(0);\r\n  useEffect(() => {\r\n    setDisplayPercent(Math.round(percent));\r\n  }, [percent]);\r\n\r\n  const progressColor =\r\n    state && classMap[state] ? undefined : getColor(percent);\r\n\r\n  const angle = Math.min(360, (percent / 100) * 360);\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    [classMap, theme, size, state, shadow, className]\r\n  );\r\n\r\n  const valueText = showRaw ? `${clamped}/${max}` : `${displayPercent}%`;\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-valuetext={valueText}\r\n      aria-label={label}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.circle_border,\r\n          state && classMap[`state_${state}`]\r\n        )}\r\n        style={\r\n          progressColor\r\n            ? {\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            : undefined\r\n        }\r\n      >\r\n        <div className={classMap.inner_circle}>\r\n          <span\r\n            className={classMap.rating_text}\r\n            aria-live=\"polite\"\r\n            aria-atomic=\"true\"\r\n          >\r\n            {valueText}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nCircularProgressBase.displayName = \"CircularProgressBase\";\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":";;;;;AAUA,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,QAAQ,KAAK,IAAI,GAAG,MAAM,GAAG;AACnC,QAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;AACnD,QAAM,UAAU,UAAU,IAAI,KAAM,UAAU,OAAO,QAAS;AAE9D,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AACtD,YAAU,MAAM;AACd,sBAAkB,KAAK,MAAM,OAAO,CAAC;AAAA,EACvC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBACJ,SAAS,SAAS,KAAK,IAAI,SAAY,SAAS,OAAO;AAEzD,QAAM,QAAQ,KAAK,IAAI,KAAM,UAAU,MAAO,GAAG;AAEjD,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,UAAU,OAAO,MAAM,OAAO,QAAQ,SAAS;AAAA,EAAA;AAGlD,QAAM,YAAY,UAAU,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,cAAc;AAEnE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT,SAAS;AAAA,YACT,SAAS,SAAS,SAAS,KAAK,EAAE;AAAA,UAAA;AAAA,UAEpC,OACE,gBACI;AAAA,YACE,YAAY;AAAA,oBACR,aAAa;AAAA,oBACb,aAAa,IAAI,KAAK;AAAA,gCACV,KAAK;AAAA;AAAA,UAAA,IAGvB;AAAA,UAGN,UAAA,oBAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cAEX,UAAA;AAAA,YAAA;AAAA,UAAA,EACH,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEA,qBAAqB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/FnC,MAAM,mBAAoD,CAAC,UACzD,oBAAC,wBAAsB,GAAG,OAAO,UAAU,OAAA,CAAQ;"}
+{"version":3,"file":"CircularProgress-C7Zr-dLf.js","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/next/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressBaseProps } 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\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 range = Math.max(0, max - min);\r\n  const clamped = Math.min(max, Math.max(min, rating));\r\n  const percent = range === 0 ? 0 : ((clamped - min) / range) * 100;\r\n\r\n  const [displayPercent, setDisplayPercent] = useState(0);\r\n  useEffect(() => {\r\n    setDisplayPercent(Math.round(percent));\r\n  }, [percent]);\r\n\r\n  const progressColor =\r\n    state && classMap[state] ? undefined : getColor(percent);\r\n\r\n  const angle = Math.min(360, (percent / 100) * 360);\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    [classMap, theme, size, state, shadow, className]\r\n  );\r\n\r\n  const valueText = showRaw ? `${clamped}/${max}` : `${displayPercent}%`;\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-valuetext={valueText}\r\n      aria-label={label}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.circle_border,\r\n          state && classMap[`state_${state}`]\r\n        )}\r\n        style={\r\n          progressColor\r\n            ? {\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            : undefined\r\n        }\r\n      >\r\n        <div className={classMap.inner_circle}>\r\n          <span\r\n            className={classMap.rating_text}\r\n            aria-live=\"polite\"\r\n            aria-atomic=\"true\"\r\n          >\r\n            {valueText}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nCircularProgressBase.displayName = \"CircularProgressBase\";\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":";;;;;AAUA,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,QAAQ,KAAK,IAAI,GAAG,MAAM,GAAG;AACnC,QAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;AACnD,QAAM,UAAU,UAAU,IAAI,KAAM,UAAU,OAAO,QAAS;AAE9D,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AACtD,YAAU,MAAM;AACd,sBAAkB,KAAK,MAAM,OAAO,CAAC;AAAA,EACvC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBACJ,SAAS,SAAS,KAAK,IAAI,SAAY,SAAS,OAAO;AAEzD,QAAM,QAAQ,KAAK,IAAI,KAAM,UAAU,MAAO,GAAG;AAEjD,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,UAAU,OAAO,MAAM,OAAO,QAAQ,SAAS;AAAA,EAAA;AAGlD,QAAM,YAAY,UAAU,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,cAAc;AAEnE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT,SAAS;AAAA,YACT,SAAS,SAAS,SAAS,KAAK,EAAE;AAAA,UAAA;AAAA,UAEpC,OACE,gBACI;AAAA,YACE,YAAY;AAAA,oBACR,aAAa;AAAA,oBACb,aAAa,IAAI,KAAK;AAAA,gCACV,KAAK;AAAA;AAAA,UAAA,IAGvB;AAAA,UAGN,UAAA,oBAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cAEX,UAAA;AAAA,YAAA;AAAA,UAAA,EACH,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEA,qBAAqB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/FnC,MAAM,mBAAoD,CAAC,UACzD,oBAAC,wBAAsB,GAAG,OAAO,UAAU,OAAA,CAAQ;"}