boreal-ui 0.0.35 → 0.0.37

package/dist/core/{Slider-BT1Pi-VJ.cjs.map → Slider-S8KnYlkd.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Slider-BT1Pi-VJ.cjs","sources":["../../src/components/Slider/SliderBase.tsx","../../src/components/Slider/core/Slider.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { SliderProps } from \"./Slider.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 SliderBase: React.FC<\r\n  SliderProps & { classMap: Record<string, string> }\r\n> = ({\r\n  value,\r\n  onChange,\r\n  onValueChange,\r\n  min = 0,\r\n  max = 100,\r\n  step = 1,\r\n  label,\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  showValue = true,\r\n  className = \"\",\r\n  \"aria-label\": ariaLabel,\r\n  disabled = false,\r\n  \"data-testid\": testId = \"slider\",\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const uid = useId();\r\n  const inputId = `${testId}-input-${uid}`;\r\n  const labelId = label ? `${testId}-label-${uid}` : undefined;\r\n  const valueId = showValue ? `${testId}-value-${uid}` : undefined;\r\n\r\n  const safeMin = Number.isFinite(min) ? Number(min) : 0;\r\n  const safeMax = Number.isFinite(max) ? Number(max) : 100;\r\n  const safeStep = step > 0 ? step : 1;\r\n  const clamped = Math.min(safeMax, Math.max(safeMin, Number(value)));\r\n\r\n  const containerClasses = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[size],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, size, theme, state, className, shadow, rounding]\r\n  );\r\n\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const numeric = Number(e.target.value);\r\n    onChange?.(e);\r\n    onValueChange?.(numeric);\r\n  };\r\n\r\n  return (\r\n    <div className={containerClasses} data-testid={`${testId}-container`}>\r\n      {label && (\r\n        <label id={labelId} htmlFor={inputId} className={classMap.label}>\r\n          {label}\r\n        </label>\r\n      )}\r\n\r\n      <div className={classMap.wrapper}>\r\n        <input\r\n          id={inputId}\r\n          type=\"range\"\r\n          className={classMap.slider}\r\n          value={clamped}\r\n          onChange={handleChange}\r\n          min={safeMin}\r\n          max={safeMax}\r\n          step={safeStep}\r\n          aria-labelledby={label ? labelId : undefined}\r\n          aria-label={label ? undefined : ariaLabel || \"Slider\"}\r\n          aria-describedby={valueId}\r\n          disabled={disabled}\r\n          data-testid={testId}\r\n          {...rest}\r\n        />\r\n        {showValue && (\r\n          <output\r\n            id={valueId}\r\n            className={classMap.value}\r\n            htmlFor={inputId}\r\n            data-testid={`${testId}-value`}\r\n          >\r\n            {clamped}\r\n          </output>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nSliderBase.displayName = \"SliderBase\";\r\nexport default SliderBase;\r\n","import React from \"react\";\r\nimport \"./Slider.scss\"; // Non-module SCSS\r\nimport { SliderProps } from \"../Slider.types\";\r\nimport SliderBase from \"../SliderBase\";\r\nimport { combineClassNames } from \"../../../utils/classNames\";\r\n\r\nconst coreStyles = {\r\n  container: \"slider_container\",\r\n  label: \"slider_label\",\r\n  wrapper: \"slider_wrapper\",\r\n  slider: \"slider\",\r\n  value: \"slider_value\",\r\n\r\n  xs: \"slider_xs\",\r\n  small: \"slider_small\",\r\n  medium: \"slider_medium\",\r\n  large: \"slider_large\",\r\n  xl: \"slider_xl\",\r\n\r\n  primary: \"slider_primary\",\r\n  secondary: \"slider_secondary\",\r\n  tertiary: \"slider_tertiary\",\r\n  quaternary: \"slider_quaternary\",\r\n\r\n  success: \"slider_success\",\r\n  error: \"slider_error\",\r\n  warning: \"slider_warning\",\r\n\r\n  clear: \"slider_clear\",\r\n\r\n  shadowNone: \"slider_shadow-None\",\r\n  shadowLight: \"slider_shadow-Light\",\r\n  shadowMedium: \"slider_shadow-Medium\",\r\n  shadowStrong: \"slider_shadow-Strong\",\r\n  shadowIntense: \"slider_shadow-Intense\",\r\n\r\n  roundNone: \"slider_round-None\",\r\n  roundSmall: \"slider_round-Small\",\r\n  roundMedium: \"slider_round-Medium\",\r\n  roundLarge: \"slider_round-Large\",\r\n};\r\n\r\nconst Slider: React.FC<SliderProps> = (props) => {\r\n  return (\r\n    <SliderBase\r\n      {...props}\r\n      className={combineClassNames(props.className)}\r\n      classMap={coreStyles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Slider;\r\n"],"names":["getDefaultSize","getDefaultRounding","getDefaultShadow","getDefaultTheme","useId","useMemo","combineClassNames","capitalize","jsx","jsxs"],"mappings":"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"}
+{"version":3,"file":"Slider-S8KnYlkd.cjs","sources":["../../src/components/Slider/SliderBase.tsx","../../src/components/Slider/core/Slider.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { SliderProps } from \"./Slider.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 SliderBase: React.FC<\r\n  SliderProps & { classMap: Record<string, string> }\r\n> = ({\r\n  value,\r\n  onChange,\r\n  onValueChange,\r\n  min = 0,\r\n  max = 100,\r\n  step = 1,\r\n  label,\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  showValue = true,\r\n  className = \"\",\r\n  \"aria-label\": ariaLabel,\r\n  disabled = false,\r\n  \"data-testid\": testId = \"slider\",\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const uid = useId();\r\n  const inputId = `${testId}-input-${uid}`;\r\n  const labelId = label ? `${testId}-label-${uid}` : undefined;\r\n  const valueId = showValue ? `${testId}-value-${uid}` : undefined;\r\n\r\n  const safeMin = Number.isFinite(min) ? Number(min) : 0;\r\n  const safeMax = Number.isFinite(max) ? Number(max) : 100;\r\n  const safeStep = step > 0 ? step : 1;\r\n  const clamped = Math.min(safeMax, Math.max(safeMin, Number(value)));\r\n\r\n  const containerClasses = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[size],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, size, theme, state, className, shadow, rounding]\r\n  );\r\n\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const numeric = Number(e.target.value);\r\n    onChange?.(e);\r\n    onValueChange?.(numeric);\r\n  };\r\n\r\n  return (\r\n    <div className={containerClasses} data-testid={`${testId}-container`}>\r\n      {label && (\r\n        <label id={labelId} htmlFor={inputId} className={classMap.label}>\r\n          {label}\r\n        </label>\r\n      )}\r\n\r\n      <div className={classMap.wrapper}>\r\n        <input\r\n          id={inputId}\r\n          type=\"range\"\r\n          className={classMap.slider}\r\n          value={clamped}\r\n          onChange={handleChange}\r\n          min={safeMin}\r\n          max={safeMax}\r\n          step={safeStep}\r\n          aria-labelledby={label ? labelId : undefined}\r\n          aria-label={label ? undefined : ariaLabel || \"Slider\"}\r\n          aria-describedby={valueId}\r\n          disabled={disabled}\r\n          data-testid={testId}\r\n          {...rest}\r\n        />\r\n        {showValue && (\r\n          <output\r\n            id={valueId}\r\n            className={classMap.value}\r\n            htmlFor={inputId}\r\n            data-testid={`${testId}-value`}\r\n          >\r\n            {clamped}\r\n          </output>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nSliderBase.displayName = \"SliderBase\";\r\nexport default SliderBase;\r\n","import React from \"react\";\r\nimport \"./Slider.scss\"; // Non-module SCSS\r\nimport { SliderProps } from \"../Slider.types\";\r\nimport SliderBase from \"../SliderBase\";\r\nimport { combineClassNames } from \"../../../utils/classNames\";\r\n\r\nconst coreStyles = {\r\n  container: \"slider_container\",\r\n  label: \"slider_label\",\r\n  wrapper: \"slider_wrapper\",\r\n  slider: \"slider\",\r\n  value: \"slider_value\",\r\n\r\n  xs: \"slider_xs\",\r\n  small: \"slider_small\",\r\n  medium: \"slider_medium\",\r\n  large: \"slider_large\",\r\n  xl: \"slider_xl\",\r\n\r\n  primary: \"slider_primary\",\r\n  secondary: \"slider_secondary\",\r\n  tertiary: \"slider_tertiary\",\r\n  quaternary: \"slider_quaternary\",\r\n\r\n  success: \"slider_success\",\r\n  error: \"slider_error\",\r\n  warning: \"slider_warning\",\r\n\r\n  clear: \"slider_clear\",\r\n\r\n  shadowNone: \"slider_shadow-None\",\r\n  shadowLight: \"slider_shadow-Light\",\r\n  shadowMedium: \"slider_shadow-Medium\",\r\n  shadowStrong: \"slider_shadow-Strong\",\r\n  shadowIntense: \"slider_shadow-Intense\",\r\n\r\n  roundNone: \"slider_round-None\",\r\n  roundSmall: \"slider_round-Small\",\r\n  roundMedium: \"slider_round-Medium\",\r\n  roundLarge: \"slider_round-Large\",\r\n};\r\n\r\nconst Slider: React.FC<SliderProps> = (props) => {\r\n  return (\r\n    <SliderBase\r\n      {...props}\r\n      className={combineClassNames(props.className)}\r\n      classMap={coreStyles}\r\n    />\r\n  );\r\n};\r\nSlider.displayName = \"Slider\";\r\nexport default Slider;\r\n"],"names":["getDefaultSize","getDefaultRounding","getDefaultShadow","getDefaultTheme","useId","useMemo","combineClassNames","capitalize","jsx","jsxs"],"mappings":"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"}

package/dist/core/{Slider-CZYfXDHn.js → Slider-WsZnPCUo.js}

@@ -124,7 +124,8 @@ const Slider = (props) => {
     }
   );
 };
+Slider.displayName = "Slider";
 export {
   Slider as S
 };
-//# sourceMappingURL=Slider-CZYfXDHn.js.map
+//# sourceMappingURL=Slider-WsZnPCUo.js.map

