@adam-milo/ui 1.0.23 → 1.0.24

package/dist/index16.js

@@ -1,44 +1,125 @@
-import { jsx } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { cn } from "./index17.js";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { cn } from "./index18.js";
 /* empty css        */
-const Stack = forwardRef(
-  ({
-    direction = "vertical",
-    spacing = "4",
-    align = "stretch",
-    justify = "start",
-    wrap = false,
-    className,
-    children,
-    "data-cy": dataCy,
-    "data-testid": dataTestId,
-    ...props
-  }, ref) => {
-    const finalDataCy = dataCy || `stack-${direction}`;
-    const finalTestId = dataTestId || `stack-${direction}`;
-    return /* @__PURE__ */ jsx(
-      "div",
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
+const DialogOverlay = forwardRef(({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+  const finalDataCy = dataCy || "dialog-overlay";
+  const finalTestId = dataTestId || "dialog-overlay";
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      ref,
+      className: cn("dialog-overlay", className),
+      "data-cy": finalDataCy,
+      "data-testid": finalTestId,
+      ...props
+    }
+  );
+});
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+const DialogContent = forwardRef(({ className, children, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+  const finalDataCy = dataCy || "dialog-content";
+  const finalTestId = dataTestId || "dialog-content";
+  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      DialogPrimitive.Content,
       {
         ref,
-        className: cn(
-          "stack",
-          `stack--${direction}`,
-          `stack--spacing-${spacing}`,
-          `stack--align-${align}`,
-          `stack--justify-${justify}`,
-          wrap && "stack--wrap",
-          className
-        ),
+        className: cn("dialog-content", className),
         "data-cy": finalDataCy,
         "data-testid": finalTestId,
         ...props,
         children
       }
+    )
+  ] });
+});
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+const DialogHeader = ({
+  className,
+  "data-cy": dataCy,
+  "data-testid": dataTestId,
+  ...props
+}) => {
+  const finalDataCy = dataCy || "dialog-header";
+  const finalTestId = dataTestId || "dialog-header";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("dialog-header", className),
+      "data-cy": finalDataCy,
+      "data-testid": finalTestId,
+      ...props
+    }
+  );
+};
+DialogHeader.displayName = "DialogHeader";
+const DialogFooter = ({
+  className,
+  "data-cy": dataCy,
+  "data-testid": dataTestId,
+  ...props
+}) => {
+  const finalDataCy = dataCy || "dialog-footer";
+  const finalTestId = dataTestId || "dialog-footer";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("dialog-footer", className),
+      "data-cy": finalDataCy,
+      "data-testid": finalTestId,
+      ...props
+    }
+  );
+};
+DialogFooter.displayName = "DialogFooter";
+const DialogTitle = forwardRef(
+  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+    const finalDataCy = dataCy || "dialog-title";
+    const finalTestId = dataTestId || "dialog-title";
+    return /* @__PURE__ */ jsx(
+      DialogPrimitive.Title,
+      {
+        ref,
+        className: cn("dialog-title", className),
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
+      }
     );
   }
 );
-Stack.displayName = "Stack";
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+const DialogDescription = forwardRef(({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+  const finalDataCy = dataCy || "dialog-description";
+  const finalTestId = dataTestId || "dialog-description";
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      ref,
+      className: cn("dialog-description", className),
+      "data-cy": finalDataCy,
+      "data-testid": finalTestId,
+      ...props
+    }
+  );
+});
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
 export {
-  Stack
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger
 };

package/dist/index17.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("clsx"),r=require("tailwind-merge");let t=0;exports.cn=function(...t){return r.twMerge(e.clsx(t))},exports.generateId=function(e="id"){return t+=1,`${e}-${t}`};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),e=require("./index18.cjs");;/* empty css          */const s=a.forwardRef(({direction:a="vertical",spacing:s="4",align:c="stretch",justify:r="start",wrap:i=!1,className:n,children:d,"data-cy":l,"data-testid":o,...u},k)=>{const p=l||`stack-${a}`,j=o||`stack-${a}`;return t.jsx("div",{ref:k,className:e.cn("stack",`stack--${a}`,`stack--spacing-${s}`,`stack--align-${c}`,`stack--justify-${r}`,i&&"stack--wrap",n),"data-cy":p,"data-testid":j,...u,children:d})});s.displayName="Stack",exports.Stack=s;

package/dist/index17.js

