boreal-ui 0.0.72 → 0.0.74

package/dist/next/Checkbox-C422yH7e.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox-C422yH7e.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 { 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/Checkbox-CsiGiTSg.js

@@ -1,202 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useId, useRef, useImperativeHandle, useEffect, useMemo } from "react";
-import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
-import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
-const CheckboxBase = forwardRef(
-  ({
-    checked,
-    onChange,
-    indeterminate: indeterminate2 = false,
-    theme = getDefaultTheme(),
-    rounding = getDefaultRounding(),
-    size = getDefaultSize(),
-    shadow = getDefaultShadow(),
-    state = "",
-    disabled: disabled2 = false,
-    label: label2 = "",
-    labelPosition = "right",
-    className = "",
-    id,
-    "data-testid": testId = "checkbox",
-    classMap,
-    ...props
-  }, ref) => {
-    const internalId = useId();
-    const checkboxId = id || internalId;
-    const labelId = label2 ? `${checkboxId}-label` : void 0;
-    const inputRef = useRef(null);
-    useImperativeHandle(ref, () => inputRef.current);
-    useEffect(() => {
-      if (inputRef.current) {
-        inputRef.current.indeterminate = indeterminate2;
-      }
-    }, [indeterminate2]);
-    const combinedClassName = useMemo(
-      () => combineClassNames(
-        classMap.checkbox,
-        classMap[theme],
-        classMap[state],
-        classMap[labelPosition],
-        classMap[size],
-        shadow && classMap[`shadow${capitalize(shadow)}`],
-        rounding && classMap[`round${capitalize(rounding)}`],
-        disabled2 && classMap.disabled,
-        className
-      ),
-      [
-        classMap,
-        theme,
-        state,
-        labelPosition,
-        size,
-        shadow,
-        rounding,
-        disabled2,
-        className
-      ]
-    );
-    return /* @__PURE__ */ jsxs(
-      "label",
-      {
-        htmlFor: checkboxId,
-        className: combinedClassName,
-        "data-testid": testId ? `${testId}-wrapper` : void 0,
-        children: [
-          label2 && labelPosition === "left" && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: classMap.label,
-              id: labelId,
-              "data-testid": testId ? `${testId}-label` : void 0,
-              children: label2
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              id: checkboxId,
-              ref: inputRef,
-              type: "checkbox",
-              className: classMap.input,
-              checked,
-              onChange: (e) => onChange(e.target.checked),
-              disabled: disabled2,
-              "aria-labelledby": labelId,
-              "aria-checked": indeterminate2 ? "mixed" : void 0,
-              ...props
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: combineClassNames(
-                classMap.box,
-                indeterminate2 && classMap.indeterminate
-              ),
-              "aria-hidden": "true",
-              "data-testid": testId ? `${testId}-box` : void 0
-            }
-          ),
-          label2 && labelPosition === "right" && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: classMap.label,
-              id: labelId,
-              "data-testid": testId ? `${testId}-label` : void 0,
-              children: label2
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-CheckboxBase.displayName = "CheckboxBase";
-const noScroll = "_noScroll_6vu7p_109";
-const errorMessage = "_errorMessage_6vu7p_110";
-const loadingContainer = "_loadingContainer_6vu7p_111";
-const hideScrollbar = "_hideScrollbar_6vu7p_103";
-const sr_only = "_sr_only_6vu7p_112";
-const checkbox = "_checkbox_6vu7p_637";
-const input = "_input_6vu7p_666";
-const roundNone = "_roundNone_6vu7p_673";
-const box = "_box_6vu7p_673";
-const roundSmall = "_roundSmall_6vu7p_677";
-const roundMedium = "_roundMedium_6vu7p_681";
-const roundLarge = "_roundLarge_6vu7p_685";
-const roundFull = "_roundFull_6vu7p_689";
-const shadowNone = "_shadowNone_6vu7p_693";
-const shadowLight = "_shadowLight_6vu7p_697";
-const shadowMedium = "_shadowMedium_6vu7p_701";
-const shadowStrong = "_shadowStrong_6vu7p_705";
-const shadowIntense = "_shadowIntense_6vu7p_709";
-const xs = "_xs_6vu7p_713";
-const indeterminate = "_indeterminate_6vu7p_743";
-const label = "_label_6vu7p_754";
-const small = "_small_6vu7p_768";
-const medium = "_medium_6vu7p_823";
-const large = "_large_6vu7p_878";
-const xl = "_xl_6vu7p_933";
-const primary = "_primary_6vu7p_1051";
-const secondary = "_secondary_6vu7p_1063";
-const tertiary = "_tertiary_6vu7p_1075";
-const quaternary = "_quaternary_6vu7p_1087";
-const clear = "_clear_6vu7p_1099";
-const success = "_success_6vu7p_1111";
-const error = "_error_6vu7p_110";
-const warning = "_warning_6vu7p_1135";
-const disabled = "_disabled_6vu7p_1147";
-const spin = "_spin_6vu7p_1";
-const pulse = "_pulse_6vu7p_1";
-const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
-  checkbox,
-  input,
-  roundNone,
-  box,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  xs,
-  indeterminate,
-  label,
-  small,
-  medium,
-  large,
-  xl,
-  primary,
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  success,
-  error,
-  warning,
-  disabled,
-  "fade-in": "_fade-in_6vu7p_1",
-  "slide-up": "_slide-up_6vu7p_1",
-  "spin-3d": "_spin-3d_6vu7p_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_6vu7p_1",
-  "progress-grow": "_progress-grow_6vu7p_1",
-  "indeterminate-move": "_indeterminate-move_6vu7p_1",
-  "skeleton-loading": "_skeleton-loading_6vu7p_1"
-};
-const Checkbox = forwardRef((props, ref) => /* @__PURE__ */ jsx(CheckboxBase, { ...props, classMap: styles, ref }));
-Checkbox.displayName = "Checkbox";
-export {
-  Checkbox as C
-};
-//# sourceMappingURL=Checkbox-CsiGiTSg.js.map

package/dist/next/Checkbox-CsiGiTSg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox-CsiGiTSg.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 { 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/Chip-B4LcQgyC.cjs

@@ -1,217 +0,0 @@
-"use strict";
-const require$$2 = require("react/jsx-runtime");
-const React = require("react");
-const ReactDOM = require("react-dom");
-const classNames = require("./classNames-BcWMx052.cjs");
-const capitalize = require("./capitalize-DoV-nOmN.cjs");
-const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
-const CloseIcon = require("./CloseIcon-7hy4qJ9o.cjs");
-;/* empty css                   */
-const IconButton = require("./IconButton-BNXb1M9u.cjs");
-const ChipBase = ({
-  id,
-  message: message2,
-  visible,
-  onClose,
-  icon: Icon,
-  size = borealStyleConfig.getDefaultSize(),
-  theme = borealStyleConfig.getDefaultTheme(),
-  rounding = borealStyleConfig.getDefaultRounding(),
-  shadow = borealStyleConfig.getDefaultShadow(),
-  state = "",
-  position = "topCenter",
-  usePortal = true,
-  className = "",
-  autoClose = true,
-  duration = 3e3,
-  closeIcon: CloseIcon2,
-  IconButtonComponent,
-  classMap,
-  stackIndex,
-  "data-testid": testId = "chip"
-}) => {
-  const [closing, setClosing] = React.useState(false);
-  const handleClose = React.useCallback(() => {
-    setClosing(true);
-    setTimeout(() => onClose == null ? void 0 : onClose(), 300);
-  }, [onClose]);
-  React.useEffect(() => {
-    if (autoClose && visible) {
-      const timer = setTimeout(() => handleClose(), duration);
-      return () => clearTimeout(timer);
-    }
-  }, [autoClose, duration, visible, handleClose]);
-  React.useEffect(() => {
-    if (visible) setClosing(false);
-  }, [visible]);
-  React.useEffect(() => {
-    if (!visible) return;
-    const onKey = (e) => {
-      if (e.key === "Escape") handleClose();
-    };
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, [visible, handleClose]);
-  if (!visible && !closing) return null;
-  const chipClassName = classNames.combineClassNames(
-    classMap.chip,
-    classMap[theme],
-    classMap[state],
-    classMap[size],
-    classMap[position],
-    shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
-    rounding && classMap[`round${capitalize.capitalize(rounding)}`],
-    closing && classMap.fadeout,
-    usePortal && classMap.fixed,
-    className
-  );
-  const portalEl = typeof window !== "undefined" ? document.getElementById("widget-portal") : null;
-  const chipElement = /* @__PURE__ */ require$$2.jsxs(
-    "div",
-    {
-      className: chipClassName,
-      role: "alert",
-      "aria-live": "assertive",
-      "aria-atomic": "true",
-      "data-testid": testId,
-      style: stackIndex != null ? { zIndex: stackIndex } : void 0,
-      children: [
-        Icon && /* @__PURE__ */ require$$2.jsx(
-          "span",
-          {
-            className: classMap.icon,
-            "aria-hidden": "true",
-            "data-testid": `${testId}-icon`,
-            children: /* @__PURE__ */ require$$2.jsx(Icon, { className: classMap.inner_icon })
-          }
-        ),
-        /* @__PURE__ */ require$$2.jsx("span", { className: classMap.message, id: `${testId}-message`, children: message2 }),
-        /* @__PURE__ */ require$$2.jsx(
-          IconButtonComponent,
-          {
-            icon: CloseIcon2,
-            size,
-            theme: "clear",
-            ariaLabel: "Close notification",
-            "aria-controls": `${testId}-message`,
-            className: classMap.close,
-            onClick: handleClose,
-            shadow: "none",
-            "data-testid": `${testId}-chip-close`
-          }
-        )
-      ]
-    },
-    id
-  );
-  if (usePortal && portalEl) {
-    return ReactDOM.createPortal(chipElement, portalEl);
-  }
-  return chipElement;
-};
-ChipBase.displayName = "ChipBase";
-const noScroll = "_noScroll_6pz26_109";
-const errorMessage = "_errorMessage_6pz26_110";
-const loadingContainer = "_loadingContainer_6pz26_111";
-const hideScrollbar = "_hideScrollbar_6pz26_103";
-const sr_only = "_sr_only_6pz26_112";
-const chip = "_chip_6pz26_637";
-const roundNone = "_roundNone_6pz26_668";
-const roundSmall = "_roundSmall_6pz26_671";
-const roundMedium = "_roundMedium_6pz26_674";
-const roundLarge = "_roundLarge_6pz26_677";
-const roundFull = "_roundFull_6pz26_680";
-const shadowNone = "_shadowNone_6pz26_683";
-const shadowLight = "_shadowLight_6pz26_686";
-const shadowMedium = "_shadowMedium_6pz26_689";
-const shadowStrong = "_shadowStrong_6pz26_692";
-const shadowIntense = "_shadowIntense_6pz26_695";
-const fixed = "_fixed_6pz26_703";
-const fadeout = "_fadeout_6pz26_709";
-const topCenter = "_topCenter_6pz26_714";
-const bottomCenter = "_bottomCenter_6pz26_718";
-const topLeft = "_topLeft_6pz26_722";
-const topRight = "_topRight_6pz26_728";
-const bottomLeft = "_bottomLeft_6pz26_735";
-const bottomRight = "_bottomRight_6pz26_741";
-const primary = "_primary_6pz26_748";
-const secondary = "_secondary_6pz26_758";
-const tertiary = "_tertiary_6pz26_768";
-const quaternary = "_quaternary_6pz26_778";
-const clear = "_clear_6pz26_788";
-const success = "_success_6pz26_798";
-const error = "_error_6pz26_110";
-const warning = "_warning_6pz26_818";
-const icon = "_icon_6pz26_828";
-const message = "_message_6pz26_845";
-const icon_inner = "_icon_inner_6pz26_863";
-const xs = "_xs_6pz26_868";
-const small = "_small_6pz26_896";
-const medium = "_medium_6pz26_924";
-const large = "_large_6pz26_951";
-const xl = "_xl_6pz26_978";
-const spin = "_spin_6pz26_1";
-const pulse = "_pulse_6pz26_1";
-const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
-  chip,
-  "fade-in": "_fade-in_6pz26_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_6pz26_1",
-  "spin-3d": "_spin-3d_6pz26_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_6pz26_1",
-  "progress-grow": "_progress-grow_6pz26_1",
-  "indeterminate-move": "_indeterminate-move_6pz26_1",
-  "skeleton-loading": "_skeleton-loading_6pz26_1"
-};
-const Chip = (props) => /* @__PURE__ */ require$$2.jsx(
-  ChipBase,
-  {
-    ...props,
-    classMap: styles,
-    IconButtonComponent: IconButton.IconButton,
-    closeIcon: CloseIcon.CloseIcon
-  }
-);
-Chip.displayName = "Chip";
-exports.Chip = Chip;
-//# sourceMappingURL=Chip-B4LcQgyC.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chip-B4LcQgyC.cjs","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/next/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ChipBase: React.FC<ChipBaseProps> = ({\r\n  id,\r\n  message,\r\n  visible,\r\n  onClose,\r\n  icon: Icon,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  position = \"topCenter\",\r\n  usePortal = true,\r\n  className = \"\",\r\n  autoClose = true,\r\n  duration = 3000,\r\n  closeIcon: CloseIcon,\r\n  IconButtonComponent,\r\n  classMap,\r\n  stackIndex,\r\n  \"data-testid\": testId = \"chip\",\r\n}) => {\r\n  const [closing, setClosing] = useState(false);\r\n\r\n  const handleClose = useCallback(() => {\r\n    setClosing(true);\r\n    setTimeout(() => onClose?.(), 300);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (autoClose && visible) {\r\n      const timer = setTimeout(() => handleClose(), duration);\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [autoClose, duration, visible, handleClose]);\r\n\r\n  useEffect(() => {\r\n    if (visible) setClosing(false);\r\n  }, [visible]);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n    const onKey = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") handleClose();\r\n    };\r\n    window.addEventListener(\"keydown\", onKey);\r\n    return () => window.removeEventListener(\"keydown\", onKey);\r\n  }, [visible, handleClose]);\r\n\r\n  if (!visible && !closing) return null;\r\n\r\n  const chipClassName = combineClassNames(\r\n    classMap.chip,\r\n    classMap[theme],\r\n    classMap[state],\r\n    classMap[size],\r\n    classMap[position],\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    closing && classMap.fadeout,\r\n    usePortal && classMap.fixed,\r\n    className\r\n  );\r\n\r\n  const portalEl =\r\n    typeof window !== \"undefined\"\r\n      ? document.getElementById(\"widget-portal\")\r\n      : null;\r\n\r\n  const chipElement = (\r\n    <div\r\n      key={id}\r\n      className={chipClassName}\r\n      role=\"alert\"\r\n      aria-live=\"assertive\"\r\n      aria-atomic=\"true\"\r\n      data-testid={testId}\r\n      style={stackIndex != null ? { zIndex: stackIndex } : undefined}\r\n    >\r\n      {Icon && (\r\n        <span\r\n          className={classMap.icon}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <Icon className={classMap.inner_icon} />\r\n        </span>\r\n      )}\r\n      <span className={classMap.message} id={`${testId}-message`}>\r\n        {message}\r\n      </span>\r\n\r\n      <IconButtonComponent\r\n        icon={CloseIcon}\r\n        size={size}\r\n        theme=\"clear\"\r\n        ariaLabel=\"Close notification\"\r\n        aria-controls={`${testId}-message`}\r\n        className={classMap.close}\r\n        onClick={handleClose}\r\n        shadow=\"none\"\r\n        data-testid={`${testId}-chip-close`}\r\n      />\r\n    </div>\r\n  );\r\n\r\n  if (usePortal && portalEl) {\r\n    return createPortal(chipElement, portalEl);\r\n  }\r\n\r\n  return chipElement;\r\n};\r\n\r\nChipBase.displayName = \"ChipBase\";\r\nexport default ChipBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Chip.module.scss\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n  <ChipBase\r\n    {...props}\r\n    classMap={styles}\r\n    IconButtonComponent={IconButton}\r\n    closeIcon={CloseIcon}\r\n  />\r\n);\r\nChip.displayName = \"Chip\";\r\nexport default Chip;\r\n"],"names":["message","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","CloseIcon","useState","useCallback","useEffect","combineClassNames","capitalize","jsxs","jsx","createPortal","IconButton"],"mappings":"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"}

package/dist/next/Chip-dGaHUdOu.js

@@ -1,218 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useCallback, useEffect } from "react";
-import { createPortal } from "react-dom";
-import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
-import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
-import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
-/* empty css                 */
-import { I as IconButton } from "./IconButton-BCPASTa0.js";
-const ChipBase = ({
-  id,
-  message: message2,
-  visible,
-  onClose,
-  icon: Icon,
-  size = getDefaultSize(),
-  theme = getDefaultTheme(),
-  rounding = getDefaultRounding(),
-  shadow = getDefaultShadow(),
-  state = "",
-  position = "topCenter",
-  usePortal = true,
-  className = "",
-  autoClose = true,
-  duration = 3e3,
-  closeIcon: CloseIcon2,
-  IconButtonComponent,
-  classMap,
-  stackIndex,
-  "data-testid": testId = "chip"
-}) => {
-  const [closing, setClosing] = useState(false);
-  const handleClose = useCallback(() => {
-    setClosing(true);
-    setTimeout(() => onClose == null ? void 0 : onClose(), 300);
-  }, [onClose]);
-  useEffect(() => {
-    if (autoClose && visible) {
-      const timer = setTimeout(() => handleClose(), duration);
-      return () => clearTimeout(timer);
-    }
-  }, [autoClose, duration, visible, handleClose]);
-  useEffect(() => {
-    if (visible) setClosing(false);
-  }, [visible]);
-  useEffect(() => {
-    if (!visible) return;
-    const onKey = (e) => {
-      if (e.key === "Escape") handleClose();
-    };
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, [visible, handleClose]);
-  if (!visible && !closing) return null;
-  const chipClassName = combineClassNames(
-    classMap.chip,
-    classMap[theme],
-    classMap[state],
-    classMap[size],
-    classMap[position],
-    shadow && classMap[`shadow${capitalize(shadow)}`],
-    rounding && classMap[`round${capitalize(rounding)}`],
-    closing && classMap.fadeout,
-    usePortal && classMap.fixed,
-    className
-  );
-  const portalEl = typeof window !== "undefined" ? document.getElementById("widget-portal") : null;
-  const chipElement = /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: chipClassName,
-      role: "alert",
-      "aria-live": "assertive",
-      "aria-atomic": "true",
-      "data-testid": testId,
-      style: stackIndex != null ? { zIndex: stackIndex } : void 0,
-      children: [
-        Icon && /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: classMap.icon,
-            "aria-hidden": "true",
-            "data-testid": `${testId}-icon`,
-            children: /* @__PURE__ */ jsx(Icon, { className: classMap.inner_icon })
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: classMap.message, id: `${testId}-message`, children: message2 }),
-        /* @__PURE__ */ jsx(
-          IconButtonComponent,
-          {
-            icon: CloseIcon2,
-            size,
-            theme: "clear",
-            ariaLabel: "Close notification",
-            "aria-controls": `${testId}-message`,
-            className: classMap.close,
-            onClick: handleClose,
-            shadow: "none",
-            "data-testid": `${testId}-chip-close`
-          }
-        )
-      ]
-    },
-    id
-  );
-  if (usePortal && portalEl) {
-    return createPortal(chipElement, portalEl);
-  }
-  return chipElement;
-};
-ChipBase.displayName = "ChipBase";
-const noScroll = "_noScroll_6pz26_109";
-const errorMessage = "_errorMessage_6pz26_110";
-const loadingContainer = "_loadingContainer_6pz26_111";
-const hideScrollbar = "_hideScrollbar_6pz26_103";
-const sr_only = "_sr_only_6pz26_112";
-const chip = "_chip_6pz26_637";
-const roundNone = "_roundNone_6pz26_668";
-const roundSmall = "_roundSmall_6pz26_671";
-const roundMedium = "_roundMedium_6pz26_674";
-const roundLarge = "_roundLarge_6pz26_677";
-const roundFull = "_roundFull_6pz26_680";
-const shadowNone = "_shadowNone_6pz26_683";
-const shadowLight = "_shadowLight_6pz26_686";
-const shadowMedium = "_shadowMedium_6pz26_689";
-const shadowStrong = "_shadowStrong_6pz26_692";
-const shadowIntense = "_shadowIntense_6pz26_695";
-const fixed = "_fixed_6pz26_703";
-const fadeout = "_fadeout_6pz26_709";
-const topCenter = "_topCenter_6pz26_714";
-const bottomCenter = "_bottomCenter_6pz26_718";
-const topLeft = "_topLeft_6pz26_722";
-const topRight = "_topRight_6pz26_728";
-const bottomLeft = "_bottomLeft_6pz26_735";
-const bottomRight = "_bottomRight_6pz26_741";
-const primary = "_primary_6pz26_748";
-const secondary = "_secondary_6pz26_758";
-const tertiary = "_tertiary_6pz26_768";
-const quaternary = "_quaternary_6pz26_778";
-const clear = "_clear_6pz26_788";
-const success = "_success_6pz26_798";
-const error = "_error_6pz26_110";
-const warning = "_warning_6pz26_818";
-const icon = "_icon_6pz26_828";
-const message = "_message_6pz26_845";
-const icon_inner = "_icon_inner_6pz26_863";
-const xs = "_xs_6pz26_868";
-const small = "_small_6pz26_896";
-const medium = "_medium_6pz26_924";
-const large = "_large_6pz26_951";
-const xl = "_xl_6pz26_978";
-const spin = "_spin_6pz26_1";
-const pulse = "_pulse_6pz26_1";
-const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
-  chip,
-  "fade-in": "_fade-in_6pz26_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_6pz26_1",
-  "spin-3d": "_spin-3d_6pz26_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_6pz26_1",
-  "progress-grow": "_progress-grow_6pz26_1",
-  "indeterminate-move": "_indeterminate-move_6pz26_1",
-  "skeleton-loading": "_skeleton-loading_6pz26_1"
-};
-const Chip = (props) => /* @__PURE__ */ jsx(
-  ChipBase,
-  {
-    ...props,
-    classMap: styles,
-    IconButtonComponent: IconButton,
-    closeIcon: CloseIcon
-  }
-);
-Chip.displayName = "Chip";
-export {
-  Chip as C
-};
-//# sourceMappingURL=Chip-dGaHUdOu.js.map