package/dist/core/{Slider-CZYfXDHn.js.map → Slider-WsZnPCUo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Slider-CZYfXDHn.js","sources":["../../src/components/Slider/SliderBase.tsx","../../src/components/Slider/core/Slider.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { SliderProps } from \"./Slider.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 SliderBase: React.FC<\r\n  SliderProps & { classMap: Record<string, string> }\r\n> = ({\r\n  value,\r\n  onChange,\r\n  onValueChange,\r\n  min = 0,\r\n  max = 100,\r\n  step = 1,\r\n  label,\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  showValue = true,\r\n  className = \"\",\r\n  \"aria-label\": ariaLabel,\r\n  disabled = false,\r\n  \"data-testid\": testId = \"slider\",\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const uid = useId();\r\n  const inputId = `${testId}-input-${uid}`;\r\n  const labelId = label ? `${testId}-label-${uid}` : undefined;\r\n  const valueId = showValue ? `${testId}-value-${uid}` : undefined;\r\n\r\n  const safeMin = Number.isFinite(min) ? Number(min) : 0;\r\n  const safeMax = Number.isFinite(max) ? Number(max) : 100;\r\n  const safeStep = step > 0 ? step : 1;\r\n  const clamped = Math.min(safeMax, Math.max(safeMin, Number(value)));\r\n\r\n  const containerClasses = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[size],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, size, theme, state, className, shadow, rounding]\r\n  );\r\n\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const numeric = Number(e.target.value);\r\n    onChange?.(e);\r\n    onValueChange?.(numeric);\r\n  };\r\n\r\n  return (\r\n    <div className={containerClasses} data-testid={`${testId}-container`}>\r\n      {label && (\r\n        <label id={labelId} htmlFor={inputId} className={classMap.label}>\r\n          {label}\r\n        </label>\r\n      )}\r\n\r\n      <div className={classMap.wrapper}>\r\n        <input\r\n          id={inputId}\r\n          type=\"range\"\r\n          className={classMap.slider}\r\n          value={clamped}\r\n          onChange={handleChange}\r\n          min={safeMin}\r\n          max={safeMax}\r\n          step={safeStep}\r\n          aria-labelledby={label ? labelId : undefined}\r\n          aria-label={label ? undefined : ariaLabel || \"Slider\"}\r\n          aria-describedby={valueId}\r\n          disabled={disabled}\r\n          data-testid={testId}\r\n          {...rest}\r\n        />\r\n        {showValue && (\r\n          <output\r\n            id={valueId}\r\n            className={classMap.value}\r\n            htmlFor={inputId}\r\n            data-testid={`${testId}-value`}\r\n          >\r\n            {clamped}\r\n          </output>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nSliderBase.displayName = \"SliderBase\";\r\nexport default SliderBase;\r\n","import React from \"react\";\r\nimport \"./Slider.scss\"; // Non-module SCSS\r\nimport { SliderProps } from \"../Slider.types\";\r\nimport SliderBase from \"../SliderBase\";\r\nimport { combineClassNames } from \"../../../utils/classNames\";\r\n\r\nconst coreStyles = {\r\n  container: \"slider_container\",\r\n  label: \"slider_label\",\r\n  wrapper: \"slider_wrapper\",\r\n  slider: \"slider\",\r\n  value: \"slider_value\",\r\n\r\n  xs: \"slider_xs\",\r\n  small: \"slider_small\",\r\n  medium: \"slider_medium\",\r\n  large: \"slider_large\",\r\n  xl: \"slider_xl\",\r\n\r\n  primary: \"slider_primary\",\r\n  secondary: \"slider_secondary\",\r\n  tertiary: \"slider_tertiary\",\r\n  quaternary: \"slider_quaternary\",\r\n\r\n  success: \"slider_success\",\r\n  error: \"slider_error\",\r\n  warning: \"slider_warning\",\r\n\r\n  clear: \"slider_clear\",\r\n\r\n  shadowNone: \"slider_shadow-None\",\r\n  shadowLight: \"slider_shadow-Light\",\r\n  shadowMedium: \"slider_shadow-Medium\",\r\n  shadowStrong: \"slider_shadow-Strong\",\r\n  shadowIntense: \"slider_shadow-Intense\",\r\n\r\n  roundNone: \"slider_round-None\",\r\n  roundSmall: \"slider_round-Small\",\r\n  roundMedium: \"slider_round-Medium\",\r\n  roundLarge: \"slider_round-Large\",\r\n};\r\n\r\nconst Slider: React.FC<SliderProps> = (props) => {\r\n  return (\r\n    <SliderBase\r\n      {...props}\r\n      className={combineClassNames(props.className)}\r\n      classMap={coreStyles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Slider;\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Slider-WsZnPCUo.js","sources":["../../src/components/Slider/SliderBase.tsx","../../src/components/Slider/core/Slider.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { SliderProps } from \"./Slider.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 SliderBase: React.FC<\r\n  SliderProps & { classMap: Record<string, string> }\r\n> = ({\r\n  value,\r\n  onChange,\r\n  onValueChange,\r\n  min = 0,\r\n  max = 100,\r\n  step = 1,\r\n  label,\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  showValue = true,\r\n  className = \"\",\r\n  \"aria-label\": ariaLabel,\r\n  disabled = false,\r\n  \"data-testid\": testId = \"slider\",\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const uid = useId();\r\n  const inputId = `${testId}-input-${uid}`;\r\n  const labelId = label ? `${testId}-label-${uid}` : undefined;\r\n  const valueId = showValue ? `${testId}-value-${uid}` : undefined;\r\n\r\n  const safeMin = Number.isFinite(min) ? Number(min) : 0;\r\n  const safeMax = Number.isFinite(max) ? Number(max) : 100;\r\n  const safeStep = step > 0 ? step : 1;\r\n  const clamped = Math.min(safeMax, Math.max(safeMin, Number(value)));\r\n\r\n  const containerClasses = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[size],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, size, theme, state, className, shadow, rounding]\r\n  );\r\n\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const numeric = Number(e.target.value);\r\n    onChange?.(e);\r\n    onValueChange?.(numeric);\r\n  };\r\n\r\n  return (\r\n    <div className={containerClasses} data-testid={`${testId}-container`}>\r\n      {label && (\r\n        <label id={labelId} htmlFor={inputId} className={classMap.label}>\r\n          {label}\r\n        </label>\r\n      )}\r\n\r\n      <div className={classMap.wrapper}>\r\n        <input\r\n          id={inputId}\r\n          type=\"range\"\r\n          className={classMap.slider}\r\n          value={clamped}\r\n          onChange={handleChange}\r\n          min={safeMin}\r\n          max={safeMax}\r\n          step={safeStep}\r\n          aria-labelledby={label ? labelId : undefined}\r\n          aria-label={label ? undefined : ariaLabel || \"Slider\"}\r\n          aria-describedby={valueId}\r\n          disabled={disabled}\r\n          data-testid={testId}\r\n          {...rest}\r\n        />\r\n        {showValue && (\r\n          <output\r\n            id={valueId}\r\n            className={classMap.value}\r\n            htmlFor={inputId}\r\n            data-testid={`${testId}-value`}\r\n          >\r\n            {clamped}\r\n          </output>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nSliderBase.displayName = \"SliderBase\";\r\nexport default SliderBase;\r\n","import React from \"react\";\r\nimport \"./Slider.scss\"; // Non-module SCSS\r\nimport { SliderProps } from \"../Slider.types\";\r\nimport SliderBase from \"../SliderBase\";\r\nimport { combineClassNames } from \"../../../utils/classNames\";\r\n\r\nconst coreStyles = {\r\n  container: \"slider_container\",\r\n  label: \"slider_label\",\r\n  wrapper: \"slider_wrapper\",\r\n  slider: \"slider\",\r\n  value: \"slider_value\",\r\n\r\n  xs: \"slider_xs\",\r\n  small: \"slider_small\",\r\n  medium: \"slider_medium\",\r\n  large: \"slider_large\",\r\n  xl: \"slider_xl\",\r\n\r\n  primary: \"slider_primary\",\r\n  secondary: \"slider_secondary\",\r\n  tertiary: \"slider_tertiary\",\r\n  quaternary: \"slider_quaternary\",\r\n\r\n  success: \"slider_success\",\r\n  error: \"slider_error\",\r\n  warning: \"slider_warning\",\r\n\r\n  clear: \"slider_clear\",\r\n\r\n  shadowNone: \"slider_shadow-None\",\r\n  shadowLight: \"slider_shadow-Light\",\r\n  shadowMedium: \"slider_shadow-Medium\",\r\n  shadowStrong: \"slider_shadow-Strong\",\r\n  shadowIntense: \"slider_shadow-Intense\",\r\n\r\n  roundNone: \"slider_round-None\",\r\n  roundSmall: \"slider_round-Small\",\r\n  roundMedium: \"slider_round-Medium\",\r\n  roundLarge: \"slider_round-Large\",\r\n};\r\n\r\nconst Slider: React.FC<SliderProps> = (props) => {\r\n  return (\r\n    <SliderBase\r\n      {...props}\r\n      className={combineClassNames(props.className)}\r\n      classMap={coreStyles}\r\n    />\r\n  );\r\n};\r\nSlider.displayName = \"Slider\";\r\nexport default Slider;\r\n"],"names":[],"mappings":"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"}

package/dist/core/Slider.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Slider = require("./Slider-BT1Pi-VJ.cjs");
+const Slider = require("./Slider-S8KnYlkd.cjs");
 module.exports = Slider.Slider;
 //# sourceMappingURL=Slider.cjs.js.map

package/dist/core/Slider.js

@@ -1,4 +1,4 @@
-import { S } from "./Slider-CZYfXDHn.js";
+import { S } from "./Slider-WsZnPCUo.js";
 export {
   S as default
 };

package/dist/core/{Spinner-ChxHCoaN.cjs → Spinner-CEIk_hpT.cjs}

@@ -100,5 +100,6 @@ const classes = {
 const Spinner = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(SpinnerBase, { ...props, className: props.className, classMap: classes });
 };
+Spinner.displayName = "Spinner";
 exports.Spinner = Spinner;
-//# sourceMappingURL=Spinner-ChxHCoaN.cjs.map
+//# sourceMappingURL=Spinner-CEIk_hpT.cjs.map

package/dist/core/{Spinner-ChxHCoaN.cjs.map → Spinner-CEIk_hpT.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Spinner-ChxHCoaN.cjs","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/core/Spinner.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { SpinnerProps } from \"./Spinner.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SpinnerBase: React.FC<\r\n  SpinnerProps & { classMap: Record<string, string> }\r\n> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = 50,\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"spinner\",\r\n  label,\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const spinnerSize = `${size}px`;\r\n  const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;\r\n\r\n  const visibleLabelId = label ? `${testId}-label-${uid}` : undefined;\r\n\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.wrapper, className),\r\n    [classMap, className]\r\n  );\r\n\r\n  const spinnerClasses = useMemo(\r\n    () => combineClassNames(classMap.spinner, classMap[theme], classMap[state]),\r\n    [classMap, theme, state]\r\n  );\r\n\r\n  const shadowClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.shadowElement,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`]\r\n      ),\r\n    [classMap, shadow]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"status\"\r\n      aria-live=\"polite\"\r\n      aria-busy={true}\r\n      {...(visibleLabelId\r\n        ? { \"aria-labelledby\": visibleLabelId }\r\n        : { \"aria-label\": \"Loading\" })}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={shadowClass}\r\n        style={{ width: spinnerSize, height: spinnerSize }}\r\n        aria-hidden=\"true\"\r\n      />\r\n\r\n      <div\r\n        className={spinnerClasses}\r\n        style={{\r\n          width: spinnerSize,\r\n          height: spinnerSize,\r\n          borderWidth: strokeWidth,\r\n        }}\r\n        aria-hidden=\"true\"\r\n        data-testid={`${testId}-ring`}\r\n      />\r\n\r\n      {label && (\r\n        <span\r\n          id={visibleLabelId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n        </span>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nSpinnerBase.displayName = \"SpinnerBase\";\r\nexport default SpinnerBase;\r\n","import React from \"react\";\r\nimport \"./Spinner.scss\";\r\nimport SpinnerBase from \"../SpinnerBase\";\r\nimport { SpinnerProps } from \"../Spinner.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"spinner_wrapper\",\r\n  spinner: \"spinner\",\r\n  label: \"spinner_label\",\r\n\r\n  primary: \"spinner_primary\",\r\n  secondary: \"spinner_secondary\",\r\n  tertiary: \"spinner_tertiary\",\r\n  quaternary: \"spinner_quaternary\",\r\n\r\n  success: \"spinner_success\",\r\n  warning: \"spinner_warning\",\r\n  error: \"spinner_error\",\r\n\r\n  clear: \"spinner_clear\",\r\n\r\n  shadowElement: \"spinner_shadowElement\",\r\n\r\n  shadowNone: \"spinner_shadow-None\",\r\n  shadowLight: \"spinner_shadow-Light\",\r\n  shadowMedium: \"spinner_shadow-Medium\",\r\n  shadowStrong: \"spinner_shadow-Strong\",\r\n  shadowIntense: \"spinner_shadow-Intense\",\r\n};\r\n\r\nconst Spinner: React.FC<SpinnerProps> = (props) => {\r\n  return (\r\n    <SpinnerBase {...props} className={props.className} classMap={classes} />\r\n  );\r\n};\r\n\r\nexport default Spinner;\r\n"],"names":["getDefaultTheme","getDefaultShadow","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQA,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAASC,kBAAAA,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AACF,MAAM;AACJ,QAAM,MAAMC,MAAAA,MAAA;AACZ,QAAM,cAAc,GAAG,IAAI;AAC3B,QAAM,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;AAEzD,QAAM,iBAAiB,QAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AAE1D,QAAM,eAAeC,MAAAA;AAAAA,IACnB,MAAMC,6BAAkB,SAAS,SAAS,SAAS;AAAA,IACnD,CAAC,UAAU,SAAS;AAAA,EAAA;AAGtB,QAAM,iBAAiBD,MAAAA;AAAAA,IACrB,MAAMC,WAAAA,kBAAkB,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,EAAA;AAGzB,QAAM,cAAcD,MAAAA;AAAAA,IAClB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAAA;AAAA,IAEpD,CAAC,UAAU,MAAM;AAAA,EAAA;AAGnB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAW;AAAA,MACV,GAAI,iBACD,EAAE,mBAAmB,mBACrB,EAAE,cAAc,UAAA;AAAA,MACpB,eAAa;AAAA,MAEb,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO,EAAE,OAAO,aAAa,QAAQ,YAAA;AAAA,YACrC,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,YAAA;AAAA,YAEf,eAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvB,SACCA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,YAAY,cAAc;AClF1B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,OAAO;AAAA,EAEP,eAAe;AAAA,EAEf,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AACjB;AAEA,MAAM,UAAkC,CAAC,UAAU;AACjD,SACEA,2BAAAA,IAAC,eAAa,GAAG,OAAO,WAAW,MAAM,WAAW,UAAU,SAAS;AAE3E;;"}
+{"version":3,"file":"Spinner-CEIk_hpT.cjs","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/core/Spinner.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { SpinnerProps } from \"./Spinner.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SpinnerBase: React.FC<\r\n  SpinnerProps & { classMap: Record<string, string> }\r\n> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = 50,\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"spinner\",\r\n  label,\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const spinnerSize = `${size}px`;\r\n  const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;\r\n\r\n  const visibleLabelId = label ? `${testId}-label-${uid}` : undefined;\r\n\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.wrapper, className),\r\n    [classMap, className]\r\n  );\r\n\r\n  const spinnerClasses = useMemo(\r\n    () => combineClassNames(classMap.spinner, classMap[theme], classMap[state]),\r\n    [classMap, theme, state]\r\n  );\r\n\r\n  const shadowClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.shadowElement,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`]\r\n      ),\r\n    [classMap, shadow]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"status\"\r\n      aria-live=\"polite\"\r\n      aria-busy={true}\r\n      {...(visibleLabelId\r\n        ? { \"aria-labelledby\": visibleLabelId }\r\n        : { \"aria-label\": \"Loading\" })}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={shadowClass}\r\n        style={{ width: spinnerSize, height: spinnerSize }}\r\n        aria-hidden=\"true\"\r\n      />\r\n\r\n      <div\r\n        className={spinnerClasses}\r\n        style={{\r\n          width: spinnerSize,\r\n          height: spinnerSize,\r\n          borderWidth: strokeWidth,\r\n        }}\r\n        aria-hidden=\"true\"\r\n        data-testid={`${testId}-ring`}\r\n      />\r\n\r\n      {label && (\r\n        <span\r\n          id={visibleLabelId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n        </span>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nSpinnerBase.displayName = \"SpinnerBase\";\r\nexport default SpinnerBase;\r\n","import React from \"react\";\r\nimport \"./Spinner.scss\";\r\nimport SpinnerBase from \"../SpinnerBase\";\r\nimport { SpinnerProps } from \"../Spinner.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"spinner_wrapper\",\r\n  spinner: \"spinner\",\r\n  label: \"spinner_label\",\r\n\r\n  primary: \"spinner_primary\",\r\n  secondary: \"spinner_secondary\",\r\n  tertiary: \"spinner_tertiary\",\r\n  quaternary: \"spinner_quaternary\",\r\n\r\n  success: \"spinner_success\",\r\n  warning: \"spinner_warning\",\r\n  error: \"spinner_error\",\r\n\r\n  clear: \"spinner_clear\",\r\n\r\n  shadowElement: \"spinner_shadowElement\",\r\n\r\n  shadowNone: \"spinner_shadow-None\",\r\n  shadowLight: \"spinner_shadow-Light\",\r\n  shadowMedium: \"spinner_shadow-Medium\",\r\n  shadowStrong: \"spinner_shadow-Strong\",\r\n  shadowIntense: \"spinner_shadow-Intense\",\r\n};\r\n\r\nconst Spinner: React.FC<SpinnerProps> = (props) => {\r\n  return (\r\n    <SpinnerBase {...props} className={props.className} classMap={classes} />\r\n  );\r\n};\r\nSpinner.displayName = \"Spinner\";\r\nexport default Spinner;\r\n"],"names":["getDefaultTheme","getDefaultShadow","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQA,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAASC,kBAAAA,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AACF,MAAM;AACJ,QAAM,MAAMC,MAAAA,MAAA;AACZ,QAAM,cAAc,GAAG,IAAI;AAC3B,QAAM,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;AAEzD,QAAM,iBAAiB,QAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AAE1D,QAAM,eAAeC,MAAAA;AAAAA,IACnB,MAAMC,6BAAkB,SAAS,SAAS,SAAS;AAAA,IACnD,CAAC,UAAU,SAAS;AAAA,EAAA;AAGtB,QAAM,iBAAiBD,MAAAA;AAAAA,IACrB,MAAMC,WAAAA,kBAAkB,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,EAAA;AAGzB,QAAM,cAAcD,MAAAA;AAAAA,IAClB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAAA;AAAA,IAEpD,CAAC,UAAU,MAAM;AAAA,EAAA;AAGnB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAW;AAAA,MACV,GAAI,iBACD,EAAE,mBAAmB,mBACrB,EAAE,cAAc,UAAA;AAAA,MACpB,eAAa;AAAA,MAEb,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO,EAAE,OAAO,aAAa,QAAQ,YAAA;AAAA,YACrC,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,YAAA;AAAA,YAEf,eAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvB,SACCA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,YAAY,cAAc;AClF1B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,OAAO;AAAA,EAEP,eAAe;AAAA,EAEf,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AACjB;AAEA,MAAM,UAAkC,CAAC,UAAU;AACjD,SACEA,2BAAAA,IAAC,eAAa,GAAG,OAAO,WAAW,MAAM,WAAW,UAAU,SAAS;AAE3E;AACA,QAAQ,cAAc;;"}