@@ -1,14 +1,44 @@
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-let idCounter = 0;
-function generateId(prefix = "id") {
-  idCounter += 1;
-  return `${prefix}-${idCounter}`;
-}
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "./index18.js";
+/* empty css        */
+const Stack = forwardRef(
+  ({
+    direction = "vertical",
+    spacing = "4",
+    align = "stretch",
+    justify = "start",
+    wrap = false,
+    className,
+    children,
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const finalDataCy = dataCy || `stack-${direction}`;
+    const finalTestId = dataTestId || `stack-${direction}`;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "stack",
+          `stack--${direction}`,
+          `stack--spacing-${spacing}`,
+          `stack--align-${align}`,
+          `stack--justify-${justify}`,
+          wrap && "stack--wrap",
+          className
+        ),
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Stack.displayName = "Stack";
 export {
-  cn,
-  generateId
+  Stack
 };

package/dist/index18.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("clsx"),r=require("tailwind-merge");let t=0;exports.cn=function(...t){return r.twMerge(e.clsx(t))},exports.generateId=function(e="id"){return t+=1,`${e}-${t}`};

package/dist/index18.js

@@ -0,0 +1,14 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+let idCounter = 0;
+function generateId(prefix = "id") {
+  idCounter += 1;
+  return `${prefix}-${idCounter}`;
+}
+export {
+  cn,
+  generateId
+};

package/dist/index2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),r=require("./index17.cjs");;/* empty css          */const a=e.forwardRef(({variant:e="primary-workspace",fullWidth:a=!1,icon:n,className:s,children:i,disabled:c,"data-testid":d,"data-cy":o,...l},u)=>{const b=r.cn("btn",`btn--${e}`,a&&"btn--full-width",s);return t.jsxs("button",{ref:u,disabled:c,className:b,"data-testid":d||`button-${e}`,"data-cy":o||`button-${e}`,...l,children:[n&&t.jsx("span",{className:"btn__icon",children:n}),i]})});a.displayName="Button",exports.Button=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),r=require("./index18.cjs");;/* empty css          */const a=e.forwardRef(({variant:e="primary-workspace",fullWidth:a=!1,icon:n,className:s,children:i,disabled:c,"data-testid":d,"data-cy":o,...l},u)=>{const b=r.cn("btn",`btn--${e}`,a&&"btn--full-width",s);return t.jsxs("button",{ref:u,disabled:c,className:b,"data-testid":d||`button-${e}`,"data-cy":o||`button-${e}`,...l,children:[n&&t.jsx("span",{className:"btn__icon",children:n}),i]})});a.displayName="Button",exports.Button=a;

