boreal-ui 0.0.34 → 0.0.36

package/dist/next/{TextArea-Bmkg-d0v.js → TextArea-xg4t0Lzo.js}

@@ -22,9 +22,12 @@ const TextAreaBase = forwardRef(
     classMap,
     className = "",
     "data-testid": testId = "text-area",
+    id: idProp,
+    required,
     ...props
   }, ref) => {
-    const id = useId();
+    const autoId = useId();
+    const id = idProp || autoId;
     const descriptionId = ariaDescription ? `${id}-description` : void 0;
     const wrapperClass = useMemo(
       () => combineClassNames(
@@ -37,8 +40,11 @@ const TextAreaBase = forwardRef(
         rounding && classMap[`round${capitalize(rounding)}`],
         className
       ),
-      [classMap, outline2, disabled2, rounding, shadow, className]
+      [classMap, theme, state, outline2, disabled2, shadow, rounding, className]
     );
+    const computedLabel = ariaLabel || placeholder;
+    const describedBy = descriptionId || void 0;
+    const isError = state === "error";
     return /* @__PURE__ */ jsxs("div", { className: wrapperClass, "data-testid": testId, children: [
       Icon && /* @__PURE__ */ jsx(
         "div",
@@ -46,7 +52,7 @@ const TextAreaBase = forwardRef(
           className: classMap.iconContainer,
           "aria-hidden": "true",
           "data-testid": `${testId}-icon`,
-          children: /* @__PURE__ */ jsx(Icon, {})
+          children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" })
         }
       ),
       /* @__PURE__ */ jsx(
@@ -55,11 +61,16 @@ const TextAreaBase = forwardRef(
           ref,
           id,
           placeholder,
-          "aria-label": ariaLabel || placeholder,
-          "aria-describedby": descriptionId,
+          "aria-label": computedLabel,
+          "aria-describedby": describedBy,
+          "aria-invalid": isError || void 0,
+          "aria-required": required || void 0,
+          "aria-readonly": readOnly || void 0,
+          "aria-disabled": disabled2 || void 0,
           autoComplete: autocomplete ? "on" : "off",
           readOnly,
           disabled: disabled2,
+          required,
           style: {
             height,
             resize: resizable ? void 0 : "none"
@@ -90,32 +101,43 @@ const TextAreaBase = forwardRef(
   }
 );
 TextAreaBase.displayName = "TextAreaBase";
-const textArea = "_textArea_l6uim_68";
-const roundNone = "_roundNone_l6uim_76";
-const roundSmall = "_roundSmall_l6uim_80";
-const roundMedium = "_roundMedium_l6uim_84";
-const roundLarge = "_roundLarge_l6uim_88";
-const roundFull = "_roundFull_l6uim_92";
-const shadowNone = "_shadowNone_l6uim_96";
-const shadowLight = "_shadowLight_l6uim_100";
-const shadowMedium = "_shadowMedium_l6uim_104";
-const shadowStrong = "_shadowStrong_l6uim_108";
-const shadowIntense = "_shadowIntense_l6uim_112";
-const textInput = "_textInput_l6uim_116";
-const iconContainer = "_iconContainer_l6uim_139";
-const togglePassword = "_togglePassword_l6uim_159";
-const primary = "_primary_l6uim_192";
-const outline = "_outline_l6uim_195";
-const secondary = "_secondary_l6uim_202";
-const tertiary = "_tertiary_l6uim_212";
-const quaternary = "_quaternary_l6uim_222";
-const clear = "_clear_l6uim_232";
-const success = "_success_l6uim_242";
-const error = "_error_l6uim_246";
-const warning = "_warning_l6uim_250";
-const disabled = "_disabled_l6uim_258";
+const textArea = "_textArea_b7nhe_85";
+const primary = "_primary_b7nhe_103";
+const outline = "_outline_b7nhe_106";
+const secondary = "_secondary_b7nhe_112";
+const tertiary = "_tertiary_b7nhe_121";
+const quaternary = "_quaternary_b7nhe_130";
+const clear = "_clear_b7nhe_139";
+const success = "_success_b7nhe_148";
+const error = "_error_b7nhe_151";
+const warning = "_warning_b7nhe_154";
+const disabled = "_disabled_b7nhe_160";
+const textInput = "_textInput_b7nhe_166";
+const roundNone = "_roundNone_b7nhe_171";
+const roundSmall = "_roundSmall_b7nhe_175";
+const roundMedium = "_roundMedium_b7nhe_179";
+const roundLarge = "_roundLarge_b7nhe_183";
+const roundFull = "_roundFull_b7nhe_187";
+const shadowNone = "_shadowNone_b7nhe_191";
+const shadowLight = "_shadowLight_b7nhe_195";
+const shadowMedium = "_shadowMedium_b7nhe_199";
+const shadowStrong = "_shadowStrong_b7nhe_203";
+const shadowIntense = "_shadowIntense_b7nhe_207";
+const iconContainer = "_iconContainer_b7nhe_251";
+const togglePassword = "_togglePassword_b7nhe_277";
 const styles = {
   textArea,
+  primary,
+  outline,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  disabled,
+  textInput,
   roundNone,
   roundSmall,
   roundMedium,
@@ -126,19 +148,8 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  textInput,
   iconContainer,
-  togglePassword,
-  primary,
-  outline,
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  success,
-  error,
-  warning,
-  disabled
+  togglePassword
 };
 const TextArea = forwardRef(
   (props, ref) => {
@@ -149,4 +160,4 @@ TextArea.displayName = "TextArea";
 export {
   TextArea as T
 };
-//# sourceMappingURL=TextArea-Bmkg-d0v.js.map
+//# sourceMappingURL=TextArea-xg4t0Lzo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea-xg4t0Lzo.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      icon: Icon,\r\n      placeholder = \"Enter text\",\r\n      readOnly = false,\r\n      outline = false,\r\n      autocomplete = false,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      resizable = true,\r\n      ariaLabel,\r\n      ariaDescription,\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      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const autoId = useId();\r\n    const id = idProp || autoId;\r\n\r\n    const descriptionId = ariaDescription ? `${id}-description` : 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 computedLabel = ariaLabel || placeholder;\r\n\r\n    const describedBy = descriptionId || undefined;\r\n\r\n    const isError = state === \"error\";\r\n\r\n    return (\r\n      <div className={wrapperClass} data-testid={testId}>\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={computedLabel}\r\n          aria-describedby={describedBy}\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          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  }\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":["outline","disabled"],"mappings":";;;;;AAUA,MAAM,eAAe;AAAA,EAInB,CACE;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,WAAW;AAAA,IACX,SAAAA,WAAU;AAAA,IACV,eAAe;AAAA,IACf,QAAQ,gBAAA;AAAA,IACR,WAAW,mBAAA;AAAA,IACX,SAAS,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAAC,YAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB,IAAI;AAAA,IACJ;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,SAAS,MAAA;AACf,UAAM,KAAK,UAAU;AAErB,UAAM,gBAAgB,kBAAkB,GAAG,EAAE,iBAAiB;AAE9D,UAAM,eAAe;AAAA,MACnB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACdD,YAAW,SAAS;AAAA,QACpBC,aAAY,SAAS;AAAA,QACrB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnD;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAU,OAAO,OAAOD,UAASC,WAAU,QAAQ,UAAU,SAAS;AAAA,IAAA;AAGzE,UAAM,gBAAgB,aAAa;AAEnC,UAAM,cAAc,iBAAiB;AAErC,UAAM,UAAU,UAAU;AAE1B,WACE,qBAAC,OAAA,EAAI,WAAW,cAAc,eAAa,QACxC,UAAA;AAAA,MAAA,QACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,UAEtB,UAAA,oBAAC,MAAA,EAAK,eAAY,OAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAI7B;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,cAAY;AAAA,UACZ,oBAAkB;AAAA,UAClB,gBAAc,WAAW;AAAA,UACzB,iBAAe,YAAY;AAAA,UAC3B,iBAAe,YAAY;AAAA,UAC3B,iBAAeA,aAAY;AAAA,UAC3B,cAAc,eAAe,OAAO;AAAA,UACpC;AAAA,UACA,UAAAA;AAAA,UACA;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA,QAAQ,YAAY,SAAY;AAAA,UAAA;AAAA,UAElC,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UACrB,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAGN;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAGvB,mBACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjH3B,MAAM,WAAW;AAAA,EACf,CAAC,OAAO,QAAQ;AACd,+BAAQ,cAAA,EAAc,GAAG,OAAO,KAAU,UAAU,QAAQ;AAAA,EAC9D;AACF;AAEA,SAAS,cAAc;"}

package/dist/next/TextArea.cjs.js

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

package/dist/next/TextArea.js

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

package/dist/next/{TextInput-CpbTf99E.cjs → TextInput-Cr0WjibW.cjs}

@@ -4,7 +4,7 @@ const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const IconButton = require("./IconButton--X_Bqn4g.cjs");
+const IconButton = require("./IconButton-VSz8qAIg.cjs");
 const EyeIcon = (props) => /* @__PURE__ */ require$$2.jsxs(
   "svg",
   {
@@ -96,44 +96,42 @@ const EyeSlashIcon = (props) => /* @__PURE__ */ require$$2.jsxs(
     ]
   }
 );
-const noScroll = "_noScroll_g39hn_91";
-const errorMessage = "_errorMessage_g39hn_92";
-const loadingContainer = "_loadingContainer_g39hn_93";
-const hideScrollbar = "_hideScrollbar_g39hn_85";
-const sr_only = "_sr_only_g39hn_94";
-const container = "_container_g39hn_540";
-const textInput = "_textInput_g39hn_567";
-const iconContainer = "_iconContainer_g39hn_588";
-const togglePassword = "_togglePassword_g39hn_605";
-const success = "_success_g39hn_615";
-const error = "_error_g39hn_92";
-const warning = "_warning_g39hn_623";
-const primary = "_primary_g39hn_627";
-const outline = "_outline_g39hn_640";
-const secondary = "_secondary_g39hn_646";
-const tertiary = "_tertiary_g39hn_665";
-const quaternary = "_quaternary_g39hn_684";
-const clear = "_clear_g39hn_703";
-const disabled = "_disabled_g39hn_722";
-const roundNone = "_roundNone_g39hn_736";
-const roundSmall = "_roundSmall_g39hn_740";
-const roundMedium = "_roundMedium_g39hn_744";
-const roundLarge = "_roundLarge_g39hn_748";
-const roundFull = "_roundFull_g39hn_752";
-const shadowNone = "_shadowNone_g39hn_756";
-const shadowLight = "_shadowLight_g39hn_760";
-const shadowMedium = "_shadowMedium_g39hn_764";
-const shadowStrong = "_shadowStrong_g39hn_768";
-const shadowIntense = "_shadowIntense_g39hn_772";
-const spin = "_spin_g39hn_1";
-const pulse = "_pulse_g39hn_1";
+const container = "_container_l1xen_85";
+const roundNone = "_roundNone_l1xen_123";
+const roundSmall = "_roundSmall_l1xen_130";
+const roundMedium = "_roundMedium_l1xen_137";
+const roundLarge = "_roundLarge_l1xen_144";
+const roundFull = "_roundFull_l1xen_151";
+const shadowNone = "_shadowNone_l1xen_158";
+const shadowLight = "_shadowLight_l1xen_162";
+const shadowMedium = "_shadowMedium_l1xen_166";
+const shadowStrong = "_shadowStrong_l1xen_170";
+const shadowIntense = "_shadowIntense_l1xen_174";
+const textInput = "_textInput_l1xen_178";
+const iconContainer = "_iconContainer_l1xen_207";
+const togglePassword = "_togglePassword_l1xen_224";
+const success = "_success_l1xen_243";
+const error = "_error_l1xen_247";
+const warning = "_warning_l1xen_251";
+const primary = "_primary_l1xen_255";
+const outline = "_outline_l1xen_265";
+const secondary = "_secondary_l1xen_272";
+const tertiary = "_tertiary_l1xen_289";
+const quaternary = "_quaternary_l1xen_306";
+const clear = "_clear_l1xen_323";
+const disabled = "_disabled_l1xen_344";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   container,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
   textInput,
   iconContainer,
   togglePassword,
@@ -146,26 +144,7 @@ const styles = {
   tertiary,
   quaternary,
   clear,
-  disabled,
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  "fade-in": "_fade-in_g39hn_1",
-  "slide-up": "_slide-up_g39hn_1",
-  "spin-3d": "_spin-3d_g39hn_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_g39hn_1",
-  "progress-grow": "_progress-grow_g39hn_1",
-  "indeterminate-move": "_indeterminate-move_g39hn_1",
-  "skeleton-loading": "_skeleton-loading_g39hn_1"
+  disabled
 };
 const TextInputBase = React.forwardRef(
   ({
@@ -189,8 +168,17 @@ const TextInputBase = React.forwardRef(
     ...rest
   }, ref) => {
     const [showPassword, setShowPassword] = React.useState(false);
-    const inputId = React.useId();
-    const descId = `${inputId}-description`;
+    const autoId = React.useId();
+    const {
+      id: idProp,
+      required,
+      autoComplete: autoCompleteProp,
+      ...restInput
+    } = rest;
+    const inputId = idProp || autoId;
+    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 wrapperClass = React.useMemo(
       () => classNames.combineClassNames(
@@ -203,14 +191,15 @@ const TextInputBase = React.forwardRef(
         rounding && classMap[`round${capitalize.capitalize(rounding)}`],
         className
       ),
-      [classMap, theme, state, outline2, disabled2]
+      [classMap, theme, state, outline2, disabled2, shadow, rounding, className]
     );
+    const computedLabel = ariaLabel || placeholder;
     return /* @__PURE__ */ require$$2.jsxs(
       "div",
       {
         className: wrapperClass,
         "data-testid": `${testId}-wrapper`,
-        "aria-disabled": disabled2,
+        "aria-disabled": disabled2 || void 0,
         children: [
           Icon && /* @__PURE__ */ require$$2.jsx(
             "div",
@@ -218,7 +207,7 @@ const TextInputBase = React.forwardRef(
               className: classMap.iconContainer,
               "aria-hidden": "true",
               "data-testid": `${testId}-icon`,
-              children: /* @__PURE__ */ require$$2.jsx(Icon, {})
+              children: /* @__PURE__ */ require$$2.jsx(Icon, { "aria-hidden": "true" })
             }
           ),
           /* @__PURE__ */ require$$2.jsx(
@@ -229,13 +218,18 @@ const TextInputBase = React.forwardRef(
               type: password && !showPassword ? "password" : "text",
               className: `${classMap.textInput} ${classMap[theme]}`,
               placeholder,
-              "aria-label": ariaLabel || placeholder,
-              "aria-describedby": ariaDescription ? descId : void 0,
-              autoComplete: autocomplete ? "on" : "off",
+              "aria-label": computedLabel,
+              "aria-describedby": descId,
+              "aria-invalid": isError || void 0,
+              "aria-required": required || void 0,
+              "aria-readonly": readOnly || void 0,
+              "aria-disabled": disabled2 || void 0,
+              autoComplete: computedAutoComplete,
               readOnly,
               disabled: disabled2,
+              required,
               "data-testid": testId,
-              ...rest
+              ...restInput
             }
           ),
           password && /* @__PURE__ */ require$$2.jsx(
@@ -245,7 +239,9 @@ const TextInputBase = React.forwardRef(
               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 ? EyeIcon : EyeSlashIcon
             }
@@ -278,4 +274,4 @@ const TextInput = React.forwardRef((props, ref) => {
 });
 TextInput.displayName = "TextInput";
 exports.TextInput = TextInput;
-//# sourceMappingURL=TextInput-CpbTf99E.cjs.map
+//# sourceMappingURL=TextInput-Cr0WjibW.cjs.map

package/dist/next/TextInput-Cr0WjibW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput-Cr0WjibW.cjs","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      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\r\n    const autoId = useId();\r\n    const {\r\n      id: idProp,\r\n      required,\r\n      autoComplete: autoCompleteProp,\r\n      ...restInput\r\n    } = rest as InputHTMLAttributes<HTMLInputElement>;\r\n    const inputId = idProp || autoId;\r\n\r\n    const descId = ariaDescription ? `${inputId}-description` : undefined;\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 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, shadow, rounding, className]\r\n    );\r\n\r\n    const computedLabel = ariaLabel || placeholder;\r\n\r\n    return (\r\n      <div\r\n        className={wrapperClass}\r\n        data-testid={`${testId}-wrapper`}\r\n        aria-disabled={disabled || undefined}\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 aria-hidden=\"true\" />\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={computedLabel}\r\n          aria-describedby={descId}\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={computedAutoComplete}\r\n          readOnly={readOnly}\r\n          disabled={disabled}\r\n          required={required}\r\n          data-testid={testId}\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 ? 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","\"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":["jsxs","jsx","forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","disabled","outline","IconButton","useState","useId","useMemo","combineClassNames","capitalize"],"mappings":"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"}

package/dist/next/{TextInput-G1Pvtebv.js → TextInput-D9dzooMU.js}

@@ -3,7 +3,7 @@ import { forwardRef, useState, useId, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
-import { I as IconButton } from "./IconButton-B1r838wY.js";
+import { I as IconButton } from "./IconButton-qQljwBB2.js";
 const EyeIcon = (props) => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -95,44 +95,42 @@ const EyeSlashIcon = (props) => /* @__PURE__ */ jsxs(
     ]
   }
 );
-const noScroll = "_noScroll_g39hn_91";
-const errorMessage = "_errorMessage_g39hn_92";
-const loadingContainer = "_loadingContainer_g39hn_93";
-const hideScrollbar = "_hideScrollbar_g39hn_85";
-const sr_only = "_sr_only_g39hn_94";
-const container = "_container_g39hn_540";
-const textInput = "_textInput_g39hn_567";
-const iconContainer = "_iconContainer_g39hn_588";
-const togglePassword = "_togglePassword_g39hn_605";
-const success = "_success_g39hn_615";
-const error = "_error_g39hn_92";
-const warning = "_warning_g39hn_623";
-const primary = "_primary_g39hn_627";
-const outline = "_outline_g39hn_640";
-const secondary = "_secondary_g39hn_646";
-const tertiary = "_tertiary_g39hn_665";
-const quaternary = "_quaternary_g39hn_684";
-const clear = "_clear_g39hn_703";
-const disabled = "_disabled_g39hn_722";
-const roundNone = "_roundNone_g39hn_736";
-const roundSmall = "_roundSmall_g39hn_740";
-const roundMedium = "_roundMedium_g39hn_744";
-const roundLarge = "_roundLarge_g39hn_748";
-const roundFull = "_roundFull_g39hn_752";
-const shadowNone = "_shadowNone_g39hn_756";
-const shadowLight = "_shadowLight_g39hn_760";
-const shadowMedium = "_shadowMedium_g39hn_764";
-const shadowStrong = "_shadowStrong_g39hn_768";
-const shadowIntense = "_shadowIntense_g39hn_772";
-const spin = "_spin_g39hn_1";
-const pulse = "_pulse_g39hn_1";
+const container = "_container_l1xen_85";
+const roundNone = "_roundNone_l1xen_123";
+const roundSmall = "_roundSmall_l1xen_130";
+const roundMedium = "_roundMedium_l1xen_137";
+const roundLarge = "_roundLarge_l1xen_144";
+const roundFull = "_roundFull_l1xen_151";
+const shadowNone = "_shadowNone_l1xen_158";
+const shadowLight = "_shadowLight_l1xen_162";
+const shadowMedium = "_shadowMedium_l1xen_166";
+const shadowStrong = "_shadowStrong_l1xen_170";
+const shadowIntense = "_shadowIntense_l1xen_174";
+const textInput = "_textInput_l1xen_178";
+const iconContainer = "_iconContainer_l1xen_207";
+const togglePassword = "_togglePassword_l1xen_224";
+const success = "_success_l1xen_243";
+const error = "_error_l1xen_247";
+const warning = "_warning_l1xen_251";
+const primary = "_primary_l1xen_255";
+const outline = "_outline_l1xen_265";
+const secondary = "_secondary_l1xen_272";
+const tertiary = "_tertiary_l1xen_289";
+const quaternary = "_quaternary_l1xen_306";
+const clear = "_clear_l1xen_323";
+const disabled = "_disabled_l1xen_344";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   container,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
   textInput,
   iconContainer,
   togglePassword,
@@ -145,26 +143,7 @@ const styles = {
   tertiary,
   quaternary,
   clear,
-  disabled,
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  "fade-in": "_fade-in_g39hn_1",
-  "slide-up": "_slide-up_g39hn_1",
-  "spin-3d": "_spin-3d_g39hn_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_g39hn_1",
-  "progress-grow": "_progress-grow_g39hn_1",
-  "indeterminate-move": "_indeterminate-move_g39hn_1",
-  "skeleton-loading": "_skeleton-loading_g39hn_1"
+  disabled
 };
 const TextInputBase = forwardRef(
   ({
@@ -188,8 +167,17 @@ const TextInputBase = forwardRef(
     ...rest
   }, ref) => {
     const [showPassword, setShowPassword] = useState(false);
-    const inputId = useId();
-    const descId = `${inputId}-description`;
+    const autoId = useId();
+    const {
+      id: idProp,
+      required,
+      autoComplete: autoCompleteProp,
+      ...restInput
+    } = rest;
+    const inputId = idProp || autoId;
+    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 wrapperClass = useMemo(
       () => combineClassNames(
@@ -202,14 +190,15 @@ const TextInputBase = forwardRef(
         rounding && classMap[`round${capitalize(rounding)}`],
         className
       ),
-      [classMap, theme, state, outline2, disabled2]
+      [classMap, theme, state, outline2, disabled2, shadow, rounding, className]
     );
+    const computedLabel = ariaLabel || placeholder;
     return /* @__PURE__ */ jsxs(
       "div",
       {
         className: wrapperClass,
         "data-testid": `${testId}-wrapper`,
-        "aria-disabled": disabled2,
+        "aria-disabled": disabled2 || void 0,
         children: [
           Icon && /* @__PURE__ */ jsx(
             "div",
@@ -217,7 +206,7 @@ const TextInputBase = forwardRef(
               className: classMap.iconContainer,
               "aria-hidden": "true",
               "data-testid": `${testId}-icon`,
-              children: /* @__PURE__ */ jsx(Icon, {})
+              children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -228,13 +217,18 @@ const TextInputBase = forwardRef(
               type: password && !showPassword ? "password" : "text",
               className: `${classMap.textInput} ${classMap[theme]}`,
               placeholder,
-              "aria-label": ariaLabel || placeholder,
-              "aria-describedby": ariaDescription ? descId : void 0,
-              autoComplete: autocomplete ? "on" : "off",
+              "aria-label": computedLabel,
+              "aria-describedby": descId,
+              "aria-invalid": isError || void 0,
+              "aria-required": required || void 0,
+              "aria-readonly": readOnly || void 0,
+              "aria-disabled": disabled2 || void 0,
+              autoComplete: computedAutoComplete,
               readOnly,
               disabled: disabled2,
+              required,
               "data-testid": testId,
-              ...rest
+              ...restInput
             }
           ),
           password && /* @__PURE__ */ jsx(
@@ -244,7 +238,9 @@ const TextInputBase = forwardRef(
               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 ? EyeIcon : EyeSlashIcon
             }
@@ -279,4 +275,4 @@ TextInput.displayName = "TextInput";
 export {
   TextInput as T
 };
-//# sourceMappingURL=TextInput-G1Pvtebv.js.map
+//# sourceMappingURL=TextInput-D9dzooMU.js.map

package/dist/next/TextInput-D9dzooMU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput-D9dzooMU.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      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\r\n    const autoId = useId();\r\n    const {\r\n      id: idProp,\r\n      required,\r\n      autoComplete: autoCompleteProp,\r\n      ...restInput\r\n    } = rest as InputHTMLAttributes<HTMLInputElement>;\r\n    const inputId = idProp || autoId;\r\n\r\n    const descId = ariaDescription ? `${inputId}-description` : undefined;\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 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, shadow, rounding, className]\r\n    );\r\n\r\n    const computedLabel = ariaLabel || placeholder;\r\n\r\n    return (\r\n      <div\r\n        className={wrapperClass}\r\n        data-testid={`${testId}-wrapper`}\r\n        aria-disabled={disabled || undefined}\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 aria-hidden=\"true\" />\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={computedLabel}\r\n          aria-describedby={descId}\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={computedAutoComplete}\r\n          readOnly={readOnly}\r\n          disabled={disabled}\r\n          required={required}\r\n          data-testid={testId}\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 ? 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","\"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":["disabled","outline","IconButton"],"mappings":"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"}

package/dist/next/TextInput.cjs.js

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

package/dist/next/TextInput.js

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