@adam-milo/ui 1.0.8 → 1.0.10

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index2.cjs"),i=require("./index3.cjs"),t=require("./index4.cjs"),l=require("./index5.cjs"),o=require("./index6.cjs"),c=require("./index7.cjs"),e=require("./index8.cjs"),g=require("./index9.cjs"),a=require("./index10.cjs"),r=require("@adam-milo/icons");exports.Button=n.Button;exports.Input=i.Input;exports.Tabs=t.Tabs;exports.TabsContent=t.TabsContent;exports.TabsList=t.TabsList;exports.TabsTrigger=t.TabsTrigger;exports.Alert=l.Alert;exports.Card=o.Card;exports.CardContent=o.CardContent;exports.CardDescription=o.CardDescription;exports.CardFooter=o.CardFooter;exports.CardHeader=o.CardHeader;exports.CardTitle=o.CardTitle;exports.DataTable=c.DataTable;exports.Dialog=e.Dialog;exports.DialogClose=e.DialogClose;exports.DialogContent=e.DialogContent;exports.DialogDescription=e.DialogDescription;exports.DialogFooter=e.DialogFooter;exports.DialogHeader=e.DialogHeader;exports.DialogOverlay=e.DialogOverlay;exports.DialogPortal=e.DialogPortal;exports.DialogTitle=e.DialogTitle;exports.DialogTrigger=e.DialogTrigger;exports.Stack=g.Stack;exports.cn=a.cn;exports.generateId=a.generateId;Object.defineProperty(exports,"Icon",{enumerable:!0,get:()=>r.Icon});Object.defineProperty(exports,"availableIcons",{enumerable:!0,get:()=>r.availableIcons});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index2.cjs"),i=require("./index3.cjs"),l=require("./index4.cjs"),c=require("./index5.cjs"),s=require("./index6.cjs"),t=require("./index7.cjs"),u=require("./index8.cjs"),o=require("./index9.cjs"),g=require("./index10.cjs"),e=require("./index11.cjs"),p=require("./index12.cjs"),r=require("./index13.cjs"),n=require("@adam-milo/icons");exports.Button=a.Button;exports.EmailInput=i.EmailInput;exports.PasswordInput=l.PasswordInput;exports.NumericInput=c.NumericInput;exports.AlphanumericInput=s.AlphanumericInput;exports.Tabs=t.Tabs;exports.TabsContent=t.TabsContent;exports.TabsList=t.TabsList;exports.TabsTrigger=t.TabsTrigger;exports.Alert=u.Alert;exports.Card=o.Card;exports.CardContent=o.CardContent;exports.CardDescription=o.CardDescription;exports.CardFooter=o.CardFooter;exports.CardHeader=o.CardHeader;exports.CardTitle=o.CardTitle;exports.DataTable=g.DataTable;exports.Dialog=e.Dialog;exports.DialogClose=e.DialogClose;exports.DialogContent=e.DialogContent;exports.DialogDescription=e.DialogDescription;exports.DialogFooter=e.DialogFooter;exports.DialogHeader=e.DialogHeader;exports.DialogOverlay=e.DialogOverlay;exports.DialogPortal=e.DialogPortal;exports.DialogTitle=e.DialogTitle;exports.DialogTrigger=e.DialogTrigger;exports.Stack=p.Stack;exports.cn=r.cn;exports.generateId=r.generateId;Object.defineProperty(exports,"Icon",{enumerable:!0,get:()=>n.Icon});Object.defineProperty(exports,"availableIcons",{enumerable:!0,get:()=>n.availableIcons});

package/dist/index.js

@@ -1,41 +1,47 @@
 import { Button as e } from "./index2.js";