package/dist/index2.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { cn } from "./index17.js";
+import { cn } from "./index18.js";
 /* empty css        */
 const Button = forwardRef(
   ({

package/dist/index20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("./index17.cjs");;/* empty css          */const a=require("./index21.cjs"),s=require("./index33.cjs"),n=r.forwardRef(({type:n="text",label:l,error:i,helperText:o,fullWidth:u=!1,showPasswordToggle:d=!0,showLastChar:c=!0,lastCharDelay:p=500,validate:h,onValidationChange:f,className:g,id:x,onChange:v,onBlur:w,required:j,value:m,"data-cy":y,"data-testid":k,...b},C)=>{const[$,N]=r.useState(!1),[_,q]=r.useState(),[M,S]=r.useState(!1),[L,R]=r.useState(!1),T=r.useRef(!1),[E,W]=r.useState(""),B=r.useRef(""),F=r.useRef(null),I=r.useRef(null),z=a.useMergedRef(C,I),D=r.useId(),O=x||D,P=`${O}-error`,V=`${O}-helper`,H=y||"input",A=k||"input",G="password"===n,J=G&&d,K=G&&c&&!$,Q=G&&($||K&&B.current.length>0)?"text":n,U=l&&j&&!l.includes("*")?`${l} *`:l,X=r.useMemo(()=>s.debounce(e=>{if(h&&T.current){const r=h(e);q(r),null==f||f(!r)}},300),[h,f]),Y=r.useRef(X);r.useEffect(()=>{Y.current=X},[X]),r.useEffect(()=>{process.env.NODE_ENV},[G,c,m]),r.useEffect(()=>()=>{F.current&&clearTimeout(F.current),Y.current.cancel()},[]);const Z=K&&void 0===m?E:$&&G&&void 0===m?B.current||"":m,ee=i||_,re=b.disabled?"disabled":ee?"error":M?"focus":L?"hover":"idle";return e.jsxs("div",{className:t.cn("input-wrapper",u&&"input-wrapper--full-width"),"data-cy":`${H}-wrapper`,"data-testid":`${A}-wrapper`,children:[l&&e.jsx("label",{htmlFor:O,className:"input__label","data-cy":`${H}-label`,"data-testid":`${A}-label`,children:U}),e.jsxs("div",{className:"input__field-container",children:[e.jsx("input",{ref:z,id:O,type:Q,value:Z,className:t.cn("input",ee&&"input--error",u&&"input--full-width",J&&"input--with-toggle",g),"aria-invalid":ee?"true":"false","aria-required":j?"true":void 0,"aria-describedby":ee?P:o?V:void 0,"data-cy":H,"data-testid":A,"data-state":re,onChange:e=>{null==v||v(e);let r=e.target.value;if(K){const t=e.target,a=t.value;B.current=a;const s=a?"•".repeat(a.length-1)+a.slice(-1):"";W(s),t.value=s,r=a,F.current&&clearTimeout(F.current),F.current=setTimeout(()=>{W("•".repeat(a.length))},p)}T.current&&X(r)},onFocus:e=>{var r;S(!0),null==(r=b.onFocus)||r.call(b,e)},onBlur:e=>{if(S(!1),T.current=!0,h){const r=K?B.current:e.target.value,t=h(r);q(t),null==f||f(!t)}null==w||w(e)},onMouseEnter:()=>{R(!0)},onMouseLeave:()=>{R(!1)},required:j,...b}),J&&e.jsx("button",{type:"button",className:"input__toggle",onClick:()=>{N(e=>!e),setTimeout(()=>{var e;return null==(e=I.current)?void 0:e.focus()},0)},"aria-label":$?"Hide password":"Show password","data-cy":`${H}-toggle`,"data-testid":`${A}-toggle`,children:$?e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.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"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}):e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.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"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),e.jsx("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]}),ee&&e.jsx("span",{id:P,className:"input__error",role:"alert","data-cy":`${H}-error`,"data-testid":`${A}-error`,children:ee}),o&&!ee&&e.jsx("span",{id:V,className:"input__helper","data-cy":`${H}-helper`,"data-testid":`${A}-helper`,children:o})]})});n.displayName="Input",exports.Input=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=/^[-!#$%&'*+\/0-9=?A-Z^_a-z{|}~](\.?[-!#$%&'*+\/0-9=?A-Z^_a-z`{|}~])*@[a-zA-Z0-9](-*\.?[a-zA-Z0-9])*\.[a-zA-Z](-?[a-zA-Z0-9])+$/;exports.validate=function(e){if(!e)return!1;if(e.length>254)return!1;if(!t.test(e))return!1;var r=e.split("@");return!(r[0].length>64)&&!r[1].split(".").some(function(t){return t.length>63})};

package/dist/index20.js

@@ -1,301 +1,22 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useState, useRef, useId, useMemo, useEffect } from "react";
-import { cn } from "./index17.js";
-/* empty css        */
-import { useMergedRef } from "./index21.js";
-import { debounce } from "./index33.js";
-const Input = forwardRef(
-  ({
-    type = "text",
-    label,
-    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;
-    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) => {
-      onChange == null ? void 0 : onChange(e);
-      let value = e.target.value;
-      if (shouldEnableLastCharPreview) {
-        const input = e.target;
-        const newValue = input.value;
-        actualPasswordRef.current = newValue;
-        const masked = newValue ? "•".repeat(newValue.length - 1) + newValue.slice(-1) : "";
-        setDisplayPassword(masked);
-        input.value = masked;
-        value = newValue;
-        if (timeoutRef.current) {
-          clearTimeout(timeoutRef.current);
-        }
-        timeoutRef.current = setTimeout(() => {
-          setDisplayPassword("•".repeat(newValue.length));
-        }, lastCharDelay);
-      }
-      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 && /* @__PURE__ */ jsx(
-            "label",
-            {
-              htmlFor: id,
-              className: "input__label",
-              "data-cy": `${finalDataCy}-label`,
-              "data-testid": `${finalTestId}-label`,
-              children: displayLabel
-            }
-          ),
-          /* @__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";
+var tester = /^[-!#$%&'*+\/0-9=?A-Z^_a-z{|}~](\.?[-!#$%&'*+\/0-9=?A-Z^_a-z`{|}~])*@[a-zA-Z0-9](-*\.?[a-zA-Z0-9])*\.[a-zA-Z](-?[a-zA-Z0-9])+$/;
+var validate = function(email) {
+  if (!email)
+    return false;
+  if (email.length > 254)
+    return false;
+  var valid = tester.test(email);
+  if (!valid)
+    return false;
+  var parts = email.split("@");
+  if (parts[0].length > 64)
+    return false;
+  var domainParts = parts[1].split(".");
+  if (domainParts.some(function(part) {
+    return part.length > 63;
+  }))
+    return false;
+  return true;
+};
 export {
-  Input
+  validate
 };

package/dist/index21.cjs

@@ -1 +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)};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("./index18.cjs");;/* empty css          */const a=require("./index22.cjs"),s=require("./index36.cjs"),n=r.forwardRef(({type:n="text",label:l,error:i,helperText:o,fullWidth:u=!1,showPasswordToggle:d=!0,showLastChar:c=!0,lastCharDelay:p=500,validate:h,onValidationChange:f,className:g,id:x,onChange:v,onBlur:w,required:j,value:m,"data-cy":y,"data-testid":k,...b},C)=>{const[$,N]=r.useState(!1),[_,q]=r.useState(),[M,S]=r.useState(!1),[L,R]=r.useState(!1),T=r.useRef(!1),[E,W]=r.useState(""),B=r.useRef(""),F=r.useRef(null),I=r.useRef(null),z=a.useMergedRef(C,I),D=r.useId(),O=x||D,P=`${O}-error`,V=`${O}-helper`,H=y||"input",A=k||"input",G="password"===n,J=G&&d,K=G&&c&&!$,Q=G&&($||K&&B.current.length>0)?"text":n,U=l&&j&&!l.includes("*")?`${l} *`:l,X=r.useMemo(()=>s.debounce(e=>{if(h&&T.current){const r=h(e);q(r),null==f||f(!r)}},300),[h,f]),Y=r.useRef(X);r.useEffect(()=>{Y.current=X},[X]),r.useEffect(()=>{process.env.NODE_ENV},[G,c,m]),r.useEffect(()=>()=>{F.current&&clearTimeout(F.current),Y.current.cancel()},[]);const Z=K&&void 0===m?E:$&&G&&void 0===m?B.current||"":m,ee=i||_,re=b.disabled?"disabled":ee?"error":M?"focus":L?"hover":"idle";return e.jsxs("div",{className:t.cn("input-wrapper",u&&"input-wrapper--full-width"),"data-cy":`${H}-wrapper`,"data-testid":`${A}-wrapper`,children:[l&&e.jsx("label",{htmlFor:O,className:"input__label","data-cy":`${H}-label`,"data-testid":`${A}-label`,children:U}),e.jsxs("div",{className:"input__field-container",children:[e.jsx("input",{ref:z,id:O,type:Q,value:Z,className:t.cn("input",ee&&"input--error",u&&"input--full-width",J&&"input--with-toggle",g),"aria-invalid":ee?"true":"false","aria-required":j?"true":void 0,"aria-describedby":ee?P:o?V:void 0,"data-cy":H,"data-testid":A,"data-state":re,onChange:e=>{null==v||v(e);let r=e.target.value;if(K){const t=e.target,a=t.value;B.current=a;const s=a?"•".repeat(a.length-1)+a.slice(-1):"";W(s),t.value=s,r=a,F.current&&clearTimeout(F.current),F.current=setTimeout(()=>{W("•".repeat(a.length))},p)}T.current&&X(r)},onFocus:e=>{var r;S(!0),null==(r=b.onFocus)||r.call(b,e)},onBlur:e=>{if(S(!1),T.current=!0,h){const r=K?B.current:e.target.value,t=h(r);q(t),null==f||f(!t)}null==w||w(e)},onMouseEnter:()=>{R(!0)},onMouseLeave:()=>{R(!1)},required:j,...b}),J&&e.jsx("button",{type:"button",className:"input__toggle",onClick:()=>{N(e=>!e),setTimeout(()=>{var e;return null==(e=I.current)?void 0:e.focus()},0)},"aria-label":$?"Hide password":"Show password","data-cy":`${H}-toggle`,"data-testid":`${A}-toggle`,children:$?e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.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"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}):e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.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"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),e.jsx("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]}),ee&&e.jsx("span",{id:P,className:"input__error",role:"alert","data-cy":`${H}-error`,"data-testid":`${A}-error`,children:ee}),o&&!ee&&e.jsx("span",{id:V,className:"input__helper","data-cy":`${H}-helper`,"data-testid":`${A}-helper`,children:o})]})});n.displayName="Input",exports.Input=n;