boreal-ui 0.0.72 → 0.0.73

package/dist/next/{TextArea-UmejfjCR.js → TextArea-CWscnEZW.js}

@@ -18,8 +18,11 @@ const TextAreaBase = forwardRef(
     shadow = getDefaultShadow(),
     state = "",
     resizable = true,
-    ariaLabel,
-    ariaDescription,
+    "aria-label": ariaLabel,
+    "aria-description": ariaDescription,
+    helperText,
+    errorMessage,
+    describedBy,
     disabled: disabled2 = false,
     height,
     classMap,
@@ -27,11 +30,19 @@ const TextAreaBase = forwardRef(
     "data-testid": testId = "text-area",
     id: idProp,
     required,
+    // Native accessibility props
+    "aria-label": ariaLabelProp,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedByProp,
+    "aria-errormessage": ariaErrorMessageProp,
     ...props
   }, ref) => {
     const autoId = useId();
     const id = idProp || autoId;
+    const labelId = label2 ? `${id}-label` : void 0;
     const descriptionId = ariaDescription ? `${id}-description` : void 0;
+    const helperTextId = helperText ? `${id}-helper-text` : void 0;
+    const internalErrorId = errorMessage ? `${id}-error-message` : void 0;
     const wrapperClass = useMemo(
       () => combineClassNames(
         classMap.textArea,
@@ -45,9 +56,16 @@ const TextAreaBase = forwardRef(
       ),
       [classMap, theme, state, outline2, disabled2, shadow, rounding, className]
     );
-    const computedLabel = !label2 ? ariaLabel || placeholder : void 0;
-    const describedBy = descriptionId || void 0;
     const isError = state === "error";
+    const computedAriaLabel = !ariaLabelledBy && !label2 ? ariaLabelProp || ariaLabel || placeholder : void 0;
+    const describedByIds = [
+      ariaDescribedByProp,
+      describedBy,
+      descriptionId,
+      helperTextId,
+      isError ? internalErrorId : void 0
+    ].filter(Boolean).join(" ") || void 0;
+    const errorMessageId = isError && (ariaErrorMessageProp || internalErrorId) ? ariaErrorMessageProp || internalErrorId : void 0;
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -60,20 +78,21 @@ const TextAreaBase = forwardRef(
           label2 && /* @__PURE__ */ jsx(
             "label",
             {
+              id: labelId,
               htmlFor: id,
               className: classMap.label,
               "data-testid": `${testId}-label`,
               children: label2
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: wrapperClass, "data-testid": testId, children: [
+          /* @__PURE__ */ jsxs("div", { className: wrapperClass, "data-testid": `${testId}-wrapper`, children: [
             Icon && /* @__PURE__ */ jsx(
               "div",
               {
                 className: classMap.iconContainer,
                 "aria-hidden": "true",
                 "data-testid": `${testId}-icon`,
-                children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" })
+                children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": true })
               }
             ),
             /* @__PURE__ */ jsx(
@@ -82,8 +101,10 @@ const TextAreaBase = forwardRef(
                 ref,
                 id,
                 placeholder,
-                "aria-label": computedLabel,
-                "aria-describedby": describedBy,
+                "aria-label": computedAriaLabel,
+                "aria-labelledby": ariaLabelledBy || (!ariaLabelledBy && label2 ? labelId : void 0),
+                "aria-describedby": describedByIds,
+                "aria-errormessage": errorMessageId,
                 "aria-invalid": isError || void 0,
                 "aria-required": required || void 0,
                 "aria-readonly": readOnly || void 0,
@@ -119,7 +140,26 @@ const TextAreaBase = forwardRef(
                 children: ariaDescription
               }
             )
-          ] })
+          ] }),
+          helperText && /* @__PURE__ */ jsx(
+            "div",
+            {
+              id: helperTextId,
+              className: classMap.helperText,
+              "data-testid": `${testId}-helper-text`,
+              children: helperText
+            }
+          ),
+          errorMessage && /* @__PURE__ */ jsx(
+            "div",
+            {
+              id: internalErrorId,
+              className: classMap.errorMessage,
+              role: isError ? "alert" : void 0,
+              "data-testid": `${testId}-error-message`,
+              children: errorMessage
+            }
+          )
         ]
       }
     );
@@ -197,4 +237,4 @@ TextArea.displayName = "TextArea";
 export {
   TextArea as T
 };
-//# sourceMappingURL=TextArea-UmejfjCR.js.map
+//# sourceMappingURL=TextArea-CWscnEZW.js.map

package/dist/next/TextArea-CWscnEZW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea-CWscnEZW.js","sources":["../../src/components/TextArea/TextAreaBase.tsx","../../src/components/TextArea/next/TextArea.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TextAreaProps } from \"./TextArea.types\";\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 TextAreaBase = forwardRef<\r\n  HTMLTextAreaElement,\r\n  TextAreaProps & { classMap: Record<string, string> }\r\n>(\r\n  (\r\n    {\r\n      label,\r\n      labelPosition = \"top\",\r\n      icon: Icon,\r\n      placeholder = \"Enter text\",\r\n      readOnly = false,\r\n      outline = false,\r\n      autocomplete = false,\r\n      onChange,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      resizable = true,\r\n\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-description\": ariaDescription,\r\n      helperText,\r\n      errorMessage,\r\n      describedBy,\r\n      disabled = false,\r\n      height,\r\n      classMap,\r\n      className = \"\",\r\n      \"data-testid\": testId = \"text-area\",\r\n      id: idProp,\r\n      required,\r\n\r\n      // Native accessibility props\r\n      \"aria-label\": ariaLabelProp,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedByProp,\r\n      \"aria-errormessage\": ariaErrorMessageProp,\r\n\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const autoId = useId();\r\n    const id = idProp || autoId;\r\n\r\n    const labelId = label ? `${id}-label` : undefined;\r\n    const descriptionId = ariaDescription ? `${id}-description` : undefined;\r\n    const helperTextId = helperText ? `${id}-helper-text` : undefined;\r\n    const internalErrorId = errorMessage ? `${id}-error-message` : undefined;\r\n\r\n    const wrapperClass = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.textArea,\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, shadow, rounding, className],\r\n    );\r\n\r\n    const isError = state === \"error\";\r\n\r\n    const computedAriaLabel =\r\n      !ariaLabelledBy && !label\r\n        ? ariaLabelProp || ariaLabel || placeholder\r\n        : undefined;\r\n\r\n    const describedByIds =\r\n      [\r\n        ariaDescribedByProp,\r\n        describedBy,\r\n        descriptionId,\r\n        helperTextId,\r\n        isError ? internalErrorId : undefined,\r\n      ]\r\n        .filter(Boolean)\r\n        .join(\" \") || undefined;\r\n\r\n    const errorMessageId =\r\n      isError && (ariaErrorMessageProp || internalErrorId)\r\n        ? ariaErrorMessageProp || internalErrorId\r\n        : undefined;\r\n\r\n    return (\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.container,\r\n          classMap[`label${capitalize(labelPosition)}`],\r\n        )}\r\n        data-testid={testId}\r\n      >\r\n        {label && (\r\n          <label\r\n            id={labelId}\r\n            htmlFor={id}\r\n            className={classMap.label}\r\n            data-testid={`${testId}-label`}\r\n          >\r\n            {label}\r\n          </label>\r\n        )}\r\n\r\n        <div className={wrapperClass} data-testid={`${testId}-wrapper`}>\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 aria-hidden={true} />\r\n            </div>\r\n          )}\r\n\r\n          <textarea\r\n            ref={ref}\r\n            id={id}\r\n            placeholder={placeholder}\r\n            aria-label={computedAriaLabel}\r\n            aria-labelledby={\r\n              ariaLabelledBy || (!ariaLabelledBy && label ? labelId : undefined)\r\n            }\r\n            aria-describedby={describedByIds}\r\n            aria-errormessage={errorMessageId}\r\n            aria-invalid={isError || undefined}\r\n            aria-required={required || undefined}\r\n            aria-readonly={readOnly || undefined}\r\n            aria-disabled={disabled || undefined}\r\n            autoComplete={autocomplete ? \"on\" : \"off\"}\r\n            onChange={(e) => onChange?.(e.currentTarget.value, e)}\r\n            readOnly={readOnly}\r\n            disabled={disabled}\r\n            required={required}\r\n            style={{\r\n              height,\r\n              resize: resizable ? undefined : \"none\",\r\n            }}\r\n            className={classMap.textInput}\r\n            data-testid={`${testId}-input`}\r\n            {...props}\r\n          />\r\n\r\n          <div\r\n            className={classMap.customResizeHandle}\r\n            aria-hidden=\"true\"\r\n            data-testid={`${testId}-resize-handle`}\r\n          />\r\n\r\n          {ariaDescription && (\r\n            <span\r\n              id={descriptionId}\r\n              className=\"sr_only\"\r\n              data-testid={`${testId}-description`}\r\n            >\r\n              {ariaDescription}\r\n            </span>\r\n          )}\r\n        </div>\r\n\r\n        {helperText && (\r\n          <div\r\n            id={helperTextId}\r\n            className={classMap.helperText}\r\n            data-testid={`${testId}-helper-text`}\r\n          >\r\n            {helperText}\r\n          </div>\r\n        )}\r\n\r\n        {errorMessage && (\r\n          <div\r\n            id={internalErrorId}\r\n            className={classMap.errorMessage}\r\n            role={isError ? \"alert\" : undefined}\r\n            data-testid={`${testId}-error-message`}\r\n          >\r\n            {errorMessage}\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nTextAreaBase.displayName = \"TextAreaBase\";\r\n\r\nexport default TextAreaBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport TextAreaBase from \"../TextAreaBase\";\r\nimport type { TextAreaProps } from \"../TextArea.types\";\r\nimport styles from \"./TextArea.module.scss\";\r\n\r\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\r\n  (props, ref) => {\r\n    return <TextAreaBase {...props} ref={ref} classMap={styles} />;\r\n  }\r\n);\r\n\r\nTextArea.displayName = \"TextArea\";\r\n\r\nexport default TextArea;\r\n"],"names":["label","outline","disabled"],"mappings":"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"}

