@adam-milo/ui 1.0.33 → 1.0.34

package/dist/index36.js

@@ -1,9 +1,386 @@
-const isDev = process.env.NODE_ENV !== "production";
-const devWarn = (message) => {
-  if (isDev) {
-    console.warn(message);
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useRef, useId, useMemo, useEffect } from "react";
+import { Provider, Root as Root3, Trigger, Portal, Content as Content2, Arrow as Arrow2 } from "./index62.js";
+import { cn } from "./index31.js";
+/* empty css        */
+import { useMergedRef } from "./index37.js";
+import { debounce } from "./index61.js";
+const Input = forwardRef(
+  ({
+    type = "text",
+    label,
+    tooltip,
+    error: externalError,
+    helperText,
+    fullWidth = false,
+    showPasswordToggle = true,
+    showLastChar = true,
+    lastCharDelay = 500,
+    validate,
+    onValidationChange,
+    className,
+    id: providedId,
+    onChange,
+    onBlur,
+    required,
+    value: controlledValue,
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const [isPasswordVisible, setIsPasswordVisible] = useState(false);
+    const [internalError, setInternalError] = useState();
+    const [isFocused, setIsFocused] = useState(false);
+    const [isHovered, setIsHovered] = useState(false);
+    const touchedRef = useRef(false);
+    const [displayPassword, setDisplayPassword] = useState("");
+    const actualPasswordRef = useRef("");
+    const timeoutRef = useRef(null);
+    const inputRef = useRef(null);
+    const mergedRef = useMergedRef(ref, inputRef);
+    const generatedId = useId();
+    const id = providedId || generatedId;
+    const errorId = `${id}-error`;
+    const helperId = `${id}-helper`;
+    const finalDataCy = dataCy || "input";
+    const finalTestId = dataTestId || "input";
+    const isPasswordType = type === "password";
+    const showToggle = isPasswordType && showPasswordToggle;
+    const shouldEnableLastCharPreview = isPasswordType && showLastChar && !isPasswordVisible && controlledValue === void 0;
+    const inputType = isPasswordType && (isPasswordVisible || shouldEnableLastCharPreview && actualPasswordRef.current.length > 0) ? "text" : type;
+    const displayLabel = label && required && !label.includes("*") ? `${label} *` : label;
+    const togglePasswordVisibility = () => {
+      setIsPasswordVisible((prev) => !prev);
+      setTimeout(() => {
+        var _a;
+        return (_a = inputRef.current) == null ? void 0 : _a.focus();
+      }, 0);
+    };
+    const debouncedValidate = useMemo(
+      () => debounce((value) => {
+        if (validate && touchedRef.current) {
+          const validationError = validate(value);
+          setInternalError(validationError);
+          onValidationChange == null ? void 0 : onValidationChange(!validationError);
+        }
+      }, 300),
+      [validate, onValidationChange]
+    );
+    const debouncedValidateRef = useRef(debouncedValidate);
+    useEffect(() => {
+      debouncedValidateRef.current = debouncedValidate;
+    }, [debouncedValidate]);
+    useEffect(() => {
+      if (process.env.NODE_ENV === "development") {
+        if (isPasswordType && showLastChar && controlledValue !== void 0) {
+          console.warn(
+            "[Input] Password last character preview (showLastChar) only works in uncontrolled mode. Remove the value prop to use this feature, or set showLastChar={false}."
+          );
+        }
+      }
+    }, [isPasswordType, showLastChar, controlledValue]);
+    useEffect(() => {
+      return () => {
+        if (timeoutRef.current) {
+          clearTimeout(timeoutRef.current);
+        }
+        debouncedValidateRef.current.cancel();
+      };
+    }, []);
+    const inputValue = shouldEnableLastCharPreview && controlledValue === void 0 ? displayPassword : isPasswordVisible && isPasswordType && controlledValue === void 0 ? actualPasswordRef.current || "" : controlledValue;
+    const handleChange = (e) => {
+      let value = e.target.value;
+      if (shouldEnableLastCharPreview) {
+        const inputValue2 = e.target.value;
+        const prevActualPassword = actualPasswordRef.current;
+        const prevDisplayLength = displayPassword.length;
+        let newActualPassword;
+        if (inputValue2.length === 0) {
+          newActualPassword = "";
+        } else if (inputValue2.length > prevDisplayLength) {
+          const addedChars = inputValue2.slice(prevDisplayLength);
+          newActualPassword = prevActualPassword + addedChars;
+        } else if (inputValue2.length < prevDisplayLength) {
+          newActualPassword = prevActualPassword.slice(0, inputValue2.length);
+        } else {
+          const lastChar = inputValue2.slice(-1);
+          newActualPassword = prevActualPassword.slice(0, -1) + lastChar;
+        }
+        actualPasswordRef.current = newActualPassword;
+        const masked = newActualPassword ? "•".repeat(newActualPassword.length - 1) + newActualPassword.slice(-1) : "";
+        setDisplayPassword(masked);
+        value = newActualPassword;
+        if (onChange) {
+          const syntheticEvent = {
+            ...e,
+            target: { ...e.target, value: newActualPassword },
+            currentTarget: { ...e.currentTarget, value: newActualPassword }
+          };
+          onChange(syntheticEvent);
+        }
+        if (timeoutRef.current) {
+          clearTimeout(timeoutRef.current);
+        }
+        timeoutRef.current = setTimeout(() => {
+          setDisplayPassword("•".repeat(newActualPassword.length));
+        }, lastCharDelay);
+      } else {
+        onChange == null ? void 0 : onChange(e);
+      }
+      if (touchedRef.current) {
+        debouncedValidate(value);
+      }
+    };
+    const handleFocus = (e) => {
+      var _a;
+      setIsFocused(true);
+      (_a = props.onFocus) == null ? void 0 : _a.call(props, e);
+    };
+    const handleBlur = (e) => {
+      setIsFocused(false);
+      touchedRef.current = true;
+      if (validate) {
+        const valueToValidate = shouldEnableLastCharPreview ? actualPasswordRef.current : e.target.value;
+        const validationError = validate(valueToValidate);
+        setInternalError(validationError);
+        onValidationChange == null ? void 0 : onValidationChange(!validationError);
+      }
+      onBlur == null ? void 0 : onBlur(e);
+    };
+    const handleMouseEnter = () => {
+      setIsHovered(true);
+    };
+    const handleMouseLeave = () => {
+      setIsHovered(false);
+    };
+    const displayError = externalError || internalError;
+    const inputState = props.disabled ? "disabled" : displayError ? "error" : isFocused ? "focus" : isHovered ? "hover" : "idle";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("input-wrapper", fullWidth && "input-wrapper--full-width"),
+        "data-cy": `${finalDataCy}-wrapper`,
+        "data-testid": `${finalTestId}-wrapper`,
+        children: [
+          (label || tooltip) && /* @__PURE__ */ jsxs("div", { className: "input__label-row", children: [
+            label && /* @__PURE__ */ jsx(
+              "label",
+              {
+                htmlFor: id,
+                className: "input__label",
+                "data-cy": `${finalDataCy}-label`,
+                "data-testid": `${finalTestId}-label`,
+                children: displayLabel
+              }
+            ),
+            tooltip && /* @__PURE__ */ jsx(Provider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Root3, { children: [
+              /* @__PURE__ */ jsx(Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "input__tooltip-trigger",
+                  "aria-label": "More information",
+                  "data-cy": `${finalDataCy}-tooltip-trigger`,
+                  "data-testid": `${finalTestId}-tooltip-trigger`,
+                  children: /* @__PURE__ */ jsxs(
+                    "svg",
+                    {
+                      width: "12",
+                      height: "12",
+                      viewBox: "0 0 12 12",
+                      fill: "none",
+                      xmlns: "http://www.w3.org/2000/svg",
+                      "aria-hidden": "true",
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "circle",
+                          {
+                            cx: "6",
+                            cy: "6",
+                            r: "5.5",
+                            stroke: "currentColor",
+                            strokeWidth: "1",
+                            fill: "none"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          "path",
+                          {
+                            d: "M6 5.5V8.5",
+                            stroke: "currentColor",
+                            strokeWidth: "1",
+                            strokeLinecap: "round"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("circle", { cx: "6", cy: "4", r: "0.5", fill: "currentColor" })
+                      ]
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(
+                Content2,
+                {
+                  className: "input__tooltip-content",
+                  side: "top",
+                  sideOffset: 4,
+                  "data-cy": `${finalDataCy}-tooltip-content`,
+                  "data-testid": `${finalTestId}-tooltip-content`,
+                  children: [
+                    tooltip,
+                    /* @__PURE__ */ jsx(Arrow2, { className: "input__tooltip-arrow" })
+                  ]
+                }
+              ) })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "input__field-container", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: mergedRef,
+                id,
+                type: inputType,
+                value: inputValue,
+                className: cn(
+                  "input",
+                  displayError && "input--error",
+                  fullWidth && "input--full-width",
+                  showToggle && "input--with-toggle",
+                  className
+                ),
+                "aria-invalid": displayError ? "true" : "false",
+                "aria-required": required ? "true" : void 0,
+                "aria-describedby": displayError ? errorId : helperText ? helperId : void 0,
+                "data-cy": finalDataCy,
+                "data-testid": finalTestId,
+                "data-state": inputState,
+                onChange: handleChange,
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                onMouseEnter: handleMouseEnter,
+                onMouseLeave: handleMouseLeave,
+                required,
+                ...props
+              }
+            ),
+            showToggle && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "input__toggle",
+                onClick: togglePasswordVisibility,
+                "aria-label": isPasswordVisible ? "Hide password" : "Show password",
+                "data-cy": `${finalDataCy}-toggle`,
+                "data-testid": `${finalTestId}-toggle`,
+                children: isPasswordVisible ? /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 20 20",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    "aria-hidden": "true",
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          d: "M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",
+                          stroke: "currentColor",
+                          strokeWidth: "1.5",
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          fill: "none"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "circle",
+                        {
+                          cx: "10",
+                          cy: "10",
+                          r: "2.5",
+                          stroke: "currentColor",
+                          strokeWidth: "1.5",
+                          fill: "none"
+                        }
+                      )
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 20 20",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    "aria-hidden": "true",
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          d: "M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",
+                          stroke: "currentColor",
+                          strokeWidth: "1.5",
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          fill: "none"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "circle",
+                        {
+                          cx: "10",
+                          cy: "10",
+                          r: "2.5",
+                          stroke: "currentColor",
+                          strokeWidth: "1.5",
+                          fill: "none"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          d: "M3 3l14 14",
+                          stroke: "currentColor",
+                          strokeWidth: "1.5",
+                          strokeLinecap: "round"
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            )
+          ] }),
+          displayError && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: errorId,
+              className: "input__error",
+              role: "alert",
+              "data-cy": `${finalDataCy}-error`,
+              "data-testid": `${finalTestId}-error`,
+              children: displayError
+            }
+          ),
+          helperText && !displayError && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: helperId,
+              className: "input__helper",
+              "data-cy": `${finalDataCy}-helper`,
+              "data-testid": `${finalTestId}-helper`,
+              children: helperText
+            }
+          )
+        ]
+      }
+    );
   }
