@adam-milo/ui 1.0.19 → 1.0.21

package/dist/index15.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),c=require("react"),T=require("@radix-ui/react-dialog"),r=require("./index17.cjs");;/* empty css          */function j(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const o=j(T),v=o.Root,C=o.Trigger,y=o.Portal,x=o.Close,g=c.forwardRef(({className:a,"data-cy":e,"data-testid":t,...i},l)=>{const s=e||"dialog-overlay",n=t||"dialog-overlay";return d.jsx(o.Overlay,{ref:l,className:r.cn("dialog-overlay",a),"data-cy":s,"data-testid":n,...i})});g.displayName=o.Overlay.displayName;const D=c.forwardRef(({className:a,children:e,"data-cy":t,"data-testid":i,...l},s)=>{const n=t||"dialog-content",N=i||"dialog-content";return d.jsxs(y,{children:[d.jsx(g,{}),d.jsx(o.Content,{ref:s,className:r.cn("dialog-content",a),"data-cy":n,"data-testid":N,...l,children:e})]})});D.displayName=o.Content.displayName;const f=({className:a,"data-cy":e,"data-testid":t,...i})=>{const l=e||"dialog-header",s=t||"dialog-header";return d.jsx("div",{className:r.cn("dialog-header",a),"data-cy":l,"data-testid":s,...i})};f.displayName="DialogHeader";const u=({className:a,"data-cy":e,"data-testid":t,...i})=>{const l=e||"dialog-footer",s=t||"dialog-footer";return d.jsx("div",{className:r.cn("dialog-footer",a),"data-cy":l,"data-testid":s,...i})};u.displayName="DialogFooter";const m=c.forwardRef(({className:a,"data-cy":e,"data-testid":t,...i},l)=>{const s=e||"dialog-title",n=t||"dialog-title";return d.jsx(o.Title,{ref:l,className:r.cn("dialog-title",a),"data-cy":s,"data-testid":n,...i})});m.displayName=o.Title.displayName;const p=c.forwardRef(({className:a,"data-cy":e,"data-testid":t,...i},l)=>{const s=e||"dialog-description",n=t||"dialog-description";return d.jsx(o.Description,{ref:l,className:r.cn("dialog-description",a),"data-cy":s,"data-testid":n,...i})});p.displayName=o.Description.displayName;exports.Dialog=v;exports.DialogClose=x;exports.DialogContent=D;exports.DialogDescription=p;exports.DialogFooter=u;exports.DialogHeader=f;exports.DialogOverlay=g;exports.DialogPortal=y;exports.DialogTitle=m;exports.DialogTrigger=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("@radix-ui/react-dialog"),o=require("./index17.cjs");function i(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const t in e)if("default"!==t){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,o.get?o:{enumerable:!0,get:()=>e[t]})}return a.default=e,Object.freeze(a)};/* empty css          */const r=i(t),s=r.Root,d=r.Trigger,l=r.Portal,c=r.Close,n=a.forwardRef(({className:a,"data-cy":t,"data-testid":i,...s},d)=>{const l=t||"dialog-overlay",c=i||"dialog-overlay";return e.jsx(r.Overlay,{ref:d,className:o.cn("dialog-overlay",a),"data-cy":l,"data-testid":c,...s})});n.displayName=r.Overlay.displayName;const g=a.forwardRef(({className:a,children:t,"data-cy":i,"data-testid":s,...d},c)=>{const g=i||"dialog-content",y=s||"dialog-content";return e.jsxs(l,{children:[e.jsx(n,{}),e.jsx(r.Content,{ref:c,className:o.cn("dialog-content",a),"data-cy":g,"data-testid":y,...d,children:t})]})});g.displayName=r.Content.displayName;const y=({className:a,"data-cy":t,"data-testid":i,...r})=>{const s=t||"dialog-header",d=i||"dialog-header";return e.jsx("div",{className:o.cn("dialog-header",a),"data-cy":s,"data-testid":d,...r})};y.displayName="DialogHeader";const p=({className:a,"data-cy":t,"data-testid":i,...r})=>{const s=t||"dialog-footer",d=i||"dialog-footer";return e.jsx("div",{className:o.cn("dialog-footer",a),"data-cy":s,"data-testid":d,...r})};p.displayName="DialogFooter";const m=a.forwardRef(({className:a,"data-cy":t,"data-testid":i,...s},d)=>{const l=t||"dialog-title",c=i||"dialog-title";return e.jsx(r.Title,{ref:d,className:o.cn("dialog-title",a),"data-cy":l,"data-testid":c,...s})});m.displayName=r.Title.displayName;const f=a.forwardRef(({className:a,"data-cy":t,"data-testid":i,...s},d)=>{const l=t||"dialog-description",c=i||"dialog-description";return e.jsx(r.Description,{ref:d,className:o.cn("dialog-description",a),"data-cy":l,"data-testid":c,...s})});f.displayName=r.Description.displayName,exports.Dialog=s,exports.DialogClose=c,exports.DialogContent=g,exports.DialogDescription=f,exports.DialogFooter=p,exports.DialogHeader=y,exports.DialogOverlay=n,exports.DialogPortal=l,exports.DialogTitle=m,exports.DialogTrigger=d;