package/dist/core/{Spinner-BQlcBZmK.js → Spinner-D81UG24n.js}

@@ -99,7 +99,8 @@ const classes = {
 const Spinner = (props) => {
   return /* @__PURE__ */ jsx(SpinnerBase, { ...props, className: props.className, classMap: classes });
 };
+Spinner.displayName = "Spinner";
 export {
   Spinner as S
 };
-//# sourceMappingURL=Spinner-BQlcBZmK.js.map
+//# sourceMappingURL=Spinner-D81UG24n.js.map

package/dist/core/{Spinner-BQlcBZmK.js.map → Spinner-D81UG24n.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Spinner-BQlcBZmK.js","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/core/Spinner.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { SpinnerProps } from \"./Spinner.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SpinnerBase: React.FC<\r\n  SpinnerProps & { classMap: Record<string, string> }\r\n> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = 50,\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"spinner\",\r\n  label,\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const spinnerSize = `${size}px`;\r\n  const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;\r\n\r\n  const visibleLabelId = label ? `${testId}-label-${uid}` : undefined;\r\n\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.wrapper, className),\r\n    [classMap, className]\r\n  );\r\n\r\n  const spinnerClasses = useMemo(\r\n    () => combineClassNames(classMap.spinner, classMap[theme], classMap[state]),\r\n    [classMap, theme, state]\r\n  );\r\n\r\n  const shadowClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.shadowElement,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`]\r\n      ),\r\n    [classMap, shadow]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"status\"\r\n      aria-live=\"polite\"\r\n      aria-busy={true}\r\n      {...(visibleLabelId\r\n        ? { \"aria-labelledby\": visibleLabelId }\r\n        : { \"aria-label\": \"Loading\" })}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={shadowClass}\r\n        style={{ width: spinnerSize, height: spinnerSize }}\r\n        aria-hidden=\"true\"\r\n      />\r\n\r\n      <div\r\n        className={spinnerClasses}\r\n        style={{\r\n          width: spinnerSize,\r\n          height: spinnerSize,\r\n          borderWidth: strokeWidth,\r\n        }}\r\n        aria-hidden=\"true\"\r\n        data-testid={`${testId}-ring`}\r\n      />\r\n\r\n      {label && (\r\n        <span\r\n          id={visibleLabelId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n        </span>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nSpinnerBase.displayName = \"SpinnerBase\";\r\nexport default SpinnerBase;\r\n","import React from \"react\";\r\nimport \"./Spinner.scss\";\r\nimport SpinnerBase from \"../SpinnerBase\";\r\nimport { SpinnerProps } from \"../Spinner.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"spinner_wrapper\",\r\n  spinner: \"spinner\",\r\n  label: \"spinner_label\",\r\n\r\n  primary: \"spinner_primary\",\r\n  secondary: \"spinner_secondary\",\r\n  tertiary: \"spinner_tertiary\",\r\n  quaternary: \"spinner_quaternary\",\r\n\r\n  success: \"spinner_success\",\r\n  warning: \"spinner_warning\",\r\n  error: \"spinner_error\",\r\n\r\n  clear: \"spinner_clear\",\r\n\r\n  shadowElement: \"spinner_shadowElement\",\r\n\r\n  shadowNone: \"spinner_shadow-None\",\r\n  shadowLight: \"spinner_shadow-Light\",\r\n  shadowMedium: \"spinner_shadow-Medium\",\r\n  shadowStrong: \"spinner_shadow-Strong\",\r\n  shadowIntense: \"spinner_shadow-Intense\",\r\n};\r\n\r\nconst Spinner: React.FC<SpinnerProps> = (props) => {\r\n  return (\r\n    <SpinnerBase {...props} className={props.className} classMap={classes} />\r\n  );\r\n};\r\n\r\nexport default Spinner;\r\n"],"names":[],"mappings":";;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AACF,MAAM;AACJ,QAAM,MAAM,MAAA;AACZ,QAAM,cAAc,GAAG,IAAI;AAC3B,QAAM,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;AAEzD,QAAM,iBAAiB,QAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AAE1D,QAAM,eAAe;AAAA,IACnB,MAAM,kBAAkB,SAAS,SAAS,SAAS;AAAA,IACnD,CAAC,UAAU,SAAS;AAAA,EAAA;AAGtB,QAAM,iBAAiB;AAAA,IACrB,MAAM,kBAAkB,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,EAAA;AAGzB,QAAM,cAAc;AAAA,IAClB,MACE;AAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,IAAA;AAAA,IAEpD,CAAC,UAAU,MAAM;AAAA,EAAA;AAGnB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAW;AAAA,MACV,GAAI,iBACD,EAAE,mBAAmB,mBACrB,EAAE,cAAc,UAAA;AAAA,MACpB,eAAa;AAAA,MAEb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO,EAAE,OAAO,aAAa,QAAQ,YAAA;AAAA,YACrC,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAGd;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,YAAA;AAAA,YAEf,eAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvB,SACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,YAAY,cAAc;AClF1B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,OAAO;AAAA,EAEP,eAAe;AAAA,EAEf,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AACjB;AAEA,MAAM,UAAkC,CAAC,UAAU;AACjD,SACE,oBAAC,eAAa,GAAG,OAAO,WAAW,MAAM,WAAW,UAAU,SAAS;AAE3E;"}
+{"version":3,"file":"Spinner-D81UG24n.js","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/core/Spinner.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { SpinnerProps } from \"./Spinner.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SpinnerBase: React.FC<\r\n  SpinnerProps & { classMap: Record<string, string> }\r\n> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = 50,\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"spinner\",\r\n  label,\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const spinnerSize = `${size}px`;\r\n  const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;\r\n\r\n  const visibleLabelId = label ? `${testId}-label-${uid}` : undefined;\r\n\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.wrapper, className),\r\n    [classMap, className]\r\n  );\r\n\r\n  const spinnerClasses = useMemo(\r\n    () => combineClassNames(classMap.spinner, classMap[theme], classMap[state]),\r\n    [classMap, theme, state]\r\n  );\r\n\r\n  const shadowClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.shadowElement,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`]\r\n      ),\r\n    [classMap, shadow]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"status\"\r\n      aria-live=\"polite\"\r\n      aria-busy={true}\r\n      {...(visibleLabelId\r\n        ? { \"aria-labelledby\": visibleLabelId }\r\n        : { \"aria-label\": \"Loading\" })}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={shadowClass}\r\n        style={{ width: spinnerSize, height: spinnerSize }}\r\n        aria-hidden=\"true\"\r\n      />\r\n\r\n      <div\r\n        className={spinnerClasses}\r\n        style={{\r\n          width: spinnerSize,\r\n          height: spinnerSize,\r\n          borderWidth: strokeWidth,\r\n        }}\r\n        aria-hidden=\"true\"\r\n        data-testid={`${testId}-ring`}\r\n      />\r\n\r\n      {label && (\r\n        <span\r\n          id={visibleLabelId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n        </span>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nSpinnerBase.displayName = \"SpinnerBase\";\r\nexport default SpinnerBase;\r\n","import React from \"react\";\r\nimport \"./Spinner.scss\";\r\nimport SpinnerBase from \"../SpinnerBase\";\r\nimport { SpinnerProps } from \"../Spinner.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"spinner_wrapper\",\r\n  spinner: \"spinner\",\r\n  label: \"spinner_label\",\r\n\r\n  primary: \"spinner_primary\",\r\n  secondary: \"spinner_secondary\",\r\n  tertiary: \"spinner_tertiary\",\r\n  quaternary: \"spinner_quaternary\",\r\n\r\n  success: \"spinner_success\",\r\n  warning: \"spinner_warning\",\r\n  error: \"spinner_error\",\r\n\r\n  clear: \"spinner_clear\",\r\n\r\n  shadowElement: \"spinner_shadowElement\",\r\n\r\n  shadowNone: \"spinner_shadow-None\",\r\n  shadowLight: \"spinner_shadow-Light\",\r\n  shadowMedium: \"spinner_shadow-Medium\",\r\n  shadowStrong: \"spinner_shadow-Strong\",\r\n  shadowIntense: \"spinner_shadow-Intense\",\r\n};\r\n\r\nconst Spinner: React.FC<SpinnerProps> = (props) => {\r\n  return (\r\n    <SpinnerBase {...props} className={props.className} classMap={classes} />\r\n  );\r\n};\r\nSpinner.displayName = \"Spinner\";\r\nexport default Spinner;\r\n"],"names":[],"mappings":";;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AACF,MAAM;AACJ,QAAM,MAAM,MAAA;AACZ,QAAM,cAAc,GAAG,IAAI;AAC3B,QAAM,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;AAEzD,QAAM,iBAAiB,QAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AAE1D,QAAM,eAAe;AAAA,IACnB,MAAM,kBAAkB,SAAS,SAAS,SAAS;AAAA,IACnD,CAAC,UAAU,SAAS;AAAA,EAAA;AAGtB,QAAM,iBAAiB;AAAA,IACrB,MAAM,kBAAkB,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,EAAA;AAGzB,QAAM,cAAc;AAAA,IAClB,MACE;AAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,IAAA;AAAA,IAEpD,CAAC,UAAU,MAAM;AAAA,EAAA;AAGnB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAW;AAAA,MACV,GAAI,iBACD,EAAE,mBAAmB,mBACrB,EAAE,cAAc,UAAA;AAAA,MACpB,eAAa;AAAA,MAEb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO,EAAE,OAAO,aAAa,QAAQ,YAAA;AAAA,YACrC,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAGd;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,YAAA;AAAA,YAEf,eAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvB,SACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,YAAY,cAAc;AClF1B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,OAAO;AAAA,EAEP,eAAe;AAAA,EAEf,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AACjB;AAEA,MAAM,UAAkC,CAAC,UAAU;AACjD,SACE,oBAAC,eAAa,GAAG,OAAO,WAAW,MAAM,WAAW,UAAU,SAAS;AAE3E;AACA,QAAQ,cAAc;"}