package/dist/next/TextArea.cjs.js

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

package/dist/next/TextArea.js

@@ -1,4 +1,4 @@
-import { T } from "./TextArea-UmejfjCR.js";
+import { T } from "./TextArea-CWscnEZW.js";
 export {
   T as default
 };

package/dist/next/{TextInput-B9-DIw86.js → TextInput-3ZD3ccXf.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-DsaRlxmw.js";
 /* empty css                 */
-import { I as IconButton } from "./IconButton-BCPASTa0.js";
+import { I as IconButton } from "./IconButton-CNiln4Qf.js";
 const EyeIcon = (props) => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -164,8 +164,6 @@ const TextInputBase = forwardRef(
     placeholder = "Enter text",
     password = false,
     readOnly = false,
-    ariaLabel,
-    ariaDescription,
     theme = getDefaultTheme(),
     rounding = getDefaultRounding(),
     shadow = getDefaultShadow(),
@@ -173,11 +171,12 @@ const TextInputBase = forwardRef(
     state = "",
     disabled: disabled2 = false,
     autocomplete = false,
-    "data-testid": testId = "text-input",
-    classMap,
     outline: outline2 = false,
+    classMap,
     IconButton: IconButton2,
     className = "",
+    srOnlyText,
+    "data-testid": testId = "text-input",
     ...rest
   }, ref) => {
     const [showPassword, setShowPassword] = useState(false);
@@ -187,15 +186,44 @@ const TextInputBase = forwardRef(
       required,
       autoComplete: autoCompleteProp,
       type: typeProp,
+      role,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-invalid": ariaInvalid,
+      "aria-required": ariaRequired,
+      "aria-readonly": ariaReadOnly,
+      "aria-disabled": ariaDisabled,
+      "aria-description": ariaDescription,
+      "aria-activedescendant": ariaActiveDescendant,
+      "aria-haspopup": ariaHasPopup,
+      "aria-expanded": ariaExpanded,
+      "aria-controls": ariaControls,
       ...restInput
     } = rest;
     const inputId = idProp || autoId;
+    const hasLabel = Boolean(label2);
+    const generatedDescriptionId = srOnlyText ? `${inputId}-sr-description` : void 0;
+    const computedAriaDescribedBy = [ariaDescribedBy, generatedDescriptionId].filter(Boolean).join(" ") || void 0;
+    const computedAriaLabel = hasLabel ? void 0 : ariaLabel || placeholder || "Text input";
+    const computedPlaceholder = hasLabel ? " " : placeholder;
     const inputType = password ? showPassword ? "text" : "password" : typeProp || "text";
-    const descId = ariaDescription ? `${inputId}-description` : void 0;
     const isError = state === "error";
     const computedAutoComplete = autoCompleteProp ?? (autocomplete ? password ? "current-password" : "on" : "off");
-    const togglePasswordVisibility = () => setShowPassword((prev) => !prev);
-    const hasLabel = Boolean(label2);
+    const computedAriaInvalid = ariaInvalid ?? (isError || void 0);
+    const computedAriaRequired = ariaRequired ?? (required || void 0);
+    const computedAriaReadOnly = ariaReadOnly ?? (readOnly || void 0);
+    const computedAriaDisabled = ariaDisabled ?? (disabled2 || void 0);
+    const togglePasswordVisibility = () => {
+      setShowPassword((prev) => !prev);
+    };
+    const containerClass = useMemo(
+      () => combineClassNames(
+        classMap.container,
+        classMap[`label${capitalize(labelPosition)}`]
+      ),
+      [classMap, labelPosition]
+    );
     const wrapperClass = useMemo(
       () => combineClassNames(
         classMap.textInput,
@@ -221,86 +249,81 @@ const TextInputBase = forwardRef(
       ),
       [classMap, theme, disabled2]
     );
-    const computedAriaLabel = hasLabel ? void 0 : ariaLabel || placeholder;
-    const computedPlaceholder = hasLabel ? " " : placeholder;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: combineClassNames(
-          classMap.container,
-          classMap[`label${capitalize(labelPosition)}`]
+    return /* @__PURE__ */ jsxs("div", { className: containerClass, "data-testid": testId, children: [
+      label2 && /* @__PURE__ */ jsx(
+        "label",
+        {
+          htmlFor: inputId,
+          className: classMap.label,
+          "data-testid": `${testId}-label`,
+          children: label2
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: wrapperClass, "data-testid": `${testId}-wrapper`, children: [
+        Icon && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: iconClasses,
+            "aria-hidden": "true",
+            "data-testid": `${testId}-icon`,
+            children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": true })
+          }
         ),
-        "data-testid": testId,
-        children: [
-          label2 && /* @__PURE__ */ jsx(
-            "label",
-            {
-              htmlFor: inputId,
-              className: classMap.label,
-              "data-testid": `${testId}-label`,
-              children: label2
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: wrapperClass, "data-testid": testId, children: [
-            Icon && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: iconClasses,
-                "aria-hidden": "true",
-                "data-testid": `${testId}-icon`,
-                children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ref,
-                id: inputId,
-                type: inputType,
-                className: inputClasses,
-                placeholder: computedPlaceholder,
-                "aria-label": computedAriaLabel,
-                "aria-describedby": descId,
-                "aria-disabled": disabled2 || void 0,
-                "aria-invalid": isError || void 0,
-                "aria-required": required || void 0,
-                "aria-readonly": readOnly || void 0,
-                autoComplete: computedAutoComplete,
-                onChange: (e) => onChange == null ? void 0 : onChange(e.currentTarget.value, e),
-                readOnly,
-                disabled: disabled2,
-                required,
-                "data-testid": `${testId}-input`,
-                ...restInput
-              }
-            ),
-            password && /* @__PURE__ */ jsx(
-              IconButton2,
-              {
-                type: "button",
-                className: classMap.togglePassword,
-                onClick: togglePasswordVisibility,
-                theme: "clear",
-                shadow: "none",
-                "aria-label": showPassword ? "Hide password" : "Show password",
-                "aria-pressed": showPassword,
-                "data-testid": `${testId}-password-toggle`,
-                icon: showPassword ? EyeSlashIcon : EyeIcon
-              }
-            ),
-            ariaDescription && /* @__PURE__ */ jsx(
-              "span",
-              {
-                id: descId,
-                className: "sr_only",
-                "data-testid": `${testId}-description`,
-                children: ariaDescription
-              }
-            )
-          ] })
-        ]
-      }
-    );
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref,
+            id: inputId,
+            type: inputType,
+            className: inputClasses,
+            placeholder: computedPlaceholder,
+            role,
+            "aria-label": computedAriaLabel,
+            "aria-labelledby": ariaLabelledBy,
+            "aria-describedby": computedAriaDescribedBy,
+            "aria-invalid": computedAriaInvalid,
+            "aria-required": computedAriaRequired,
+            "aria-readonly": computedAriaReadOnly,
+            "aria-disabled": computedAriaDisabled,
+            "aria-description": ariaDescription,
+            "aria-activedescendant": ariaActiveDescendant,
+            "aria-haspopup": ariaHasPopup,
+            "aria-expanded": ariaExpanded,
+            "aria-controls": ariaControls,
+            autoComplete: computedAutoComplete,
+            onChange: (e) => onChange == null ? void 0 : onChange(e.currentTarget.value, e),
+            readOnly,
+            disabled: disabled2,
+            required,
+            "data-testid": `${testId}-input`,
+            ...restInput
+          }
+        ),
+        password && /* @__PURE__ */ jsx(
+          IconButton2,
+          {
+            type: "button",
+            className: classMap.togglePassword,
+            onClick: togglePasswordVisibility,
+            theme: "clear",
+            shadow: "none",
+            "aria-label": showPassword ? "Hide password" : "Show password",
+            "aria-pressed": showPassword,
+            "data-testid": `${testId}-password-toggle`,
+            icon: showPassword ? EyeSlashIcon : EyeIcon
+          }
+        ),
+        srOnlyText && /* @__PURE__ */ jsx(
+          "span",
+          {
+            id: generatedDescriptionId,
+            className: classMap.srOnly || "sr_only",
+            "data-testid": `${testId}-sr-only-text`,
+            children: srOnlyText
+          }
+        )
+      ] })
+    ] });
   }
 );
 TextInputBase.displayName = "TextInputBase";
