boreal-ui 0.0.24 → 0.0.26

package/dist/core/{TextInput-8AbKEfUH.cjs → TextInput-BP3o-iku.cjs}

@@ -5,7 +5,7 @@ const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
 ;/* empty css                   */
-const IconButton = require("./IconButton-BxUXK-xn.cjs");
+const IconButton = require("./IconButton-BADgP1DD.cjs");
 const EyeIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
@@ -238,4 +238,4 @@ const TextInput = React.forwardRef((props, ref) => {
 });
 TextInput.displayName = "TextInput";
 exports.TextInput = TextInput;
-//# sourceMappingURL=TextInput-8AbKEfUH.cjs.map
+//# sourceMappingURL=TextInput-BP3o-iku.cjs.map

package/dist/core/{TextInput-8AbKEfUH.cjs.map → TextInput-BP3o-iku.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"TextInput-8AbKEfUH.cjs","sources":["../../src/Icons/EyeIcon.tsx","../../src/Icons/EyeSlashIcon.tsx","../../src/components/TextInput/TextInputBase.tsx","../../src/components/TextInput/core/TextInput.tsx"],"sourcesContent":["const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    strokeWidth=\"1.5\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 13C6.6 5 17.4 5 21 13\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M12 17C10.3431 17 9 15.6569 9 14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14C15 15.6569 13.6569 17 12 17Z\"\r\n      fill=\"currentColor\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default EyeIcon;\r\n","const EyeSlashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M19.5 16L17.0248 12.6038\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M12 17.5V14\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M4.5 16L6.96895 12.6124\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 8C6.6 16 17.4 16 21 8\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default EyeSlashIcon;\r\n","import {\r\n  forwardRef,\r\n  useState,\r\n  useId,\r\n  InputHTMLAttributes,\r\n  useMemo,\r\n} from \"react\";\r\nimport { EyeIcon, EyeSlashIcon } from \"../../Icons\";\r\nimport { TextInputProps } from \"./TextInput.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextInputBase = forwardRef<\r\n  HTMLInputElement,\r\n  TextInputProps & {\r\n    classMap: Record<string, string>;\r\n    IconButton: React.FC<any>;\r\n  }\r\n>(\r\n  (\r\n    {\r\n      icon: Icon,\r\n      placeholder = \"Enter text\",\r\n      password = false,\r\n      readOnly = false,\r\n      ariaLabel,\r\n      ariaDescription,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      autocomplete = false,\r\n      \"data-testid\": testId = \"text-input\",\r\n      classMap,\r\n      outline = false,\r\n      IconButton,\r\n      className = \"\",\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const [showPassword, setShowPassword] = useState(false);\r\n    const inputId = useId();\r\n    const descId = `${inputId}-description`;\r\n\r\n    const togglePasswordVisibility = () => setShowPassword((prev) => !prev);\r\n\r\n    const wrapperClass = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.container,\r\n          classMap[theme],\r\n          classMap[state],\r\n          outline && classMap.outline,\r\n          disabled && classMap.disabled,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className\r\n        ),\r\n      [classMap, theme, state, outline, disabled]\r\n    );\r\n\r\n    return (\r\n      <div\r\n        className={wrapperClass}\r\n        data-testid={`${testId}-wrapper`}\r\n        aria-disabled={disabled}\r\n      >\r\n        {Icon && (\r\n          <div\r\n            className={classMap.iconContainer}\r\n            aria-hidden=\"true\"\r\n            data-testid={`${testId}-icon`}\r\n          >\r\n            <Icon />\r\n          </div>\r\n        )}\r\n\r\n        <input\r\n          ref={ref}\r\n          id={inputId}\r\n          type={password && !showPassword ? \"password\" : \"text\"}\r\n          className={`${classMap.textInput} ${classMap[theme]}`}\r\n          placeholder={placeholder}\r\n          aria-label={ariaLabel || placeholder}\r\n          aria-describedby={ariaDescription ? descId : undefined}\r\n          autoComplete={autocomplete ? \"on\" : \"off\"}\r\n          readOnly={readOnly}\r\n          disabled={disabled}\r\n          data-testid={testId}\r\n          {...(rest as InputHTMLAttributes<HTMLInputElement>)}\r\n        />\r\n\r\n        {password && (\r\n          <IconButton\r\n            type=\"button\"\r\n            className={classMap.togglePassword}\r\n            onClick={togglePasswordVisibility}\r\n            theme=\"clear\"\r\n            aria-label={showPassword ? \"Hide password\" : \"Show password\"}\r\n            data-testid={`${testId}-password-toggle`}\r\n            icon={showPassword ? EyeIcon : EyeSlashIcon}\r\n          />\r\n        )}\r\n\r\n        {ariaDescription && (\r\n          <span\r\n            id={descId}\r\n            className={\"sr_only\"}\r\n            data-testid={`${testId}-input-description`}\r\n          >\r\n            {ariaDescription}\r\n          </span>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nTextInputBase.displayName = \"TextInputBase\";\r\nexport default TextInputBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./TextInput.scss\";\r\nimport { TextInputProps } from \"../TextInput.types\";\r\nimport TextInputBase from \"../TextInputBase\";\r\nimport { IconButton } from \"@/index.core\";\r\n\r\nconst classes = {\r\n  container: \"textInput_container\",\r\n  textInput: \"textInput\",\r\n  iconContainer: \"textInput_icon_container\",\r\n  togglePassword: \"textInput_togglePassword\",\r\n\r\n  primary: \"textInput_primary\",\r\n  secondary: \"textInput_secondary\",\r\n  tertiary: \"textInput_tertiary\",\r\n  quaternary: \"textInput_quaternary\",\r\n\r\n  success: \"textInput_success\",\r\n  warning: \"textInput_warning\",\r\n  error: \"textInput_error\",\r\n\r\n  clear: \"textInput_clear\",\r\n\r\n  xs: \"textInput_xs\",\r\n  xl: \"textInput_xl\",\r\n  small: \"textInput_small\",\r\n  medium: \"textInput_medium\",\r\n  large: \"textInput_large\",\r\n\r\n  outline: \"textInput_outline\",\r\n  disabled: \"textInput_disabled\",\r\n\r\n  shadowNone: \"textInput_shadow-None\",\r\n  shadowLight: \"textInput_shadow-Light\",\r\n  shadowMedium: \"textInput_shadow-Medium\",\r\n  shadowStrong: \"textInput_shadow-Strong\",\r\n  shadowIntense: \"textInput_shadow-Intense\",\r\n\r\n  roundNone: \"textInput_round-None\",\r\n  roundSmall: \"textInput_round-Small\",\r\n  roundMedium: \"textInput_round-Medium\",\r\n  roundLarge: \"textInput_round-Large\",\r\n};\r\n\r\nconst TextInput = forwardRef<HTMLInputElement, TextInputProps>((props, ref) => {\r\n  return (\r\n    <TextInputBase\r\n      {...props}\r\n      IconButton={IconButton}\r\n      ref={ref}\r\n      classMap={classes}\r\n    />\r\n  );\r\n});\r\n\r\nTextInput.displayName = \"TextInput\";\r\nexport default TextInput;\r\n"],"names":["jsxs","jsx","forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","IconButton","useState","useId","useMemo","combineClassNames","capitalize"],"mappings":"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"}
+{"version":3,"file":"TextInput-BP3o-iku.cjs","sources":["../../src/Icons/EyeIcon.tsx","../../src/Icons/EyeSlashIcon.tsx","../../src/components/TextInput/TextInputBase.tsx","../../src/components/TextInput/core/TextInput.tsx"],"sourcesContent":["const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    strokeWidth=\"1.5\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 13C6.6 5 17.4 5 21 13\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M12 17C10.3431 17 9 15.6569 9 14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14C15 15.6569 13.6569 17 12 17Z\"\r\n      fill=\"currentColor\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default EyeIcon;\r\n","const EyeSlashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M19.5 16L17.0248 12.6038\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M12 17.5V14\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M4.5 16L6.96895 12.6124\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 8C6.6 16 17.4 16 21 8\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default EyeSlashIcon;\r\n","import {\r\n  forwardRef,\r\n  useState,\r\n  useId,\r\n  InputHTMLAttributes,\r\n  useMemo,\r\n} from \"react\";\r\nimport { EyeIcon, EyeSlashIcon } from \"../../Icons\";\r\nimport { TextInputProps } from \"./TextInput.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextInputBase = forwardRef<\r\n  HTMLInputElement,\r\n  TextInputProps & {\r\n    classMap: Record<string, string>;\r\n    IconButton: React.FC<any>;\r\n  }\r\n>(\r\n  (\r\n    {\r\n      icon: Icon,\r\n      placeholder = \"Enter text\",\r\n      password = false,\r\n      readOnly = false,\r\n      ariaLabel,\r\n      ariaDescription,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      autocomplete = false,\r\n      \"data-testid\": testId = \"text-input\",\r\n      classMap,\r\n      outline = false,\r\n      IconButton,\r\n      className = \"\",\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const [showPassword, setShowPassword] = useState(false);\r\n    const inputId = useId();\r\n    const descId = `${inputId}-description`;\r\n\r\n    const togglePasswordVisibility = () => setShowPassword((prev) => !prev);\r\n\r\n    const wrapperClass = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.container,\r\n          classMap[theme],\r\n          classMap[state],\r\n          outline && classMap.outline,\r\n          disabled && classMap.disabled,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className\r\n        ),\r\n      [classMap, theme, state, outline, disabled]\r\n    );\r\n\r\n    return (\r\n      <div\r\n        className={wrapperClass}\r\n        data-testid={`${testId}-wrapper`}\r\n        aria-disabled={disabled}\r\n      >\r\n        {Icon && (\r\n          <div\r\n            className={classMap.iconContainer}\r\n            aria-hidden=\"true\"\r\n            data-testid={`${testId}-icon`}\r\n          >\r\n            <Icon />\r\n          </div>\r\n        )}\r\n\r\n        <input\r\n          ref={ref}\r\n          id={inputId}\r\n          type={password && !showPassword ? \"password\" : \"text\"}\r\n          className={`${classMap.textInput} ${classMap[theme]}`}\r\n          placeholder={placeholder}\r\n          aria-label={ariaLabel || placeholder}\r\n          aria-describedby={ariaDescription ? descId : undefined}\r\n          autoComplete={autocomplete ? \"on\" : \"off\"}\r\n          readOnly={readOnly}\r\n          disabled={disabled}\r\n          data-testid={testId}\r\n          {...(rest as InputHTMLAttributes<HTMLInputElement>)}\r\n        />\r\n\r\n        {password && (\r\n          <IconButton\r\n            type=\"button\"\r\n            className={classMap.togglePassword}\r\n            onClick={togglePasswordVisibility}\r\n            theme=\"clear\"\r\n            aria-label={showPassword ? \"Hide password\" : \"Show password\"}\r\n            data-testid={`${testId}-password-toggle`}\r\n            icon={showPassword ? EyeIcon : EyeSlashIcon}\r\n          />\r\n        )}\r\n\r\n        {ariaDescription && (\r\n          <span\r\n            id={descId}\r\n            className={\"sr_only\"}\r\n            data-testid={`${testId}-input-description`}\r\n          >\r\n            {ariaDescription}\r\n          </span>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nTextInputBase.displayName = \"TextInputBase\";\r\nexport default TextInputBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./TextInput.scss\";\r\nimport { TextInputProps } from \"../TextInput.types\";\r\nimport TextInputBase from \"../TextInputBase\";\r\nimport { IconButton } from \"@/index.core\";\r\n\r\nconst classes = {\r\n  container: \"textInput_container\",\r\n  textInput: \"textInput\",\r\n  iconContainer: \"textInput_icon_container\",\r\n  togglePassword: \"textInput_togglePassword\",\r\n\r\n  primary: \"textInput_primary\",\r\n  secondary: \"textInput_secondary\",\r\n  tertiary: \"textInput_tertiary\",\r\n  quaternary: \"textInput_quaternary\",\r\n\r\n  success: \"textInput_success\",\r\n  warning: \"textInput_warning\",\r\n  error: \"textInput_error\",\r\n\r\n  clear: \"textInput_clear\",\r\n\r\n  xs: \"textInput_xs\",\r\n  xl: \"textInput_xl\",\r\n  small: \"textInput_small\",\r\n  medium: \"textInput_medium\",\r\n  large: \"textInput_large\",\r\n\r\n  outline: \"textInput_outline\",\r\n  disabled: \"textInput_disabled\",\r\n\r\n  shadowNone: \"textInput_shadow-None\",\r\n  shadowLight: \"textInput_shadow-Light\",\r\n  shadowMedium: \"textInput_shadow-Medium\",\r\n  shadowStrong: \"textInput_shadow-Strong\",\r\n  shadowIntense: \"textInput_shadow-Intense\",\r\n\r\n  roundNone: \"textInput_round-None\",\r\n  roundSmall: \"textInput_round-Small\",\r\n  roundMedium: \"textInput_round-Medium\",\r\n  roundLarge: \"textInput_round-Large\",\r\n};\r\n\r\nconst TextInput = forwardRef<HTMLInputElement, TextInputProps>((props, ref) => {\r\n  return (\r\n    <TextInputBase\r\n      {...props}\r\n      IconButton={IconButton}\r\n      ref={ref}\r\n      classMap={classes}\r\n    />\r\n  );\r\n});\r\n\r\nTextInput.displayName = \"TextInput\";\r\nexport default TextInput;\r\n"],"names":["jsxs","jsx","forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","IconButton","useState","useId","useMemo","combineClassNames","capitalize"],"mappings":"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"}