package/dist/core/Spinner.cjs.js

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

package/dist/core/Spinner.js

@@ -1,4 +1,4 @@
-import { S } from "./Spinner-BQlcBZmK.js";
+import { S } from "./Spinner-D81UG24n.js";
 export {
   S as default
 };

package/dist/core/{Stepper-gvaKLuno.cjs → Stepper-BuCLqbtQ.cjs}

@@ -3,7 +3,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const classNames = require("./classNames-BcWMx052.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
 ;/* empty css                   */
-const IconButton = require("./IconButton-Bjjlbqiq.cjs");
+const IconButton = require("./IconButton-CR9bTZoJ.cjs");
 const StepperBase = ({
   steps,
   activeStep,
@@ -97,14 +97,6 @@ const StepperBase = ({
                     "aria-hidden": "true",
                     children: step.label
                   }
-                ),
-                index < steps.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    className: classMap.connector,
-                    "aria-hidden": "true",
-                    "data-testid": `${stepId}-connector`
-                  }
                 )
               ]
             },
@@ -143,5 +135,6 @@ const classes = {
   connector: "stepper_connector"
 };
 const Stepper = (props) => /* @__PURE__ */ jsxRuntime.jsx(StepperBase, { ...props, classMap: classes, IconButtonComponent: IconButton.IconButton });
+Stepper.displayName = "Stepper";
 exports.Stepper = Stepper;
-//# sourceMappingURL=Stepper-gvaKLuno.cjs.map
+//# sourceMappingURL=Stepper-BuCLqbtQ.cjs.map

package/dist/core/Stepper-BuCLqbtQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper-BuCLqbtQ.cjs","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/core/Stepper.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { StepperBaseProps } from \"./Stepper.types\";\r\n\r\nconst StepperBase: React.FC<StepperBaseProps> = ({\r\n  steps,\r\n  activeStep,\r\n  onStepClick,\r\n  disableBackNavigation = false,\r\n  orientation = \"horizontal\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  \"data-testid\": testId = \"stepper\",\r\n  classMap,\r\n  className,\r\n  IconButtonComponent,\r\n}) => {\r\n  const stepCount = steps.length;\r\n  const groupLabelId = `${testId}-label`;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.stepper,\r\n        classMap[orientation],\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        className\r\n      )}\r\n      role=\"list\"\r\n      aria-labelledby={groupLabelId}\r\n      data-testid={testId}\r\n    >\r\n      <span id={groupLabelId} className=\"sr_only\">\r\n        Progress Stepper\r\n      </span>\r\n\r\n      {steps.map((step, index) => {\r\n        const Icon = step.icon || (() => <span>{index + 1}</span>);\r\n        const isCompleted = index < activeStep;\r\n        const isActive = index === activeStep;\r\n        const isBefore = index < activeStep;\r\n        const isDisabled = disableBackNavigation && isBefore;\r\n        const canFocus = !!onStepClick && !isDisabled;\r\n        const stepId = `${testId}-step-${index}`;\r\n        const label = `Step ${index + 1} of ${stepCount}: ${step.label}`;\r\n\r\n        return (\r\n          <div\r\n            key={index}\r\n            role=\"listitem\"\r\n            className={combineClassNames(\r\n              classMap.step,\r\n              isActive ? classMap.active : \"\",\r\n              isCompleted ? classMap.completed : \"\",\r\n              onStepClick ? classMap.clickable : \"\"\r\n            )}\r\n            data-testid={stepId}\r\n          >\r\n            <IconButtonComponent\r\n              icon={Icon}\r\n              theme={theme}\r\n              state={state}\r\n              className={combineClassNames(\r\n                classMap.stepButton,\r\n                isActive ? classMap.active : \"\",\r\n                isCompleted ? classMap.completed : \"\"\r\n              )}\r\n              size={size}\r\n              shadow={shadow}\r\n              rounding={rounding}\r\n              disabled={isDisabled}\r\n              outline={!isActive}\r\n              aria-label={label}\r\n              aria-current={isActive ? \"step\" : undefined}\r\n              aria-disabled={isDisabled}\r\n              data-testid={`${stepId}-icon`}\r\n              tabIndex={canFocus ? 0 : -1}\r\n              onClick={() => onStepClick?.(index)}\r\n              onKeyDown={(e: React.KeyboardEvent) => {\r\n                if ((e.key === \"Enter\" || e.key === \" \") && !isDisabled) {\r\n                  e.preventDefault();\r\n                  onStepClick?.(index);\r\n                }\r\n              }}\r\n            />\r\n\r\n            <span\r\n              className={classMap.stepLabel}\r\n              data-testid={`${stepId}-label`}\r\n              aria-hidden=\"true\"\r\n            >\r\n              {step.label}\r\n            </span>\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nStepperBase.displayName = \"StepperBase\";\r\nexport default StepperBase;\r\n","import React from \"react\";\r\nimport \"./Stepper.scss\";\r\nimport StepperBase from \"../StepperBase\";\r\nimport { StepperProps } from \"../Stepper.types\";\r\nimport { IconButton } from \"@/index.core\";\r\n\r\nconst classes = {\r\n  stepper: \"stepper\",\r\n  horizontal: \"stepper_horizontal\",\r\n  vertical: \"stepper_vertical\",\r\n  primary: \"stepper_primary\",\r\n  secondary: \"stepper_secondary\",\r\n  tertiary: \"stepper_tertiary\",\r\n  quaternary: \"stepper_quaternary\",\r\n  success: \"stepper_success\",\r\n  warning: \"stepper_warning\",\r\n  error: \"stepper_error\",\r\n  clear: \"stepper_clear\",\r\n  xs: \"stepper_xs\",\r\n  medium: \"stepper_medium\",\r\n  small: \"stepper_small\",\r\n  large: \"stepper_large\",\r\n  xl: \"stepper_xl\",\r\n  step: \"stepper_step\",\r\n  active: \"stepper_active\",\r\n  completed: \"stepper_completed\",\r\n  disabled: \"stepper_disabled\",\r\n  clickable: \"stepper_clickable\",\r\n  stepButton: \"stepper_step_button\",\r\n  stepLabel: \"stepper_step_label\",\r\n  connector: \"stepper_connector\",\r\n};\r\n\r\nconst Stepper: React.FC<StepperProps> = (props) => (\r\n  <StepperBase {...props} classMap={classes} IconButtonComponent={IconButton} />\r\n);\r\nStepper.displayName = \"Stepper\";\r\nexport default Stepper;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultShadow","getDefaultRounding","jsxs","combineClassNames","jsx","IconButton"],"mappings":"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"}

package/dist/core/{Stepper-CxZGa2CS.js → Stepper-Cjb7ckXo.js}

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
 /* empty css                 */
-import { I as IconButton } from "./IconButton-DgfUCfo9.js";
+import { I as IconButton } from "./IconButton-_lxTppua.js";
 const StepperBase = ({
   steps,
   activeStep,
@@ -96,14 +96,6 @@ const StepperBase = ({
                     "aria-hidden": "true",
                     children: step.label
                   }
-                ),
-                index < steps.length - 1 && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: classMap.connector,
-                    "aria-hidden": "true",
-                    "data-testid": `${stepId}-connector`
-                  }
                 )
               ]
             },
@@ -142,7 +134,8 @@ const classes = {
   connector: "stepper_connector"
 };
 const Stepper = (props) => /* @__PURE__ */ jsx(StepperBase, { ...props, classMap: classes, IconButtonComponent: IconButton });
+Stepper.displayName = "Stepper";
 export {
   Stepper as S
 };
-//# sourceMappingURL=Stepper-CxZGa2CS.js.map
+//# sourceMappingURL=Stepper-Cjb7ckXo.js.map

package/dist/core/Stepper-Cjb7ckXo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper-Cjb7ckXo.js","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/core/Stepper.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { StepperBaseProps } from \"./Stepper.types\";\r\n\r\nconst StepperBase: React.FC<StepperBaseProps> = ({\r\n  steps,\r\n  activeStep,\r\n  onStepClick,\r\n  disableBackNavigation = false,\r\n  orientation = \"horizontal\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  \"data-testid\": testId = \"stepper\",\r\n  classMap,\r\n  className,\r\n  IconButtonComponent,\r\n}) => {\r\n  const stepCount = steps.length;\r\n  const groupLabelId = `${testId}-label`;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.stepper,\r\n        classMap[orientation],\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        className\r\n      )}\r\n      role=\"list\"\r\n      aria-labelledby={groupLabelId}\r\n      data-testid={testId}\r\n    >\r\n      <span id={groupLabelId} className=\"sr_only\">\r\n        Progress Stepper\r\n      </span>\r\n\r\n      {steps.map((step, index) => {\r\n        const Icon = step.icon || (() => <span>{index + 1}</span>);\r\n        const isCompleted = index < activeStep;\r\n        const isActive = index === activeStep;\r\n        const isBefore = index < activeStep;\r\n        const isDisabled = disableBackNavigation && isBefore;\r\n        const canFocus = !!onStepClick && !isDisabled;\r\n        const stepId = `${testId}-step-${index}`;\r\n        const label = `Step ${index + 1} of ${stepCount}: ${step.label}`;\r\n\r\n        return (\r\n          <div\r\n            key={index}\r\n            role=\"listitem\"\r\n            className={combineClassNames(\r\n              classMap.step,\r\n              isActive ? classMap.active : \"\",\r\n              isCompleted ? classMap.completed : \"\",\r\n              onStepClick ? classMap.clickable : \"\"\r\n            )}\r\n            data-testid={stepId}\r\n          >\r\n            <IconButtonComponent\r\n              icon={Icon}\r\n              theme={theme}\r\n              state={state}\r\n              className={combineClassNames(\r\n                classMap.stepButton,\r\n                isActive ? classMap.active : \"\",\r\n                isCompleted ? classMap.completed : \"\"\r\n              )}\r\n              size={size}\r\n              shadow={shadow}\r\n              rounding={rounding}\r\n              disabled={isDisabled}\r\n              outline={!isActive}\r\n              aria-label={label}\r\n              aria-current={isActive ? \"step\" : undefined}\r\n              aria-disabled={isDisabled}\r\n              data-testid={`${stepId}-icon`}\r\n              tabIndex={canFocus ? 0 : -1}\r\n              onClick={() => onStepClick?.(index)}\r\n              onKeyDown={(e: React.KeyboardEvent) => {\r\n                if ((e.key === \"Enter\" || e.key === \" \") && !isDisabled) {\r\n                  e.preventDefault();\r\n                  onStepClick?.(index);\r\n                }\r\n              }}\r\n            />\r\n\r\n            <span\r\n              className={classMap.stepLabel}\r\n              data-testid={`${stepId}-label`}\r\n              aria-hidden=\"true\"\r\n            >\r\n              {step.label}\r\n            </span>\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nStepperBase.displayName = \"StepperBase\";\r\nexport default StepperBase;\r\n","import React from \"react\";\r\nimport \"./Stepper.scss\";\r\nimport StepperBase from \"../StepperBase\";\r\nimport { StepperProps } from \"../Stepper.types\";\r\nimport { IconButton } from \"@/index.core\";\r\n\r\nconst classes = {\r\n  stepper: \"stepper\",\r\n  horizontal: \"stepper_horizontal\",\r\n  vertical: \"stepper_vertical\",\r\n  primary: \"stepper_primary\",\r\n  secondary: \"stepper_secondary\",\r\n  tertiary: \"stepper_tertiary\",\r\n  quaternary: \"stepper_quaternary\",\r\n  success: \"stepper_success\",\r\n  warning: \"stepper_warning\",\r\n  error: \"stepper_error\",\r\n  clear: \"stepper_clear\",\r\n  xs: \"stepper_xs\",\r\n  medium: \"stepper_medium\",\r\n  small: \"stepper_small\",\r\n  large: \"stepper_large\",\r\n  xl: \"stepper_xl\",\r\n  step: \"stepper_step\",\r\n  active: \"stepper_active\",\r\n  completed: \"stepper_completed\",\r\n  disabled: \"stepper_disabled\",\r\n  clickable: \"stepper_clickable\",\r\n  stepButton: \"stepper_step_button\",\r\n  stepLabel: \"stepper_step_label\",\r\n  connector: \"stepper_connector\",\r\n};\r\n\r\nconst Stepper: React.FC<StepperProps> = (props) => (\r\n  <StepperBase {...props} classMap={classes} IconButtonComponent={IconButton} />\r\n);\r\nStepper.displayName = \"Stepper\";\r\nexport default Stepper;\r\n"],"names":[],"mappings":"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"}

package/dist/core/Stepper.cjs.js

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

package/dist/core/Stepper.js