@@ -319,4 +342,4 @@ TextInput.displayName = "TextInput";
 export {
   TextInput as T
 };
-//# sourceMappingURL=TextInput-B9-DIw86.js.map
+//# sourceMappingURL=TextInput-3ZD3ccXf.js.map

package/dist/next/TextInput-3ZD3ccXf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput-3ZD3ccXf.js","sources":["../../src/Icons/EyeIcon.tsx","../../src/Icons/EyeSlashIcon.tsx","../../src/components/TextInput/TextInputBase.tsx","../../src/components/TextInput/next/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 { TextInputBaseProps } 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<HTMLInputElement, TextInputBaseProps>(\r\n  (\r\n    {\r\n      icon: Icon,\r\n      label,\r\n      labelPosition = \"top\",\r\n      placeholder = \"Enter text\",\r\n      password = false,\r\n      readOnly = false,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      onChange,\r\n      state = \"\",\r\n      disabled = false,\r\n      autocomplete = false,\r\n      outline = false,\r\n      classMap,\r\n      IconButton,\r\n      className = \"\",\r\n      srOnlyText,\r\n      \"data-testid\": testId = \"text-input\",\r\n      ...rest\r\n    },\r\n    ref,\r\n  ) => {\r\n    const [showPassword, setShowPassword] = useState(false);\r\n\r\n    const autoId = useId();\r\n\r\n    const {\r\n      id: idProp,\r\n      required,\r\n      autoComplete: autoCompleteProp,\r\n      type: typeProp,\r\n      role,\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-invalid\": ariaInvalid,\r\n      \"aria-required\": ariaRequired,\r\n      \"aria-readonly\": ariaReadOnly,\r\n      \"aria-disabled\": ariaDisabled,\r\n      \"aria-description\": ariaDescription,\r\n      \"aria-activedescendant\": ariaActiveDescendant,\r\n      \"aria-haspopup\": ariaHasPopup,\r\n      \"aria-expanded\": ariaExpanded,\r\n      \"aria-controls\": ariaControls,\r\n      ...restInput\r\n    } = rest as InputHTMLAttributes<HTMLInputElement> & {\r\n      role?: React.AriaRole;\r\n      \"aria-label\"?: string;\r\n      \"aria-labelledby\"?: string;\r\n      \"aria-describedby\"?: string;\r\n      \"aria-invalid\"?: boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\";\r\n      \"aria-required\"?: boolean;\r\n      \"aria-readonly\"?: boolean;\r\n      \"aria-disabled\"?: boolean;\r\n      \"aria-description\"?: string;\r\n      \"aria-activedescendant\"?: string;\r\n      \"aria-haspopup\"?:\r\n        | boolean\r\n        | \"false\"\r\n        | \"true\"\r\n        | \"menu\"\r\n        | \"listbox\"\r\n        | \"tree\"\r\n        | \"grid\"\r\n        | \"dialog\";\r\n      \"aria-expanded\"?: boolean;\r\n      \"aria-controls\"?: string;\r\n    };\r\n\r\n    const inputId = idProp || autoId;\r\n    const hasLabel = Boolean(label);\r\n\r\n    const generatedDescriptionId = srOnlyText\r\n      ? `${inputId}-sr-description`\r\n      : undefined;\r\n\r\n    const computedAriaDescribedBy =\r\n      [ariaDescribedBy, generatedDescriptionId].filter(Boolean).join(\" \") ||\r\n      undefined;\r\n\r\n    const computedAriaLabel = hasLabel\r\n      ? undefined\r\n      : ariaLabel || placeholder || \"Text input\";\r\n\r\n    const computedPlaceholder = hasLabel ? \" \" : placeholder;\r\n\r\n    const inputType = password\r\n      ? showPassword\r\n        ? \"text\"\r\n        : \"password\"\r\n      : typeProp || \"text\";\r\n\r\n    const isError = state === \"error\";\r\n\r\n    const computedAutoComplete =\r\n      autoCompleteProp ??\r\n      (autocomplete ? (password ? \"current-password\" : \"on\") : \"off\");\r\n\r\n    const computedAriaInvalid = ariaInvalid ?? (isError || undefined);\r\n    const computedAriaRequired = ariaRequired ?? (required || undefined);\r\n    const computedAriaReadOnly = ariaReadOnly ?? (readOnly || undefined);\r\n    const computedAriaDisabled = ariaDisabled ?? (disabled || undefined);\r\n\r\n    const togglePasswordVisibility = () => {\r\n      setShowPassword((prev) => !prev);\r\n    };\r\n\r\n    const containerClass = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.container,\r\n          classMap[`label${capitalize(labelPosition)}`],\r\n        ),\r\n      [classMap, labelPosition],\r\n    );\r\n\r\n    const wrapperClass = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.textInput,\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, shadow, rounding, className],\r\n    );\r\n\r\n    const inputClasses = useMemo(\r\n      () => combineClassNames(classMap.textInput, outline && classMap.outline),\r\n      [classMap, outline],\r\n    );\r\n\r\n    const iconClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.iconContainer,\r\n          classMap[theme],\r\n          disabled && classMap.disabled,\r\n        ),\r\n      [classMap, theme, disabled],\r\n    );\r\n\r\n    return (\r\n      <div className={containerClass} data-testid={testId}>\r\n        {label && (\r\n          <label\r\n            htmlFor={inputId}\r\n            className={classMap.label}\r\n            data-testid={`${testId}-label`}\r\n          >\r\n            {label}\r\n          </label>\r\n        )}\r\n\r\n        <div className={wrapperClass} data-testid={`${testId}-wrapper`}>\r\n          {Icon && (\r\n            <div\r\n              className={iconClasses}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-icon`}\r\n            >\r\n              <Icon aria-hidden={true} />\r\n            </div>\r\n          )}\r\n          <input\r\n            ref={ref}\r\n            id={inputId}\r\n            type={inputType}\r\n            className={inputClasses}\r\n            placeholder={computedPlaceholder}\r\n            role={role}\r\n            aria-label={computedAriaLabel}\r\n            aria-labelledby={ariaLabelledBy}\r\n            aria-describedby={computedAriaDescribedBy}\r\n            aria-invalid={computedAriaInvalid}\r\n            aria-required={computedAriaRequired}\r\n            aria-readonly={computedAriaReadOnly}\r\n            aria-disabled={computedAriaDisabled}\r\n            aria-description={ariaDescription}\r\n            aria-activedescendant={ariaActiveDescendant}\r\n            aria-haspopup={ariaHasPopup}\r\n            aria-expanded={ariaExpanded}\r\n            aria-controls={ariaControls}\r\n            autoComplete={computedAutoComplete}\r\n            onChange={(e) => onChange?.(e.currentTarget.value, e)}\r\n            readOnly={readOnly}\r\n            disabled={disabled}\r\n            required={required}\r\n            data-testid={`${testId}-input`}\r\n            {...restInput}\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              shadow=\"none\"\r\n              aria-label={showPassword ? \"Hide password\" : \"Show password\"}\r\n              aria-pressed={showPassword}\r\n              data-testid={`${testId}-password-toggle`}\r\n              icon={showPassword ? EyeSlashIcon : EyeIcon}\r\n            />\r\n          )}\r\n\r\n          {srOnlyText && (\r\n            <span\r\n              id={generatedDescriptionId}\r\n              className={classMap.srOnly || \"sr_only\"}\r\n              data-testid={`${testId}-sr-only-text`}\r\n            >\r\n              {srOnlyText}\r\n            </span>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nTextInputBase.displayName = \"TextInputBase\";\r\n\r\nexport default TextInputBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./TextInput.module.scss\";\r\nimport { TextInputProps } from \"../TextInput.types\";\r\nimport TextInputBase from \"../TextInputBase\";\r\nimport { IconButton } from \"@/index.next\";\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={styles}\r\n    />\r\n  );\r\n});\r\n\r\nTextInput.displayName = \"TextInput\";\r\nexport default TextInput;\r\n"],"names":["label","disabled","outline","IconButton"],"mappings":"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"}