package/dist/core/{TextInput-CtI8fsXR.js → TextInput-CXb9gNEa.js}

@@ -4,7 +4,7 @@ import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
 /* empty css                 */
-import { I as IconButton } from "./IconButton-B6cAP2hY.js";
+import { I as IconButton } from "./IconButton-Dsw2M1s8.js";
 const EyeIcon = (props) => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -239,4 +239,4 @@ TextInput.displayName = "TextInput";
 export {
   TextInput as T
 };
-//# sourceMappingURL=TextInput-CtI8fsXR.js.map
+//# sourceMappingURL=TextInput-CXb9gNEa.js.map

package/dist/core/{TextInput-CtI8fsXR.js.map → TextInput-CXb9gNEa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TextInput-CtI8fsXR.js","sources":["../../src/Icons/EyeIcon.tsx","../../src/Icons/EyeSlashIcon.tsx","../../src/components/TextInput/TextInputBase.tsx","../../src/components/TextInput/core/TextInput.tsx"],"sourcesContent":["const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    strokeWidth=\"1.5\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 13C6.6 5 17.4 5 21 13\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M12 17C10.3431 17 9 15.6569 9 14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14C15 15.6569 13.6569 17 12 17Z\"\r\n      fill=\"currentColor\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default EyeIcon;\r\n","const EyeSlashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M19.5 16L17.0248 12.6038\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M12 17.5V14\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M4.5 16L6.96895 12.6124\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 8C6.6 16 17.4 16 21 8\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default EyeSlashIcon;\r\n","import {\r\n  forwardRef,\r\n  useState,\r\n  useId,\r\n  InputHTMLAttributes,\r\n  useMemo,\r\n} from \"react\";\r\nimport { EyeIcon, EyeSlashIcon } from \"../../Icons\";\r\nimport { TextInputProps } from \"./TextInput.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextInputBase = forwardRef<\r\n  HTMLInputElement,\r\n  TextInputProps & {\r\n    classMap: Record<string, string>;\r\n    IconButton: React.FC<any>;\r\n  }\r\n>(\r\n  (\r\n    {\r\n      icon: Icon,\r\n      placeholder = \"Enter text\",\r\n      password = false,\r\n      readOnly = false,\r\n      ariaLabel,\r\n      ariaDescription,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      autocomplete = false,\r\n      \"data-testid\": testId = \"text-input\",\r\n      classMap,\r\n      outline = false,\r\n      IconButton,\r\n      className = \"\",\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const [showPassword, setShowPassword] = useState(false);\r\n    const inputId = useId();\r\n    const descId = `${inputId}-description`;\r\n\r\n    const togglePasswordVisibility = () => setShowPassword((prev) => !prev);\r\n\r\n    const wrapperClass = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.container,\r\n          classMap[theme],\r\n          classMap[state],\r\n          outline && classMap.outline,\r\n          disabled && classMap.disabled,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className\r\n        ),\r\n      [classMap, theme, state, outline, disabled]\r\n    );\r\n\r\n    return (\r\n      <div\r\n        className={wrapperClass}\r\n        data-testid={`${testId}-wrapper`}\r\n        aria-disabled={disabled}\r\n      >\r\n        {Icon && (\r\n          <div\r\n            className={classMap.iconContainer}\r\n            aria-hidden=\"true\"\r\n            data-testid={`${testId}-icon`}\r\n          >\r\n            <Icon />\r\n          </div>\r\n        )}\r\n\r\n        <input\r\n          ref={ref}\r\n          id={inputId}\r\n          type={password && !showPassword ? \"password\" : \"text\"}\r\n          className={`${classMap.textInput} ${classMap[theme]}`}\r\n          placeholder={placeholder}\r\n          aria-label={ariaLabel || placeholder}\r\n          aria-describedby={ariaDescription ? descId : undefined}\r\n          autoComplete={autocomplete ? \"on\" : \"off\"}\r\n          readOnly={readOnly}\r\n          disabled={disabled}\r\n          data-testid={testId}\r\n          {...(rest as InputHTMLAttributes<HTMLInputElement>)}\r\n        />\r\n\r\n        {password && (\r\n          <IconButton\r\n            type=\"button\"\r\n            className={classMap.togglePassword}\r\n            onClick={togglePasswordVisibility}\r\n            theme=\"clear\"\r\n            aria-label={showPassword ? \"Hide password\" : \"Show password\"}\r\n            data-testid={`${testId}-password-toggle`}\r\n            icon={showPassword ? EyeIcon : EyeSlashIcon}\r\n          />\r\n        )}\r\n\r\n        {ariaDescription && (\r\n          <span\r\n            id={descId}\r\n            className={\"sr_only\"}\r\n            data-testid={`${testId}-input-description`}\r\n          >\r\n            {ariaDescription}\r\n          </span>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nTextInputBase.displayName = \"TextInputBase\";\r\nexport default TextInputBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./TextInput.scss\";\r\nimport { TextInputProps } from \"../TextInput.types\";\r\nimport TextInputBase from \"../TextInputBase\";\r\nimport { IconButton } from \"@/index.core\";\r\n\r\nconst classes = {\r\n  container: \"textInput_container\",\r\n  textInput: \"textInput\",\r\n  iconContainer: \"textInput_icon_container\",\r\n  togglePassword: \"textInput_togglePassword\",\r\n\r\n  primary: \"textInput_primary\",\r\n  secondary: \"textInput_secondary\",\r\n  tertiary: \"textInput_tertiary\",\r\n  quaternary: \"textInput_quaternary\",\r\n\r\n  success: \"textInput_success\",\r\n  warning: \"textInput_warning\",\r\n  error: \"textInput_error\",\r\n\r\n  clear: \"textInput_clear\",\r\n\r\n  xs: \"textInput_xs\",\r\n  xl: \"textInput_xl\",\r\n  small: \"textInput_small\",\r\n  medium: \"textInput_medium\",\r\n  large: \"textInput_large\",\r\n\r\n  outline: \"textInput_outline\",\r\n  disabled: \"textInput_disabled\",\r\n\r\n  shadowNone: \"textInput_shadow-None\",\r\n  shadowLight: \"textInput_shadow-Light\",\r\n  shadowMedium: \"textInput_shadow-Medium\",\r\n  shadowStrong: \"textInput_shadow-Strong\",\r\n  shadowIntense: \"textInput_shadow-Intense\",\r\n\r\n  roundNone: \"textInput_round-None\",\r\n  roundSmall: \"textInput_round-Small\",\r\n  roundMedium: \"textInput_round-Medium\",\r\n  roundLarge: \"textInput_round-Large\",\r\n};\r\n\r\nconst TextInput = forwardRef<HTMLInputElement, TextInputProps>((props, ref) => {\r\n  return (\r\n    <TextInputBase\r\n      {...props}\r\n      IconButton={IconButton}\r\n      ref={ref}\r\n      classMap={classes}\r\n    />\r\n  );\r\n});\r\n\r\nTextInput.displayName = \"TextInput\";\r\nexport default TextInput;\r\n"],"names":["IconButton"],"mappings":"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"}
+{"version":3,"file":"TextInput-CXb9gNEa.js","sources":["../../src/Icons/EyeIcon.tsx","../../src/Icons/EyeSlashIcon.tsx","../../src/components/TextInput/TextInputBase.tsx","../../src/components/TextInput/core/TextInput.tsx"],"sourcesContent":["const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    strokeWidth=\"1.5\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 13C6.6 5 17.4 5 21 13\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M12 17C10.3431 17 9 15.6569 9 14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14C15 15.6569 13.6569 17 12 17Z\"\r\n      fill=\"currentColor\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default EyeIcon;\r\n","const EyeSlashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M19.5 16L17.0248 12.6038\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M12 17.5V14\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M4.5 16L6.96895 12.6124\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 8C6.6 16 17.4 16 21 8\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default EyeSlashIcon;\r\n","import {\r\n  forwardRef,\r\n  useState,\r\n  useId,\r\n  InputHTMLAttributes,\r\n  useMemo,\r\n} from \"react\";\r\nimport { EyeIcon, EyeSlashIcon } from \"../../Icons\";\r\nimport { TextInputProps } from \"./TextInput.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextInputBase = forwardRef<\r\n  HTMLInputElement,\r\n  TextInputProps & {\r\n    classMap: Record<string, string>;\r\n    IconButton: React.FC<any>;\r\n  }\r\n>(\r\n  (\r\n    {\r\n      icon: Icon,\r\n      placeholder = \"Enter text\",\r\n      password = false,\r\n      readOnly = false,\r\n      ariaLabel,\r\n      ariaDescription,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      autocomplete = false,\r\n      \"data-testid\": testId = \"text-input\",\r\n      classMap,\r\n      outline = false,\r\n      IconButton,\r\n      className = \"\",\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const [showPassword, setShowPassword] = useState(false);\r\n    const inputId = useId();\r\n    const descId = `${inputId}-description`;\r\n\r\n    const togglePasswordVisibility = () => setShowPassword((prev) => !prev);\r\n\r\n    const wrapperClass = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.container,\r\n          classMap[theme],\r\n          classMap[state],\r\n          outline && classMap.outline,\r\n          disabled && classMap.disabled,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className\r\n        ),\r\n      [classMap, theme, state, outline, disabled]\r\n    );\r\n\r\n    return (\r\n      <div\r\n        className={wrapperClass}\r\n        data-testid={`${testId}-wrapper`}\r\n        aria-disabled={disabled}\r\n      >\r\n        {Icon && (\r\n          <div\r\n            className={classMap.iconContainer}\r\n            aria-hidden=\"true\"\r\n            data-testid={`${testId}-icon`}\r\n          >\r\n            <Icon />\r\n          </div>\r\n        )}\r\n\r\n        <input\r\n          ref={ref}\r\n          id={inputId}\r\n          type={password && !showPassword ? \"password\" : \"text\"}\r\n          className={`${classMap.textInput} ${classMap[theme]}`}\r\n          placeholder={placeholder}\r\n          aria-label={ariaLabel || placeholder}\r\n          aria-describedby={ariaDescription ? descId : undefined}\r\n          autoComplete={autocomplete ? \"on\" : \"off\"}\r\n          readOnly={readOnly}\r\n          disabled={disabled}\r\n          data-testid={testId}\r\n          {...(rest as InputHTMLAttributes<HTMLInputElement>)}\r\n        />\r\n\r\n        {password && (\r\n          <IconButton\r\n            type=\"button\"\r\n            className={classMap.togglePassword}\r\n            onClick={togglePasswordVisibility}\r\n            theme=\"clear\"\r\n            aria-label={showPassword ? \"Hide password\" : \"Show password\"}\r\n            data-testid={`${testId}-password-toggle`}\r\n            icon={showPassword ? EyeIcon : EyeSlashIcon}\r\n          />\r\n        )}\r\n\r\n        {ariaDescription && (\r\n          <span\r\n            id={descId}\r\n            className={\"sr_only\"}\r\n            data-testid={`${testId}-input-description`}\r\n          >\r\n            {ariaDescription}\r\n          </span>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nTextInputBase.displayName = \"TextInputBase\";\r\nexport default TextInputBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./TextInput.scss\";\r\nimport { TextInputProps } from \"../TextInput.types\";\r\nimport TextInputBase from \"../TextInputBase\";\r\nimport { IconButton } from \"@/index.core\";\r\n\r\nconst classes = {\r\n  container: \"textInput_container\",\r\n  textInput: \"textInput\",\r\n  iconContainer: \"textInput_icon_container\",\r\n  togglePassword: \"textInput_togglePassword\",\r\n\r\n  primary: \"textInput_primary\",\r\n  secondary: \"textInput_secondary\",\r\n  tertiary: \"textInput_tertiary\",\r\n  quaternary: \"textInput_quaternary\",\r\n\r\n  success: \"textInput_success\",\r\n  warning: \"textInput_warning\",\r\n  error: \"textInput_error\",\r\n\r\n  clear: \"textInput_clear\",\r\n\r\n  xs: \"textInput_xs\",\r\n  xl: \"textInput_xl\",\r\n  small: \"textInput_small\",\r\n  medium: \"textInput_medium\",\r\n  large: \"textInput_large\",\r\n\r\n  outline: \"textInput_outline\",\r\n  disabled: \"textInput_disabled\",\r\n\r\n  shadowNone: \"textInput_shadow-None\",\r\n  shadowLight: \"textInput_shadow-Light\",\r\n  shadowMedium: \"textInput_shadow-Medium\",\r\n  shadowStrong: \"textInput_shadow-Strong\",\r\n  shadowIntense: \"textInput_shadow-Intense\",\r\n\r\n  roundNone: \"textInput_round-None\",\r\n  roundSmall: \"textInput_round-Small\",\r\n  roundMedium: \"textInput_round-Medium\",\r\n  roundLarge: \"textInput_round-Large\",\r\n};\r\n\r\nconst TextInput = forwardRef<HTMLInputElement, TextInputProps>((props, ref) => {\r\n  return (\r\n    <TextInputBase\r\n      {...props}\r\n      IconButton={IconButton}\r\n      ref={ref}\r\n      classMap={classes}\r\n    />\r\n  );\r\n});\r\n\r\nTextInput.displayName = \"TextInput\";\r\nexport default TextInput;\r\n"],"names":["IconButton"],"mappings":"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"}