@@ -1,4 +1,4 @@
-import { S } from "./Stepper-CxZGa2CS.js";
+import { S } from "./Stepper-Cjb7ckXo.js";
 export {
   S as default
 };

package/dist/core/{Tabs-C6lDM19i.cjs → Tabs-BheAr-wE.cjs}

@@ -207,5 +207,6 @@ const classes = {
 const Tabs = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(TabsBase, { ...props, classMap: classes });
 };
+Tabs.displayName = "Tabs";
 exports.Tabs = Tabs;
-//# sourceMappingURL=Tabs-C6lDM19i.cjs.map
+//# sourceMappingURL=Tabs-BheAr-wE.cjs.map

package/dist/core/Tabs-BheAr-wE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs-BheAr-wE.cjs","sources":["../../src/components/Tabs/TabsBase.tsx","../../src/components/Tabs/core/Tabs.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState, useId } from \"react\";\r\nimport { BaseTabsProps } from \"./Tabs.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 TabsBase: React.FC<BaseTabsProps> = ({\r\n  tabs,\r\n  defaultIndex = 0,\r\n  onChange,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  orientation = \"horizontal\",\r\n  activationMode = \"auto\",\r\n  \"data-testid\": testId = \"tabs\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const baseId = `${testId}-${uid}`;\r\n\r\n  const [activeIndex, setActiveIndex] = useState(defaultIndex);\r\n  const [focusIndex, setFocusIndex] = useState(defaultIndex);\r\n\r\n  const tabRefs = useRef<(HTMLButtonElement | null)[]>([]);\r\n\r\n  useEffect(() => {\r\n    const current = activationMode === \"manual\" ? focusIndex : activeIndex;\r\n    tabRefs.current.forEach((el, i) => {\r\n      if (!el) return;\r\n      el.setAttribute(\"tabindex\", i === current ? \"0\" : \"-1\");\r\n    });\r\n    tabRefs.current[current]?.focus();\r\n  }, [activeIndex, focusIndex, activationMode]);\r\n\r\n  const containerClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        className\r\n      ),\r\n    [classMap, theme, state, size, className]\r\n  );\r\n\r\n  const tabClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.tab,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, shadow, rounding]\r\n  );\r\n\r\n  const activate = (index: number) => {\r\n    setActiveIndex(index);\r\n    onChange?.(index);\r\n  };\r\n\r\n  const isDisabled = (index: number) => !!tabs[index]?.disabled;\r\n\r\n  const nextEnabled = (start: number, dir: 1 | -1) => {\r\n    const len = tabs.length;\r\n    let i = start;\r\n    for (let n = 0; n < len; n++) {\r\n      i = (i + dir + len) % len;\r\n      if (!isDisabled(i)) return i;\r\n    }\r\n    return start;\r\n  };\r\n\r\n  const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    const horiz = orientation === \"horizontal\";\r\n    const { key } = event;\r\n\r\n    let newFocus = focusIndex;\r\n\r\n    if (horiz && key === \"ArrowRight\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, 1);\r\n    } else if (horiz && key === \"ArrowLeft\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, -1);\r\n    } else if (!horiz && key === \"ArrowDown\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, 1);\r\n    } else if (!horiz && key === \"ArrowUp\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, -1);\r\n    } else if (key === \"Home\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(-1, 1);\r\n    } else if (key === \"End\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(0, -1);\r\n    } else if (\r\n      activationMode === \"manual\" &&\r\n      (key === \"Enter\" || key === \" \")\r\n    ) {\r\n      event.preventDefault();\r\n      if (!isDisabled(focusIndex)) activate(focusIndex);\r\n      return;\r\n    } else {\r\n      return;\r\n    }\r\n\r\n    setFocusIndex(newFocus);\r\n    if (activationMode === \"auto\") activate(newFocus);\r\n  };\r\n\r\n  const currentPanelId = `${baseId}-panel-${activeIndex}`;\r\n  const currentTabId = `${baseId}-tab-${activeIndex}`;\r\n\r\n  return (\r\n    <div className={containerClassNames} data-testid={testId}>\r\n      <div\r\n        className={classMap.tabs}\r\n        role=\"tablist\"\r\n        aria-label=\"Tabs\"\r\n        aria-orientation={orientation}\r\n        onKeyDown={onKeyDown}\r\n        data-testid={`${testId}-tablist`}\r\n      >\r\n        {tabs.map((tab, index) => {\r\n          const Icon = tab.icon;\r\n          const isActive = index === activeIndex;\r\n          const disabled = isDisabled(index);\r\n          const tabId = `${baseId}-tab-${index}`;\r\n          const panelId = `${baseId}-panel-${index}`;\r\n\r\n          return (\r\n            <button\r\n              key={index}\r\n              ref={(el) => {\r\n                tabRefs.current[index] = el;\r\n              }}\r\n              className={combineClassNames(\r\n                tabClassNames,\r\n                isActive && classMap.active,\r\n                disabled && classMap.disabled\r\n              )}\r\n              role=\"tab\"\r\n              type=\"button\"\r\n              aria-selected={isActive}\r\n              aria-controls={panelId}\r\n              id={tabId}\r\n              aria-disabled={disabled || undefined}\r\n              onClick={() => {\r\n                if (disabled) return;\r\n                setFocusIndex(index);\r\n                activate(index);\r\n              }}\r\n              data-testid={`${testId}-tab-${index}`}\r\n            >\r\n              {Icon && (\r\n                <div\r\n                  className={classMap.icon}\r\n                  aria-hidden=\"true\"\r\n                  data-testid={`${testId}-icon-${index}`}\r\n                >\r\n                  <Icon />\r\n                </div>\r\n              )}\r\n              {tab.label}\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n\r\n      <div\r\n        className={classMap.content}\r\n        role=\"tabpanel\"\r\n        id={currentPanelId}\r\n        aria-labelledby={currentTabId}\r\n        tabIndex={0}\r\n        data-testid={`${testId}-panel`}\r\n      >\r\n        {tabs[activeIndex].content}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nTabsBase.displayName = \"TabsBase\";\r\nexport default TabsBase;\r\n","import React from \"react\";\r\nimport \"./Tabs.scss\";\r\nimport TabsBase from \"../TabsBase\";\r\nimport { TabsProps } from \"../Tabs.types\";\r\n\r\nconst classes = {\r\n  tabsContainer: \"tabs_container\",\r\n  tabs: \"tabs\",\r\n  tab: \"tabs_tab\",\r\n  active: \"tabs_active\",\r\n  content: \"tabs_content\",\r\n  icon: \"tabs_icon\",\r\n\r\n  primary: \"tabs_primary\",\r\n  secondary: \"tabs_secondary\",\r\n  tertiary: \"tabs_tertiary\",\r\n  quaternary: \"tabs_quaternary\",\r\n\r\n  success: \"tabs_success\",\r\n  error: \"tabs_error\",\r\n  warning: \"tabs_warning\",\r\n\r\n  clear: \"tabs_clear\",\r\n\r\n  xs: \"tabs_xs\",\r\n  xl: \"tabs_xl\",\r\n  small: \"tabs_small\",\r\n  medium: \"tabs_medium\",\r\n  large: \"tabs_large\",\r\n\r\n  shadowNone: \"tabs_shadow-None\",\r\n  shadowLight: \"tabs_shadow-Light\",\r\n  shadowMedium: \"tabs_shadow-Medium\",\r\n  shadowStrong: \"tabs_shadow-Strong\",\r\n  shadowIntense: \"tabs_shadow-Intense\",\r\n\r\n  roundNone: \"tabs_round-None\",\r\n  roundSmall: \"tabs_round-Small\",\r\n  roundMedium: \"tabs_round-Medium\",\r\n  roundLarge: \"tabs_round-Large\",\r\n};\r\n\r\nconst Tabs: React.FC<TabsProps> = (props) => {\r\n  return <TabsBase {...props} classMap={classes} />;\r\n};\r\nTabs.displayName = \"Tabs\";\r\nexport default Tabs;\r\n"],"names":["getDefaultRounding","getDefaultShadow","getDefaultTheme","getDefaultSize","useId","useState","useRef","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}

package/dist/core/{Tabs-BaKDr0uF.js → Tabs-CUDoy3wZ.js}

@@ -206,7 +206,8 @@ const classes = {
 const Tabs = (props) => {
   return /* @__PURE__ */ jsx(TabsBase, { ...props, classMap: classes });
 };
+Tabs.displayName = "Tabs";
 export {
   Tabs as T
 };
-//# sourceMappingURL=Tabs-BaKDr0uF.js.map
+//# sourceMappingURL=Tabs-CUDoy3wZ.js.map

package/dist/core/Tabs-CUDoy3wZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs-CUDoy3wZ.js","sources":["../../src/components/Tabs/TabsBase.tsx","../../src/components/Tabs/core/Tabs.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState, useId } from \"react\";\r\nimport { BaseTabsProps } from \"./Tabs.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 TabsBase: React.FC<BaseTabsProps> = ({\r\n  tabs,\r\n  defaultIndex = 0,\r\n  onChange,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  orientation = \"horizontal\",\r\n  activationMode = \"auto\",\r\n  \"data-testid\": testId = \"tabs\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const baseId = `${testId}-${uid}`;\r\n\r\n  const [activeIndex, setActiveIndex] = useState(defaultIndex);\r\n  const [focusIndex, setFocusIndex] = useState(defaultIndex);\r\n\r\n  const tabRefs = useRef<(HTMLButtonElement | null)[]>([]);\r\n\r\n  useEffect(() => {\r\n    const current = activationMode === \"manual\" ? focusIndex : activeIndex;\r\n    tabRefs.current.forEach((el, i) => {\r\n      if (!el) return;\r\n      el.setAttribute(\"tabindex\", i === current ? \"0\" : \"-1\");\r\n    });\r\n    tabRefs.current[current]?.focus();\r\n  }, [activeIndex, focusIndex, activationMode]);\r\n\r\n  const containerClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        className\r\n      ),\r\n    [classMap, theme, state, size, className]\r\n  );\r\n\r\n  const tabClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.tab,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, shadow, rounding]\r\n  );\r\n\r\n  const activate = (index: number) => {\r\n    setActiveIndex(index);\r\n    onChange?.(index);\r\n  };\r\n\r\n  const isDisabled = (index: number) => !!tabs[index]?.disabled;\r\n\r\n  const nextEnabled = (start: number, dir: 1 | -1) => {\r\n    const len = tabs.length;\r\n    let i = start;\r\n    for (let n = 0; n < len; n++) {\r\n      i = (i + dir + len) % len;\r\n      if (!isDisabled(i)) return i;\r\n    }\r\n    return start;\r\n  };\r\n\r\n  const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    const horiz = orientation === \"horizontal\";\r\n    const { key } = event;\r\n\r\n    let newFocus = focusIndex;\r\n\r\n    if (horiz && key === \"ArrowRight\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, 1);\r\n    } else if (horiz && key === \"ArrowLeft\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, -1);\r\n    } else if (!horiz && key === \"ArrowDown\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, 1);\r\n    } else if (!horiz && key === \"ArrowUp\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, -1);\r\n    } else if (key === \"Home\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(-1, 1);\r\n    } else if (key === \"End\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(0, -1);\r\n    } else if (\r\n      activationMode === \"manual\" &&\r\n      (key === \"Enter\" || key === \" \")\r\n    ) {\r\n      event.preventDefault();\r\n      if (!isDisabled(focusIndex)) activate(focusIndex);\r\n      return;\r\n    } else {\r\n      return;\r\n    }\r\n\r\n    setFocusIndex(newFocus);\r\n    if (activationMode === \"auto\") activate(newFocus);\r\n  };\r\n\r\n  const currentPanelId = `${baseId}-panel-${activeIndex}`;\r\n  const currentTabId = `${baseId}-tab-${activeIndex}`;\r\n\r\n  return (\r\n    <div className={containerClassNames} data-testid={testId}>\r\n      <div\r\n        className={classMap.tabs}\r\n        role=\"tablist\"\r\n        aria-label=\"Tabs\"\r\n        aria-orientation={orientation}\r\n        onKeyDown={onKeyDown}\r\n        data-testid={`${testId}-tablist`}\r\n      >\r\n        {tabs.map((tab, index) => {\r\n          const Icon = tab.icon;\r\n          const isActive = index === activeIndex;\r\n          const disabled = isDisabled(index);\r\n          const tabId = `${baseId}-tab-${index}`;\r\n          const panelId = `${baseId}-panel-${index}`;\r\n\r\n          return (\r\n            <button\r\n              key={index}\r\n              ref={(el) => {\r\n                tabRefs.current[index] = el;\r\n              }}\r\n              className={combineClassNames(\r\n                tabClassNames,\r\n                isActive && classMap.active,\r\n                disabled && classMap.disabled\r\n              )}\r\n              role=\"tab\"\r\n              type=\"button\"\r\n              aria-selected={isActive}\r\n              aria-controls={panelId}\r\n              id={tabId}\r\n              aria-disabled={disabled || undefined}\r\n              onClick={() => {\r\n                if (disabled) return;\r\n                setFocusIndex(index);\r\n                activate(index);\r\n              }}\r\n              data-testid={`${testId}-tab-${index}`}\r\n            >\r\n              {Icon && (\r\n                <div\r\n                  className={classMap.icon}\r\n                  aria-hidden=\"true\"\r\n                  data-testid={`${testId}-icon-${index}`}\r\n                >\r\n                  <Icon />\r\n                </div>\r\n              )}\r\n              {tab.label}\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n\r\n      <div\r\n        className={classMap.content}\r\n        role=\"tabpanel\"\r\n        id={currentPanelId}\r\n        aria-labelledby={currentTabId}\r\n        tabIndex={0}\r\n        data-testid={`${testId}-panel`}\r\n      >\r\n        {tabs[activeIndex].content}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nTabsBase.displayName = \"TabsBase\";\r\nexport default TabsBase;\r\n","import React from \"react\";\r\nimport \"./Tabs.scss\";\r\nimport TabsBase from \"../TabsBase\";\r\nimport { TabsProps } from \"../Tabs.types\";\r\n\r\nconst classes = {\r\n  tabsContainer: \"tabs_container\",\r\n  tabs: \"tabs\",\r\n  tab: \"tabs_tab\",\r\n  active: \"tabs_active\",\r\n  content: \"tabs_content\",\r\n  icon: \"tabs_icon\",\r\n\r\n  primary: \"tabs_primary\",\r\n  secondary: \"tabs_secondary\",\r\n  tertiary: \"tabs_tertiary\",\r\n  quaternary: \"tabs_quaternary\",\r\n\r\n  success: \"tabs_success\",\r\n  error: \"tabs_error\",\r\n  warning: \"tabs_warning\",\r\n\r\n  clear: \"tabs_clear\",\r\n\r\n  xs: \"tabs_xs\",\r\n  xl: \"tabs_xl\",\r\n  small: \"tabs_small\",\r\n  medium: \"tabs_medium\",\r\n  large: \"tabs_large\",\r\n\r\n  shadowNone: \"tabs_shadow-None\",\r\n  shadowLight: \"tabs_shadow-Light\",\r\n  shadowMedium: \"tabs_shadow-Medium\",\r\n  shadowStrong: \"tabs_shadow-Strong\",\r\n  shadowIntense: \"tabs_shadow-Intense\",\r\n\r\n  roundNone: \"tabs_round-None\",\r\n  roundSmall: \"tabs_round-Small\",\r\n  roundMedium: \"tabs_round-Medium\",\r\n  roundLarge: \"tabs_round-Large\",\r\n};\r\n\r\nconst Tabs: React.FC<TabsProps> = (props) => {\r\n  return <TabsBase {...props} classMap={classes} />;\r\n};\r\nTabs.displayName = \"Tabs\";\r\nexport default Tabs;\r\n"],"names":[],"mappings":"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"}