package/dist/index15.js

@@ -1,115 +1,125 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import * as a from "@radix-ui/react-dialog";
-import { cn as r } from "./index17.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { cn } from "./index17.js";
 /* empty css        */
-const x = a.Root, O = a.Trigger, p = a.Portal, P = a.Close, g = c(({ className: t, "data-cy": i, "data-testid": o, ...e }, d) => {
-  const l = i || "dialog-overlay", s = o || "dialog-overlay";
-  return /* @__PURE__ */ n(
-    a.Overlay,
+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: d,
-      className: r("dialog-overlay", t),
-      "data-cy": l,
-      "data-testid": s,
-      ...e
+      ref,
+      className: cn("dialog-overlay", className),
+      "data-cy": finalDataCy,
+      "data-testid": finalTestId,
+      ...props
     }
   );
 });
-g.displayName = a.Overlay.displayName;
-const D = c(({ className: t, children: i, "data-cy": o, "data-testid": e, ...d }, l) => {
-  const s = o || "dialog-content", y = e || "dialog-content";
-  return /* @__PURE__ */ m(p, { children: [
-    /* @__PURE__ */ n(g, {}),
-    /* @__PURE__ */ n(
-      a.Content,
+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: l,
-        className: r("dialog-content", t),
-        "data-cy": s,
-        "data-testid": y,
-        ...d,
-        children: i
+        ref,
+        className: cn("dialog-content", className),
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props,
+        children
       }
     )
   ] });
 });
