boreal-ui 0.0.72 → 0.0.74

package/dist/core/TextArea-CLLK5k18.js

@@ -0,0 +1,211 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useId, useMemo } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
+const TextAreaBase = forwardRef(
+  ({
+    label,
+    labelPosition = "top",
+    icon: Icon,
+    placeholder = "Enter text",
+    readOnly = false,
+    outline = false,
+    autocomplete = false,
+    onChange,
+    theme = getDefaultTheme(),
+    rounding = getDefaultRounding(),
+    shadow = getDefaultShadow(),
+    state = "",
+    resizable = true,
+    "aria-label": ariaLabel,
+    "aria-description": ariaDescription,
+    helperText,
+    errorMessage,
+    describedBy,
+    disabled = false,
+    height,
+    classMap,
+    className = "",
+    "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 = label ? `${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,
+        classMap[theme],
+        classMap[state],
+        outline && classMap.outline,
+        disabled && classMap.disabled,
+        shadow && classMap[`shadow${capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize(rounding)}`],
+        className
+      ),
+      [classMap, theme, state, outline, disabled, shadow, rounding, className]
+    );
+    const isError = state === "error";
+    const computedAriaLabel = !ariaLabelledBy && !label ? 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",
+      {
+        className: combineClassNames(
+          classMap.container,
+          classMap[`label${capitalize(labelPosition)}`]
+        ),
+        "data-testid": testId,
+        children: [
+          label && /* @__PURE__ */ jsx(
+            "label",
+            {
+              id: labelId,
+              htmlFor: id,
+              className: classMap.label,
+              "data-testid": `${testId}-label`,
+              children: label
+            }
+          ),
+          /* @__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 })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                ref,
+                id,
+                placeholder,
+                "aria-label": computedAriaLabel,
+                "aria-labelledby": ariaLabelledBy || (!ariaLabelledBy && label ? labelId : void 0),
+                "aria-describedby": describedByIds,
+                "aria-errormessage": errorMessageId,
+                "aria-invalid": isError || void 0,
+                "aria-required": required || void 0,
+                "aria-readonly": readOnly || void 0,
+                "aria-disabled": disabled || void 0,
+                autoComplete: autocomplete ? "on" : "off",
+                onChange: (e) => onChange == null ? void 0 : onChange(e.currentTarget.value, e),
+                readOnly,
+                disabled,
+                required,
+                style: {
+                  height,
+                  resize: resizable ? void 0 : "none"
+                },
+                className: classMap.textInput,
+                "data-testid": `${testId}-input`,
+                ...props
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: classMap.customResizeHandle,
+                "aria-hidden": "true",
+                "data-testid": `${testId}-resize-handle`
+              }
+            ),
+            ariaDescription && /* @__PURE__ */ jsx(
+              "span",
+              {
+                id: descriptionId,
+                className: "sr_only",
+                "data-testid": `${testId}-description`,
+                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
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+TextAreaBase.displayName = "TextAreaBase";
+const classes = {
+  container: "container",
+  textArea: "textArea",
+  textInput: "textArea_text_input",
+  icon: "textArea_icon",
+  label: "label",
+  labelTop: "labelTop",
+  labelBottom: "labelBottom",
+  labelLeft: "labelLeft",
+  labelRight: "labelRight",
+  primary: "textArea_primary",
+  secondary: "textArea_secondary",
+  tertiary: "textArea_tertiary",
+  quaternary: "textArea_quaternary",
+  success: "textArea_success",
+  error: "textArea_error",
+  warning: "textArea_warning",
+  clear: "textArea_clear",
+  outline: "textArea_outline",
+  disabled: "textArea_disabled",
+  errorMessage: "textArea_errorMessage",
+  iconContainer: "textArea_iconContainer",
+  errorMessageContainer: "textArea_errorMessageContainer",
+  shadowNone: "textArea_shadow-None",
+  shadowLight: "textArea_shadow-Light",
+  shadowMedium: "textArea_shadow-Medium",
+  shadowStrong: "textArea_shadow-Strong",
+  shadowIntense: "textArea_shadow-Intense",
+  roundNone: "textArea_round-None",
+  roundSmall: "textArea_round-Small",
+  roundMedium: "textArea_round-Medium",
+  roundLarge: "textArea_round-Large"
+};
+const TextArea = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(TextAreaBase, { ...props, ref, classMap: classes });
+  }
+);
+TextArea.displayName = "TextArea";
+export {
+  TextArea as T
+};
+//# sourceMappingURL=TextArea-CLLK5k18.js.map

package/dist/core/TextArea-CLLK5k18.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea-CLLK5k18.js","sources":["../../src/components/TextArea/TextAreaBase.tsx","../../src/components/TextArea/core/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","import { forwardRef } from \"react\";\r\nimport TextAreaBase from \"../TextAreaBase\";\r\nimport type { TextAreaProps } from \"../TextArea.types\";\r\nimport \"./TextArea.scss\";\r\n\r\nconst classes = {\r\n  container: \"container\",\r\n  textArea: \"textArea\",\r\n  textInput: \"textArea_text_input\",\r\n  icon: \"textArea_icon\",\r\n\r\n  label: \"label\",\r\n  labelTop: \"labelTop\",\r\n  labelBottom: \"labelBottom\",\r\n  labelLeft: \"labelLeft\",\r\n  labelRight: \"labelRight\",\r\n\r\n  primary: \"textArea_primary\",\r\n  secondary: \"textArea_secondary\",\r\n  tertiary: \"textArea_tertiary\",\r\n  quaternary: \"textArea_quaternary\",\r\n\r\n  success: \"textArea_success\",\r\n  error: \"textArea_error\",\r\n  warning: \"textArea_warning\",\r\n\r\n  clear: \"textArea_clear\",\r\n\r\n  outline: \"textArea_outline\",\r\n\r\n  disabled: \"textArea_disabled\",\r\n\r\n  errorMessage: \"textArea_errorMessage\",\r\n  iconContainer: \"textArea_iconContainer\",\r\n  errorMessageContainer: \"textArea_errorMessageContainer\",\r\n\r\n  shadowNone: \"textArea_shadow-None\",\r\n  shadowLight: \"textArea_shadow-Light\",\r\n  shadowMedium: \"textArea_shadow-Medium\",\r\n  shadowStrong: \"textArea_shadow-Strong\",\r\n  shadowIntense: \"textArea_shadow-Intense\",\r\n\r\n  roundNone: \"textArea_round-None\",\r\n  roundSmall: \"textArea_round-Small\",\r\n  roundMedium: \"textArea_round-Medium\",\r\n  roundLarge: \"textArea_round-Large\",\r\n};\r\n\r\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\r\n  (props, ref) => {\r\n    return <TextAreaBase {...props} ref={ref} classMap={classes} />;\r\n  },\r\n);\r\n\r\nTextArea.displayName = \"TextArea\";\r\n\r\nexport default TextArea;\r\n"],"names":[],"mappings":"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"}

package/dist/core/TextArea.cjs.js

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

package/dist/core/TextArea.js

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

package/dist/core/TextInput-Bc2YpcvM.js

@@ -0,0 +1,331 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useId, useMemo } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
+/* empty css                 */
+import { I as IconButton } from "./IconButton-By8zuXrs.js";
+const EyeIcon = (props) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    strokeWidth: "1.5",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M3 13C6.6 5 17.4 5 21 13",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          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",
+          fill: "currentColor",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+const EyeSlashIcon = (props) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    strokeWidth: "1.5",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M19.5 16L17.0248 12.6038",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 17.5V14",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M4.5 16L6.96895 12.6124",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M3 8C6.6 16 17.4 16 21 8",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+const TextInputBase = forwardRef(
+  ({
+    icon: Icon,
+    label,
+    labelPosition = "top",
+    placeholder = "Enter text",
+    password = false,
+    readOnly = false,
+    theme = getDefaultTheme(),
+    rounding = getDefaultRounding(),
+    shadow = getDefaultShadow(),
+    onChange,
+    state = "",
+    disabled = false,
+    autocomplete = false,
+    outline = false,
+    classMap,
+    IconButton: IconButton2,
+    className = "",
+    srOnlyText,
+    "data-testid": testId = "text-input",
+    ...rest
+  }, ref) => {
+    const [showPassword, setShowPassword] = useState(false);
+    const autoId = useId();
+    const {
+      id: idProp,
+      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(label);
+    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 isError = state === "error";
+    const computedAutoComplete = autoCompleteProp ?? (autocomplete ? password ? "current-password" : "on" : "off");
+    const computedAriaInvalid = ariaInvalid ?? (isError || void 0);
+    const computedAriaRequired = ariaRequired ?? (required || void 0);
+    const computedAriaReadOnly = ariaReadOnly ?? (readOnly || void 0);
+    const computedAriaDisabled = ariaDisabled ?? (disabled || 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,
+        classMap[theme],
+        classMap[state],
+        outline && classMap.outline,
+        disabled && classMap.disabled,
+        shadow && classMap[`shadow${capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize(rounding)}`],
+        className
+      ),
+      [classMap, theme, state, outline, disabled, shadow, rounding, className]
+    );
+    const inputClasses = useMemo(
+      () => combineClassNames(classMap.textInput, outline && classMap.outline),
+      [classMap, outline]
+    );
+    const iconClasses = useMemo(
+      () => combineClassNames(
+        classMap.iconContainer,
+        classMap[theme],
+        disabled && classMap.disabled
+      ),
+      [classMap, theme, disabled]
+    );
+    return /* @__PURE__ */ jsxs("div", { className: containerClass, "data-testid": testId, children: [
+      label && /* @__PURE__ */ jsx(
+        "label",
+        {
+          htmlFor: inputId,
+          className: classMap.label,
+          "data-testid": `${testId}-label`,
+          children: label
+        }
+      ),
+      /* @__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 })
+          }
+        ),
+        /* @__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,
+            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";
+const classes = {
+  container: "container",
+  label: "label",
+  labelTop: "labelTop",
+  labelBottom: "labelBottom",
+  labelLeft: "labelLeft",
+  labelRight: "labelRight",
+  textInput: "textInput",
+  iconContainer: "textInput_icon_container",
+  togglePassword: "textInput_togglePassword",
+  inputRow: "textInput_inputRow",
+  inputWrapper: "textInput_inputWrapper",
+  hasTitle: "textInput_hasTitle",
+  title: "textInput_title",
+  titleInline: "textInput_titleInline",
+  titleOverlay: "textInput_titleOverlay",
+  titlePosTop: "textInput_titlePosTop",
+  titlePosBottom: "textInput_titlePosBottom",
+  titlePosLeft: "textInput_titlePosLeft",
+  titlePosRight: "textInput_titlePosRight",
+  titlePosOverlay: "textInput_titlePosOverlay",
+  primary: "textInput_primary",
+  secondary: "textInput_secondary",
+  tertiary: "textInput_tertiary",
+  quaternary: "textInput_quaternary",
+  success: "textInput_success",
+  warning: "textInput_warning",
+  error: "textInput_error",
+  clear: "textInput_clear",
+  xs: "textInput_xs",
+  xl: "textInput_xl",
+  small: "textInput_small",
+  medium: "textInput_medium",
+  large: "textInput_large",
+  outline: "textInput_outline",
+  disabled: "textInput_disabled",
+  shadowNone: "textInput_shadow-None",
+  shadowLight: "textInput_shadow-Light",
+  shadowMedium: "textInput_shadow-Medium",
+  shadowStrong: "textInput_shadow-Strong",
+  shadowIntense: "textInput_shadow-Intense",
+  roundNone: "textInput_round-None",
+  roundSmall: "textInput_round-Small",
+  roundMedium: "textInput_round-Medium",
+  roundLarge: "textInput_round-Large"
+};
+const TextInput = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(
+    TextInputBase,
+    {
+      ...props,
+      IconButton,
+      ref,
+      classMap: classes
+    }
+  );
+});
+TextInput.displayName = "TextInput";
+export {
+  TextInput as T
+};
+//# sourceMappingURL=TextInput-Bc2YpcvM.js.map

package/dist/core/TextInput-Bc2YpcvM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput-Bc2YpcvM.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 { 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","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: \"container\",\r\n  label: \"label\",\r\n  labelTop: \"labelTop\",\r\n  labelBottom: \"labelBottom\",\r\n  labelLeft: \"labelLeft\",\r\n  labelRight: \"labelRight\",\r\n\r\n  textInput: \"textInput\",\r\n  iconContainer: \"textInput_icon_container\",\r\n  togglePassword: \"textInput_togglePassword\",\r\n  inputRow: \"textInput_inputRow\",\r\n  inputWrapper: \"textInput_inputWrapper\",\r\n\r\n  hasTitle: \"textInput_hasTitle\",\r\n  title: \"textInput_title\",\r\n  titleInline: \"textInput_titleInline\",\r\n  titleOverlay: \"textInput_titleOverlay\",\r\n\r\n  titlePosTop: \"textInput_titlePosTop\",\r\n  titlePosBottom: \"textInput_titlePosBottom\",\r\n  titlePosLeft: \"textInput_titlePosLeft\",\r\n  titlePosRight: \"textInput_titlePosRight\",\r\n  titlePosOverlay: \"textInput_titlePosOverlay\",\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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"}