package/dist/core/TextInput.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const TextInput = require("./TextInput-8AbKEfUH.cjs");
+const TextInput = require("./TextInput-BP3o-iku.cjs");
 module.exports = TextInput.TextInput;
 //# sourceMappingURL=TextInput.cjs.js.map

package/dist/core/TextInput.js

@@ -1,4 +1,4 @@
-import { T } from "./TextInput-CtI8fsXR.js";
+import { T } from "./TextInput-CXb9gNEa.js";
 export {
   T as default
 };

package/dist/core/index.cjs.js

@@ -5,55 +5,55 @@ const ThemeContext = require("./ThemeContext-CtZXUeeU.cjs");
 const registerColorSheme = require("./registerColorSheme-nhYu5hbY.cjs");
 const colorSchemes = require("./colorSchemes.cjs.js");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const Button = require("./Button-wz_We8xU.cjs");
-const IconButton = require("./IconButton-BxUXK-xn.cjs");
+const Button = require("./Button-BnyCKkUs.cjs");
+const IconButton = require("./IconButton-BADgP1DD.cjs");
 const STT = require("./STT-CKXp-dIO.cjs");
-const TextInput = require("./TextInput-8AbKEfUH.cjs");
-const TextArea = require("./TextArea-Dn9aynnY.cjs");
+const TextInput = require("./TextInput-BP3o-iku.cjs");
+const TextArea = require("./TextArea-Nj-eO3Pv.cjs");
 const Select = require("./Select-DWzxymiA.cjs");