-D.displayName = a.Content.displayName;
-const f = ({
-  className: t,
-  "data-cy": i,
-  "data-testid": o,
-  ...e
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+const DialogHeader = ({
+  className,
+  "data-cy": dataCy,
+  "data-testid": dataTestId,
+  ...props
 }) => {
-  const d = i || "dialog-header", l = o || "dialog-header";
-  return /* @__PURE__ */ n(
+  const finalDataCy = dataCy || "dialog-header";
+  const finalTestId = dataTestId || "dialog-header";
+  return /* @__PURE__ */ jsx(
     "div",
     {
-      className: r("dialog-header", t),
-      "data-cy": d,
-      "data-testid": l,
-      ...e
+      className: cn("dialog-header", className),
+      "data-cy": finalDataCy,
+      "data-testid": finalTestId,
+      ...props
     }
   );
 };
-f.displayName = "DialogHeader";
-const N = ({
-  className: t,
-  "data-cy": i,
-  "data-testid": o,
-  ...e
+DialogHeader.displayName = "DialogHeader";
+const DialogFooter = ({
+  className,
+  "data-cy": dataCy,
+  "data-testid": dataTestId,
+  ...props
 }) => {
-  const d = i || "dialog-footer", l = o || "dialog-footer";
-  return /* @__PURE__ */ n(
+  const finalDataCy = dataCy || "dialog-footer";
+  const finalTestId = dataTestId || "dialog-footer";
+  return /* @__PURE__ */ jsx(
     "div",
     {
-      className: r("dialog-footer", t),
-      "data-cy": d,
-      "data-testid": l,
-      ...e
+      className: cn("dialog-footer", className),
+      "data-cy": finalDataCy,
+      "data-testid": finalTestId,
+      ...props
     }
   );
 };
-N.displayName = "DialogFooter";
-const C = c(
-  ({ className: t, "data-cy": i, "data-testid": o, ...e }, d) => {
-    const l = i || "dialog-title", s = o || "dialog-title";
-    return /* @__PURE__ */ n(
-      a.Title,
+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: d,
-        className: r("dialog-title", t),
-        "data-cy": l,
-        "data-testid": s,
-        ...e
+        ref,
+        className: cn("dialog-title", className),
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
       }
     );
   }
 );
-C.displayName = a.Title.displayName;
-const T = c(({ className: t, "data-cy": i, "data-testid": o, ...e }, d) => {
-  const l = i || "dialog-description", s = o || "dialog-description";
-  return /* @__PURE__ */ n(
-    a.Description,
+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: d,
-      className: r("dialog-description", t),
-      "data-cy": l,
-      "data-testid": s,
-      ...e
+      ref,
+      className: cn("dialog-description", className),
+      "data-cy": finalDataCy,
+      "data-testid": finalTestId,
+      ...props
     }
   );
 });
-T.displayName = a.Description.displayName;
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
 export {
-  x as Dialog,
-  P as DialogClose,
-  D as DialogContent,
-  T as DialogDescription,
-  N as DialogFooter,
-  f as DialogHeader,
-  g as DialogOverlay,
-  p as DialogPortal,
-  C as DialogTitle,
-  O as DialogTrigger
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger
 };

package/dist/index16.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),$=require("react"),S=require("./index17.cjs");;/* empty css          */const a=$.forwardRef(({direction:t="vertical",spacing:s="4",align:e="stretch",justify:c="start",wrap:r=!1,className:i,children:n,"data-cy":d,"data-testid":k,...l},u)=>{const o=d||`stack-${t}`,f=k||`stack-${t}`;return y.jsx("div",{ref:u,className:S.cn("stack",`stack--${t}`,`stack--spacing-${s}`,`stack--align-${e}`,`stack--justify-${c}`,r&&"stack--wrap",i),"data-cy":o,"data-testid":f,...l,children:n})});a.displayName="Stack";exports.Stack=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),e=require("./index17.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/index16.js

@@ -1,43 +1,44 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { cn as $ } from "./index17.js";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "./index17.js";
 /* empty css        */
-const y = n(
+const Stack = forwardRef(
   ({
-    direction: a = "vertical",
-    spacing: t = "4",
-    align: s = "stretch",
-    justify: c = "start",
-    wrap: r = !1,
-    className: i,
-    children: k,
-    "data-cy": o,
-    "data-testid": e,
-    ...f
-  }, m) => {
-    const d = o || `stack-${a}`, p = e || `stack-${a}`;
-    return /* @__PURE__ */ l(
+    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: m,
-        className: $(
+        ref,
+        className: cn(
           "stack",
-          `stack--${a}`,
-          `stack--spacing-${t}`,
-          `stack--align-${s}`,
-          `stack--justify-${c}`,
-          r && "stack--wrap",
-          i
+          `stack--${direction}`,
+          `stack--spacing-${spacing}`,
+          `stack--align-${align}`,
+          `stack--justify-${justify}`,
+          wrap && "stack--wrap",
+          className
         ),
-        "data-cy": d,
-        "data-testid": p,
-        ...f,
-        children: k
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props,
+        children
       }
     );
   }
 );
-y.displayName = "Stack";
+Stack.displayName = "Stack";
 export {
-  y as Stack
+  Stack
 };

package/dist/index17.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(...e){return e.filter(Boolean).join(" ")}let n=0;function r(e="id"){return n+=1,`${e}-${n}`}exports.cn=t;exports.generateId=r;
+"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/index17.js

@@ -1,11 +1,14 @@
-function t(...n) {
-  return n.filter(Boolean).join(" ");
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
 }
-let e = 0;
-function r(n = "id") {
-  return e += 1, `${n}-${e}`;
+let idCounter = 0;
+function generateId(prefix = "id") {
+  idCounter += 1;
+  return `${prefix}-${idCounter}`;
 }
 export {
-  t as cn,
-  r as generateId
+  cn,
+  generateId
 };

package/dist/index2.cjs

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

package/dist/index2.js

@@ -1,38 +1,38 @@
-import { jsxs as l, jsx as p } from "react/jsx-runtime";
-import { forwardRef as b } from "react";
-import { cn as f } from "./index17.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "./index17.js";
 /* empty css        */
-const u = b(
+const Button = forwardRef(
   ({
-    variant: t = "primary-workspace",
-    fullWidth: o = !1,
-    icon: s,
-    className: a,
-    children: r,
-    disabled: n,
-    "data-testid": e,
-    "data-cy": c,
-    ...d
-  }, m) => {
-    const i = f("btn", `btn--${t}`, o && "btn--full-width", a);
-    return /* @__PURE__ */ l(
+    variant = "primary-workspace",
+    fullWidth = false,
+    icon,
+    className,
+    children,
+    disabled,
+    "data-testid": dataTestId,
+    "data-cy": dataCy,
+    ...props
+  }, ref) => {
+    const classes = cn("btn", `btn--${variant}`, fullWidth && "btn--full-width", className);
+    return /* @__PURE__ */ jsxs(
       "button",
       {
-        ref: m,
-        disabled: n,
-        className: i,
-        "data-testid": e || `button-${t}`,
-        "data-cy": c || `button-${t}`,
-        ...d,
+        ref,
+        disabled,
+        className: classes,
+        "data-testid": dataTestId || `button-${variant}`,
+        "data-cy": dataCy || `button-${variant}`,
+        ...props,
         children: [
-          s && /* @__PURE__ */ p("span", { className: "btn__icon", children: s }),
-          r
+          icon && /* @__PURE__ */ jsx("span", { className: "btn__icon", children: icon }),
+          children
         ]
       }
     );
   }
 );
-u.displayName = "Button";
+Button.displayName = "Button";
 export {
-  u as Button
+  Button
 };

package/dist/index3.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),n=require("react"),j=require("./index17.cjs");;/* empty css          */const L=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,w=n.forwardRef(({validateEmail:m=!0,invalidEmailMessage:y="Not a valid email address",onValidationChange:r,error:N,onChange:p,label:f,helperText:o,fullWidth:$=!1,className:_,id:x,"data-cy":q,"data-testid":S,...i},B)=>{const[R,I]=n.useState(),[h,F]=n.useState(!1),A=n.useId(),l=x||A,v=`${l}-error`,E=`${l}-helper`,s=q||"email-input",a=S||"email-input",b=t=>t?L.test(t):!0,D=t=>{const u=t.target.value;if(m&&h){const d=b(u);I(d?void 0:y),r==null||r(d)}p==null||p(t)},G=t=>{var u;if(F(!0),m){const d=b(t.target.value);I(d?void 0:y),r==null||r(d)}(u=i.onBlur)==null||u.call(i,t)},e=N||R;return c.jsxs("div",{className:j.cn("input-wrapper",$&&"input-wrapper--full-width"),"data-cy":`${s}-wrapper`,"data-testid":`${a}-wrapper`,children:[f&&c.jsx("label",{htmlFor:l,className:"input__label","data-cy":`${s}-label`,"data-testid":`${a}-label`,children:f}),c.jsx("input",{ref:B,id:l,type:"email",className:j.cn("input",e&&"input--error",$&&"input--full-width",_),"aria-invalid":e?"true":"false","aria-describedby":e?v:o?E:void 0,"data-cy":s,"data-testid":a,onChange:D,onBlur:G,...i}),e&&c.jsx("span",{id:v,className:"input__error",role:"alert","data-cy":`${s}-error`,"data-testid":`${a}-error`,children:e}),o&&!e&&c.jsx("span",{id:E,className:"input__helper","data-cy":`${s}-helper`,"data-testid":`${a}-helper`,children:o})]})});w.displayName="EmailInput";exports.EmailInput=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index17.cjs");;/* empty css          */const r=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,l=a.forwardRef(({validateEmail:l=!0,invalidEmailMessage:i="Not a valid email address",onValidationChange:s,error:d,onChange:n,label:u,helperText:p,fullWidth:c=!1,className:o,id:m,"data-cy":h,"data-testid":v,...x},y)=>{const[$,f]=a.useState(),[b,j]=a.useState(!1),g=a.useId(),N=m||g,w=`${N}-error`,_=`${N}-helper`,q=h||"email-input",E=v||"email-input",S=e=>!e||r.test(e),C=d||$;return e.jsxs("div",{className:t.cn("input-wrapper",c&&"input-wrapper--full-width"),"data-cy":`${q}-wrapper`,"data-testid":`${E}-wrapper`,children:[u&&e.jsx("label",{htmlFor:N,className:"input__label","data-cy":`${q}-label`,"data-testid":`${E}-label`,children:u}),e.jsx("input",{ref:y,id:N,type:"email",className:t.cn("input",C&&"input--error",c&&"input--full-width",o),"aria-invalid":C?"true":"false","aria-describedby":C?w:p?_:void 0,"data-cy":q,"data-testid":E,onChange:e=>{const a=e.target.value;if(l&&b){const e=S(a);f(e?void 0:i),null==s||s(e)}null==n||n(e)},onBlur:e=>{var a;if(j(!0),l){const a=S(e.target.value);f(a?void 0:i),null==s||s(a)}null==(a=x.onBlur)||a.call(x,e)},...x}),C&&e.jsx("span",{id:w,className:"input__error",role:"alert","data-cy":`${q}-error`,"data-testid":`${E}-error`,children:C}),p&&!C&&e.jsx("span",{id:_,className:"input__helper","data-cy":`${q}-helper`,"data-testid":`${E}-helper`,children:p})]})});l.displayName="EmailInput",exports.EmailInput=l;

package/dist/index3.js

@@ -1,95 +1,113 @@
-import { jsxs as S, jsx as u } from "react/jsx-runtime";
-import { forwardRef as X, useState as E, useId as k } from "react";
-import { cn as N } from "./index17.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useId } from "react";
+import { cn } from "./index17.js";
 /* empty css        */
-const q = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, z = X(
+const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+const EmailInput = forwardRef(
   ({
-    validateEmail: m = !0,
-    invalidEmailMessage: n = "Not a valid email address",
-    onValidationChange: r,
-    error: _,
-    onChange: p,
-    label: f,
-    helperText: o,
-    fullWidth: y = !1,
-    className: b,
-    id: B,
-    "data-cy": h,
-    "data-testid": j,
-    ...l
-  }, F) => {
-    const [R, $] = E(), [x, A] = E(!1), D = k(), i = B || D, I = `${i}-error`, v = `${i}-helper`, a = h || "email-input", s = j || "email-input", w = (t) => t ? q.test(t) : !0, G = (t) => {
-      const c = t.target.value;
-      if (m && x) {
-        const d = w(c);
-        $(d ? void 0 : n), r == null || r(d);
+    validateEmail = true,
+    invalidEmailMessage = "Not a valid email address",
+    onValidationChange,
+    error: externalError,
+    onChange,
+    label,
+    helperText,
+    fullWidth = false,
+    className,
+    id: providedId,
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const [internalError, setInternalError] = useState();
+    const [touched, setTouched] = useState(false);
+    const generatedId = useId();
+    const id = providedId || generatedId;
+    const errorId = `${id}-error`;
+    const helperId = `${id}-helper`;
+    const finalDataCy = dataCy || "email-input";
+    const finalTestId = dataTestId || "email-input";
+    const validateEmailFormat = (value) => {
+      if (!value) return true;
+      return EMAIL_REGEX.test(value);
+    };
+    const handleChange = (e) => {
+      const value = e.target.value;
+      if (validateEmail && touched) {
+        const isValid = validateEmailFormat(value);
+        setInternalError(isValid ? void 0 : invalidEmailMessage);
+        onValidationChange == null ? void 0 : onValidationChange(isValid);
       }
-      p == null || p(t);
-    }, L = (t) => {
-      var c;
-      if (A(!0), m) {
-        const d = w(t.target.value);
-        $(d ? void 0 : n), r == null || r(d);
+      onChange == null ? void 0 : onChange(e);
+    };
+    const handleBlur = (e) => {
+      var _a;
+      setTouched(true);
+      if (validateEmail) {
+        const isValid = validateEmailFormat(e.target.value);
+        setInternalError(isValid ? void 0 : invalidEmailMessage);
+        onValidationChange == null ? void 0 : onValidationChange(isValid);
       }
-      (c = l.onBlur) == null || c.call(l, t);
-    }, e = _ || R;
-    return /* @__PURE__ */ S(
+      (_a = props.onBlur) == null ? void 0 : _a.call(props, e);
+    };
+    const displayError = externalError || internalError;
+    return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: N("input-wrapper", y && "input-wrapper--full-width"),
-        "data-cy": `${a}-wrapper`,
-        "data-testid": `${s}-wrapper`,
+        className: cn("input-wrapper", fullWidth && "input-wrapper--full-width"),
+        "data-cy": `${finalDataCy}-wrapper`,
+        "data-testid": `${finalTestId}-wrapper`,
         children: [
-          f && /* @__PURE__ */ u(
+          label && /* @__PURE__ */ jsx(
             "label",
             {
-              htmlFor: i,
+              htmlFor: id,
               className: "input__label",
-              "data-cy": `${a}-label`,
-              "data-testid": `${s}-label`,
-              children: f
+              "data-cy": `${finalDataCy}-label`,
+              "data-testid": `${finalTestId}-label`,
+              children: label
             }
           ),
-          /* @__PURE__ */ u(
+          /* @__PURE__ */ jsx(
             "input",
             {
-              ref: F,
-              id: i,
+              ref,
+              id,
               type: "email",
-              className: N(
+              className: cn(
                 "input",
-                e && "input--error",
-                y && "input--full-width",
-                b
+                displayError && "input--error",
+                fullWidth && "input--full-width",
+                className
               ),
-              "aria-invalid": e ? "true" : "false",
-              "aria-describedby": e ? I : o ? v : void 0,
-              "data-cy": a,
-              "data-testid": s,
-              onChange: G,
-              onBlur: L,
-              ...l
+              "aria-invalid": displayError ? "true" : "false",
+              "aria-describedby": displayError ? errorId : helperText ? helperId : void 0,
+              "data-cy": finalDataCy,
+              "data-testid": finalTestId,
+              onChange: handleChange,
+              onBlur: handleBlur,
+              ...props
             }
           ),
-          e && /* @__PURE__ */ u(
+          displayError && /* @__PURE__ */ jsx(
             "span",
             {
-              id: I,
+              id: errorId,
               className: "input__error",
               role: "alert",
-              "data-cy": `${a}-error`,
-              "data-testid": `${s}-error`,
-              children: e
+              "data-cy": `${finalDataCy}-error`,
+              "data-testid": `${finalTestId}-error`,
+              children: displayError
             }
           ),
-          o && !e && /* @__PURE__ */ u(
+          helperText && !displayError && /* @__PURE__ */ jsx(
             "span",
             {
-              id: v,
+              id: helperId,
               className: "input__helper",
-              "data-cy": `${a}-helper`,
-              "data-testid": `${s}-helper`,
-              children: o
+              "data-cy": `${finalDataCy}-helper`,
+              "data-testid": `${finalTestId}-helper`,
+              children: helperText
             }
           )
         ]
@@ -97,7 +115,7 @@ const q = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, z = X(
     );
   }
 );
-z.displayName = "EmailInput";
+EmailInput.displayName = "EmailInput";
 export {
-  z as EmailInput
+  EmailInput
 };

package/dist/index31.cjs

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

package/dist/index31.js

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