-import { Input as t } from "./index3.js";
-import { Tabs as l, TabsContent as g, TabsList as n, TabsTrigger as p } from "./index4.js";
-import { Alert as f } from "./index5.js";
-import { Card as x, CardContent as C, CardDescription as d, CardFooter as s, CardHeader as T, CardTitle as b } from "./index6.js";
-import { DataTable as I } from "./index7.js";
-import { Dialog as v, DialogClose as F, DialogContent as H, DialogDescription as k, DialogFooter as y, DialogHeader as A, DialogOverlay as B, DialogPortal as L, DialogTitle as O, DialogTrigger as P } from "./index8.js";
-import { Stack as h } from "./index9.js";
-import { cn as q, generateId as w } from "./index10.js";
-import { Icon as E, availableIcons as G } from "@adam-milo/icons";
+import { EmailInput as a } from "./index3.js";
+import { PasswordInput as l } from "./index4.js";
+import { NumericInput as n } from "./index5.js";
+import { AlphanumericInput as g } from "./index6.js";
+import { Tabs as x, TabsContent as D, TabsList as s, TabsTrigger as d } from "./index7.js";
+import { Alert as T } from "./index8.js";
+import { Card as u, CardContent as I, CardDescription as b, CardFooter as v, CardHeader as A, CardTitle as F } from "./index9.js";
+import { DataTable as P } from "./index10.js";
+import { Dialog as k, DialogClose as w, DialogContent as y, DialogDescription as B, DialogFooter as E, DialogHeader as L, DialogOverlay as N, DialogPortal as O, DialogTitle as S, DialogTrigger as j } from "./index11.js";
+import { Stack as z } from "./index12.js";
+import { cn as J, generateId as K } from "./index13.js";
+import { Icon as Q, availableIcons as R } from "@adam-milo/icons";
 export {
-  f as Alert,
+  T as Alert,
+  g as AlphanumericInput,
   e as Button,
-  x as Card,
-  C as CardContent,
-  d as CardDescription,
-  s as CardFooter,
-  T as CardHeader,
-  b as CardTitle,
-  I as DataTable,
-  v as Dialog,
-  F as DialogClose,
-  H as DialogContent,
-  k as DialogDescription,
-  y as DialogFooter,
-  A as DialogHeader,
-  B as DialogOverlay,
-  L as DialogPortal,
-  O as DialogTitle,
-  P as DialogTrigger,
-  E as Icon,
-  t as Input,
-  h as Stack,
-  l as Tabs,
-  g as TabsContent,
-  n as TabsList,
-  p as TabsTrigger,
-  G as availableIcons,
-  q as cn,
-  w as generateId
+  u as Card,
+  I as CardContent,
+  b as CardDescription,
+  v as CardFooter,
+  A as CardHeader,
+  F as CardTitle,
+  P as DataTable,
+  k as Dialog,
+  w as DialogClose,
+  y as DialogContent,
+  B as DialogDescription,
+  E as DialogFooter,
+  L as DialogHeader,
+  N as DialogOverlay,
+  O as DialogPortal,
+  S as DialogTitle,
+  j as DialogTrigger,
+  a as EmailInput,
+  Q as Icon,
+  n as NumericInput,
+  l as PasswordInput,
+  z as Stack,
+  x as Tabs,
+  D as TabsContent,
+  s as TabsList,
+  d as TabsTrigger,
+  R as availableIcons,
+  J as cn,
+  K as generateId
 };

package/dist/index10.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 a=require("react/jsx-runtime"),j=require("react"),c=require("./index13.cjs");;/* empty css          */const y=j.forwardRef(({columns:r,data:i,striped:b=!1,hoverable:h=!1,className:$,"data-cy":n,"data-testid":p,...o},_)=>{const e=n||"datatable",t=p||"datatable";return a.jsx("div",{className:"datatable-wrapper","data-cy":`${e}-wrapper`,"data-testid":`${t}-wrapper`,children:a.jsxs("table",{ref:_,className:c.cn("datatable",$),"data-cy":e,"data-testid":t,...o,children:[a.jsx("thead",{className:"datatable__head","data-cy":`${e}-head`,"data-testid":`${t}-head`,children:a.jsx("tr",{children:r.map(d=>a.jsx("th",{className:"datatable__header-cell","data-cy":`${e}-header-${d.key}`,"data-testid":`${t}-header-${d.key}`,children:d.header},d.key))})}),a.jsx("tbody",{"data-cy":`${e}-body`,"data-testid":`${t}-body`,children:i.length===0?a.jsx("tr",{children:a.jsx("td",{colSpan:r.length,className:"datatable__empty","data-cy":`${e}-empty`,"data-testid":`${t}-empty`,children:"No data available"})}):i.map((d,l)=>a.jsx("tr",{className:c.cn("datatable__body-row",h&&"datatable__body-row--hoverable",b&&"datatable__body-row--striped"),"data-cy":`${e}-row-${l}`,"data-testid":`${t}-row-${l}`,children:r.map(s=>a.jsx("td",{className:"datatable__body-cell","data-cy":`${e}-cell-${l}-${s.key}`,"data-testid":`${t}-cell-${l}-${s.key}`,children:String(d[s.key]??"")},s.key))},l))})]})})});y.displayName="DataTable";exports.DataTable=y;

package/dist/index10.js

