boreal-ui 0.0.76 → 0.0.78

package/dist/next/Card.js

@@ -1,4 +1,4 @@
-import { C } from "./Card-DnZOsQLP.js";
+import { C } from "./Card-CO--D_GK.js";
 export {
   C as default
 };

package/dist/next/CheckBox.cjs.js

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

package/dist/next/CheckBox.js

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

package/dist/next/{Checkbox-CRg5oEdB.js → Checkbox-KIXViPTB.js}

@@ -3,7 +3,7 @@ import { forwardRef, useId, useRef, useImperativeHandle, useEffect, useMemo } fr
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { d as getDefaultTheme, a as getDefaultRounding, c as getDefaultSize, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-const CheckboxBase = forwardRef(
+import './Checkbox.css';const CheckboxBase = forwardRef(
   ({
     checked,
     onChange,
@@ -18,7 +18,7 @@ const CheckboxBase = forwardRef(
     invalid = false,
     label: label2 = "",
     description,
-    errorMessage: errorMessage2,
+    errorMessage,
     labelPosition = "right",
     className = "",
     id,
@@ -34,7 +34,7 @@ const CheckboxBase = forwardRef(
     const checkboxId = id || internalId;
     const labelId = label2 ? `${checkboxId}-label` : void 0;
     const descriptionId = description ? `${checkboxId}-description` : void 0;
-    const errorId = errorMessage2 ? `${checkboxId}-error` : void 0;
+    const errorId = errorMessage ? `${checkboxId}-error` : void 0;
     const inputRef = useRef(null);
     useImperativeHandle(ref, () => inputRef.current);
     useEffect(() => {
@@ -137,13 +137,13 @@ const CheckboxBase = forwardRef(
               children: description
             }
           ),
-          errorMessage2 && /* @__PURE__ */ jsx(
+          errorMessage && /* @__PURE__ */ jsx(
             "div",
             {
               id: errorId,
               className: classMap.errorMessage,
               "data-testid": testId ? `${testId}-error` : void 0,
-              children: errorMessage2
+              children: errorMessage
             }
           )
         ]
@@ -152,49 +152,39 @@ const CheckboxBase = forwardRef(
   }
 );
 CheckboxBase.displayName = "CheckboxBase";
-const noScroll = "_noScroll_1luvw_109";
-const errorMessage = "_errorMessage_1luvw_110";
-const loadingContainer = "_loadingContainer_1luvw_111";
-const hideScrollbar = "_hideScrollbar_1luvw_103";
-const sr_only = "_sr_only_1luvw_112";
-const checkbox = "_checkbox_1luvw_637";
-const input = "_input_1luvw_668";
-const roundNone = "_roundNone_1luvw_675";
-const box = "_box_1luvw_675";
-const roundSmall = "_roundSmall_1luvw_679";
-const roundMedium = "_roundMedium_1luvw_683";
-const roundLarge = "_roundLarge_1luvw_687";
-const roundFull = "_roundFull_1luvw_691";
-const shadowNone = "_shadowNone_1luvw_695";
-const shadowLight = "_shadowLight_1luvw_699";
-const shadowMedium = "_shadowMedium_1luvw_703";
-const shadowStrong = "_shadowStrong_1luvw_707";
-const shadowIntense = "_shadowIntense_1luvw_711";
-const xs = "_xs_1luvw_715";
-const indeterminate = "_indeterminate_1luvw_745";
-const label = "_label_1luvw_756";
-const small = "_small_1luvw_770";
-const medium = "_medium_1luvw_825";
-const large = "_large_1luvw_880";
-const xl = "_xl_1luvw_935";
-const labelWrapper = "_labelWrapper_1luvw_1033";
-const primary = "_primary_1luvw_1059";
-const secondary = "_secondary_1luvw_1071";
-const tertiary = "_tertiary_1luvw_1083";
-const quaternary = "_quaternary_1luvw_1095";
-const clear = "_clear_1luvw_1107";
-const success = "_success_1luvw_1119";
-const error = "_error_1luvw_110";
-const warning = "_warning_1luvw_1143";
-const disabled = "_disabled_1luvw_1155";
-const spin = "_spin_1luvw_1";
-const pulse = "_pulse_1luvw_1";
+const checkbox = "_checkbox_1wu04_204";
+const input = "_input_1wu04_235";
+const roundNone = "_roundNone_1wu04_242";
+const box = "_box_1wu04_242";
+const roundSmall = "_roundSmall_1wu04_246";
+const roundMedium = "_roundMedium_1wu04_250";
+const roundLarge = "_roundLarge_1wu04_254";
+const roundFull = "_roundFull_1wu04_258";
+const shadowNone = "_shadowNone_1wu04_262";
+const shadowLight = "_shadowLight_1wu04_266";
+const shadowMedium = "_shadowMedium_1wu04_270";
+const shadowStrong = "_shadowStrong_1wu04_274";
+const shadowIntense = "_shadowIntense_1wu04_278";
+const xs = "_xs_1wu04_282";
+const indeterminate = "_indeterminate_1wu04_312";
+const label = "_label_1wu04_323";
+const small = "_small_1wu04_337";
+const medium = "_medium_1wu04_392";
+const large = "_large_1wu04_447";
+const xl = "_xl_1wu04_502";
+const labelWrapper = "_labelWrapper_1wu04_600";
+const primary = "_primary_1wu04_626";
+const secondary = "_secondary_1wu04_638";
+const tertiary = "_tertiary_1wu04_650";
+const quaternary = "_quaternary_1wu04_662";
+const clear = "_clear_1wu04_674";
+const success = "_success_1wu04_686";
+const error = "_error_1wu04_698";
+const warning = "_warning_1wu04_710";
+const disabled = "_disabled_1wu04_722";
+const spin = "_spin_1wu04_1";
+const pulse = "_pulse_1wu04_1";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   checkbox,
   input,
   roundNone,
@@ -225,19 +215,19 @@ const styles = {
   error,
   warning,
   disabled,
-  "fade-in": "_fade-in_1luvw_1",
-  "slide-up": "_slide-up_1luvw_1",
-  "spin-3d": "_spin-3d_1luvw_1",
+  "fade-in": "_fade-in_1wu04_1",
+  "slide-up": "_slide-up_1wu04_1",
+  "spin-3d": "_spin-3d_1wu04_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1luvw_1",
-  "progress-grow": "_progress-grow_1luvw_1",
-  "indeterminate-move": "_indeterminate-move_1luvw_1",
-  "skeleton-loading": "_skeleton-loading_1luvw_1"
+  "fade-in-up": "_fade-in-up_1wu04_1",
+  "progress-grow": "_progress-grow_1wu04_1",
+  "indeterminate-move": "_indeterminate-move_1wu04_1",
+  "skeleton-loading": "_skeleton-loading_1wu04_1"
 };
 const Checkbox = forwardRef((props, ref) => /* @__PURE__ */ jsx(CheckboxBase, { ...props, classMap: styles, ref }));
 Checkbox.displayName = "Checkbox";
 export {
   Checkbox as C
 };
-//# sourceMappingURL=Checkbox-CRg5oEdB.js.map
+//# sourceMappingURL=Checkbox-KIXViPTB.js.map

package/dist/next/{Checkbox-CRg5oEdB.js.map → Checkbox-KIXViPTB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Checkbox-CRg5oEdB.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      required = false,\r\n      invalid = false,\r\n      label = \"\",\r\n      description,\r\n      errorMessage,\r\n      labelPosition = \"right\",\r\n      className = \"\",\r\n      id,\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-errormessage\": ariaErrorMessage,\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\r\n    const labelId = label ? `${checkboxId}-label` : undefined;\r\n    const descriptionId = description ? `${checkboxId}-description` : undefined;\r\n    const errorId = errorMessage ? `${checkboxId}-error` : 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          invalid && classMap.invalid,\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        invalid,\r\n        className,\r\n      ],\r\n    );\r\n\r\n    const resolvedAriaLabelledBy =\r\n      ariaLabelledBy ?? (!ariaLabel ? labelId : undefined);\r\n\r\n    const resolvedAriaDescribedBy =\r\n      [ariaDescribedBy, descriptionId, errorId].filter(Boolean).join(\" \") ||\r\n      undefined;\r\n\r\n    const resolvedAriaErrorMessage = ariaErrorMessage ?? errorId;\r\n\r\n    return (\r\n      <div\r\n        className={combinedClassName}\r\n        data-testid={testId ? `${testId}-wrapper` : undefined}\r\n      >\r\n        <label htmlFor={checkboxId} className={classMap.labelWrapper}>\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            required={required}\r\n            aria-label={ariaLabel}\r\n            aria-labelledby={resolvedAriaLabelledBy}\r\n            aria-describedby={resolvedAriaDescribedBy}\r\n            aria-invalid={invalid || state === \"error\" ? true : undefined}\r\n            aria-errormessage={\r\n              invalid || state === \"error\"\r\n                ? resolvedAriaErrorMessage\r\n                : undefined\r\n            }\r\n            aria-checked={indeterminate ? \"mixed\" : checked}\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        {description && (\r\n          <div\r\n            id={descriptionId}\r\n            className={classMap.description}\r\n            data-testid={testId ? `${testId}-description` : undefined}\r\n          >\r\n            {description}\r\n          </div>\r\n        )}\r\n\r\n        {errorMessage && (\r\n          <div\r\n            id={errorId}\r\n            className={classMap.errorMessage}\r\n            data-testid={testId ? `${testId}-error` : undefined}\r\n          >\r\n            {errorMessage}\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nCheckboxBase.displayName = \"CheckboxBase\";\r\nexport default CheckboxBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } 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 = forwardRef<HTMLInputElement, CheckBoxProps>((props, ref) => (\r\n  <CheckboxBase {...props} classMap={styles} ref={ref} />\r\n));\r\nCheckbox.displayName = \"Checkbox\";\r\nexport default Checkbox;\r\n"],"names":["indeterminate","disabled","label","errorMessage"],"mappings":"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"}
+{"version":3,"file":"Checkbox-KIXViPTB.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      required = false,\r\n      invalid = false,\r\n      label = \"\",\r\n      description,\r\n      errorMessage,\r\n      labelPosition = \"right\",\r\n      className = \"\",\r\n      id,\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-errormessage\": ariaErrorMessage,\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\r\n    const labelId = label ? `${checkboxId}-label` : undefined;\r\n    const descriptionId = description ? `${checkboxId}-description` : undefined;\r\n    const errorId = errorMessage ? `${checkboxId}-error` : 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          invalid && classMap.invalid,\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        invalid,\r\n        className,\r\n      ],\r\n    );\r\n\r\n    const resolvedAriaLabelledBy =\r\n      ariaLabelledBy ?? (!ariaLabel ? labelId : undefined);\r\n\r\n    const resolvedAriaDescribedBy =\r\n      [ariaDescribedBy, descriptionId, errorId].filter(Boolean).join(\" \") ||\r\n      undefined;\r\n\r\n    const resolvedAriaErrorMessage = ariaErrorMessage ?? errorId;\r\n\r\n    return (\r\n      <div\r\n        className={combinedClassName}\r\n        data-testid={testId ? `${testId}-wrapper` : undefined}\r\n      >\r\n        <label htmlFor={checkboxId} className={classMap.labelWrapper}>\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            required={required}\r\n            aria-label={ariaLabel}\r\n            aria-labelledby={resolvedAriaLabelledBy}\r\n            aria-describedby={resolvedAriaDescribedBy}\r\n            aria-invalid={invalid || state === \"error\" ? true : undefined}\r\n            aria-errormessage={\r\n              invalid || state === \"error\"\r\n                ? resolvedAriaErrorMessage\r\n                : undefined\r\n            }\r\n            aria-checked={indeterminate ? \"mixed\" : checked}\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        {description && (\r\n          <div\r\n            id={descriptionId}\r\n            className={classMap.description}\r\n            data-testid={testId ? `${testId}-description` : undefined}\r\n          >\r\n            {description}\r\n          </div>\r\n        )}\r\n\r\n        {errorMessage && (\r\n          <div\r\n            id={errorId}\r\n            className={classMap.errorMessage}\r\n            data-testid={testId ? `${testId}-error` : undefined}\r\n          >\r\n            {errorMessage}\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nCheckboxBase.displayName = \"CheckboxBase\";\r\nexport default CheckboxBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } 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 = forwardRef<HTMLInputElement, CheckBoxProps>((props, ref) => (\r\n  <CheckboxBase {...props} classMap={styles} ref={ref} />\r\n));\r\nCheckbox.displayName = \"Checkbox\";\r\nexport default Checkbox;\r\n"],"names":["indeterminate","disabled","label"],"mappings":"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"}

package/dist/next/{Checkbox-DXNxt-4b.cjs → Checkbox-UqOL3aqk.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Checkbox.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
@@ -19,7 +19,7 @@ const CheckboxBase = React.forwardRef(
     invalid = false,
     label: label2 = "",
     description,
-    errorMessage: errorMessage2,
+    errorMessage,
     labelPosition = "right",
     className = "",
     id,
@@ -35,7 +35,7 @@ const CheckboxBase = React.forwardRef(
     const checkboxId = id || internalId;
     const labelId = label2 ? `${checkboxId}-label` : void 0;
     const descriptionId = description ? `${checkboxId}-description` : void 0;
-    const errorId = errorMessage2 ? `${checkboxId}-error` : void 0;
+    const errorId = errorMessage ? `${checkboxId}-error` : void 0;
     const inputRef = React.useRef(null);
     React.useImperativeHandle(ref, () => inputRef.current);
     React.useEffect(() => {
@@ -138,13 +138,13 @@ const CheckboxBase = React.forwardRef(
               children: description
             }
           ),
-          errorMessage2 && /* @__PURE__ */ require$$2.jsx(
+          errorMessage && /* @__PURE__ */ require$$2.jsx(
             "div",
             {
               id: errorId,
               className: classMap.errorMessage,
               "data-testid": testId ? `${testId}-error` : void 0,
-              children: errorMessage2
+              children: errorMessage
             }
           )
         ]
@@ -153,49 +153,39 @@ const CheckboxBase = React.forwardRef(
   }
 );
 CheckboxBase.displayName = "CheckboxBase";
-const noScroll = "_noScroll_1luvw_109";
-const errorMessage = "_errorMessage_1luvw_110";
-const loadingContainer = "_loadingContainer_1luvw_111";
-const hideScrollbar = "_hideScrollbar_1luvw_103";
-const sr_only = "_sr_only_1luvw_112";
-const checkbox = "_checkbox_1luvw_637";
-const input = "_input_1luvw_668";
-const roundNone = "_roundNone_1luvw_675";
-const box = "_box_1luvw_675";
-const roundSmall = "_roundSmall_1luvw_679";
-const roundMedium = "_roundMedium_1luvw_683";
-const roundLarge = "_roundLarge_1luvw_687";
-const roundFull = "_roundFull_1luvw_691";
-const shadowNone = "_shadowNone_1luvw_695";
-const shadowLight = "_shadowLight_1luvw_699";
-const shadowMedium = "_shadowMedium_1luvw_703";
-const shadowStrong = "_shadowStrong_1luvw_707";
-const shadowIntense = "_shadowIntense_1luvw_711";
-const xs = "_xs_1luvw_715";
-const indeterminate = "_indeterminate_1luvw_745";
-const label = "_label_1luvw_756";
-const small = "_small_1luvw_770";
-const medium = "_medium_1luvw_825";
-const large = "_large_1luvw_880";
-const xl = "_xl_1luvw_935";
-const labelWrapper = "_labelWrapper_1luvw_1033";
-const primary = "_primary_1luvw_1059";
-const secondary = "_secondary_1luvw_1071";
-const tertiary = "_tertiary_1luvw_1083";
-const quaternary = "_quaternary_1luvw_1095";
-const clear = "_clear_1luvw_1107";
-const success = "_success_1luvw_1119";
-const error = "_error_1luvw_110";
-const warning = "_warning_1luvw_1143";
-const disabled = "_disabled_1luvw_1155";
-const spin = "_spin_1luvw_1";
-const pulse = "_pulse_1luvw_1";
+const checkbox = "_checkbox_1wu04_204";
+const input = "_input_1wu04_235";
+const roundNone = "_roundNone_1wu04_242";
+const box = "_box_1wu04_242";
+const roundSmall = "_roundSmall_1wu04_246";
+const roundMedium = "_roundMedium_1wu04_250";
+const roundLarge = "_roundLarge_1wu04_254";
+const roundFull = "_roundFull_1wu04_258";
+const shadowNone = "_shadowNone_1wu04_262";
+const shadowLight = "_shadowLight_1wu04_266";
+const shadowMedium = "_shadowMedium_1wu04_270";
+const shadowStrong = "_shadowStrong_1wu04_274";
+const shadowIntense = "_shadowIntense_1wu04_278";
+const xs = "_xs_1wu04_282";
+const indeterminate = "_indeterminate_1wu04_312";
+const label = "_label_1wu04_323";
+const small = "_small_1wu04_337";
+const medium = "_medium_1wu04_392";
+const large = "_large_1wu04_447";
+const xl = "_xl_1wu04_502";
+const labelWrapper = "_labelWrapper_1wu04_600";
+const primary = "_primary_1wu04_626";
+const secondary = "_secondary_1wu04_638";
+const tertiary = "_tertiary_1wu04_650";
+const quaternary = "_quaternary_1wu04_662";
+const clear = "_clear_1wu04_674";
+const success = "_success_1wu04_686";
+const error = "_error_1wu04_698";
+const warning = "_warning_1wu04_710";
+const disabled = "_disabled_1wu04_722";
+const spin = "_spin_1wu04_1";
+const pulse = "_pulse_1wu04_1";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   checkbox,
   input,
   roundNone,
@@ -226,17 +216,17 @@ const styles = {
   error,
   warning,
   disabled,
-  "fade-in": "_fade-in_1luvw_1",
-  "slide-up": "_slide-up_1luvw_1",
-  "spin-3d": "_spin-3d_1luvw_1",
+  "fade-in": "_fade-in_1wu04_1",
+  "slide-up": "_slide-up_1wu04_1",
+  "spin-3d": "_spin-3d_1wu04_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1luvw_1",
-  "progress-grow": "_progress-grow_1luvw_1",
-  "indeterminate-move": "_indeterminate-move_1luvw_1",
-  "skeleton-loading": "_skeleton-loading_1luvw_1"
+  "fade-in-up": "_fade-in-up_1wu04_1",
+  "progress-grow": "_progress-grow_1wu04_1",
+  "indeterminate-move": "_indeterminate-move_1wu04_1",
+  "skeleton-loading": "_skeleton-loading_1wu04_1"
 };
 const Checkbox = React.forwardRef((props, ref) => /* @__PURE__ */ require$$2.jsx(CheckboxBase, { ...props, classMap: styles, ref }));
 Checkbox.displayName = "Checkbox";
 exports.Checkbox = Checkbox;
-//# sourceMappingURL=Checkbox-DXNxt-4b.cjs.map
+//# sourceMappingURL=Checkbox-UqOL3aqk.cjs.map

package/dist/next/{Checkbox-DXNxt-4b.cjs.map → Checkbox-UqOL3aqk.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Checkbox-DXNxt-4b.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      required = false,\r\n      invalid = false,\r\n      label = \"\",\r\n      description,\r\n      errorMessage,\r\n      labelPosition = \"right\",\r\n      className = \"\",\r\n      id,\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-errormessage\": ariaErrorMessage,\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\r\n    const labelId = label ? `${checkboxId}-label` : undefined;\r\n    const descriptionId = description ? `${checkboxId}-description` : undefined;\r\n    const errorId = errorMessage ? `${checkboxId}-error` : 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          invalid && classMap.invalid,\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        invalid,\r\n        className,\r\n      ],\r\n    );\r\n\r\n    const resolvedAriaLabelledBy =\r\n      ariaLabelledBy ?? (!ariaLabel ? labelId : undefined);\r\n\r\n    const resolvedAriaDescribedBy =\r\n      [ariaDescribedBy, descriptionId, errorId].filter(Boolean).join(\" \") ||\r\n      undefined;\r\n\r\n    const resolvedAriaErrorMessage = ariaErrorMessage ?? errorId;\r\n\r\n    return (\r\n      <div\r\n        className={combinedClassName}\r\n        data-testid={testId ? `${testId}-wrapper` : undefined}\r\n      >\r\n        <label htmlFor={checkboxId} className={classMap.labelWrapper}>\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            required={required}\r\n            aria-label={ariaLabel}\r\n            aria-labelledby={resolvedAriaLabelledBy}\r\n            aria-describedby={resolvedAriaDescribedBy}\r\n            aria-invalid={invalid || state === \"error\" ? true : undefined}\r\n            aria-errormessage={\r\n              invalid || state === \"error\"\r\n                ? resolvedAriaErrorMessage\r\n                : undefined\r\n            }\r\n            aria-checked={indeterminate ? \"mixed\" : checked}\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        {description && (\r\n          <div\r\n            id={descriptionId}\r\n            className={classMap.description}\r\n            data-testid={testId ? `${testId}-description` : undefined}\r\n          >\r\n            {description}\r\n          </div>\r\n        )}\r\n\r\n        {errorMessage && (\r\n          <div\r\n            id={errorId}\r\n            className={classMap.errorMessage}\r\n            data-testid={testId ? `${testId}-error` : undefined}\r\n          >\r\n            {errorMessage}\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nCheckboxBase.displayName = \"CheckboxBase\";\r\nexport default CheckboxBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } 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 = forwardRef<HTMLInputElement, CheckBoxProps>((props, ref) => (\r\n  <CheckboxBase {...props} classMap={styles} ref={ref} />\r\n));\r\nCheckbox.displayName = \"Checkbox\";\r\nexport default Checkbox;\r\n"],"names":["forwardRef","indeterminate","getDefaultTheme","getDefaultRounding","getDefaultSize","getDefaultShadow","disabled","label","errorMessage","useId","useRef","useImperativeHandle","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"Checkbox-UqOL3aqk.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      required = false,\r\n      invalid = false,\r\n      label = \"\",\r\n      description,\r\n      errorMessage,\r\n      labelPosition = \"right\",\r\n      className = \"\",\r\n      id,\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-errormessage\": ariaErrorMessage,\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\r\n    const labelId = label ? `${checkboxId}-label` : undefined;\r\n    const descriptionId = description ? `${checkboxId}-description` : undefined;\r\n    const errorId = errorMessage ? `${checkboxId}-error` : 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          invalid && classMap.invalid,\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        invalid,\r\n        className,\r\n      ],\r\n    );\r\n\r\n    const resolvedAriaLabelledBy =\r\n      ariaLabelledBy ?? (!ariaLabel ? labelId : undefined);\r\n\r\n    const resolvedAriaDescribedBy =\r\n      [ariaDescribedBy, descriptionId, errorId].filter(Boolean).join(\" \") ||\r\n      undefined;\r\n\r\n    const resolvedAriaErrorMessage = ariaErrorMessage ?? errorId;\r\n\r\n    return (\r\n      <div\r\n        className={combinedClassName}\r\n        data-testid={testId ? `${testId}-wrapper` : undefined}\r\n      >\r\n        <label htmlFor={checkboxId} className={classMap.labelWrapper}>\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            required={required}\r\n            aria-label={ariaLabel}\r\n            aria-labelledby={resolvedAriaLabelledBy}\r\n            aria-describedby={resolvedAriaDescribedBy}\r\n            aria-invalid={invalid || state === \"error\" ? true : undefined}\r\n            aria-errormessage={\r\n              invalid || state === \"error\"\r\n                ? resolvedAriaErrorMessage\r\n                : undefined\r\n            }\r\n            aria-checked={indeterminate ? \"mixed\" : checked}\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        {description && (\r\n          <div\r\n            id={descriptionId}\r\n            className={classMap.description}\r\n            data-testid={testId ? `${testId}-description` : undefined}\r\n          >\r\n            {description}\r\n          </div>\r\n        )}\r\n\r\n        {errorMessage && (\r\n          <div\r\n            id={errorId}\r\n            className={classMap.errorMessage}\r\n            data-testid={testId ? `${testId}-error` : undefined}\r\n          >\r\n            {errorMessage}\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nCheckboxBase.displayName = \"CheckboxBase\";\r\nexport default CheckboxBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } 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 = forwardRef<HTMLInputElement, CheckBoxProps>((props, ref) => (\r\n  <CheckboxBase {...props} classMap={styles} ref={ref} />\r\n));\r\nCheckbox.displayName = \"Checkbox\";\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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"}