package/dist/core/Tabs.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Tabs = require("./Tabs-C6lDM19i.cjs");
+const Tabs = require("./Tabs-BheAr-wE.cjs");
 module.exports = Tabs.Tabs;
 //# sourceMappingURL=Tabs.cjs.js.map

package/dist/core/Tabs.js

@@ -1,4 +1,4 @@
-import { T } from "./Tabs-BaKDr0uF.js";
+import { T } from "./Tabs-CUDoy3wZ.js";
 export {
   T as default
 };

package/dist/core/TagInput.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Taginput = require("./Taginput-RYBBGWLK.cjs");
+const Taginput = require("./Taginput-DgbxDttA.cjs");
 module.exports = Taginput.TagInput;
 //# sourceMappingURL=TagInput.cjs.js.map

package/dist/core/TagInput.js

@@ -1,4 +1,4 @@
-import { T } from "./Taginput-5LKYwPzy.js";
+import { T } from "./Taginput-CKekAR72.js";
 export {
   T as default
 };

package/dist/core/{Taginput-5LKYwPzy.js → Taginput-CKekAR72.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as IconButton } from "./IconButton-DgfUCfo9.js";
-import { T as TextInput } from "./TextInput-DQPZXEA2.js";
+import { I as IconButton } from "./IconButton-_lxTppua.js";
+import { T as TextInput } from "./TextInput-7kV66ccj.js";
 import { useId, useState, useRef, useEffect, useMemo } from "react";
 import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
@@ -305,7 +305,8 @@ const TagInput = (props) => {
     }
   );
 };
+TagInput.displayName = "TagInput";
 export {
   TagInput as T
 };
-//# sourceMappingURL=Taginput-5LKYwPzy.js.map
+//# sourceMappingURL=Taginput-CKekAR72.js.map