@@ -1,11 +1,92 @@
-function t(...n) {
-  return n.filter(Boolean).join(" ");
-}
-let e = 0;
-function r(n = "id") {
-  return e += 1, `${n}-${e}`;
-}
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { cn as y } from "./index13.js";
+/* empty css        */
+const n = f(
+  ({
+    columns: s,
+    data: i,
+    striped: c = !1,
+    hoverable: b = !1,
+    className: h,
+    "data-cy": $,
+    "data-testid": p,
+    ...o
+  }, _) => {
+    const t = $ || "datatable", e = p || "datatable";
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: "datatable-wrapper",
+        "data-cy": `${t}-wrapper`,
+        "data-testid": `${e}-wrapper`,
+        children: /* @__PURE__ */ m(
+          "table",
+          {
+            ref: _,
+            className: y("datatable", h),
+            "data-cy": t,
+            "data-testid": e,
+            ...o,
+            children: [
+              /* @__PURE__ */ a(
+                "thead",
+                {
+                  className: "datatable__head",
+                  "data-cy": `${t}-head`,
+                  "data-testid": `${e}-head`,
+                  children: /* @__PURE__ */ a("tr", { children: s.map((d) => /* @__PURE__ */ a(
+                    "th",
+                    {
+                      className: "datatable__header-cell",
+                      "data-cy": `${t}-header-${d.key}`,
+                      "data-testid": `${e}-header-${d.key}`,
+                      children: d.header
+                    },
+                    d.key
+                  )) })
+                }
+              ),
+              /* @__PURE__ */ a("tbody", { "data-cy": `${t}-body`, "data-testid": `${e}-body`, children: i.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
+                "td",
+                {
+                  colSpan: s.length,
+                  className: "datatable__empty",
+                  "data-cy": `${t}-empty`,
+                  "data-testid": `${e}-empty`,
+                  children: "No data available"
+                }
+              ) }) : i.map((d, l) => /* @__PURE__ */ a(
+                "tr",
+                {
+                  className: y(
+                    "datatable__body-row",
+                    b && "datatable__body-row--hoverable",
+                    c && "datatable__body-row--striped"
+                  ),
+                  "data-cy": `${t}-row-${l}`,
+                  "data-testid": `${e}-row-${l}`,
+                  children: s.map((r) => /* @__PURE__ */ a(
+                    "td",
+                    {
+                      className: "datatable__body-cell",
+                      "data-cy": `${t}-cell-${l}-${r.key}`,
+                      "data-testid": `${e}-cell-${l}-${r.key}`,
+                      children: String(d[r.key] ?? "")
+                    },
+                    r.key
+                  ))
+                },
+                l
+              )) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+n.displayName = "DataTable";
 export {
-  t as cn,
-  r as generateId
+  n as DataTable
 };

package/dist/index11.cjs

@@ -0,0 +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("./index13.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;

package/dist/index11.js

@@ -0,0 +1,115 @@
+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 "./index13.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,
+    {
+      ref: d,
+      className: r("dialog-overlay", t),
+      "data-cy": l,
+      "data-testid": s,
+      ...e
+    }
+  );
+});
+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,
+      {
+        ref: l,
+        className: r("dialog-content", t),
+        "data-cy": s,
+        "data-testid": y,
+        ...d,
+        children: i
+      }
+    )
+  ] });
+});
+D.displayName = a.Content.displayName;
+const f = ({
+  className: t,
+  "data-cy": i,
+  "data-testid": o,
+  ...e
+}) => {
+  const d = i || "dialog-header", l = o || "dialog-header";
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: r("dialog-header", t),
+      "data-cy": d,
+      "data-testid": l,
+      ...e
+    }
+  );
+};
+f.displayName = "DialogHeader";
+const N = ({
+  className: t,
+  "data-cy": i,
+  "data-testid": o,
+  ...e
+}) => {
+  const d = i || "dialog-footer", l = o || "dialog-footer";
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: r("dialog-footer", t),
+      "data-cy": d,
+      "data-testid": l,
+      ...e
+    }
+  );
+};
+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,
+      {
+        ref: d,
+        className: r("dialog-title", t),
+        "data-cy": l,
+        "data-testid": s,
+        ...e
+      }
+    );
+  }
+);
+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,
+    {
+      ref: d,
+      className: r("dialog-description", t),
+      "data-cy": l,
+      "data-testid": s,
+      ...e
+    }
+  );
+});
+T.displayName = a.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
+};