-};
+);
+Input.displayName = "Input";
 export {
-  devWarn
+  Input
 };

package/dist/index37.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useMergedRef=function(...r){return e.useCallback(e=>{r.forEach(r=>{r&&("function"==typeof r?r(e):r.current=e)})},r)};

package/dist/index37.js

@@ -0,0 +1,16 @@
+import { useCallback } from "react";
+function useMergedRef(...refs) {
+  return useCallback((element) => {
+    refs.forEach((ref) => {
+      if (!ref) return;
+      if (typeof ref === "function") {
+        ref(element);
+      } else {
+        ref.current = element;
+      }
+    });
+  }, refs);
+}
+export {
+  useMergedRef
+};

package/dist/index4.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index25.cjs"),r=t.forwardRef(({showToggle:t=!0,"data-cy":r,"data-testid":a,...o},d)=>e.jsx(s.Input,{ref:d,type:"password",showPasswordToggle:t,"data-cy":r||"password-input","data-testid":a||"password-input",...o}));r.displayName="PasswordInput",exports.PasswordInput=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),n=require("./index31.cjs"),a=require("@adam-milo/icons");;/* empty css          */const i={settings:"GearIcon",user:"PersonIcon"},s=t.forwardRef(({variant:t,selected:s=!1,initials:c,disabled:r,"aria-label":o,"data-testid":d,"data-cy":u,...l},m)=>{const b=u||`menu-icon-button-${t}`,p=d||`menu-icon-button-${t}`,x=n.cn("menu-icon-btn",`menu-icon-btn--${t}`,s&&"menu-icon-btn--selected");return e.jsx("button",{ref:m,type:"button",disabled:r,className:x,"aria-label":o,"aria-pressed":s,"data-testid":p,"data-cy":b,...l,children:"user"===t&&c?e.jsx("span",{className:"menu-icon-btn__initials","data-cy":`${b}-initials`,"data-testid":`${p}-initials`,children:c.slice(0,2).toUpperCase()}):e.jsx("span",{className:"menu-icon-btn__icon","data-cy":`${b}-icon`,"data-testid":`${p}-icon`,children:e.jsx(a.Icon,{name:i[t],size:"md",decorative:!0})})})});s.displayName="MenuIconButton",exports.MenuIconButton=s;