package/dist/core/{Taginput-5LKYwPzy.js.map → Taginput-CKekAR72.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Taginput-5LKYwPzy.js","sources":["../../src/components/TagInput/TagInputBase.tsx","../../src/components/TagInput/core/Taginput.tsx"],"sourcesContent":["import React, {\r\n  useId,\r\n  useState,\r\n  KeyboardEvent,\r\n  useMemo,\r\n  useEffect,\r\n  useRef,\r\n} from \"react\";\r\nimport { TagInputBaseProps } from \"./Taginput.types\";\r\nimport { CloseIcon } from \"../../Icons\";\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 TagInputBase: React.FC<TagInputBaseProps> = ({\r\n  tags = [],\r\n  onChange,\r\n  fetchSuggestions,\r\n  debounceMs = 300,\r\n  placeholder = \"Add a tag...\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  \"data-testid\": testId = \"tag-input\",\r\n  ariaDescription = \"Type a tag and press Enter or comma to add. Use arrow keys to navigate suggestions; Enter to select; Escape to close. Backspace removes the last tag when the field is empty.\",\r\n  classMap,\r\n  IconButton,\r\n  TextInput,\r\n}) => {\r\n  const uid = useId();\r\n  const inputId = `${testId}-input-${uid}`;\r\n  const descId = `${testId}-desc-${uid}`;\r\n  const labelId = `${testId}-label-${uid}`;\r\n  const listboxId = `${testId}-listbox-${uid}`;\r\n  const statusId = `${testId}-status-${uid}`;\r\n\r\n  const [inputValue, setInputValue] = useState(\"\");\r\n  const [tagList, setTagList] = useState<string[]>(tags);\r\n  const [lastAction, setLastAction] = useState<string>(\"\");\r\n  const [suggestions, setSuggestions] = useState<string[]>([]);\r\n  const [open, setOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n\r\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n\r\n  const hasTag = (val: string) =>\r\n    tagList.some((t) => t.toLowerCase() === val.toLowerCase());\r\n\r\n  useEffect(() => {\r\n    if (!fetchSuggestions) {\r\n      setSuggestions([]);\r\n      setOpen(false);\r\n      return;\r\n    }\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const query = inputValue.trim();\r\n    if (!query) {\r\n      setSuggestions([]);\r\n      setOpen(false);\r\n      setActiveIndex(-1);\r\n      return;\r\n    }\r\n\r\n    debounceRef.current = setTimeout(async () => {\r\n      try {\r\n        const result = await fetchSuggestions(query);\r\n        setSuggestions(result || []);\r\n        setOpen((result?.length ?? 0) > 0);\r\n        setActiveIndex((result?.length ?? 0) > 0 ? 0 : -1);\r\n      } catch {\r\n        setSuggestions([]);\r\n        setOpen(false);\r\n        setActiveIndex(-1);\r\n      }\r\n    }, debounceMs);\r\n\r\n    return () => {\r\n      if (debounceRef.current) clearTimeout(debounceRef.current);\r\n    };\r\n  }, [inputValue, fetchSuggestions, debounceMs]);\r\n\r\n  const addTag = (raw: string) => {\r\n    const newTag = raw.trim();\r\n    if (!newTag || hasTag(newTag)) return false;\r\n    const updated = [...tagList, newTag];\r\n    setTagList(updated);\r\n    onChange?.(updated);\r\n    setLastAction(`Added tag ${newTag}.`);\r\n    return true;\r\n  };\r\n\r\n  const removeTag = (tag: string) => {\r\n    const updated = tagList.filter((t) => t !== tag);\r\n    setTagList(updated);\r\n    onChange?.(updated);\r\n    setLastAction(`Removed tag ${tag}.`);\r\n  };\r\n\r\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n    const { key } = event;\r\n\r\n    if (open && suggestions.length > 0) {\r\n      if (key === \"ArrowDown\") {\r\n        event.preventDefault();\r\n        setActiveIndex((i) => (i + 1) % suggestions.length);\r\n        return;\r\n      }\r\n      if (key === \"ArrowUp\") {\r\n        event.preventDefault();\r\n        setActiveIndex(\r\n          (i) => (i - 1 + suggestions.length) % suggestions.length\r\n        );\r\n        return;\r\n      }\r\n      if (key === \"Enter\") {\r\n        event.preventDefault();\r\n        const choice = suggestions[activeIndex];\r\n        if (choice && addTag(choice)) {\r\n          setInputValue(\"\");\r\n        }\r\n        setSuggestions([]);\r\n        setOpen(false);\r\n        setActiveIndex(-1);\r\n        return;\r\n      }\r\n      if (key === \"Escape\") {\r\n        event.preventDefault();\r\n        setSuggestions([]);\r\n        setOpen(false);\r\n        setActiveIndex(-1);\r\n        return;\r\n      }\r\n    }\r\n\r\n    if (key === \"Enter\" || key === \",\") {\r\n      event.preventDefault();\r\n      if (addTag(inputValue)) setInputValue(\"\");\r\n      setSuggestions([]);\r\n      setOpen(false);\r\n      setActiveIndex(-1);\r\n      return;\r\n    }\r\n\r\n    if (key === \"Backspace\" && inputValue === \"\" && tagList.length > 0) {\r\n      const last = tagList[tagList.length - 1];\r\n      removeTag(last);\r\n    }\r\n  };\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.tagInput,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size]\r\n      ),\r\n    [classMap, theme, state, size]\r\n  );\r\n\r\n  const tagClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.tag,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, shadow, rounding]\r\n  );\r\n\r\n  const handleSuggestionClick = (suggestion: string) => {\r\n    if (addTag(suggestion)) setInputValue(\"\");\r\n    setSuggestions([]);\r\n    setOpen(false);\r\n    setActiveIndex(-1);\r\n  };\r\n\r\n  const activeOptionId =\r\n    open && activeIndex >= 0 ? `${listboxId}-opt-${activeIndex}` : undefined;\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"group\"\r\n      aria-labelledby={labelId}\r\n      aria-describedby={`${descId} ${statusId}`}\r\n      data-testid={testId}\r\n    >\r\n      <label id={labelId} className=\"sr_only\">\r\n        Tag Input\r\n      </label>\r\n      <div\r\n        id={descId}\r\n        className=\"sr_only\"\r\n        data-testid={`${testId}-description`}\r\n      >\r\n        {ariaDescription}\r\n      </div>\r\n\r\n      <ul className={classMap.tagContainer} data-testid={`${testId}-list`}>\r\n        {tagList.map((tag, index) => (\r\n          <li\r\n            key={`${tag}-${index}`}\r\n            className={tagClass}\r\n            role=\"listitem\"\r\n            data-testid={`${testId}-tag-${index}`}\r\n          >\r\n            <span className={classMap.tagLabel}>{tag}</span>\r\n            <IconButton\r\n              type=\"button\"\r\n              aria-label={`Remove tag ${tag}`}\r\n              className={classMap.removeButton}\r\n              onClick={() => removeTag(tag)}\r\n              data-testid={`${testId}-remove-${index}`}\r\n              icon={CloseIcon}\r\n              size=\"small\"\r\n              theme=\"clear\"\r\n              shadow=\"none\"\r\n              iconClassName={classMap.removeButtonIcon}\r\n            />\r\n          </li>\r\n        ))}\r\n      </ul>\r\n\r\n      <div className={classMap.inputWrapper}>\r\n        <TextInput\r\n          id={inputId}\r\n          type=\"text\"\r\n          theme={theme}\r\n          state={state}\r\n          rounding={rounding}\r\n          shadow={shadow}\r\n          className={classMap.input}\r\n          value={inputValue}\r\n          placeholder={tagList.length === 0 ? placeholder : \"\"}\r\n          onChange={(e: { target: { value: string } }) =>\r\n            setInputValue(e.target.value)\r\n          }\r\n          onKeyDown={handleKeyDown}\r\n          autoComplete=\"off\"\r\n          role=\"combobox\"\r\n          aria-autocomplete=\"list\"\r\n          aria-expanded={open}\r\n          aria-controls={listboxId}\r\n          aria-activedescendant={activeOptionId}\r\n          aria-label=\"Add new tag\"\r\n          aria-describedby={`${descId} ${statusId}`}\r\n          data-testid={`${testId}-input`}\r\n        />\r\n      </div>\r\n\r\n      {open && suggestions.length > 0 && (\r\n        <ul\r\n          className={classMap.suggestionList}\r\n          role=\"listbox\"\r\n          id={listboxId}\r\n          aria-label=\"Tag suggestions\"\r\n          data-testid={`${testId}-suggestions`}\r\n        >\r\n          {suggestions.map((suggestion, index) => (\r\n            <li\r\n              key={`${suggestion}-${index}`}\r\n              id={`${listboxId}-opt-${index}`}\r\n              className={combineClassNames(\r\n                classMap.suggestionItem,\r\n                index === activeIndex && (classMap.active || \"\")\r\n              )}\r\n              role=\"option\"\r\n              aria-selected={index === activeIndex}\r\n              onMouseDown={(e) => e.preventDefault()}\r\n              onClick={() => handleSuggestionClick(suggestion)}\r\n              data-testid={`${testId}-suggestion-${index}`}\r\n            >\r\n              {suggestion}\r\n            </li>\r\n          ))}\r\n        </ul>\r\n      )}\r\n\r\n      <div id={statusId} aria-live=\"polite\" className=\"sr_only\">\r\n        {open && suggestions.length > 0\r\n          ? `${suggestions.length} suggestion${suggestions.length === 1 ? \"\" : \"s\"} available.`\r\n          : \"\"}\r\n        {lastAction}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nTagInputBase.displayName = \"TagInputBase\";\r\nexport default TagInputBase;\r\n","import React from \"react\";\r\nimport \"./Taginput.scss\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport TextInput from \"../../TextInput/core/TextInput\";\r\nimport TagInputBase from \"../TagInputBase\";\r\nimport { TagInputProps } from \"../Taginput.types\";\r\n\r\nconst classes = {\r\n  tagInput: \"tag_input\",\r\n  tagContainer: \"tag_input_tag_container\",\r\n  tag: \"tag_input_tag\",\r\n  tagLabel: \"tag_input_tag_label\",\r\n  removeButton: \"tag_input_remove_button\",\r\n  removeButtonIcon: \"tag_input_remove_button_icon\",\r\n  inputWrapper: \"tag_input_input_wrapper\",\r\n  input: \"tag_input_input\",\r\n  suggestionList: \"tag_input_suggestion_list\",\r\n  suggestionItem: \"tag_input_suggestion_item\",\r\n\r\n  primary: \"tag_input_primary\",\r\n  secondary: \"tag_input_secondary\",\r\n  tertiary: \"tag_input_tertiary\",\r\n  quaternary: \"tag_input_quaternary\",\r\n\r\n  success: \"tag_input_success\",\r\n  warning: \"tag_input_warning\",\r\n  error: \"tag_input_error\",\r\n\r\n  clear: \"tag_input_clear\",\r\n\r\n  xs: \"tag_input_xs\",\r\n  small: \"tag_input_small\",\r\n  medium: \"tag_input_medium\",\r\n  large: \"tag_input_large\",\r\n  xl: \"tag_input_xl\",\r\n\r\n  shadowNone: \"tag_shadow-None\",\r\n  shadowLight: \"tag_shadow-Light\",\r\n  shadowMedium: \"tag_shadow-Medium\",\r\n  shadowStrong: \"tag_shadow-Strong\",\r\n  shadowIntense: \"tag_shadow-Intense\",\r\n\r\n  roundNone: \"tag_round-None\",\r\n  roundSmall: \"tag_round-Small\",\r\n  roundMedium: \"tag_round-Medium\",\r\n  roundLarge: \"tag_round-Large\",\r\n};\r\n\r\nconst TagInput: React.FC<TagInputProps> = (props) => {\r\n  return (\r\n    <TagInputBase\r\n      {...props}\r\n      classMap={classes}\r\n      IconButton={IconButton}\r\n      TextInput={TextInput}\r\n    />\r\n  );\r\n};\r\n\r\nexport default TagInput;\r\n"],"names":["IconButton","TextInput"],"mappings":";;;;;;;;AAmBA,MAAM,eAA4C,CAAC;AAAA,EACjD,OAAO,CAAA;AAAA,EACP;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO,eAAA;AAAA,EACP,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,eAAe,SAAS;AAAA,EACxB,kBAAkB;AAAA,EAClB;AAAA,EACA,YAAAA;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAM,MAAM,MAAA;AACZ,QAAM,UAAU,GAAG,MAAM,UAAU,GAAG;AACtC,QAAM,SAAS,GAAG,MAAM,SAAS,GAAG;AACpC,QAAM,UAAU,GAAG,MAAM,UAAU,GAAG;AACtC,QAAM,YAAY,GAAG,MAAM,YAAY,GAAG;AAC1C,QAAM,WAAW,GAAG,MAAM,WAAW,GAAG;AAExC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAmB,IAAI;AACrD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAiB,EAAE;AACvD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAmB,CAAA,CAAE;AAC3D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAiB,EAAE;AAEzD,QAAM,cAAc,OAA6C,IAAI;AAErE,QAAM,SAAS,CAAC,QACd,QAAQ,KAAK,CAAC,MAAM,EAAE,YAAA,MAAkB,IAAI,YAAA,CAAa;AAE3D,YAAU,MAAM;AACd,QAAI,CAAC,kBAAkB;AACrB,qBAAe,CAAA,CAAE;AACjB,cAAQ,KAAK;AACb;AAAA,IACF;AACA,QAAI,YAAY,QAAS,cAAa,YAAY,OAAO;AAEzD,UAAM,QAAQ,WAAW,KAAA;AACzB,QAAI,CAAC,OAAO;AACV,qBAAe,CAAA,CAAE;AACjB,cAAQ,KAAK;AACb,qBAAe,EAAE;AACjB;AAAA,IACF;AAEA,gBAAY,UAAU,WAAW,YAAY;AAC3C,UAAI;AACF,cAAM,SAAS,MAAM,iBAAiB,KAAK;AAC3C,uBAAe,UAAU,EAAE;AAC3B,kBAAS,iCAAQ,WAAU,KAAK,CAAC;AACjC,yBAAgB,iCAAQ,WAAU,KAAK,IAAI,IAAI,EAAE;AAAA,MACnD,QAAQ;AACN,uBAAe,CAAA,CAAE;AACjB,gBAAQ,KAAK;AACb,uBAAe,EAAE;AAAA,MACnB;AAAA,IACF,GAAG,UAAU;AAEb,WAAO,MAAM;AACX,UAAI,YAAY,QAAS,cAAa,YAAY,OAAO;AAAA,IAC3D;AAAA,EACF,GAAG,CAAC,YAAY,kBAAkB,UAAU,CAAC;AAE7C,QAAM,SAAS,CAAC,QAAgB;AAC9B,UAAM,SAAS,IAAI,KAAA;AACnB,QAAI,CAAC,UAAU,OAAO,MAAM,EAAG,QAAO;AACtC,UAAM,UAAU,CAAC,GAAG,SAAS,MAAM;AACnC,eAAW,OAAO;AAClB,yCAAW;AACX,kBAAc,aAAa,MAAM,GAAG;AACpC,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,CAAC,QAAgB;AACjC,UAAM,UAAU,QAAQ,OAAO,CAAC,MAAM,MAAM,GAAG;AAC/C,eAAW,OAAO;AAClB,yCAAW;AACX,kBAAc,eAAe,GAAG,GAAG;AAAA,EACrC;AAEA,QAAM,gBAAgB,CAAC,UAA2C;AAChE,UAAM,EAAE,QAAQ;AAEhB,QAAI,QAAQ,YAAY,SAAS,GAAG;AAClC,UAAI,QAAQ,aAAa;AACvB,cAAM,eAAA;AACN,uBAAe,CAAC,OAAO,IAAI,KAAK,YAAY,MAAM;AAClD;AAAA,MACF;AACA,UAAI,QAAQ,WAAW;AACrB,cAAM,eAAA;AACN;AAAA,UACE,CAAC,OAAO,IAAI,IAAI,YAAY,UAAU,YAAY;AAAA,QAAA;AAEpD;AAAA,MACF;AACA,UAAI,QAAQ,SAAS;AACnB,cAAM,eAAA;AACN,cAAM,SAAS,YAAY,WAAW;AACtC,YAAI,UAAU,OAAO,MAAM,GAAG;AAC5B,wBAAc,EAAE;AAAA,QAClB;AACA,uBAAe,CAAA,CAAE;AACjB,gBAAQ,KAAK;AACb,uBAAe,EAAE;AACjB;AAAA,MACF;AACA,UAAI,QAAQ,UAAU;AACpB,cAAM,eAAA;AACN,uBAAe,CAAA,CAAE;AACjB,gBAAQ,KAAK;AACb,uBAAe,EAAE;AACjB;AAAA,MACF;AAAA,IACF;AAEA,QAAI,QAAQ,WAAW,QAAQ,KAAK;AAClC,YAAM,eAAA;AACN,UAAI,OAAO,UAAU,EAAG,eAAc,EAAE;AACxC,qBAAe,CAAA,CAAE;AACjB,cAAQ,KAAK;AACb,qBAAe,EAAE;AACjB;AAAA,IACF;AAEA,QAAI,QAAQ,eAAe,eAAe,MAAM,QAAQ,SAAS,GAAG;AAClE,YAAM,OAAO,QAAQ,QAAQ,SAAS,CAAC;AACvC,gBAAU,IAAI;AAAA,IAChB;AAAA,EACF;AAEA,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,IAAA;AAAA,IAEjB,CAAC,UAAU,OAAO,OAAO,IAAI;AAAA,EAAA;AAG/B,QAAM,WAAW;AAAA,IACf,MACE;AAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,QAAQ,QAAQ;AAAA,EAAA;AAG7B,QAAM,wBAAwB,CAAC,eAAuB;AACpD,QAAI,OAAO,UAAU,EAAG,eAAc,EAAE;AACxC,mBAAe,CAAA,CAAE;AACjB,YAAQ,KAAK;AACb,mBAAe,EAAE;AAAA,EACnB;AAEA,QAAM,iBACJ,QAAQ,eAAe,IAAI,GAAG,SAAS,QAAQ,WAAW,KAAK;AAEjE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,oBAAkB,GAAG,MAAM,IAAI,QAAQ;AAAA,MACvC,eAAa;AAAA,MAEb,UAAA;AAAA,QAAA,oBAAC,SAAA,EAAM,IAAI,SAAS,WAAU,WAAU,UAAA,aAExC;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAU;AAAA,YACV,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH,oBAAC,MAAA,EAAG,WAAW,SAAS,cAAc,eAAa,GAAG,MAAM,SACzD,UAAA,QAAQ,IAAI,CAAC,KAAK,UACjB;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW;AAAA,YACX,MAAK;AAAA,YACL,eAAa,GAAG,MAAM,QAAQ,KAAK;AAAA,YAEnC,UAAA;AAAA,cAAA,oBAAC,QAAA,EAAK,WAAW,SAAS,UAAW,UAAA,KAAI;AAAA,cACzC;AAAA,gBAACD;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,cAAY,cAAc,GAAG;AAAA,kBAC7B,WAAW,SAAS;AAAA,kBACpB,SAAS,MAAM,UAAU,GAAG;AAAA,kBAC5B,eAAa,GAAG,MAAM,WAAW,KAAK;AAAA,kBACtC,MAAM;AAAA,kBACN,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,QAAO;AAAA,kBACP,eAAe,SAAS;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC1B;AAAA,UAAA;AAAA,UAjBK,GAAG,GAAG,IAAI,KAAK;AAAA,QAAA,CAmBvB,GACH;AAAA,QAEA,oBAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,MAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,SAAS;AAAA,YACpB,OAAO;AAAA,YACP,aAAa,QAAQ,WAAW,IAAI,cAAc;AAAA,YAClD,UAAU,CAAC,MACT,cAAc,EAAE,OAAO,KAAK;AAAA,YAE9B,WAAW;AAAA,YACX,cAAa;AAAA,YACb,MAAK;AAAA,YACL,qBAAkB;AAAA,YAClB,iBAAe;AAAA,YACf,iBAAe;AAAA,YACf,yBAAuB;AAAA,YACvB,cAAW;AAAA,YACX,oBAAkB,GAAG,MAAM,IAAI,QAAQ;AAAA,YACvC,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA,GAE1B;AAAA,QAEC,QAAQ,YAAY,SAAS,KAC5B;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,IAAI;AAAA,YACJ,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA,YAAY,IAAI,CAAC,YAAY,UAC5B;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,IAAI,GAAG,SAAS,QAAQ,KAAK;AAAA,gBAC7B,WAAW;AAAA,kBACT,SAAS;AAAA,kBACT,UAAU,gBAAgB,SAAS,UAAU;AAAA,gBAAA;AAAA,gBAE/C,MAAK;AAAA,gBACL,iBAAe,UAAU;AAAA,gBACzB,aAAa,CAAC,MAAM,EAAE,eAAA;AAAA,gBACtB,SAAS,MAAM,sBAAsB,UAAU;AAAA,gBAC/C,eAAa,GAAG,MAAM,eAAe,KAAK;AAAA,gBAEzC,UAAA;AAAA,cAAA;AAAA,cAZI,GAAG,UAAU,IAAI,KAAK;AAAA,YAAA,CAc9B;AAAA,UAAA;AAAA,QAAA;AAAA,6BAIJ,OAAA,EAAI,IAAI,UAAU,aAAU,UAAS,WAAU,WAC7C,UAAA;AAAA,UAAA,QAAQ,YAAY,SAAS,IAC1B,GAAG,YAAY,MAAM,cAAc,YAAY,WAAW,IAAI,KAAK,GAAG,gBACtE;AAAA,UACH;AAAA,QAAA,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,aAAa,cAAc;AClS3B,MAAM,UAAU;AAAA,EACd,UAAU;AAAA,EACV,cAAc;AAAA,EACd,KAAK;AAAA,EACL,UAAU;AAAA,EACV,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAEhB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EAEJ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,WAAoC,CAAC,UAAU;AACnD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Taginput-CKekAR72.js","sources":["../../src/components/TagInput/TagInputBase.tsx","../../src/components/TagInput/core/Taginput.tsx"],"sourcesContent":["import React, {\r\n  useId,\r\n  useState,\r\n  KeyboardEvent,\r\n  useMemo,\r\n  useEffect,\r\n  useRef,\r\n} from \"react\";\r\nimport { TagInputBaseProps } from \"./Taginput.types\";\r\nimport { CloseIcon } from \"../../Icons\";\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 TagInputBase: React.FC<TagInputBaseProps> = ({\r\n  tags = [],\r\n  onChange,\r\n  fetchSuggestions,\r\n  debounceMs = 300,\r\n  placeholder = \"Add a tag...\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  \"data-testid\": testId = \"tag-input\",\r\n  ariaDescription = \"Type a tag and press Enter or comma to add. Use arrow keys to navigate suggestions; Enter to select; Escape to close. Backspace removes the last tag when the field is empty.\",\r\n  classMap,\r\n  IconButton,\r\n  TextInput,\r\n}) => {\r\n  const uid = useId();\r\n  const inputId = `${testId}-input-${uid}`;\r\n  const descId = `${testId}-desc-${uid}`;\r\n  const labelId = `${testId}-label-${uid}`;\r\n  const listboxId = `${testId}-listbox-${uid}`;\r\n  const statusId = `${testId}-status-${uid}`;\r\n\r\n  const [inputValue, setInputValue] = useState(\"\");\r\n  const [tagList, setTagList] = useState<string[]>(tags);\r\n  const [lastAction, setLastAction] = useState<string>(\"\");\r\n  const [suggestions, setSuggestions] = useState<string[]>([]);\r\n  const [open, setOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n\r\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n\r\n  const hasTag = (val: string) =>\r\n    tagList.some((t) => t.toLowerCase() === val.toLowerCase());\r\n\r\n  useEffect(() => {\r\n    if (!fetchSuggestions) {\r\n      setSuggestions([]);\r\n      setOpen(false);\r\n      return;\r\n    }\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const query = inputValue.trim();\r\n    if (!query) {\r\n      setSuggestions([]);\r\n      setOpen(false);\r\n      setActiveIndex(-1);\r\n      return;\r\n    }\r\n\r\n    debounceRef.current = setTimeout(async () => {\r\n      try {\r\n        const result = await fetchSuggestions(query);\r\n        setSuggestions(result || []);\r\n        setOpen((result?.length ?? 0) > 0);\r\n        setActiveIndex((result?.length ?? 0) > 0 ? 0 : -1);\r\n      } catch {\r\n        setSuggestions([]);\r\n        setOpen(false);\r\n        setActiveIndex(-1);\r\n      }\r\n    }, debounceMs);\r\n\r\n    return () => {\r\n      if (debounceRef.current) clearTimeout(debounceRef.current);\r\n    };\r\n  }, [inputValue, fetchSuggestions, debounceMs]);\r\n\r\n  const addTag = (raw: string) => {\r\n    const newTag = raw.trim();\r\n    if (!newTag || hasTag(newTag)) return false;\r\n    const updated = [...tagList, newTag];\r\n    setTagList(updated);\r\n    onChange?.(updated);\r\n    setLastAction(`Added tag ${newTag}.`);\r\n    return true;\r\n  };\r\n\r\n  const removeTag = (tag: string) => {\r\n    const updated = tagList.filter((t) => t !== tag);\r\n    setTagList(updated);\r\n    onChange?.(updated);\r\n    setLastAction(`Removed tag ${tag}.`);\r\n  };\r\n\r\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n    const { key } = event;\r\n\r\n    if (open && suggestions.length > 0) {\r\n      if (key === \"ArrowDown\") {\r\n        event.preventDefault();\r\n        setActiveIndex((i) => (i + 1) % suggestions.length);\r\n        return;\r\n      }\r\n      if (key === \"ArrowUp\") {\r\n        event.preventDefault();\r\n        setActiveIndex(\r\n          (i) => (i - 1 + suggestions.length) % suggestions.length\r\n        );\r\n        return;\r\n      }\r\n      if (key === \"Enter\") {\r\n        event.preventDefault();\r\n        const choice = suggestions[activeIndex];\r\n        if (choice && addTag(choice)) {\r\n          setInputValue(\"\");\r\n        }\r\n        setSuggestions([]);\r\n        setOpen(false);\r\n        setActiveIndex(-1);\r\n        return;\r\n      }\r\n      if (key === \"Escape\") {\r\n        event.preventDefault();\r\n        setSuggestions([]);\r\n        setOpen(false);\r\n        setActiveIndex(-1);\r\n        return;\r\n      }\r\n    }\r\n\r\n    if (key === \"Enter\" || key === \",\") {\r\n      event.preventDefault();\r\n      if (addTag(inputValue)) setInputValue(\"\");\r\n      setSuggestions([]);\r\n      setOpen(false);\r\n      setActiveIndex(-1);\r\n      return;\r\n    }\r\n\r\n    if (key === \"Backspace\" && inputValue === \"\" && tagList.length > 0) {\r\n      const last = tagList[tagList.length - 1];\r\n      removeTag(last);\r\n    }\r\n  };\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.tagInput,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size]\r\n      ),\r\n    [classMap, theme, state, size]\r\n  );\r\n\r\n  const tagClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.tag,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, shadow, rounding]\r\n  );\r\n\r\n  const handleSuggestionClick = (suggestion: string) => {\r\n    if (addTag(suggestion)) setInputValue(\"\");\r\n    setSuggestions([]);\r\n    setOpen(false);\r\n    setActiveIndex(-1);\r\n  };\r\n\r\n  const activeOptionId =\r\n    open && activeIndex >= 0 ? `${listboxId}-opt-${activeIndex}` : undefined;\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"group\"\r\n      aria-labelledby={labelId}\r\n      aria-describedby={`${descId} ${statusId}`}\r\n      data-testid={testId}\r\n    >\r\n      <label id={labelId} className=\"sr_only\">\r\n        Tag Input\r\n      </label>\r\n      <div\r\n        id={descId}\r\n        className=\"sr_only\"\r\n        data-testid={`${testId}-description`}\r\n      >\r\n        {ariaDescription}\r\n      </div>\r\n\r\n      <ul className={classMap.tagContainer} data-testid={`${testId}-list`}>\r\n        {tagList.map((tag, index) => (\r\n          <li\r\n            key={`${tag}-${index}`}\r\n            className={tagClass}\r\n            role=\"listitem\"\r\n            data-testid={`${testId}-tag-${index}`}\r\n          >\r\n            <span className={classMap.tagLabel}>{tag}</span>\r\n            <IconButton\r\n              type=\"button\"\r\n              aria-label={`Remove tag ${tag}`}\r\n              className={classMap.removeButton}\r\n              onClick={() => removeTag(tag)}\r\n              data-testid={`${testId}-remove-${index}`}\r\n              icon={CloseIcon}\r\n              size=\"small\"\r\n              theme=\"clear\"\r\n              shadow=\"none\"\r\n              iconClassName={classMap.removeButtonIcon}\r\n            />\r\n          </li>\r\n        ))}\r\n      </ul>\r\n\r\n      <div className={classMap.inputWrapper}>\r\n        <TextInput\r\n          id={inputId}\r\n          type=\"text\"\r\n          theme={theme}\r\n          state={state}\r\n          rounding={rounding}\r\n          shadow={shadow}\r\n          className={classMap.input}\r\n          value={inputValue}\r\n          placeholder={tagList.length === 0 ? placeholder : \"\"}\r\n          onChange={(e: { target: { value: string } }) =>\r\n            setInputValue(e.target.value)\r\n          }\r\n          onKeyDown={handleKeyDown}\r\n          autoComplete=\"off\"\r\n          role=\"combobox\"\r\n          aria-autocomplete=\"list\"\r\n          aria-expanded={open}\r\n          aria-controls={listboxId}\r\n          aria-activedescendant={activeOptionId}\r\n          aria-label=\"Add new tag\"\r\n          aria-describedby={`${descId} ${statusId}`}\r\n          data-testid={`${testId}-input`}\r\n        />\r\n      </div>\r\n\r\n      {open && suggestions.length > 0 && (\r\n        <ul\r\n          className={classMap.suggestionList}\r\n          role=\"listbox\"\r\n          id={listboxId}\r\n          aria-label=\"Tag suggestions\"\r\n          data-testid={`${testId}-suggestions`}\r\n        >\r\n          {suggestions.map((suggestion, index) => (\r\n            <li\r\n              key={`${suggestion}-${index}`}\r\n              id={`${listboxId}-opt-${index}`}\r\n              className={combineClassNames(\r\n                classMap.suggestionItem,\r\n                index === activeIndex && (classMap.active || \"\")\r\n              )}\r\n              role=\"option\"\r\n              aria-selected={index === activeIndex}\r\n              onMouseDown={(e) => e.preventDefault()}\r\n              onClick={() => handleSuggestionClick(suggestion)}\r\n              data-testid={`${testId}-suggestion-${index}`}\r\n            >\r\n              {suggestion}\r\n            </li>\r\n          ))}\r\n        </ul>\r\n      )}\r\n\r\n      <div id={statusId} aria-live=\"polite\" className=\"sr_only\">\r\n        {open && suggestions.length > 0\r\n          ? `${suggestions.length} suggestion${suggestions.length === 1 ? \"\" : \"s\"} available.`\r\n          : \"\"}\r\n        {lastAction}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nTagInputBase.displayName = \"TagInputBase\";\r\nexport default TagInputBase;\r\n","import React from \"react\";\r\nimport \"./Taginput.scss\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport TextInput from \"../../TextInput/core/TextInput\";\r\nimport TagInputBase from \"../TagInputBase\";\r\nimport { TagInputProps } from \"../Taginput.types\";\r\n\r\nconst classes = {\r\n  tagInput: \"tag_input\",\r\n  tagContainer: \"tag_input_tag_container\",\r\n  tag: \"tag_input_tag\",\r\n  tagLabel: \"tag_input_tag_label\",\r\n  removeButton: \"tag_input_remove_button\",\r\n  removeButtonIcon: \"tag_input_remove_button_icon\",\r\n  inputWrapper: \"tag_input_input_wrapper\",\r\n  input: \"tag_input_input\",\r\n  suggestionList: \"tag_input_suggestion_list\",\r\n  suggestionItem: \"tag_input_suggestion_item\",\r\n\r\n  primary: \"tag_input_primary\",\r\n  secondary: \"tag_input_secondary\",\r\n  tertiary: \"tag_input_tertiary\",\r\n  quaternary: \"tag_input_quaternary\",\r\n\r\n  success: \"tag_input_success\",\r\n  warning: \"tag_input_warning\",\r\n  error: \"tag_input_error\",\r\n\r\n  clear: \"tag_input_clear\",\r\n\r\n  xs: \"tag_input_xs\",\r\n  small: \"tag_input_small\",\r\n  medium: \"tag_input_medium\",\r\n  large: \"tag_input_large\",\r\n  xl: \"tag_input_xl\",\r\n\r\n  shadowNone: \"tag_shadow-None\",\r\n  shadowLight: \"tag_shadow-Light\",\r\n  shadowMedium: \"tag_shadow-Medium\",\r\n  shadowStrong: \"tag_shadow-Strong\",\r\n  shadowIntense: \"tag_shadow-Intense\",\r\n\r\n  roundNone: \"tag_round-None\",\r\n  roundSmall: \"tag_round-Small\",\r\n  roundMedium: \"tag_round-Medium\",\r\n  roundLarge: \"tag_round-Large\",\r\n};\r\n\r\nconst TagInput: React.FC<TagInputProps> = (props) => {\r\n  return (\r\n    <TagInputBase\r\n      {...props}\r\n      classMap={classes}\r\n      IconButton={IconButton}\r\n      TextInput={TextInput}\r\n    />\r\n  );\r\n};\r\nTagInput.displayName = \"TagInput\";\r\nexport default TagInput;\r\n"],"names":["IconButton","TextInput"],"mappings":"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"}

package/dist/core/{Taginput-RYBBGWLK.cjs → Taginput-DgbxDttA.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const IconButton = require("./IconButton-Bjjlbqiq.cjs");
-const TextInput = require("./TextInput-5Bpg7Tdt.cjs");
+const IconButton = require("./IconButton-CR9bTZoJ.cjs");
+const TextInput = require("./TextInput-DFOjxri2.cjs");
 const React = require("react");
 const CloseIcon = require("./CloseIcon-DSnN6ggf.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");
@@ -306,5 +306,6 @@ const TagInput = (props) => {
     }
   );
 };
+TagInput.displayName = "TagInput";
 exports.TagInput = TagInput;
-//# sourceMappingURL=Taginput-RYBBGWLK.cjs.map
+//# sourceMappingURL=Taginput-DgbxDttA.cjs.map