package/dist/index12.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),$=require("react"),S=require("./index13.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;

package/dist/index12.js

@@ -0,0 +1,43 @@
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { cn as $ } from "./index13.js";
+/* empty css        */
+const y = n(
+  ({
+    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(
+      "div",
+      {
+        ref: m,
+        className: $(
+          "stack",
+          `stack--${a}`,
+          `stack--spacing-${t}`,
+          `stack--align-${s}`,
+          `stack--justify-${c}`,
+          r && "stack--wrap",
+          i
+        ),
+        "data-cy": d,
+        "data-testid": p,
+        ...f,
+        children: k
+      }
+    );
+  }
+);
+y.displayName = "Stack";
+export {
+  y as Stack
+};

package/dist/index13.cjs

@@ -0,0 +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;

package/dist/index13.js

@@ -0,0 +1,11 @@
+function t(...n) {
+  return n.filter(Boolean).join(" ");
+}
+let e = 0;
+function r(n = "id") {
+  return e += 1, `${n}-${e}`;
+}
+export {
+  t as cn,
+  r as 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("./index10.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 s=require("react/jsx-runtime"),m=require("react"),y=require("./index13.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;

package/dist/index2.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as p } from "react/jsx-runtime";
 import { forwardRef as b } from "react";
-import { cn as f } from "./index10.js";
+import { cn as f } from "./index13.js";
 /* empty css        */
 const u = b(
   ({

package/dist/index3.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),p=require("react"),u=require("./index10.cjs");;/* empty css          */const o=p.forwardRef(({label:s,error:a,helperText:r,fullWidth:n=!1,className:y,id:$,"data-cy":h,"data-testid":m,...f},I)=>{const b=p.useId(),d=$||b,l=`${d}-error`,c=`${d}-helper`,t=h||"input",e=m||"input";return i.jsxs("div",{className:u.cn("input-wrapper",n&&"input-wrapper--full-width"),"data-cy":`${t}-wrapper`,"data-testid":`${e}-wrapper`,children:[s&&i.jsx("label",{htmlFor:d,className:"input__label","data-cy":`${t}-label`,"data-testid":`${e}-label`,children:s}),i.jsx("input",{ref:I,id:d,className:u.cn("input",a&&"input--error",n&&"input--full-width",y),"aria-invalid":a?"true":"false","aria-describedby":a?l:r?c:void 0,"data-cy":t,"data-testid":e,...f}),a&&i.jsx("span",{id:l,className:"input__error",role:"alert","data-cy":`${t}-error`,"data-testid":`${e}-error`,children:a}),r&&!a&&i.jsx("span",{id:c,className:"input__helper","data-cy":`${t}-helper`,"data-testid":`${e}-helper`,children:r})]})});o.displayName="Input";exports.Input=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),n=require("react"),j=require("./index13.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;

package/dist/index3.js

@@ -1,74 +1,95 @@
-import { jsxs as w, jsx as i } from "react/jsx-runtime";
-import { forwardRef as I, useId as N } from "react";
-import { cn as c } from "./index10.js";
+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 "./index13.js";
 /* empty css        */
-const _ = I(
+const q = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, z = X(
   ({
-    label: s,
-    error: a,
-    helperText: r,
-    fullWidth: n = !1,
-    className: o,
-    id: u,
-    "data-cy": m,
-    "data-testid": f,
-    ...$
-  }, h) => {
-    const y = N(), d = u || y, p = `${d}-error`, l = `${d}-helper`, t = m || "input", e = f || "input";
-    return /* @__PURE__ */ w(
+    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);
+      }
+      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);
+      }
+      (c = l.onBlur) == null || c.call(l, t);
+    }, e = _ || R;
+    return /* @__PURE__ */ S(
       "div",
       {
-        className: c("input-wrapper", n && "input-wrapper--full-width"),
-        "data-cy": `${t}-wrapper`,
-        "data-testid": `${e}-wrapper`,
+        className: N("input-wrapper", y && "input-wrapper--full-width"),
+        "data-cy": `${a}-wrapper`,
+        "data-testid": `${s}-wrapper`,
         children: [
-          s && /* @__PURE__ */ i(
+          f && /* @__PURE__ */ u(
             "label",
             {
-              htmlFor: d,
+              htmlFor: i,
               className: "input__label",
-              "data-cy": `${t}-label`,
-              "data-testid": `${e}-label`,
-              children: s
+              "data-cy": `${a}-label`,
+              "data-testid": `${s}-label`,
+              children: f
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ u(
             "input",
             {
-              ref: h,
-              id: d,
-              className: c(
+              ref: F,
+              id: i,
+              type: "email",
+              className: N(
                 "input",
-                a && "input--error",
-                n && "input--full-width",
-                o
+                e && "input--error",
+                y && "input--full-width",
+                b
               ),
-              "aria-invalid": a ? "true" : "false",
-              "aria-describedby": a ? p : r ? l : void 0,
-              "data-cy": t,
-              "data-testid": e,
-              ...$
+              "aria-invalid": e ? "true" : "false",
+              "aria-describedby": e ? I : o ? v : void 0,
+              "data-cy": a,
+              "data-testid": s,
+              onChange: G,
+              onBlur: L,
+              ...l
             }
           ),
-          a && /* @__PURE__ */ i(
+          e && /* @__PURE__ */ u(
             "span",
             {
-              id: p,
+              id: I,
               className: "input__error",
               role: "alert",
-              "data-cy": `${t}-error`,
-              "data-testid": `${e}-error`,
-              children: a
+              "data-cy": `${a}-error`,
+              "data-testid": `${s}-error`,
+              children: e
             }
           ),
-          r && !a && /* @__PURE__ */ i(
+          o && !e && /* @__PURE__ */ u(
             "span",
             {
-              id: l,
+              id: v,
               className: "input__helper",
-              "data-cy": `${t}-helper`,
-              "data-testid": `${e}-helper`,
-              children: r
+              "data-cy": `${a}-helper`,
+              "data-testid": `${s}-helper`,
+              children: o
             }
           )
         ]
@@ -76,7 +97,7 @@ const _ = I(
     );
   }
 );
-_.displayName = "Input";
+z.displayName = "EmailInput";
 export {
-  _ as Input
+  z as EmailInput
 };

package/dist/index4.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),b=require("react"),T=require("@radix-ui/react-tabs"),g=require("./index10.cjs");;/* empty css          */function m(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const n=m(T),u=n.Root,f=b.forwardRef(({className:a,"data-cy":t,"data-testid":e,...s},r)=>{const i=t||"tabs-list",c=e||"tabs-list";return d.jsx(n.List,{ref:r,className:g.cn("tabs-list",a),"data-cy":i,"data-testid":c,...s})});f.displayName=n.List.displayName;const l=b.forwardRef(({className:a,value:t,"data-cy":e,"data-testid":s,...r},i)=>{const c=e||(t?`tabs-trigger-${t}`:"tabs-trigger"),o=s||(t?`tabs-trigger-${t}`:"tabs-trigger");return d.jsx(n.Trigger,{ref:i,className:g.cn("tabs-trigger",a),value:t,"data-cy":c,"data-testid":o,...r})});l.displayName=n.Trigger.displayName;const y=b.forwardRef(({className:a,value:t,"data-cy":e,"data-testid":s,...r},i)=>{const c=e||(t?`tabs-content-${t}`:"tabs-content"),o=s||(t?`tabs-content-${t}`:"tabs-content");return d.jsx(n.Content,{ref:i,className:g.cn("tabs-content",a),value:t,"data-cy":c,"data-testid":o,...r})});y.displayName=n.Content.displayName;exports.Tabs=u;exports.TabsContent=y;exports.TabsList=f;exports.TabsTrigger=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("react"),u=require("./index13.cjs");;/* empty css          */const w=d.forwardRef(({showToggle:h=!0,label:o,error:e,helperText:i,fullWidth:l=!1,className:x,id:g,"data-cy":j,"data-testid":y,...k},f)=>{const[n,b]=d.useState(!1),m=d.useId(),a=g||m,c=`${a}-error`,p=`${a}-helper`,s=j||"password-input",r=y||"password-input",$=()=>{b(v=>!v)};return t.jsxs("div",{className:"password-input-wrapper",children:[t.jsxs("div",{className:u.cn("input-wrapper",l&&"input-wrapper--full-width"),"data-cy":`${s}-wrapper`,"data-testid":`${r}-wrapper`,children:[o&&t.jsx("label",{htmlFor:a,className:"input__label","data-cy":`${s}-label`,"data-testid":`${r}-label`,children:o}),t.jsx("input",{ref:f,id:a,type:n?"text":"password",className:u.cn("input","password-input",e&&"input--error",l&&"input--full-width",x),"aria-invalid":e?"true":"false","aria-describedby":e?c:i?p:void 0,"data-cy":s,"data-testid":r,...k}),e&&t.jsx("span",{id:c,className:"input__error",role:"alert","data-cy":`${s}-error`,"data-testid":`${r}-error`,children:e}),i&&!e&&t.jsx("span",{id:p,className:"input__helper","data-cy":`${s}-helper`,"data-testid":`${r}-helper`,children:i})]}),h&&t.jsx("button",{type:"button",className:"password-input__toggle",onClick:$,"aria-label":n?"Hide password":"Show password","data-cy":`${s}-toggle`,"data-testid":`${r}-toggle`,children:n?t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[t.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"}),t.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}):t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[t.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"}),t.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),t.jsx("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]})});w.displayName="PasswordInput";exports.PasswordInput=w;