-const Footer = require("./Footer-BKfoTV0l.cjs");
-const FileUpload = require("./FileUpload-Dv2cvYI2.cjs");
-const TagInput = require("./TagInput-BMPHihSz.cjs");
+const Footer = require("./Footer-C0xaMboS.cjs");
+const FileUpload = require("./FileUpload-CuJ8RYA7.cjs");
+const TagInput = require("./TagInput-DftgiPXn.cjs");
 const RadioButton = require("./RadioButton-DP8HSNZD.cjs");
 const Slider = require("./Slider-DZycGDIY.cjs");
-const Checkbox = require("./Checkbox-fVnseKGF.cjs");
+const Checkbox = require("./Checkbox-Ye8jGIKV.cjs");
 const ColorPicker = require("./ColorPicker-DR9huYqs.cjs");
 const FormGroup = require("./FormGroup-BXWYrYOK.cjs");
 const DataTable = require("./DataTable-DZeVQIC0.cjs");
 const DateTimePicker = require("./DateTimePicker-BtITiL_E.cjs");
 const MarkdownRenderer = require("./MarkdownRenderer-taVkZLE9.cjs");
-const Chip = require("./Chip-BtQlcu8Z.cjs");
+const Chip = require("./Chip-JKvM6DlT.cjs");
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uuid = require("uuid");
 const classNames = require("./classNames-BcWMx052.cjs");
-const Badge = require("./Badge-LyKc0uJG.cjs");
+const Badge = require("./Badge-DwjSTlvN.cjs");
 const ProgressBar = require("./ProgressBar-PiSFvLwa.cjs");
 const CircularProgress = require("./CircularProgress-B-N4px22.cjs");
 const Rating = require("./Rating-Jx3DBFOd.cjs");
 const Skeleton = require("./Skeleton-CeMwLgnq.cjs");
 const Spinner = require("./Spinner-BTmQ7ZN9.cjs");
 const Tooltip = require("./Tooltip-5SfsTZvz.cjs");
-const MessagePopUp = require("./MessagePopUp-BUS6ICem.cjs");
+const MessagePopUp = require("./MessagePopUp-D6rtyzX3.cjs");
 const PopOver = require("./PopOver-BdZXa2hs.cjs");
 const NavBar = require("./NavBar-Dier3-3b.cjs");
-const Breadcrumbs = require("./Breadcrumbs-xmUgcTXF.cjs");
+const Breadcrumbs = require("./Breadcrumbs-DrfR3704.cjs");
 const Tabs = require("./Tabs-DptKFvPK.cjs");
-const Stepper = require("./Stepper-BkmPckKd.cjs");
+const Stepper = require("./Stepper-CZ0lJwyQ.cjs");
 const Timeline = require("./Timeline-Dk0q-8BZ.cjs");
 const Accordion = require("./Accordion-D6hxjkE1.cjs");
-const Pager = require("./Pager-ByVG_at-.cjs");
-const Modal = require("./Modal-CI2snbvk.cjs");
+const Pager = require("./Pager-DrKL8NGY.cjs");
+const Modal = require("./Modal--5xg1kDj.cjs");
 const Toggle = require("./Toggle-v31rt4Ya.cjs");
 const Toolbar = require("./Toolbar-CEiYjTwB.cjs");
-const Dropdown = require("./Dropdown-CPsxvzTA.cjs");
+const Dropdown = require("./Dropdown-iTrhrEMO.cjs");
 const Divider = require("./Divider-TtfSFBcp.cjs");
 const MetricBox = require("./MetricBox-DjE-rdp0.cjs");
-const EmptyState = require("./EmptyState-BAaCfJzO.cjs");
-const CommandPalette = require("./CommandPalette-XTi50U_E.cjs");
-const NotificationCenter = require("./NotificationCenter-DxaqoUD1.cjs");
+const EmptyState = require("./EmptyState-C0TYr_9h.cjs");
+const CommandPalette = require("./CommandPalette-XZ3MmC7j.cjs");
+const NotificationCenter = require("./NotificationCenter-DdPqMwuQ.cjs");
 const Sidebar = require("./Sidebar-CqTJJULG.cjs");
