@code0-tech/pictor 0.17.1 → 0.17.2

package/dist/components/form/EmailInput.js

@@ -1,22 +1,24 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import a from "react";
-import { Input as l } from "./Input.js";
-import { IconX as m } from "@tabler/icons-react";
-import { Button as p } from "../button/Button.js";
-import { clearInputElement as f } from "./Input.utils.js";
-import { ButtonGroup as s } from "../button-group/ButtonGroup.js";
-const u = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/, g = (o) => u.test(o), R = a.forwardRef((o, x) => {
-  x = x || a.useRef(null);
+import { Input as m } from "./Input.js";
+import { IconX as s } from "@tabler/icons-react";
+import { Button as f } from "../button/Button.js";
+import { clearInputElement as p } from "./Input.utils.js";
+import { ButtonGroup as u } from "../button-group/ButtonGroup.js";
+const z = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/, R = (x) => z.test(x), y = a.forwardRef((x, t) => {
+  t = t || a.useRef(null);
   const {
-    clearable: e = !1,
-    right: i,
-    ...n
-  } = o, c = () => {
-    f(x.current);
-  }, r = [i];
-  return e && r.push(/* @__PURE__ */ t(p, { color: "secondary", paddingSize: "xxs", onClick: c, children: /* @__PURE__ */ t(m, { size: 13 }) })), /* @__PURE__ */ t(l, { right: /* @__PURE__ */ t(s, { color: "primary", children: r }), type: "email", ref: x, ...n });
+    clearable: i = !1,
+    right: n,
+    ...c
+  } = x, l = () => {
+    p(t.current);
+  }, r = [n];
+  i && r.push(/* @__PURE__ */ o(f, { color: "secondary", paddingSize: "xxs", onClick: l, children: /* @__PURE__ */ o(s, { size: 13 }) }));
+  const e = r.filter(Boolean);
+  return /* @__PURE__ */ o(m, { right: e.length > 0 ? /* @__PURE__ */ o(u, { color: "primary", children: e }) : void 0, type: "email", ref: t, ...c });
 });
 export {
-  R as EmailInput,
-  g as emailValidation
+  y as EmailInput,
+  R as emailValidation
 };

package/dist/components/form/PasswordInput.js

@@ -1,46 +1,46 @@
-import { jsxs as l, Fragment as w, jsx as s } from "react/jsx-runtime";
-import c from "react";
-import { Input as b } from "./Input.js";
-import { IconEye as I, IconX as R } from "@tabler/icons-react";
-import { Button as u } from "../button/Button.js";
-import { clearInputElement as z } from "./Input.utils.js";
-import { Flex as P } from "../flex/Flex.js";
-import { Progress as D } from "../progress/Progress.js";
-import { InputMessage as A } from "./InputMessage.js";
-import { ButtonGroup as B } from "../button-group/ButtonGroup.js";
-const X = c.forwardRef((r, t) => {
-  t = t || c.useRef(null);
+import { jsxs as c, Fragment as b, jsx as o } from "react/jsx-runtime";
+import u from "react";
+import { Input as I } from "./Input.js";
+import { IconEye as R, IconX as z } from "@tabler/icons-react";
+import { Button as p } from "../button/Button.js";
+import { clearInputElement as P } from "./Input.utils.js";
+import { Flex as A } from "../flex/Flex.js";
+import { Progress as B } from "../progress/Progress.js";
+import { InputMessage as D } from "./InputMessage.js";
+import { ButtonGroup as C } from "../button-group/ButtonGroup.js";
+const X = u.forwardRef((r, t) => {
+  t = t || u.useRef(null);
   const {
-    clearable: p = !0,
-    visible: d = !0,
-    right: m,
-    formValidation: o,
-    ...f
-  } = r, g = (e) => (z(t.current), e.stopPropagation(), e.preventDefault(), !1), h = (e) => (t.current instanceof HTMLInputElement && (t.current.type === "password" ? t.current.type = "text" : t.current.type === "text" && (t.current.type = "password")), e.stopPropagation(), e.preventDefault(), !1), n = [m];
-  d && n.push(/* @__PURE__ */ s(u, { color: "secondary", paddingSize: "xxs", onClick: (e) => h(e), children: /* @__PURE__ */ s(I, { size: 13 }) })), p && n.push(/* @__PURE__ */ s(u, { color: "secondary", paddingSize: "xxs", onClick: (e) => g(e), children: /* @__PURE__ */ s(R, { size: 13 }) }));
-  const i = o?.notValidMessage ?? "", a = /^[1-5]+$/.test(i), x = i.length, y = Math.max(0, 5 - x) / 5 * 100;
-  return /* @__PURE__ */ l(w, { children: [
-    /* @__PURE__ */ s(b, { right: /* @__PURE__ */ s(B, { color: "primary", children: n }), rightType: "action", type: "password", ref: t, ...o ? {
-      formValidation: a ? {
-        setValue: o.setValue,
-        valid: o.valid
-      } : o
-    } : {}, ...f }),
-    a && !o?.valid && /* @__PURE__ */ l(P, { mt: 0.7, style: {
+    clearable: d = !0,
+    visible: m = !0,
+    right: f,
+    formValidation: s,
+    ...g
+  } = r, h = (e) => (P(t.current), e.stopPropagation(), e.preventDefault(), !1), x = (e) => (t.current instanceof HTMLInputElement && (t.current.type === "password" ? t.current.type = "text" : t.current.type === "text" && (t.current.type = "password")), e.stopPropagation(), e.preventDefault(), !1), n = [f];
+  m && n.push(/* @__PURE__ */ o(p, { color: "secondary", paddingSize: "xxs", onClick: (e) => x(e), children: /* @__PURE__ */ o(R, { size: 13 }) })), d && n.push(/* @__PURE__ */ o(p, { color: "secondary", paddingSize: "xxs", onClick: (e) => h(e), children: /* @__PURE__ */ o(z, { size: 13 }) }));
+  const a = n.filter(Boolean), i = s?.notValidMessage ?? "", l = /^[1-5]+$/.test(i), y = i.length, M = Math.max(0, 5 - y) / 5 * 100;
+  return /* @__PURE__ */ c(b, { children: [
+    /* @__PURE__ */ o(I, { right: a.length > 0 ? /* @__PURE__ */ o(C, { color: "primary", children: a }) : void 0, rightType: "action", type: "password", ref: t, ...s ? {
+      formValidation: l ? {
+        setValue: s.setValue,
+        valid: s.valid
+      } : s
+    } : {}, ...g }),
+    l && !s?.valid && /* @__PURE__ */ c(A, { mt: 0.7, style: {
       flexDirection: "column"
     }, children: [
-      /* @__PURE__ */ s(D, { value: y, max: 100, color: "linear-gradient(to right, #D90429 0%, #29BF12 100%)" }),
+      /* @__PURE__ */ o(B, { value: M, max: 100, color: "linear-gradient(to right, #D90429 0%, #29BF12 100%)" }),
       (() => {
-        const e = ["2", "3", "4", "5", "1"].find((V) => i.includes(V));
+        const e = ["2", "3", "4", "5", "1"].find((w) => i.includes(w));
         if (!e) return null;
-        const M = {
+        const V = {
           1: "Must be at least 8 characters",
           2: "Must include a lowercase letter",
           3: "Must include an uppercase letter",
           4: "Must include a number",
           5: "Must include a special character"
         }[e];
-        return /* @__PURE__ */ s(A, { children: M });
+        return /* @__PURE__ */ o(D, { children: V });
       })()
     ] })
   ] });

package/dist/components/form/TextAreaInput.js

@@ -1,19 +1,21 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import a from "react";
-import { Input as u } from "./Input.js";
-import { IconX as f } from "@tabler/icons-react";
+import { Input as s } from "./Input.js";
+import { IconX as u } from "@tabler/icons-react";
 import { Button as p } from "../button/Button.js";
-import { clearInputElement as s } from "./Input.utils.js";
-const R = a.forwardRef((r, t) => {
+import { clearInputElement as h } from "./Input.utils.js";
+const R = a.forwardRef((o, t) => {
   t = t || a.useRef(null);
   const {
-    clearable: i = !1,
-    right: l,
+    clearable: l = !1,
+    right: c,
     ...m
-  } = r, c = (e) => {
-    s(t.current), r.onClear && r.onClear(e);
-  }, n = [l];
-  return i && n.push(/* @__PURE__ */ o(p, { variant: "none", onClick: (e) => c(e), children: /* @__PURE__ */ o(f, { size: 13 }) })), /* @__PURE__ */ o(u, { right: n, type: "textarea", ref: t, ...m });
+  } = o, f = (r) => {
+    h(t.current), o.onClear && o.onClear(r);
+  }, n = [c];
+  l && n.push(/* @__PURE__ */ e(p, { variant: "none", onClick: (r) => f(r), children: /* @__PURE__ */ e(u, { size: 13 }) }));
+  const i = n.filter(Boolean);
+  return /* @__PURE__ */ e(s, { right: i.length > 0 ? i : void 0, type: "textarea", ref: t, ...m });
 });
 export {
   R as TextAreaInput

package/dist/components/form/TextInput.js

@@ -1,20 +1,22 @@
-import { jsx as r } from "react/jsx-runtime";
-import i from "react";
-import { Input as p } from "./Input.js";
+import { jsx as o } from "react/jsx-runtime";
+import l from "react";
+import { Input as s } from "./Input.js";
 import { IconX as u } from "@tabler/icons-react";
 import { Button as f } from "../button/Button.js";
-import { clearInputElement as s } from "./Input.utils.js";
-import { ButtonGroup as d } from "../button-group/ButtonGroup.js";
-const b = i.forwardRef((o, t) => {
-  t = t || i.useRef(null);
+import { clearInputElement as d } from "./Input.utils.js";
+import { ButtonGroup as h } from "../button-group/ButtonGroup.js";
+const b = l.forwardRef((r, t) => {
+  t = t || l.useRef(null);
   const {
-    clearable: l = !1,
-    right: c,
-    ...m
-  } = o, a = (e) => {
-    s(t.current), o.onClear && o.onClear(e);
-  }, n = [c];
-  return l && n.push(/* @__PURE__ */ r(f, { color: "secondary", paddingSize: "xxs", onClick: (e) => a(e), children: /* @__PURE__ */ r(u, { size: 13 }) })), /* @__PURE__ */ r(p, { right: /* @__PURE__ */ r(d, { color: "primary", children: n }), type: "text", ref: t, ...m });
+    clearable: c = !1,
+    right: m,
+    ...a
+  } = r, p = (e) => {
+    d(t.current), r.onClear && r.onClear(e);
+  }, n = [m];
+  c && n.push(/* @__PURE__ */ o(f, { color: "secondary", paddingSize: "xxs", onClick: (e) => p(e), children: /* @__PURE__ */ o(u, { size: 13 }) }));
+  const i = n.filter(Boolean);
+  return /* @__PURE__ */ o(s, { right: i.length > 0 ? /* @__PURE__ */ o(h, { color: "primary", children: i }) : void 0, type: "text", ref: t, ...a });
 });
 export {
   b as TextInput

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code0-tech/pictor",
-  "version": "0.17.1",
+  "version": "0.17.2",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "scripts": {