boreal-ui 0.0.78 → 0.0.80

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"Checkbox-D6Msnkyl.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-UqOL3aqk.cjs → Checkbox-IK6dY7ED.cjs}

@@ -4,6 +4,79 @@ const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
+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 = {
+  checkbox,
+  input,
+  roundNone,
+  box,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  xs,
+  indeterminate,
+  label,
+  small,
+  medium,
+  large,
+  xl,
+  labelWrapper,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  disabled,
+  "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_1wu04_1",
+  "progress-grow": "_progress-grow_1wu04_1",
+  "indeterminate-move": "_indeterminate-move_1wu04_1",
+  "skeleton-loading": "_skeleton-loading_1wu04_1"
+};
 const CheckboxBase = React.forwardRef(
   ({
     checked,
@@ -153,80 +226,7 @@ const CheckboxBase = React.forwardRef(
   }
 );
 CheckboxBase.displayName = "CheckboxBase";
-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 = {
-  checkbox,
-  input,
-  roundNone,
-  box,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  xs,
-  indeterminate,
-  label,
-  small,
-  medium,
-  large,
-  xl,
-  labelWrapper,
-  primary,
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  success,
-  error,
-  warning,
-  disabled,
-  "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_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-UqOL3aqk.cjs.map
+//# sourceMappingURL=Checkbox-IK6dY7ED.cjs.map

package/dist/next/{Checkbox-UqOL3aqk.cjs.map → Checkbox-IK6dY7ED.cjs.map}

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

package/dist/next/{Chip-D-QH1huh.js → Chip-BweeZwb7.js}

@@ -5,8 +5,90 @@ import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { c as getDefaultSize, d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
 import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
-import './globals.css';import './Chip.css';/* empty css                 */
 import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
+import './Chip.css';const chip = "_chip_ok3go_204";
+const roundNone = "_roundNone_ok3go_235";
+const roundSmall = "_roundSmall_ok3go_238";
+const roundMedium = "_roundMedium_ok3go_241";
+const roundLarge = "_roundLarge_ok3go_244";
+const roundFull = "_roundFull_ok3go_247";
+const shadowNone = "_shadowNone_ok3go_250";
+const shadowLight = "_shadowLight_ok3go_253";
+const shadowMedium = "_shadowMedium_ok3go_256";
+const shadowStrong = "_shadowStrong_ok3go_259";
+const shadowIntense = "_shadowIntense_ok3go_262";
+const fixed = "_fixed_ok3go_270";
+const fadeout = "_fadeout_ok3go_276";
+const topCenter = "_topCenter_ok3go_281";
+const bottomCenter = "_bottomCenter_ok3go_285";
+const topLeft = "_topLeft_ok3go_289";
+const topRight = "_topRight_ok3go_295";
+const bottomLeft = "_bottomLeft_ok3go_302";
+const bottomRight = "_bottomRight_ok3go_308";
+const primary = "_primary_ok3go_315";
+const secondary = "_secondary_ok3go_325";
+const tertiary = "_tertiary_ok3go_335";
+const quaternary = "_quaternary_ok3go_345";
+const clear = "_clear_ok3go_355";
+const success = "_success_ok3go_365";
+const error = "_error_ok3go_375";
+const warning = "_warning_ok3go_385";
+const icon = "_icon_ok3go_395";
+const message = "_message_ok3go_412";
+const icon_inner = "_icon_inner_ok3go_430";
+const xs = "_xs_ok3go_435";
+const small = "_small_ok3go_463";
+const medium = "_medium_ok3go_491";
+const large = "_large_ok3go_518";
+const xl = "_xl_ok3go_545";
+const spin = "_spin_ok3go_1";
+const pulse = "_pulse_ok3go_1";
+const styles = {
+  chip,
+  "fade-in": "_fade-in_ok3go_1",
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  fixed,
+  fadeout,
+  topCenter,
+  bottomCenter,
+  topLeft,
+  topRight,
+  bottomLeft,
+  bottomRight,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  icon,
+  message,
+  icon_inner,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  "slide-up": "_slide-up_ok3go_1",
+  "spin-3d": "_spin-3d_ok3go_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_ok3go_1",
+  "progress-grow": "_progress-grow_ok3go_1",
+  "indeterminate-move": "_indeterminate-move_ok3go_1",
+  "skeleton-loading": "_skeleton-loading_ok3go_1"
+};
 const ChipBase = ({
   id,
   message: message2,
@@ -142,89 +224,6 @@ const ChipBase = ({
   return chipElement;
 };
 ChipBase.displayName = "ChipBase";
-const chip = "_chip_ok3go_204";
-const roundNone = "_roundNone_ok3go_235";
-const roundSmall = "_roundSmall_ok3go_238";
-const roundMedium = "_roundMedium_ok3go_241";
-const roundLarge = "_roundLarge_ok3go_244";
-const roundFull = "_roundFull_ok3go_247";
-const shadowNone = "_shadowNone_ok3go_250";
-const shadowLight = "_shadowLight_ok3go_253";
-const shadowMedium = "_shadowMedium_ok3go_256";
-const shadowStrong = "_shadowStrong_ok3go_259";
-const shadowIntense = "_shadowIntense_ok3go_262";
-const fixed = "_fixed_ok3go_270";
-const fadeout = "_fadeout_ok3go_276";
-const topCenter = "_topCenter_ok3go_281";
-const bottomCenter = "_bottomCenter_ok3go_285";
-const topLeft = "_topLeft_ok3go_289";
-const topRight = "_topRight_ok3go_295";
-const bottomLeft = "_bottomLeft_ok3go_302";
-const bottomRight = "_bottomRight_ok3go_308";
-const primary = "_primary_ok3go_315";
-const secondary = "_secondary_ok3go_325";
-const tertiary = "_tertiary_ok3go_335";
-const quaternary = "_quaternary_ok3go_345";
-const clear = "_clear_ok3go_355";
-const success = "_success_ok3go_365";
-const error = "_error_ok3go_375";
-const warning = "_warning_ok3go_385";
-const icon = "_icon_ok3go_395";
-const message = "_message_ok3go_412";
-const icon_inner = "_icon_inner_ok3go_430";
-const xs = "_xs_ok3go_435";
-const small = "_small_ok3go_463";
-const medium = "_medium_ok3go_491";
-const large = "_large_ok3go_518";
-const xl = "_xl_ok3go_545";
-const spin = "_spin_ok3go_1";
-const pulse = "_pulse_ok3go_1";
-const styles = {
-  chip,
-  "fade-in": "_fade-in_ok3go_1",
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  fixed,
-  fadeout,
-  topCenter,
-  bottomCenter,
-  topLeft,
-  topRight,
-  bottomLeft,
-  bottomRight,
-  primary,
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  success,
-  error,
-  warning,
-  icon,
-  message,
-  icon_inner,
-  xs,
-  small,
-  medium,
-  large,
-  xl,
-  "slide-up": "_slide-up_ok3go_1",
-  "spin-3d": "_spin-3d_ok3go_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_ok3go_1",
-  "progress-grow": "_progress-grow_ok3go_1",
-  "indeterminate-move": "_indeterminate-move_ok3go_1",
-  "skeleton-loading": "_skeleton-loading_ok3go_1"
-};
 const Chip = (props) => /* @__PURE__ */ jsx(
   ChipBase,
   {
@@ -238,4 +237,4 @@ Chip.displayName = "Chip";
 export {
   Chip as C
 };
-//# sourceMappingURL=Chip-D-QH1huh.js.map
+//# sourceMappingURL=Chip-BweeZwb7.js.map

package/dist/next/{Chip-D-QH1huh.js.map → Chip-BweeZwb7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Chip-D-QH1huh.js","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/next/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, 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  iconDecorative = true,\r\n  iconAriaLabel,\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  role = \"alert\",\r\n  closeButtonAriaLabel = \"Close notification\",\r\n  messageId,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive,\r\n  \"aria-atomic\": ariaAtomic,\r\n  \"aria-relevant\": ariaRelevant,\r\n  \"aria-hidden\": ariaHidden,\r\n  \"data-testid\": testId = \"chip\",\r\n  ...rest\r\n}) => {\r\n  const [closing, setClosing] = useState(false);\r\n\r\n  const resolvedMessageId = useMemo(\r\n    () => messageId ?? `${id || testId}-message`,\r\n    [messageId, id, testId],\r\n  );\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\r\n    const onKey = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") handleClose();\r\n    };\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      id={id}\r\n      className={chipClassName}\r\n      role={role}\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      aria-live={ariaLive ?? (role === \"alert\" ? \"assertive\" : \"polite\")}\r\n      aria-atomic={ariaAtomic ?? true}\r\n      aria-relevant={ariaRelevant}\r\n      aria-hidden={ariaHidden}\r\n      data-testid={testId}\r\n      style={stackIndex != null ? { zIndex: stackIndex } : undefined}\r\n      {...rest}\r\n    >\r\n      {Icon && (\r\n        <span\r\n          className={classMap.icon}\r\n          aria-hidden={iconDecorative ? \"true\" : undefined}\r\n          aria-label={!iconDecorative ? iconAriaLabel : undefined}\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <Icon className={classMap.inner_icon} />\r\n        </span>\r\n      )}\r\n\r\n      <span\r\n        className={classMap.message}\r\n        id={resolvedMessageId}\r\n        data-testid={`${testId}-message`}\r\n      >\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        aria-label={closeButtonAriaLabel}\r\n        aria-controls={resolvedMessageId}\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\nChip.displayName = \"Chip\";\r\nexport default Chip;\r\n"],"names":["message","CloseIcon"],"mappings":"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"}
+{"version":3,"file":"Chip-BweeZwb7.js","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/next/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, 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  iconDecorative = true,\r\n  iconAriaLabel,\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  role = \"alert\",\r\n  closeButtonAriaLabel = \"Close notification\",\r\n  messageId,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive,\r\n  \"aria-atomic\": ariaAtomic,\r\n  \"aria-relevant\": ariaRelevant,\r\n  \"aria-hidden\": ariaHidden,\r\n  \"data-testid\": testId = \"chip\",\r\n  ...rest\r\n}) => {\r\n  const [closing, setClosing] = useState(false);\r\n\r\n  const resolvedMessageId = useMemo(\r\n    () => messageId ?? `${id || testId}-message`,\r\n    [messageId, id, testId],\r\n  );\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\r\n    const onKey = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") handleClose();\r\n    };\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      id={id}\r\n      className={chipClassName}\r\n      role={role}\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      aria-live={ariaLive ?? (role === \"alert\" ? \"assertive\" : \"polite\")}\r\n      aria-atomic={ariaAtomic ?? true}\r\n      aria-relevant={ariaRelevant}\r\n      aria-hidden={ariaHidden}\r\n      data-testid={testId}\r\n      style={stackIndex != null ? { zIndex: stackIndex } : undefined}\r\n      {...rest}\r\n    >\r\n      {Icon && (\r\n        <span\r\n          className={classMap.icon}\r\n          aria-hidden={iconDecorative ? \"true\" : undefined}\r\n          aria-label={!iconDecorative ? iconAriaLabel : undefined}\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <Icon className={classMap.inner_icon} />\r\n        </span>\r\n      )}\r\n\r\n      <span\r\n        className={classMap.message}\r\n        id={resolvedMessageId}\r\n        data-testid={`${testId}-message`}\r\n      >\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        aria-label={closeButtonAriaLabel}\r\n        aria-controls={resolvedMessageId}\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 \"../../IconButton/next/IconButton\";\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\nChip.displayName = \"Chip\";\r\nexport default Chip;\r\n"],"names":["message","CloseIcon"],"mappings":"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"}