boreal-ui 0.0.32 → 0.0.34

package/dist/core/style.css

@@ -5931,7 +5931,7 @@ a:hover {
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: var(--background-color-lighter);
+  background-color: white;
   position: relative;
   transition: all 0.3s ease-in-out;
 }

package/dist/next/CheckBox.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Checkbox = require("./Checkbox-NAEbjhCf.cjs");
+const Checkbox = require("./Checkbox-DXRmAtTt.cjs");
 module.exports = Checkbox.Checkbox;
 //# sourceMappingURL=CheckBox.cjs.js.map

package/dist/next/CheckBox.js

@@ -1,4 +1,4 @@
-import { C } from "./Checkbox-BMaEzceF.js";
+import { C } from "./Checkbox-CU-XrZC7.js";
 export {
   C as default
 };

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

@@ -113,42 +113,42 @@ const CheckboxBase = forwardRef(
   }
 );
 CheckboxBase.displayName = "CheckboxBase";
-const noScroll = "_noScroll_1xk0o_91";
-const errorMessage = "_errorMessage_1xk0o_92";
-const loadingContainer = "_loadingContainer_1xk0o_93";
-const hideScrollbar = "_hideScrollbar_1xk0o_85";
-const sr_only = "_sr_only_1xk0o_94";
-const checkbox = "_checkbox_1xk0o_540";
-const input = "_input_1xk0o_553";
-const roundNone = "_roundNone_1xk0o_560";
-const box = "_box_1xk0o_560";
-const roundSmall = "_roundSmall_1xk0o_564";
-const roundMedium = "_roundMedium_1xk0o_568";
-const roundLarge = "_roundLarge_1xk0o_572";
-const roundFull = "_roundFull_1xk0o_576";
-const shadowNone = "_shadowNone_1xk0o_580";
-const shadowLight = "_shadowLight_1xk0o_584";
-const shadowMedium = "_shadowMedium_1xk0o_588";
-const shadowStrong = "_shadowStrong_1xk0o_592";
-const shadowIntense = "_shadowIntense_1xk0o_596";
-const xs = "_xs_1xk0o_600";
-const indeterminate = "_indeterminate_1xk0o_612";
-const label = "_label_1xk0o_617";
-const small = "_small_1xk0o_621";
-const medium = "_medium_1xk0o_642";
-const large = "_large_1xk0o_663";
-const xl = "_xl_1xk0o_684";
-const primary = "_primary_1xk0o_741";
-const secondary = "_secondary_1xk0o_753";
-const tertiary = "_tertiary_1xk0o_765";
-const quaternary = "_quaternary_1xk0o_777";
-const clear = "_clear_1xk0o_789";
-const success = "_success_1xk0o_801";
-const error = "_error_1xk0o_92";
-const warning = "_warning_1xk0o_825";
-const disabled = "_disabled_1xk0o_837";
-const spin = "_spin_1xk0o_1";
-const pulse = "_pulse_1xk0o_1";
+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 styles = {
   noScroll,
   errorMessage,
@@ -184,15 +184,15 @@ const styles = {
   error,
   warning,
   disabled,
-  "fade-in": "_fade-in_1xk0o_1",
-  "slide-up": "_slide-up_1xk0o_1",
-  "spin-3d": "_spin-3d_1xk0o_1",
+  "fade-in": "_fade-in_1rnok_1",
+  "slide-up": "_slide-up_1rnok_1",
+  "spin-3d": "_spin-3d_1rnok_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1xk0o_1",
-  "progress-grow": "_progress-grow_1xk0o_1",
-  "indeterminate-move": "_indeterminate-move_1xk0o_1",
-  "skeleton-loading": "_skeleton-loading_1xk0o_1"
+  "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"
 };
 const Checkbox = (props) => {
   return /* @__PURE__ */ jsx(CheckboxBase, { ...props, classMap: styles });
@@ -200,4 +200,4 @@ const Checkbox = (props) => {
 export {
   Checkbox as C
 };
-//# sourceMappingURL=Checkbox-BMaEzceF.js.map
+//# sourceMappingURL=Checkbox-CU-XrZC7.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox-BMaEzceF.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-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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"}

package/dist/next/{Checkbox-NAEbjhCf.cjs → Checkbox-DXRmAtTt.cjs}

@@ -114,42 +114,42 @@ const CheckboxBase = React.forwardRef(
   }
 );
 CheckboxBase.displayName = "CheckboxBase";
-const noScroll = "_noScroll_1xk0o_91";
-const errorMessage = "_errorMessage_1xk0o_92";
-const loadingContainer = "_loadingContainer_1xk0o_93";
-const hideScrollbar = "_hideScrollbar_1xk0o_85";
-const sr_only = "_sr_only_1xk0o_94";
-const checkbox = "_checkbox_1xk0o_540";
-const input = "_input_1xk0o_553";
-const roundNone = "_roundNone_1xk0o_560";
-const box = "_box_1xk0o_560";
-const roundSmall = "_roundSmall_1xk0o_564";
-const roundMedium = "_roundMedium_1xk0o_568";
-const roundLarge = "_roundLarge_1xk0o_572";
-const roundFull = "_roundFull_1xk0o_576";
-const shadowNone = "_shadowNone_1xk0o_580";
-const shadowLight = "_shadowLight_1xk0o_584";
-const shadowMedium = "_shadowMedium_1xk0o_588";
-const shadowStrong = "_shadowStrong_1xk0o_592";
-const shadowIntense = "_shadowIntense_1xk0o_596";
-const xs = "_xs_1xk0o_600";
-const indeterminate = "_indeterminate_1xk0o_612";
-const label = "_label_1xk0o_617";
-const small = "_small_1xk0o_621";
-const medium = "_medium_1xk0o_642";
-const large = "_large_1xk0o_663";
-const xl = "_xl_1xk0o_684";
-const primary = "_primary_1xk0o_741";
-const secondary = "_secondary_1xk0o_753";
-const tertiary = "_tertiary_1xk0o_765";
-const quaternary = "_quaternary_1xk0o_777";
-const clear = "_clear_1xk0o_789";
-const success = "_success_1xk0o_801";
-const error = "_error_1xk0o_92";
-const warning = "_warning_1xk0o_825";
-const disabled = "_disabled_1xk0o_837";
-const spin = "_spin_1xk0o_1";
-const pulse = "_pulse_1xk0o_1";
+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 styles = {
   noScroll,
   errorMessage,
@@ -185,18 +185,18 @@ const styles = {
   error,
   warning,
   disabled,
-  "fade-in": "_fade-in_1xk0o_1",
-  "slide-up": "_slide-up_1xk0o_1",
-  "spin-3d": "_spin-3d_1xk0o_1",
+  "fade-in": "_fade-in_1rnok_1",
+  "slide-up": "_slide-up_1rnok_1",
+  "spin-3d": "_spin-3d_1rnok_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1xk0o_1",
-  "progress-grow": "_progress-grow_1xk0o_1",
-  "indeterminate-move": "_indeterminate-move_1xk0o_1",
-  "skeleton-loading": "_skeleton-loading_1xk0o_1"
+  "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"
 };
 const Checkbox = (props) => {
   return /* @__PURE__ */ require$$2.jsx(CheckboxBase, { ...props, classMap: styles });
 };
 exports.Checkbox = Checkbox;
-//# sourceMappingURL=Checkbox-NAEbjhCf.cjs.map
+//# sourceMappingURL=Checkbox-DXRmAtTt.cjs.map

package/dist/next/{Checkbox-NAEbjhCf.cjs.map → Checkbox-DXRmAtTt.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Checkbox-NAEbjhCf.cjs","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":["forwardRef","indeterminate","getDefaultTheme","getDefaultRounding","getDefaultSize","getDefaultShadow","disabled","label","useId","useRef","useImperativeHandle","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"Checkbox-DXRmAtTt.cjs","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":["forwardRef","indeterminate","getDefaultTheme","getDefaultRounding","getDefaultSize","getDefaultShadow","disabled","label","useId","useRef","useImperativeHandle","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}

package/dist/next/index.cjs.js

@@ -15,7 +15,7 @@ const FileUpload = require("./FileUpload-DpxmgS-B.cjs");
 const TagInput = require("./TagInput-DuvUD94J.cjs");
 const RadioButton = require("./RadioButton-V4J4u58H.cjs");
 const Slider = require("./Slider-BLoEjvbT.cjs");
-const Checkbox = require("./Checkbox-NAEbjhCf.cjs");
+const Checkbox = require("./Checkbox-DXRmAtTt.cjs");
 const ColorPicker = require("./ColorPicker-CDHrECBi.cjs");
 const FormGroup = require("./FormGroup-DXvH4AmB.cjs");
 const DataTable = require("./DataTable-B0-pq0MG.cjs");

package/dist/next/index.js

@@ -14,7 +14,7 @@ import { F as F2 } from "./FileUpload-BSqFdKZD.js";
 import { T as T4 } from "./TagInput-CJ2XdMU0.js";
 import { R } from "./RadioButton-B2yQz2_q.js";
 import { S as S3 } from "./Slider-q_hjFuqb.js";
-import { C } from "./Checkbox-BMaEzceF.js";
+import { C } from "./Checkbox-CU-XrZC7.js";
 import { C as C2 } from "./ColorPicker-4Fw0fwbk.js";
 import { F as F3 } from "./FormGroup-DSDuqKWJ.js";
 import { D } from "./DataTable-D17xbmiu.js";

package/dist/next/style.css

@@ -5490,7 +5490,7 @@ a:hover {
 * 9. skeleton-loading
 *    - Creates a sweeping shimmer effect for skeleton loaders.
 */
-@keyframes _fade-in_1xk0o_1 {
+@keyframes _fade-in_1rnok_1 {
   from {
     opacity: 0;
   }
@@ -5498,7 +5498,7 @@ a:hover {
     opacity: 1;
   }
 }
-@keyframes _slide-up_1xk0o_1 {
+@keyframes _slide-up_1rnok_1 {
   from {
     transform: translateY(100%);
     opacity: 0;
@@ -5508,7 +5508,7 @@ a:hover {
     opacity: 1;
   }
 }
-@keyframes _spin-3d_1xk0o_1 {
+@keyframes _spin-3d_1rnok_1 {
   0% {
     transform: rotateX(0deg) rotateY(0deg);
   }
@@ -5516,7 +5516,7 @@ a:hover {
     transform: rotateX(360deg) rotateY(360deg);
   }
 }
-@keyframes _spin_1xk0o_1 {
+@keyframes _spin_1rnok_1 {
   0% {
     transform: rotate(0deg);
   }
@@ -5524,7 +5524,7 @@ a:hover {
     transform: rotate(360deg);
   }
 }
-@keyframes _pulse_1xk0o_1 {
+@keyframes _pulse_1rnok_1 {
   0% {
     transform: scale(1);
   }
@@ -5535,7 +5535,7 @@ a:hover {
     transform: scale(1);
   }
 }
-@keyframes _fade-in-up_1xk0o_1 {
+@keyframes _fade-in-up_1rnok_1 {
   from {
     opacity: 0;
     transform: translateY(-5px);
@@ -5545,7 +5545,7 @@ a:hover {
     transform: translateY(0);
   }
 }
-@keyframes _progress-grow_1xk0o_1 {
+@keyframes _progress-grow_1rnok_1 {
   from {
     width: 0;
   }
@@ -5553,7 +5553,7 @@ a:hover {
     width: 100%;
   }
 }
-@keyframes _indeterminate-move_1xk0o_1 {
+@keyframes _indeterminate-move_1rnok_1 {
   0% {
     transform: translateX(-100%);
   }
@@ -5564,7 +5564,7 @@ a:hover {
     transform: translateX(100%);
   }
 }
-@keyframes _skeleton-loading_1xk0o_1 {
+@keyframes _skeleton-loading_1rnok_1 {
   0% {
     left: -100%;
   }
@@ -5807,16 +5807,16 @@ a:hover {
   text-decoration: underline;
 }
 
-._noScroll_1xk0o_91 {
+._noScroll_1rnok_91 {
   overflow: hidden;
 }
 
-._errorMessage_1xk0o_92 {
+._errorMessage_1rnok_92 {
   color: #f83838;
   font-size: 14px;
 }
 
-._loadingContainer_1xk0o_93 {
+._loadingContainer_1rnok_93 {
   min-height: 100vh;
   display: flex;
   justify-content: center;
@@ -5853,16 +5853,16 @@ a:hover {
   background-color: var(--primary-color-hover);
 }
 
-._hideScrollbar_1xk0o_85 {
+._hideScrollbar_1rnok_85 {
   scrollbar-width: none;
   -ms-overflow-style: none;
 }
 
-._hideScrollbar_1xk0o_85::-webkit-scrollbar {
+._hideScrollbar_1rnok_85::-webkit-scrollbar {
   display: none;
 }
 
-._sr_only_1xk0o_94 {
+._sr_only_1rnok_94 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -5884,7 +5884,7 @@ a:hover {
   border: 0;
 }
 
-._checkbox_1xk0o_540 {
+._checkbox_1rnok_540 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -5897,182 +5897,182 @@ a:hover {
   background-color: transparent;
 }
 
-._input_1xk0o_553 {
+._input_1rnok_553 {
   position: absolute;
   display: none;
   pointer-events: none;
   left: 0;
 }
 
-._roundNone_1xk0o_560 ._box_1xk0o_560 {
+._roundNone_1rnok_560 ._box_1rnok_560 {
   border-radius: var(--border-radius-none);
 }
 
-._roundSmall_1xk0o_564 ._box_1xk0o_560 {
+._roundSmall_1rnok_564 ._box_1rnok_560 {
   border-radius: var(--border-radius-sm);
 }
 
-._roundMedium_1xk0o_568 ._box_1xk0o_560 {
+._roundMedium_1rnok_568 ._box_1rnok_560 {
   border-radius: var(--border-radius-md);
 }
 
-._roundLarge_1xk0o_572 ._box_1xk0o_560 {
+._roundLarge_1rnok_572 ._box_1rnok_560 {
   border-radius: var(--border-radius-lg);
 }
 
-._roundFull_1xk0o_576 ._box_1xk0o_560 {
+._roundFull_1rnok_576 ._box_1rnok_560 {
   border-radius: var(--border-radius-full);
 }
 
-._shadowNone_1xk0o_580 ._box_1xk0o_560 {
+._shadowNone_1rnok_580 ._box_1rnok_560 {
   box-shadow: var(--box-shadow-none);
 }
 
-._shadowLight_1xk0o_584 ._box_1xk0o_560 {
+._shadowLight_1rnok_584 ._box_1rnok_560 {
   box-shadow: var(--box-shadow-light);
 }
 
-._shadowMedium_1xk0o_588 ._box_1xk0o_560 {
+._shadowMedium_1rnok_588 ._box_1rnok_560 {
   box-shadow: var(--box-shadow-medium);
 }
 
-._shadowStrong_1xk0o_592 ._box_1xk0o_560 {
+._shadowStrong_1rnok_592 ._box_1rnok_560 {
   box-shadow: var(--box-shadow-heavy);
 }
 
-._shadowIntense_1xk0o_596 ._box_1xk0o_560 {
+._shadowIntense_1rnok_596 ._box_1rnok_560 {
   box-shadow: var(--box-shadow-intense);
 }
 
-._xs_1xk0o_600 ._box_1xk0o_560 {
+._xs_1rnok_600 ._box_1rnok_560 {
   width: 0.75em;
   height: 0.75em;
 }
 
-._xs_1xk0o_600 ._box_1xk0o_560::after {
+._xs_1rnok_600 ._box_1rnok_560::after {
   width: 0.41em;
   height: 0.15em;
   border-left: 0.1em solid currentcolor;
   border-bottom: 0.1em solid currentcolor;
 }
 
-._xs_1xk0o_600 ._box_1xk0o_560._indeterminate_1xk0o_612::after {
+._xs_1rnok_600 ._box_1rnok_560._indeterminate_1rnok_612::after {
   width: 0.41em;
   height: 0.1em;
 }
 
-._xs_1xk0o_600 ._label_1xk0o_617 {
+._xs_1rnok_600 ._label_1rnok_617 {
   font-size: 12px;
 }
 
-._small_1xk0o_621 ._box_1xk0o_560 {
+._small_1rnok_621 ._box_1rnok_560 {
   width: 0.875em;
   height: 0.875em;
 }
 
-._small_1xk0o_621 ._box_1xk0o_560::after {
+._small_1rnok_621 ._box_1rnok_560::after {
   width: 0.43em;
   height: 0.2em;
   border-left: 0.115em solid currentcolor;
   border-bottom: 0.115em solid currentcolor;
 }
 
-._small_1xk0o_621 ._box_1xk0o_560._indeterminate_1xk0o_612::after {
+._small_1rnok_621 ._box_1rnok_560._indeterminate_1rnok_612::after {
   width: 0.43em;
   height: 0.115em;
 }
 
-._small_1xk0o_621 ._label_1xk0o_617 {
+._small_1rnok_621 ._label_1rnok_617 {
   font-size: 14px;
 }
 
-._medium_1xk0o_642 ._box_1xk0o_560 {
+._medium_1rnok_642 ._box_1rnok_560 {
   width: 1em;
   height: 1em;
 }
 
-._medium_1xk0o_642 ._box_1xk0o_560::after {
+._medium_1rnok_642 ._box_1rnok_560::after {
   width: 0.505em;
   height: 0.215em;
   border-left: 0.125em solid currentcolor;
   border-bottom: 0.125em solid currentcolor;
 }
 
-._medium_1xk0o_642 ._box_1xk0o_560._indeterminate_1xk0o_612::after {
+._medium_1rnok_642 ._box_1rnok_560._indeterminate_1rnok_612::after {
   width: 0.505em;
   height: 0.125em;
 }
 
-._medium_1xk0o_642 ._label_1xk0o_617 {
+._medium_1rnok_642 ._label_1rnok_617 {
   font-size: 18px;
 }
 
-._large_1xk0o_663 ._box_1xk0o_560 {
+._large_1rnok_663 ._box_1rnok_560 {
   width: 1.25em;
   height: 1.25em;
 }
 
-._large_1xk0o_663 ._box_1xk0o_560::after {
+._large_1rnok_663 ._box_1rnok_560::after {
   width: 0.63em;
   height: 0.35em;
   border-left: 0.15em solid currentcolor;
   border-bottom: 0.15em solid currentcolor;
 }
 
-._large_1xk0o_663 ._box_1xk0o_560._indeterminate_1xk0o_612::after {
+._large_1rnok_663 ._box_1rnok_560._indeterminate_1rnok_612::after {
   width: 0.63em;
   height: 0.15em;
 }
 
-._large_1xk0o_663 ._label_1xk0o_617 {
+._large_1rnok_663 ._label_1rnok_617 {
   font-size: 24px;
 }
 
-._xl_1xk0o_684 ._box_1xk0o_560 {
+._xl_1rnok_684 ._box_1rnok_560 {
   width: 1.5em;
   height: 1.5em;
 }
 
-._xl_1xk0o_684 ._box_1xk0o_560::after {
+._xl_1rnok_684 ._box_1rnok_560::after {
   width: 0.75em;
   height: 0.4em;
   border-left: 0.175em solid currentcolor;
   border-bottom: 0.175em solid currentcolor;
 }
 
-._xl_1xk0o_684 ._box_1xk0o_560._indeterminate_1xk0o_612::after {
+._xl_1rnok_684 ._box_1rnok_560._indeterminate_1rnok_612::after {
   width: 0.75em;
   height: 0.175em;
 }
 
-._xl_1xk0o_684 ._label_1xk0o_617 {
+._xl_1rnok_684 ._label_1rnok_617 {
   font-size: 32px;
 }
 
-._box_1xk0o_560 {
+._box_1rnok_560 {
   width: 1em;
   height: 1em;
   border: 2px solid currentcolor;
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: var(--background-color-lighter);
+  background-color: white;
   position: relative;
   transition: all 0.3s ease-in-out;
 }
 
-._box_1xk0o_560::after {
+._box_1rnok_560::after {
   content: "";
   transform: rotate(-45deg);
   opacity: 0;
   transition: all 0.3s ease-in-out;
 }
 
-._input_1xk0o_553:checked + ._box_1xk0o_560::after {
+._input_1rnok_553:checked + ._box_1rnok_560::after {
   opacity: 1;
 }
 
-._box_1xk0o_560._indeterminate_1xk0o_612::after {
+._box_1rnok_560._indeterminate_1rnok_612::after {
   opacity: 1;
   content: "";
   background-color: currentcolor;
@@ -6080,108 +6080,108 @@ a:hover {
   transform: none;
 }
 
-._label_1xk0o_617 {
+._label_1rnok_617 {
   color: var(--text-color-primary);
   margin-bottom: -1px;
 }
 
-._primary_1xk0o_741 {
+._primary_1rnok_741 {
   color: var(--primary-color);
 }
 
-._box_1xk0o_560._primary_1xk0o_741 {
+._box_1rnok_560._primary_1rnok_741 {
   border-color: var(--text-color-primary);
 }
 
-._input_1xk0o_553:checked ._box_1xk0o_560._primary_1xk0o_741::after {
+._input_1rnok_553:checked ._box_1rnok_560._primary_1rnok_741::after {
   border-color: var(--primary-color);
 }
 
-._secondary_1xk0o_753 {
+._secondary_1rnok_753 {
   color: var(--secondary-color);
 }
 
-._box_1xk0o_560._secondary_1xk0o_753 {
+._box_1rnok_560._secondary_1rnok_753 {
   border-color: var(--text-color-secondary);
 }
 
-._input_1xk0o_553:checked ._box_1xk0o_560._secondary_1xk0o_753::after {
+._input_1rnok_553:checked ._box_1rnok_560._secondary_1rnok_753::after {
   border-color: var(--secondary-color);
 }
 
-._tertiary_1xk0o_765 {
+._tertiary_1rnok_765 {
   color: var(--tertiary-color);
 }
 
-._box_1xk0o_560._tertiary_1xk0o_765 {
+._box_1rnok_560._tertiary_1rnok_765 {
   border-color: var(--text-color-primary);
 }
 
-._input_1xk0o_553:checked ._box_1xk0o_560._tertiary_1xk0o_765::after {
+._input_1rnok_553:checked ._box_1rnok_560._tertiary_1rnok_765::after {
   border-color: var(--tertiary-color);
 }
 
-._quaternary_1xk0o_777 {
+._quaternary_1rnok_777 {
   color: var(--quaternary-color);
 }
 
-._box_1xk0o_560._quaternary_1xk0o_777 {
+._box_1rnok_560._quaternary_1rnok_777 {
   border-color: var(--text-color-primary);
 }
 
-._input_1xk0o_553:checked ._box_1xk0o_560._quaternary_1xk0o_777::after {
+._input_1rnok_553:checked ._box_1rnok_560._quaternary_1rnok_777::after {
   border-color: var(--quaternary-color);
 }
 
-._clear_1xk0o_789 {
+._clear_1rnok_789 {
   color: var(--text-color-primary);
 }
 
-._box_1xk0o_560._clear_1xk0o_789 {
+._box_1rnok_560._clear_1rnok_789 {
   border-color: var(--text-color-primary);
 }
 
-._input_1xk0o_553:checked ._box_1xk0o_560._clear_1xk0o_789::after {
+._input_1rnok_553:checked ._box_1rnok_560._clear_1rnok_789::after {
   border-color: var(--text-color-primary);
 }
 
-._success_1xk0o_801 {
+._success_1rnok_801 {
   color: var(--success-color);
 }
 
-._box_1xk0o_560._success_1xk0o_801 {
+._box_1rnok_560._success_1rnok_801 {
   border-color: var(--success-color);
 }
 
-._input_1xk0o_553:checked ._box_1xk0o_560._success_1xk0o_801::after {
+._input_1rnok_553:checked ._box_1rnok_560._success_1rnok_801::after {
   border-color: var(--success-color);
 }
 
-._error_1xk0o_92 {
+._error_1rnok_92 {
   color: var(--error-color);
 }
 
-._box_1xk0o_560._error_1xk0o_92 {
+._box_1rnok_560._error_1rnok_92 {
   border-color: var(--error-color);
 }
 
-._input_1xk0o_553:checked ._box_1xk0o_560._error_1xk0o_92::after {
+._input_1rnok_553:checked ._box_1rnok_560._error_1rnok_92::after {
   border-color: var(--error-color);
 }
 
-._warning_1xk0o_825 {
+._warning_1rnok_825 {
   color: var(--warning-color);
 }
 
-._box_1xk0o_560._warning_1xk0o_825 {
+._box_1rnok_560._warning_1rnok_825 {
   border-color: var(--warning-color);
 }
 
-._input_1xk0o_553:checked ._box_1xk0o_560._warning_1xk0o_825::after {
+._input_1rnok_553:checked ._box_1rnok_560._warning_1rnok_825::after {
   border-color: var(--warning-color);
 }
 
-._disabled_1xk0o_837 {
+._disabled_1rnok_837 {
   opacity: 0.6;
   cursor: not-allowed;
   color: rgba(184, 184, 184, 0.8666666667);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "boreal-ui",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "description": "A modern, customizable React/Next.js component library",
   "author": "Davin Chiupka",
   "license": "ISC",
@@ -113,12 +113,12 @@
   },
   "exports": {
     ".": {
-      "import": "./dist/core/index.esm.js",
+      "import": "./dist/core/index.js",
       "require": "./dist/core/index.cjs.js",
       "types": "./dist/types/index.core.d.ts"
     },
     "./core": {
-      "import": "./dist/core/index.esm.js",
+      "import": "./dist/core/index.js",
       "require": "./dist/core/index.cjs.js",
       "types": "./dist/types/index.core.d.ts"
     },