package/dist/index4.js

@@ -1,22 +1,70 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { Input } from "./index25.js";
-const PasswordInput = forwardRef(
-  ({ showToggle = true, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+import { cn } from "./index31.js";
+import { Icon } from "@adam-milo/icons";
+/* empty css        */
+const variantIconMap = {
+  settings: "GearIcon",
+  user: "PersonIcon"
+};
+const MenuIconButton = forwardRef(
+  ({
+    variant,
+    selected = false,
+    initials,
+    disabled,
+    "aria-label": ariaLabel,
+    "data-testid": dataTestId,
+    "data-cy": dataCy,
+    ...props
+  }, ref) => {
+    const finalDataCy = dataCy || `menu-icon-button-${variant}`;
+    const finalTestId = dataTestId || `menu-icon-button-${variant}`;
+    const classes = cn(
+      "menu-icon-btn",
+      `menu-icon-btn--${variant}`,
+      selected && "menu-icon-btn--selected"
+    );
+    const renderContent = () => {
+      if (variant === "user" && initials) {
+        return /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "menu-icon-btn__initials",
+            "data-cy": `${finalDataCy}-initials`,
+            "data-testid": `${finalTestId}-initials`,
+            children: initials.slice(0, 2).toUpperCase()
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "menu-icon-btn__icon",
+          "data-cy": `${finalDataCy}-icon`,
+          "data-testid": `${finalTestId}-icon`,
+          children: /* @__PURE__ */ jsx(Icon, { name: variantIconMap[variant], size: "md", decorative: true })
+        }
+      );
+    };
     return /* @__PURE__ */ jsx(
-      Input,
+      "button",
       {
         ref,
-        type: "password",
-        showPasswordToggle: showToggle,
-        "data-cy": dataCy || "password-input",
-        "data-testid": dataTestId || "password-input",
-        ...props
+        type: "button",
+        disabled,
+        className: classes,
+        "aria-label": ariaLabel,
+        "aria-pressed": selected,
+        "data-testid": finalTestId,
+        "data-cy": finalDataCy,
+        ...props,
+        children: renderContent()
       }
     );
   }
 );
-PasswordInput.displayName = "PasswordInput";
+MenuIconButton.displayName = "MenuIconButton";
 export {
-  PasswordInput
+  MenuIconButton
 };

package/dist/index5.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index25.cjs"),r=t.forwardRef(({min:r,max:i,step:s=1,allowDecimals:u=!1,validate:n,"data-cy":l,"data-testid":c,...d},o)=>{const m=t.useCallback(e=>{if(!e)return;const t=parseFloat(e);return isNaN(t)?"Please enter a valid number":u||Number.isInteger(t)?void 0!==r&&t<r?`Must be at least ${r}`:void 0!==i&&t>i?`Must be at most ${i}`:void 0:"Decimals are not allowed"},[r,i,u]),p=t.useCallback(e=>n?m(e)||n(e):m(e),[m,n]);return e.jsx(a.Input,{ref:o,type:"number",min:r,max:i,validate:p,"data-cy":l||"numeric-input","data-testid":c||"numeric-input",...d,step:u?"any":s})});r.displayName="NumericInput",exports.NumericInput=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("react"),t=require("email-validator"),i=require("./index36.cjs"),l=e.forwardRef(({validateEmail:l=!0,invalidEmailMessage:r="Not a valid email address",validate:d,"data-cy":s,"data-testid":u,...n},o)=>{const m=e.useCallback(a=>{if(a)return t.validate(a)?void 0:r},[r]),c=e.useCallback(a=>l?d?m(a)||d(a):m(a):null==d?void 0:d(a),[l,d,m]);return a.jsx(i.Input,{ref:o,type:"email",validate:c,"data-cy":s||"email-input","data-testid":u||"email-input",...n})});l.displayName="EmailInput",exports.EmailInput=l;

package/dist/index5.js

@@ -1,61 +1,45 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useCallback } from "react";
-import { Input } from "./index25.js";
-const NumericInput = forwardRef(
+import { validate } from "email-validator";
+import { Input } from "./index36.js";
+const EmailInput = forwardRef(
   ({
-    min,
-    max,
-    step = 1,
-    allowDecimals = false,
-    validate,
+    validateEmail = true,
+    invalidEmailMessage = "Not a valid email address",
+    validate: validate$1,
     "data-cy": dataCy,
     "data-testid": dataTestId,
     ...props
   }, ref) => {
-    const numericValidation = useCallback(
+    const emailValidation = useCallback(
       (value) => {
         if (!value) return void 0;
-        const numValue = parseFloat(value);
-        if (isNaN(numValue)) {
-          return "Please enter a valid number";
-        }
-        if (!allowDecimals && !Number.isInteger(numValue)) {
-          return "Decimals are not allowed";
-        }
-        if (min !== void 0 && numValue < min) {
-          return `Must be at least ${min}`;
-        }
-        if (max !== void 0 && numValue > max) {
-          return `Must be at most ${max}`;
-        }
-        return void 0;
+        return validate(value) ? void 0 : invalidEmailMessage;
       },
-      [min, max, allowDecimals]
+      [invalidEmailMessage]
     );
     const combinedValidation = useCallback(
       (value) => {
-        if (!validate) return numericValidation(value);
-        return numericValidation(value) || validate(value);
+        if (!validateEmail) return validate$1 == null ? void 0 : validate$1(value);
+        if (!validate$1) return emailValidation(value);
+        return emailValidation(value) || validate$1(value);
       },
-      [numericValidation, validate]
+      [validateEmail, validate$1, emailValidation]
     );
     return /* @__PURE__ */ jsx(
       Input,
       {
         ref,
-        type: "number",
-        min,
-        max,
+        type: "email",
         validate: combinedValidation,
-        "data-cy": dataCy || "numeric-input",
-        "data-testid": dataTestId || "numeric-input",
-        ...props,
-        step: allowDecimals ? "any" : step
+        "data-cy": dataCy || "email-input",
+        "data-testid": dataTestId || "email-input",
+        ...props
       }
     );
   }
 );
-NumericInput.displayName = "NumericInput";
+EmailInput.displayName = "EmailInput";
 export {
-  NumericInput
+  EmailInput
 };

package/dist/index50.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});process.env.NODE_ENV;exports.devWarn=e=>{};

package/dist/index50.js

@@ -0,0 +1,9 @@
+const isDev = process.env.NODE_ENV !== "production";
+const devWarn = (message) => {
+  if (isDev) {
+    console.warn(message);
+  }
+};
+export {
+  devWarn
+};

package/dist/index6.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index25.cjs"),n=require("./index26.cjs"),l=t.forwardRef(({allowHyphen:l=!1,allowUnderscore:r=!1,allowSpace:s=!1,minLength:u,maxLength:i,validate:c,onChange:o,"data-cy":p,"data-testid":d,...h},g)=>{const m=t.useRef(null),f=n.useMergedRef(g,m),v=t.useMemo(()=>{let e="^[a-zA-Z0-9";return l&&(e+="\\-"),r&&(e+="_"),s&&(e+=" "),e+="]*$",new RegExp(e)},[l,r,s]),x=t.useMemo(()=>{let e="[a-zA-Z0-9";return l&&(e+="\\-"),r&&(e+="_"),s&&(e+=" "),e+="]",new RegExp(e)},[l,r,s]),y=t.useCallback(e=>{if(e){if(!v.test(e)){let e="letters and numbers";const t=[];return l&&t.push("hyphens"),r&&t.push("underscores"),s&&t.push("spaces"),t.length>0&&(e+=`, ${t.join(", ")}`),`Only ${e} are allowed`}return void 0!==u&&e.length<u?`Must be at least ${u} characters`:void 0!==i&&e.length>i?`Must be at most ${i} characters`:void 0}},[v,u,i,l,r,s]),b=t.useCallback(e=>c?y(e)||c(e):y(e),[y,c]),[j,w]=t.useState(null);t.useEffect(()=>{null!==j&&m.current&&(m.current.setSelectionRange(j,j),w(null))},[h.value,j]);const R=t.useCallback(e=>{const t=e.target,a=t.value,n=t.selectionStart||0,l=a.split("").filter(e=>x.test(e)).join(""),r=n-a.slice(0,n).split("").filter(e=>!x.test(e)).length;t.value=l;void 0!==h.value?w(r):t.setSelectionRange(r,r),null==o||o(e)},[x,o,h.value]);return e.jsx(a.Input,{ref:f,type:"text",minLength:u,maxLength:i,validate:b,onChange:R,"data-cy":p||"alphanumeric-input","data-testid":d||"alphanumeric-input",...h})});l.displayName="AlphanumericInput",exports.AlphanumericInput=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index36.cjs"),r=t.forwardRef(({showToggle:t=!0,"data-cy":r,"data-testid":a,...o},d)=>e.jsx(s.Input,{ref:d,type:"password",showPasswordToggle:t,"data-cy":r||"password-input","data-testid":a||"password-input",...o}));r.displayName="PasswordInput",exports.PasswordInput=r;