-const Card = require("./Card-DCxLBwi0.cjs");
+const Card = require("./Card-BsYXSByx.cjs");
 const Avatar = require("./Avatar-B3hD_M2R.cjs");
 const ChipGroupBase = React.forwardRef(
   ({

package/dist/core/index.js

@@ -4,55 +4,55 @@ import { r } from "./registerColorSheme-BPX0H7hl.js";
 import { colorSchemes } from "./colorSchemes.js";
 import { c as getDefaultSize } from "./boreal-style-config-BILmxkZG.js";
 import { s } from "./boreal-style-config-BILmxkZG.js";
-import { B } from "./Button-DEYbr8xW.js";
-import { I } from "./IconButton-B6cAP2hY.js";
+import { B } from "./Button-brEyEh7E.js";
+import { I } from "./IconButton-Dsw2M1s8.js";
 import { S } from "./STT-CA0J3Cr9.js";
-import { T as T2 } from "./TextInput-CtI8fsXR.js";
-import { T as T3 } from "./TextArea-B0it55lO.js";
+import { T as T2 } from "./TextInput-CXb9gNEa.js";
+import { T as T3 } from "./TextArea-DrU4oCj0.js";
 import { S as S2 } from "./Select-CDWU_cuN.js";
-import { F, U } from "./Footer-CJOKuXJh.js";
-import { F as F2 } from "./FileUpload-DxjQ2wnn.js";
-import { T as T4 } from "./TagInput-CrScreYL.js";
+import { F, U } from "./Footer-CcSbV-IP.js";
+import { F as F2 } from "./FileUpload-BJu-5NKg.js";
+import { T as T4 } from "./TagInput-B3yI5CWh.js";
 import { R } from "./RadioButton-DTPBlw1t.js";
 import { S as S3 } from "./Slider-QEwgd0le.js";
-import { C } from "./Checkbox-BLBbE9Ww.js";
+import { C } from "./Checkbox-BykCObI-.js";
 import { C as C2 } from "./ColorPicker-BQiTjeqQ.js";
 import { F as F3 } from "./FormGroup-DS2tW-lC.js";
 import { D } from "./DataTable-DQU1WxPr.js";
 import { D as D2 } from "./DateTimePicker-O8khtyOu.js";
 import { M } from "./MarkdownRenderer-CQVfqnxf.js";
-import { C as Chip } from "./Chip-M8cB2nXM.js";
+import { C as Chip } from "./Chip-DjWJJ19V.js";
 import { jsx } from "react/jsx-runtime";
 import React, { forwardRef, useState, useEffect, useCallback, useImperativeHandle } from "react";
 import { v4 } from "uuid";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
-import { B as B2 } from "./Badge-DfsFGYhY.js";
+import { B as B2 } from "./Badge-DUALACa_.js";
 import { P } from "./ProgressBar-CuIHF5N0.js";
 import { C as C3 } from "./CircularProgress-ClCxzsSz.js";
 import { R as R2 } from "./Rating-QF5O1MFS.js";
 import { S as S4 } from "./Skeleton-BniIVZmx.js";
 import { S as S5 } from "./Spinner-DGF0pR7I.js";
 import { T as T5 } from "./Tooltip-XfsZnGgV.js";
-import { M as M2 } from "./MessagePopUp-CC7r9RHN.js";
+import { M as M2 } from "./MessagePopUp--LfNe9F6.js";
 import { P as P2 } from "./PopOver-C6AnRNop.js";
 import { N } from "./NavBar-UpeebUNC.js";
-import { B as B3 } from "./Breadcrumbs-DhioJUB9.js";
+import { B as B3 } from "./Breadcrumbs-BKx89feu.js";
 import { T as T6 } from "./Tabs-gpyaJFUs.js";
-import { S as S6 } from "./Stepper-PjUFCUBG.js";
+import { S as S6 } from "./Stepper-B-wTooCi.js";
 import { T as T7 } from "./Timeline-D7fd8-u_.js";
 import { A } from "./Accordion-CY5BCoA7.js";
-import { P as P3 } from "./Pager-2jW3cxx_.js";
-import { M as M3 } from "./Modal-BhQJOhWV.js";
+import { P as P3 } from "./Pager-Dfaqg2oX.js";
+import { M as M3 } from "./Modal-CYw6ZB5A.js";
 import { T as T8 } from "./Toggle-CZftIdc3.js";
 import { T as T9 } from "./Toolbar-D3gg3Q2K.js";
-import { D as D3 } from "./Dropdown-CL7TH2lJ.js";
+import { D as D3 } from "./Dropdown-CPKkSeq2.js";
 import { D as D4 } from "./Divider-An2VsXog.js";
 import { M as M4 } from "./MetricBox-D5Dl19d2.js";
-import { E } from "./EmptyState-Bd-es_rG.js";
-import { C as C4 } from "./CommandPalette-CHOC0Z2m.js";
-import { N as N2 } from "./NotificationCenter-Bp7AqnTg.js";
+import { E } from "./EmptyState-DHNuzYnG.js";
+import { C as C4 } from "./CommandPalette-PhWRjxbF.js";
+import { N as N2 } from "./NotificationCenter-C8acfI4Y.js";
 import { S as S7 } from "./Sidebar-z0mG5nn_.js";
-import { C as C5 } from "./Card-DKPk0zgQ.js";
+import { C as C5 } from "./Card-Bae4H8tR.js";
 import { A as A2 } from "./Avatar-BxHxzh30.js";
 const ChipGroupBase = forwardRef(
   ({

package/dist/core/style.css

@@ -4015,13 +4015,20 @@ a:hover {
 .card_fade-in {
   animation: fade-in 0.8s ease-in-out;
 }
-.card_image {
+.card_media {
   width: 100%;
   height: auto;
   position: relative;
+  aspect-ratio: 4/4;
   object-fit: cover;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 }
+.card_image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
 .card_vertical {
   flex-direction: column;
 }

package/dist/next/{Badge-d7iY-oiw.cjs → Badge-DUUW_Zp1.cjs}

@@ -80,7 +80,7 @@ const BadgeBase = ({
   icon: Icon,
   className = "",
   classMap,
-  "data-testid": testId,
+  "data-testid": testId = "badge",
   onClick
 }) => {
   const combinedClassName = React.useMemo(
@@ -135,4 +135,4 @@ const Badge = (props) => {
   return /* @__PURE__ */ require$$2.jsx(BadgeBase, { ...props, classMap: styles });
 };
 exports.Badge = Badge;
-//# sourceMappingURL=Badge-d7iY-oiw.cjs.map
+//# sourceMappingURL=Badge-DUUW_Zp1.cjs.map

package/dist/next/Badge-DUUW_Zp1.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-DUUW_Zp1.cjs","sources":["../../src/components/Badge/BadgeBase.tsx","../../src/components/Badge/next/Badge.tsx"],"sourcesContent":["import React, { useMemo, MouseEvent } from \"react\";\r\nimport { BadgeProps } from \"./Badge.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\nexport interface BadgeBaseProps extends BadgeProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nexport const BadgeBase: React.FC<BadgeBaseProps> = ({\r\n  text,\r\n  children,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  disabled = false,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  title,\r\n  size = getDefaultSize(),\r\n  outline = false,\r\n  icon: Icon,\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"badge\",\r\n  onClick,\r\n}) => {\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.badge,\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        disabled && classMap.disabled,\r\n        outline && classMap.outline,\r\n        onClick && classMap.clickable,\r\n        className\r\n      ),\r\n    [theme, size, outline, className]\r\n  );\r\n\r\n  if (!text && !children) return null;\r\n\r\n  const content = children ?? text;\r\n  const label = typeof content === \"string\" ? content : text;\r\n\r\n  const handleClick = (e: MouseEvent<HTMLElement>) => {\r\n    if (disabled) return;\r\n    onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n    if (!title && !onClick) e.preventDefault();\r\n  };\r\n\r\n  return (\r\n    <span\r\n      className={combinedClassName}\r\n      aria-label={label}\r\n      title={title || label}\r\n      data-testid={testId ? `${testId}-main` : undefined}\r\n      role=\"status\"\r\n      onClick={handleClick}\r\n      aria-live=\"polite\"\r\n    >\r\n      {Icon && (\r\n        <Icon\r\n          className={classMap[\"badge_icon\"]}\r\n          aria-hidden=\"true\"\r\n          focusable=\"false\"\r\n          data-testid={testId ? `${testId}-icon` : undefined}\r\n        />\r\n      )}\r\n      {content}\r\n    </span>\r\n  );\r\n};\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Badge.module.scss\";\r\nimport { BadgeBase } from \"../BadgeBase\";\r\nimport { BadgeProps } from \"../Badge.types\";\r\n\r\nconst Badge: React.FC<BadgeProps> = (props) => {\r\n  return <BadgeBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Badge;\r\n"],"names":["getDefaultTheme","disabled","getDefaultRounding","getDefaultShadow","getDefaultSize","outline","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA,QAAQA,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,UAAAC,YAAW;AAAA,EACX,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT;AAAA,EACA,OAAOC,kBAAAA,eAAA;AAAA,EACP,SAAAC,WAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,oBAAoBC,MAAAA;AAAAA,IACxB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnDP,aAAY,SAAS;AAAA,MACrBI,YAAW,SAAS;AAAA,MACpB,WAAW,SAAS;AAAA,MACpB;AAAA,IAAA;AAAA,IAEJ,CAAC,OAAO,MAAMA,UAAS,SAAS;AAAA,EAAA;AAGlC,MAAI,CAAC,QAAQ,CAAC,SAAU,QAAO;AAE/B,QAAM,UAAU,YAAY;AAC5B,QAAM,QAAQ,OAAO,YAAY,WAAW,UAAU;AAEtD,QAAM,cAAc,CAAC,MAA+B;AAClD,QAAIJ,UAAU;AACd,uCAAU;AACV,QAAI,CAAC,SAAS,CAAC,WAAW,eAAA;AAAA,EAC5B;AAEA,SACEQ,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,cAAY;AAAA,MACZ,OAAO,SAAS;AAAA,MAChB,eAAa,SAAS,GAAG,MAAM,UAAU;AAAA,MACzC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,aAAU;AAAA,MAET,UAAA;AAAA,QAAA,QACCC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS,YAAY;AAAA,YAChC,eAAY;AAAA,YACZ,WAAU;AAAA,YACV,eAAa,SAAS,GAAG,MAAM,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAG5C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AC1EA,MAAM,QAA8B,CAAC,UAAU;AAC7C,SAAOA,2BAAAA,IAAC,WAAA,EAAW,GAAG,OAAO,UAAU,QAAQ;AACjD;;"}

package/dist/next/{Badge-C4JwPL9J.js → Badge-DywmGB1E.js}

@@ -79,7 +79,7 @@ const BadgeBase = ({
   icon: Icon,
   className = "",
   classMap,
-  "data-testid": testId,
+  "data-testid": testId = "badge",
   onClick
 }) => {
   const combinedClassName = useMemo(
@@ -136,4 +136,4 @@ const Badge = (props) => {
 export {
   Badge as B
 };
-//# sourceMappingURL=Badge-C4JwPL9J.js.map
+//# sourceMappingURL=Badge-DywmGB1E.js.map

package/dist/next/Badge-DywmGB1E.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-DywmGB1E.js","sources":["../../src/components/Badge/BadgeBase.tsx","../../src/components/Badge/next/Badge.tsx"],"sourcesContent":["import React, { useMemo, MouseEvent } from \"react\";\r\nimport { BadgeProps } from \"./Badge.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\nexport interface BadgeBaseProps extends BadgeProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nexport const BadgeBase: React.FC<BadgeBaseProps> = ({\r\n  text,\r\n  children,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  disabled = false,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  title,\r\n  size = getDefaultSize(),\r\n  outline = false,\r\n  icon: Icon,\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"badge\",\r\n  onClick,\r\n}) => {\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.badge,\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        disabled && classMap.disabled,\r\n        outline && classMap.outline,\r\n        onClick && classMap.clickable,\r\n        className\r\n      ),\r\n    [theme, size, outline, className]\r\n  );\r\n\r\n  if (!text && !children) return null;\r\n\r\n  const content = children ?? text;\r\n  const label = typeof content === \"string\" ? content : text;\r\n\r\n  const handleClick = (e: MouseEvent<HTMLElement>) => {\r\n    if (disabled) return;\r\n    onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n    if (!title && !onClick) e.preventDefault();\r\n  };\r\n\r\n  return (\r\n    <span\r\n      className={combinedClassName}\r\n      aria-label={label}\r\n      title={title || label}\r\n      data-testid={testId ? `${testId}-main` : undefined}\r\n      role=\"status\"\r\n      onClick={handleClick}\r\n      aria-live=\"polite\"\r\n    >\r\n      {Icon && (\r\n        <Icon\r\n          className={classMap[\"badge_icon\"]}\r\n          aria-hidden=\"true\"\r\n          focusable=\"false\"\r\n          data-testid={testId ? `${testId}-icon` : undefined}\r\n        />\r\n      )}\r\n      {content}\r\n    </span>\r\n  );\r\n};\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Badge.module.scss\";\r\nimport { BadgeBase } from \"../BadgeBase\";\r\nimport { BadgeProps } from \"../Badge.types\";\r\n\r\nconst Badge: React.FC<BadgeProps> = (props) => {\r\n  return <BadgeBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Badge;\r\n"],"names":["disabled","outline"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,UAAAA,YAAW;AAAA,EACX,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT;AAAA,EACA,OAAO,eAAA;AAAA,EACP,SAAAC,WAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnDD,aAAY,SAAS;AAAA,MACrBC,YAAW,SAAS;AAAA,MACpB,WAAW,SAAS;AAAA,MACpB;AAAA,IAAA;AAAA,IAEJ,CAAC,OAAO,MAAMA,UAAS,SAAS;AAAA,EAAA;AAGlC,MAAI,CAAC,QAAQ,CAAC,SAAU,QAAO;AAE/B,QAAM,UAAU,YAAY;AAC5B,QAAM,QAAQ,OAAO,YAAY,WAAW,UAAU;AAEtD,QAAM,cAAc,CAAC,MAA+B;AAClD,QAAID,UAAU;AACd,uCAAU;AACV,QAAI,CAAC,SAAS,CAAC,WAAW,eAAA;AAAA,EAC5B;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,cAAY;AAAA,MACZ,OAAO,SAAS;AAAA,MAChB,eAAa,SAAS,GAAG,MAAM,UAAU;AAAA,MACzC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,aAAU;AAAA,MAET,UAAA;AAAA,QAAA,QACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS,YAAY;AAAA,YAChC,eAAY;AAAA,YACZ,WAAU;AAAA,YACV,eAAa,SAAS,GAAG,MAAM,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAG5C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AC1EA,MAAM,QAA8B,CAAC,UAAU;AAC7C,SAAO,oBAAC,WAAA,EAAW,GAAG,OAAO,UAAU,QAAQ;AACjD;"}

package/dist/next/Badge.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Badge = require("./Badge-d7iY-oiw.cjs");
+const Badge = require("./Badge-DUUW_Zp1.cjs");
 module.exports = Badge.Badge;
 //# sourceMappingURL=Badge.cjs.js.map

package/dist/next/Badge.js

@@ -1,4 +1,4 @@
-import { B } from "./Badge-C4JwPL9J.js";
+import { B } from "./Badge-DywmGB1E.js";
 export {
   B as default
 };

package/dist/next/{Breadcrumbs-CEHoh3s2.cjs → Breadcrumbs-7MNPobUi.cjs}

@@ -6,7 +6,7 @@ const classNames = require("./classNames-BcWMx052.cjs");
 const ArrowRightIcon = require("./ArrowRightIcon-BVb75OpX.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const Button = require("./Button-Cw9aGFLo.cjs");
+const Button = require("./Button-G1PFBSqU.cjs");
 const breadcrumbs = "_breadcrumbs_18437_68";
 const roundNone = "_roundNone_18437_80";
 const roundSmall = "_roundSmall_18437_84";
@@ -94,7 +94,7 @@ const BreadcrumbsBase = ({
   maxVisible,
   LinkComponent = "a",
   ButtonComponent,
-  "data-testid": testId
+  "data-testid": testId = "breadcrumbs"
 }) => {
   const [isExpanded, setIsExpanded] = React.useState(false);
   const handleExpand = () => setIsExpanded(true);
@@ -208,4 +208,4 @@ const Breadcrumbs = (props) => {
 };
 exports.Breadcrumbs = Breadcrumbs;
 exports.ELLIPSIS_LABEL = ELLIPSIS_LABEL;
-//# sourceMappingURL=Breadcrumbs-CEHoh3s2.cjs.map
+//# sourceMappingURL=Breadcrumbs-7MNPobUi.cjs.map

package/dist/next/Breadcrumbs-7MNPobUi.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-7MNPobUi.cjs","sources":["../../src/components/Breadcrumbs/Breadcrumbs.types.ts","../../src/components/Breadcrumbs/BreadcrumbsBase.tsx","../../src/components/Breadcrumbs/next/Breadcrumbs.tsx"],"sourcesContent":["import {\r\n  RoundingType,\r\n  ShadowType,\r\n  SizeType,\r\n  StateType,\r\n  ThemeType,\r\n} from \"@/types/types\";\r\n\r\n/**\r\n * A breadcrumb item used to define a single step in the navigation path.\r\n */\r\nexport interface Breadcrumb {\r\n  /**\r\n   * The display label for the breadcrumb.\r\n   */\r\n  label: string;\r\n\r\n  /**\r\n   * Optional URL the breadcrumb should link to.\r\n   * If not provided, it is rendered as plain text.\r\n   */\r\n  href?: string;\r\n}\r\n\r\n/**\r\n * Props for the Breadcrumbs component.\r\n */\r\nexport interface BreadcrumbsProps {\r\n  /**\r\n   * An array of breadcrumb items.\r\n   */\r\n  items: Breadcrumb[];\r\n\r\n  /**\r\n   * Disables interaction and styles as disabled.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Optional custom separator node between breadcrumb items.\r\n   * Defaults to a right chevron icon.\r\n   */\r\n  separator?: React.ReactNode;\r\n\r\n  /**\r\n   * Theme style to apply to the breadcrumbs\r\n   * ('primary' | 'secondary' | 'tertiary' | 'quaternary' | 'clear').\r\n   */\r\n  theme?: ThemeType;\r\n\r\n  /**\r\n   * Rounding style to apply to the breadcrumbs\r\n   * ('none' | 'small' | 'medium' | 'large' | 'full').\r\n   */\r\n  rounding?: RoundingType;\r\n\r\n  /**\r\n   * Shadow style to apply to the breadcrumbs\r\n   * ('none' | 'light' | 'medium' | 'strong' | 'intense').\r\n   */\r\n  shadow?: ShadowType;\r\n\r\n  /**\r\n   * State of the breadcrumbs\r\n   * ('success' | 'error' | 'warning' | 'disabled' | '').\r\n   * Used for visual feedback.\r\n   */\r\n  state?: StateType;\r\n\r\n  /**\r\n   * Size of the breadcrumbs\r\n   * ('xs' | 'small' | 'medium' | 'large' | 'xl').\r\n   */\r\n  size?: SizeType;\r\n\r\n  /**\r\n   * Additional class name for custom styling.\r\n   */\r\n  className?: string;\r\n\r\n  /**\r\n   * Whether to use the outline style.\r\n   */\r\n  outline?: boolean;\r\n\r\n  /**\r\n   * Maximum number of visible items before collapsing into an ellipsis.\r\n   */\r\n  maxVisible?: number;\r\n\r\n  /**\r\n   * Optional test ID for testing frameworks.\r\n   */\r\n  \"data-testid\"?: string;\r\n}\r\n\r\n/**\r\n * Label used to represent collapsed breadcrumb items.\r\n */\r\nexport const ELLIPSIS_LABEL = \"…\";\r\n","import React, { useMemo, useState } from \"react\";\r\nimport {\r\n  Breadcrumb,\r\n  BreadcrumbsProps,\r\n  ELLIPSIS_LABEL,\r\n} from \"./Breadcrumbs.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ArrowRightIcon } from \"../../Icons/index\";\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\nexport interface BreadcrumbsBaseProps extends BreadcrumbsProps {\r\n  classMap: Record<string, string>;\r\n  LinkComponent?: React.ElementType;\r\n  ButtonComponent: React.ElementType;\r\n}\r\n\r\nexport const BreadcrumbsBase: React.FC<BreadcrumbsBaseProps> = ({\r\n  items,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  separator,\r\n  classMap,\r\n  disabled = false,\r\n  size = getDefaultSize(),\r\n  outline = false,\r\n  className = \"\",\r\n  maxVisible,\r\n  LinkComponent = \"a\",\r\n  ButtonComponent,\r\n  \"data-testid\": testId = \"breadcrumbs\",\r\n}) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const handleExpand = () => setIsExpanded(true);\r\n\r\n  const visibleItems: Breadcrumb[] = useMemo(() => {\r\n    if (isExpanded || !maxVisible || items.length <= maxVisible) return items;\r\n    const first = items[0];\r\n    const lastItems = items.slice(items.length - (maxVisible - 2));\r\n    return [first, { label: ELLIPSIS_LABEL }, ...lastItems];\r\n  }, [items, isExpanded, maxVisible]);\r\n\r\n  const breadcrumbsClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.breadcrumbs,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        disabled && classMap.disabled,\r\n        outline && classMap.outline,\r\n        className\r\n      ),\r\n    [theme, size, outline, className]\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Breadcrumb\"\r\n      data-testid={testId ? `${testId}-nav-container` : undefined}\r\n      className={breadcrumbsClass}\r\n      itemScope\r\n      role=\"navigation\"\r\n      itemType=\"https://schema.org/BreadcrumbList\"\r\n    >\r\n      <ol\r\n        className={classMap.list}\r\n        data-testid={testId ? `${testId}-nav-list` : undefined}\r\n      >\r\n        {visibleItems.map((item, index) => {\r\n          const isLast = index === visibleItems.length - 1;\r\n          const isEllipsis = item.label === ELLIPSIS_LABEL;\r\n\r\n          const itemClassName = combineClassNames(\r\n            classMap.item,\r\n            isExpanded && !isEllipsis && classMap.item_animate,\r\n            isLast && classMap.item_active\r\n          );\r\n\r\n          return (\r\n            <li\r\n              data-testid={testId ? `${testId}-nav-item` : undefined}\r\n              key={`${item.label}-${item.href ?? index}`}\r\n              className={itemClassName}\r\n              itemProp=\"itemListElement\"\r\n              itemScope\r\n              itemType=\"https://schema.org/ListItem\"\r\n              aria-current={isLast ? \"page\" : undefined}\r\n            >\r\n              {isEllipsis ? (\r\n                <ButtonComponent\r\n                  theme=\"clear\"\r\n                  size=\"small\"\r\n                  className={classMap.ellipsis}\r\n                  aria-label=\"Show more breadcrumbs\"\r\n                  onClick={handleExpand}\r\n                  tabIndex={0}\r\n                  data-testid={testId ? `${testId}-ellipsis` : undefined}\r\n                >\r\n                  {item.label}\r\n                </ButtonComponent>\r\n              ) : item.href && !isLast ? (\r\n                <LinkComponent\r\n                  href={item.href}\r\n                  itemProp=\"item\"\r\n                  className={classMap.link}\r\n                  title={item.label}\r\n                  data-testid={testId ? `${testId}-nav-item-label` : undefined}\r\n                >\r\n                  <span itemProp=\"name\" className={classMap.link_label}>\r\n                    {item.label}\r\n                  </span>\r\n                </LinkComponent>\r\n              ) : (\r\n                <span\r\n                  className={classMap.current}\r\n                  itemProp=\"name\"\r\n                  aria-current=\"page\"\r\n                  data-testid={\r\n                    testId ? `${testId}-nav-item-current` : undefined\r\n                  }\r\n                >\r\n                  {item.label}\r\n                </span>\r\n              )}\r\n\r\n              {!isLast && (\r\n                <span className={classMap.separator} aria-hidden=\"true\">\r\n                  {separator ?? <ArrowRightIcon />}\r\n                </span>\r\n              )}\r\n              <meta itemProp=\"position\" content={`${index + 1}`} />\r\n            </li>\r\n          );\r\n        })}\r\n      </ol>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBreadcrumbsBase.displayName = \"BreadcrumbsBase\";\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Breadcrumbs.module.scss\";\r\nimport { BreadcrumbsBase } from \"../BreadcrumbsBase\";\r\nimport { BreadcrumbsProps } from \"../Breadcrumbs.types\";\r\nimport { Button } from \"../../../index.next\";\r\n\r\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = (props) => {\r\n  return (\r\n    <BreadcrumbsBase\r\n      {...props}\r\n      classMap={styles}\r\n      LinkComponent={Link}\r\n      ButtonComponent={Button}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Breadcrumbs;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","separator","disabled","getDefaultSize","outline","useState","useMemo","combineClassNames","capitalize","jsx","item","jsxs","ArrowRightIcon","Link","Button"],"mappings":"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"}

package/dist/next/{Breadcrumbs-LfCnghHj.js → Breadcrumbs-BM-yj_kq.js}

@@ -5,7 +5,7 @@ import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { A as ArrowRightIcon } from "./ArrowRightIcon-BYQv5XS8.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
-import { B as Button } from "./Button-CDvdEOSq.js";
+import { B as Button } from "./Button-ClWB5gZW.js";
 const breadcrumbs = "_breadcrumbs_18437_68";
 const roundNone = "_roundNone_18437_80";
 const roundSmall = "_roundSmall_18437_84";
@@ -93,7 +93,7 @@ const BreadcrumbsBase = ({
   maxVisible,
   LinkComponent = "a",
   ButtonComponent,
-  "data-testid": testId
+  "data-testid": testId = "breadcrumbs"
 }) => {
   const [isExpanded, setIsExpanded] = useState(false);
   const handleExpand = () => setIsExpanded(true);
@@ -209,4 +209,4 @@ export {
   Breadcrumbs as B,
   ELLIPSIS_LABEL as E
 };
-//# sourceMappingURL=Breadcrumbs-LfCnghHj.js.map
+//# sourceMappingURL=Breadcrumbs-BM-yj_kq.js.map

package/dist/next/Breadcrumbs-BM-yj_kq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-BM-yj_kq.js","sources":["../../src/components/Breadcrumbs/Breadcrumbs.types.ts","../../src/components/Breadcrumbs/BreadcrumbsBase.tsx","../../src/components/Breadcrumbs/next/Breadcrumbs.tsx"],"sourcesContent":["import {\r\n  RoundingType,\r\n  ShadowType,\r\n  SizeType,\r\n  StateType,\r\n  ThemeType,\r\n} from \"@/types/types\";\r\n\r\n/**\r\n * A breadcrumb item used to define a single step in the navigation path.\r\n */\r\nexport interface Breadcrumb {\r\n  /**\r\n   * The display label for the breadcrumb.\r\n   */\r\n  label: string;\r\n\r\n  /**\r\n   * Optional URL the breadcrumb should link to.\r\n   * If not provided, it is rendered as plain text.\r\n   */\r\n  href?: string;\r\n}\r\n\r\n/**\r\n * Props for the Breadcrumbs component.\r\n */\r\nexport interface BreadcrumbsProps {\r\n  /**\r\n   * An array of breadcrumb items.\r\n   */\r\n  items: Breadcrumb[];\r\n\r\n  /**\r\n   * Disables interaction and styles as disabled.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Optional custom separator node between breadcrumb items.\r\n   * Defaults to a right chevron icon.\r\n   */\r\n  separator?: React.ReactNode;\r\n\r\n  /**\r\n   * Theme style to apply to the breadcrumbs\r\n   * ('primary' | 'secondary' | 'tertiary' | 'quaternary' | 'clear').\r\n   */\r\n  theme?: ThemeType;\r\n\r\n  /**\r\n   * Rounding style to apply to the breadcrumbs\r\n   * ('none' | 'small' | 'medium' | 'large' | 'full').\r\n   */\r\n  rounding?: RoundingType;\r\n\r\n  /**\r\n   * Shadow style to apply to the breadcrumbs\r\n   * ('none' | 'light' | 'medium' | 'strong' | 'intense').\r\n   */\r\n  shadow?: ShadowType;\r\n\r\n  /**\r\n   * State of the breadcrumbs\r\n   * ('success' | 'error' | 'warning' | 'disabled' | '').\r\n   * Used for visual feedback.\r\n   */\r\n  state?: StateType;\r\n\r\n  /**\r\n   * Size of the breadcrumbs\r\n   * ('xs' | 'small' | 'medium' | 'large' | 'xl').\r\n   */\r\n  size?: SizeType;\r\n\r\n  /**\r\n   * Additional class name for custom styling.\r\n   */\r\n  className?: string;\r\n\r\n  /**\r\n   * Whether to use the outline style.\r\n   */\r\n  outline?: boolean;\r\n\r\n  /**\r\n   * Maximum number of visible items before collapsing into an ellipsis.\r\n   */\r\n  maxVisible?: number;\r\n\r\n  /**\r\n   * Optional test ID for testing frameworks.\r\n   */\r\n  \"data-testid\"?: string;\r\n}\r\n\r\n/**\r\n * Label used to represent collapsed breadcrumb items.\r\n */\r\nexport const ELLIPSIS_LABEL = \"…\";\r\n","import React, { useMemo, useState } from \"react\";\r\nimport {\r\n  Breadcrumb,\r\n  BreadcrumbsProps,\r\n  ELLIPSIS_LABEL,\r\n} from \"./Breadcrumbs.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ArrowRightIcon } from \"../../Icons/index\";\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\nexport interface BreadcrumbsBaseProps extends BreadcrumbsProps {\r\n  classMap: Record<string, string>;\r\n  LinkComponent?: React.ElementType;\r\n  ButtonComponent: React.ElementType;\r\n}\r\n\r\nexport const BreadcrumbsBase: React.FC<BreadcrumbsBaseProps> = ({\r\n  items,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  separator,\r\n  classMap,\r\n  disabled = false,\r\n  size = getDefaultSize(),\r\n  outline = false,\r\n  className = \"\",\r\n  maxVisible,\r\n  LinkComponent = \"a\",\r\n  ButtonComponent,\r\n  \"data-testid\": testId = \"breadcrumbs\",\r\n}) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const handleExpand = () => setIsExpanded(true);\r\n\r\n  const visibleItems: Breadcrumb[] = useMemo(() => {\r\n    if (isExpanded || !maxVisible || items.length <= maxVisible) return items;\r\n    const first = items[0];\r\n    const lastItems = items.slice(items.length - (maxVisible - 2));\r\n    return [first, { label: ELLIPSIS_LABEL }, ...lastItems];\r\n  }, [items, isExpanded, maxVisible]);\r\n\r\n  const breadcrumbsClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.breadcrumbs,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        disabled && classMap.disabled,\r\n        outline && classMap.outline,\r\n        className\r\n      ),\r\n    [theme, size, outline, className]\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Breadcrumb\"\r\n      data-testid={testId ? `${testId}-nav-container` : undefined}\r\n      className={breadcrumbsClass}\r\n      itemScope\r\n      role=\"navigation\"\r\n      itemType=\"https://schema.org/BreadcrumbList\"\r\n    >\r\n      <ol\r\n        className={classMap.list}\r\n        data-testid={testId ? `${testId}-nav-list` : undefined}\r\n      >\r\n        {visibleItems.map((item, index) => {\r\n          const isLast = index === visibleItems.length - 1;\r\n          const isEllipsis = item.label === ELLIPSIS_LABEL;\r\n\r\n          const itemClassName = combineClassNames(\r\n            classMap.item,\r\n            isExpanded && !isEllipsis && classMap.item_animate,\r\n            isLast && classMap.item_active\r\n          );\r\n\r\n          return (\r\n            <li\r\n              data-testid={testId ? `${testId}-nav-item` : undefined}\r\n              key={`${item.label}-${item.href ?? index}`}\r\n              className={itemClassName}\r\n              itemProp=\"itemListElement\"\r\n              itemScope\r\n              itemType=\"https://schema.org/ListItem\"\r\n              aria-current={isLast ? \"page\" : undefined}\r\n            >\r\n              {isEllipsis ? (\r\n                <ButtonComponent\r\n                  theme=\"clear\"\r\n                  size=\"small\"\r\n                  className={classMap.ellipsis}\r\n                  aria-label=\"Show more breadcrumbs\"\r\n                  onClick={handleExpand}\r\n                  tabIndex={0}\r\n                  data-testid={testId ? `${testId}-ellipsis` : undefined}\r\n                >\r\n                  {item.label}\r\n                </ButtonComponent>\r\n              ) : item.href && !isLast ? (\r\n                <LinkComponent\r\n                  href={item.href}\r\n                  itemProp=\"item\"\r\n                  className={classMap.link}\r\n                  title={item.label}\r\n                  data-testid={testId ? `${testId}-nav-item-label` : undefined}\r\n                >\r\n                  <span itemProp=\"name\" className={classMap.link_label}>\r\n                    {item.label}\r\n                  </span>\r\n                </LinkComponent>\r\n              ) : (\r\n                <span\r\n                  className={classMap.current}\r\n                  itemProp=\"name\"\r\n                  aria-current=\"page\"\r\n                  data-testid={\r\n                    testId ? `${testId}-nav-item-current` : undefined\r\n                  }\r\n                >\r\n                  {item.label}\r\n                </span>\r\n              )}\r\n\r\n              {!isLast && (\r\n                <span className={classMap.separator} aria-hidden=\"true\">\r\n                  {separator ?? <ArrowRightIcon />}\r\n                </span>\r\n              )}\r\n              <meta itemProp=\"position\" content={`${index + 1}`} />\r\n            </li>\r\n          );\r\n        })}\r\n      </ol>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBreadcrumbsBase.displayName = \"BreadcrumbsBase\";\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Breadcrumbs.module.scss\";\r\nimport { BreadcrumbsBase } from \"../BreadcrumbsBase\";\r\nimport { BreadcrumbsProps } from \"../Breadcrumbs.types\";\r\nimport { Button } from \"../../../index.next\";\r\n\r\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = (props) => {\r\n  return (\r\n    <BreadcrumbsBase\r\n      {...props}\r\n      classMap={styles}\r\n      LinkComponent={Link}\r\n      ButtonComponent={Button}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Breadcrumbs;\r\n"],"names":["separator","disabled","outline","item"],"mappings":"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"}

package/dist/next/Breadcrumbs.cjs.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Breadcrumbs = require("./Breadcrumbs-CEHoh3s2.cjs");
+const Breadcrumbs = require("./Breadcrumbs-7MNPobUi.cjs");
 exports.ELLIPSIS_LABEL = Breadcrumbs.ELLIPSIS_LABEL;
 exports.default = Breadcrumbs.Breadcrumbs;
 //# sourceMappingURL=Breadcrumbs.cjs.js.map

package/dist/next/Breadcrumbs.js

@@ -1,4 +1,4 @@
-import { E, B } from "./Breadcrumbs-LfCnghHj.js";
+import { E, B } from "./Breadcrumbs-BM-yj_kq.js";
 export {
   E as ELLIPSIS_LABEL,
   B as default

package/dist/next/{Button-CDvdEOSq.js → Button-ClWB5gZW.js}

@@ -108,7 +108,7 @@ const ButtonBase = forwardRef(
     size = getDefaultSize(),
     loading = false,
     fullWidth: fullWidth2 = false,
-    "data-testid": testId,
+    "data-testid": testId = "button",
     classMap,
     LinkComponent = "a",
     ...rest
@@ -205,4 +205,4 @@ const Button = (props) => /* @__PURE__ */ jsx(ButtonBase, { ...props, classMap:
 export {
   Button as B
 };
-//# sourceMappingURL=Button-CDvdEOSq.js.map
+//# sourceMappingURL=Button-ClWB5gZW.js.map

package/dist/next/Button-ClWB5gZW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-ClWB5gZW.js","sources":["../../src/components/Button/ButtonBase.tsx","../../src/components/Button/next/Button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { ButtonProps } from \"./Button.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\nexport interface ButtonBaseProps extends ButtonProps {\r\n  classMap: Record<string, string>;\r\n  LinkComponent?: React.ElementType;\r\n}\r\n\r\nconst ButtonBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  ButtonBaseProps\r\n>(\r\n  (\r\n    {\r\n      icon: Icon,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      onClick,\r\n      type = \"button\",\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      children,\r\n      className = \"\",\r\n      disabled = false,\r\n      ariaLabel,\r\n      href,\r\n      isExternal = false,\r\n      outline = false,\r\n      size = getDefaultSize(),\r\n      loading = false,\r\n      fullWidth = false,\r\n      \"data-testid\": testId = \"button\",\r\n      classMap,\r\n      LinkComponent = \"a\",\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const computedAriaLabel =\r\n      ariaLabel || (typeof children === \"string\" ? children : \"Button\");\r\n\r\n    const combinedClassName = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.button,\r\n          classMap[theme],\r\n          classMap[state],\r\n          classMap[size],\r\n          outline && classMap.outline,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          fullWidth && classMap.fullWidth,\r\n          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [theme, outline, size, fullWidth, disabled, className]\r\n    );\r\n\r\n    const sharedProps = {\r\n      \"aria-label\": computedAriaLabel,\r\n      \"aria-busy\": loading || undefined,\r\n      \"aria-disabled\": disabled || undefined,\r\n      \"data-testid\": testId,\r\n      tabIndex: disabled ? -1 : 0,\r\n      onClick: disabled ? undefined : onClick,\r\n    };\r\n\r\n    const content = (\r\n      <>\r\n        {Icon && (\r\n          <span\r\n            className={classMap.buttonIcon}\r\n            aria-hidden=\"true\"\r\n            data-testid={testId ? `${testId}-icon` : undefined}\r\n          >\r\n            <Icon className={classMap.icon} />\r\n          </span>\r\n        )}\r\n        <span\r\n          className={classMap.buttonLabel}\r\n          data-testid={testId ? `${testId}-loading` : undefined}\r\n        >\r\n          {loading ? (\r\n            <div className={classMap.loader} aria-hidden=\"true\" />\r\n          ) : (\r\n            children\r\n          )}\r\n        </span>\r\n      </>\r\n    );\r\n\r\n    if (href && isExternal) {\r\n      return (\r\n        <a\r\n          href={href}\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          role=\"button\"\r\n          className={combineClassNames(combinedClassName, classMap.link)}\r\n          ref={ref as React.Ref<HTMLAnchorElement>}\r\n          {...sharedProps}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </a>\r\n      );\r\n    }\r\n\r\n    if (href && !isExternal) {\r\n      return (\r\n        <LinkComponent\r\n          href={href}\r\n          role=\"button\"\r\n          className={combineClassNames(combinedClassName, classMap.link)}\r\n          ref={ref as React.Ref<HTMLAnchorElement>}\r\n          {...sharedProps}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </LinkComponent>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <button\r\n        ref={ref as React.Ref<HTMLButtonElement>}\r\n        type={type}\r\n        className={combinedClassName}\r\n        disabled={disabled}\r\n        {...sharedProps}\r\n        {...rest}\r\n      >\r\n        {content}\r\n      </button>\r\n    );\r\n  }\r\n);\r\n\r\nButtonBase.displayName = \"ButtonBase\";\r\n\r\nexport default ButtonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Button.module.scss\";\r\nimport ButtonBase from \"../ButtonBase\";\r\nimport { ButtonProps } from \"../Button.types\";\r\n\r\nconst Button: React.FC<ButtonProps> = (props) => (\r\n  <ButtonBase {...props} classMap={styles} LinkComponent={Link} />\r\n);\r\n\r\nexport default Button;\r\n"],"names":["disabled","outline","fullWidth"],"mappings":"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"}

package/dist/next/{Button-Cw9aGFLo.cjs → Button-G1PFBSqU.cjs}

@@ -109,7 +109,7 @@ const ButtonBase = React.forwardRef(
     size = borealStyleConfig.getDefaultSize(),
     loading = false,
     fullWidth: fullWidth2 = false,
-    "data-testid": testId,
+    "data-testid": testId = "button",
     classMap,
     LinkComponent = "a",
     ...rest
@@ -204,4 +204,4 @@ const ButtonBase = React.forwardRef(
 ButtonBase.displayName = "ButtonBase";
 const Button = (props) => /* @__PURE__ */ require$$2.jsx(ButtonBase, { ...props, classMap: styles, LinkComponent: link.Link });
 exports.Button = Button;
-//# sourceMappingURL=Button-Cw9aGFLo.cjs.map
+//# sourceMappingURL=Button-G1PFBSqU.cjs.map