@code0-tech/pictor 0.0.0-mvp.31 → 0.0.0-mvp.32

package/dist/components/d-organization/DOrganizatonContent.js

@@ -1,20 +1,20 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import n from "react";
 import { useStore as c, useService as s } from "../../utils/contextStore.js";
 import "merge-props";
-import { Text as a } from "../text/Text.js";
+import { Text as m } from "../text/Text.js";
 import { DOrganizationReactiveService as v } from "./DOrganization.service.js";
 import { IconFolders as k, IconUsers as L, IconServer as N, IconEdit as w, IconLogout as F } from "@tabler/icons-react";
-import { Flex as i } from "../flex/Flex.js";
+import { Flex as t } from "../flex/Flex.js";
 import { Button as S } from "../button/Button.js";
 import { Spacing as P } from "../spacing/Spacing.js";
-import { Avatar as _ } from "../avatar/Avatar.js";
+import { Avatar as E } from "../avatar/Avatar.js";
 import { DUserReactiveService as b } from "../d-user/DUser.service.js";
 import "../../_virtual/compiler-runtime.js";
 import '../../assets/components/dialog/Dialog.style.css';import '../../assets/components/tooltip/Tooltip.style.css';import '../../assets/components/form/Input.style.css';import '../../assets/components/card/Card.style.css';import '../../assets/components/menu/Menu.style.css';/* empty css                      */
 import "@radix-ui/react-dropdown-menu";
 /* empty css                      */
-import { useUserSession as E } from "../d-user/DUser.session.hook.js";
+import { useUserSession as T } from "../d-user/DUser.session.hook.js";
 import { Badge as d } from "../badge/Badge.js";
 import "@radix-ui/react-checkbox";
 /* empty css                       */
@@ -35,59 +35,59 @@ import "@radix-ui/react-dialog";
 /* empty css                          */
 const Ie = (I) => {
   const {
-    organizationId: m,
+    organizationId: a,
     onLeave: M = () => {
     },
     onSetting: j = () => {
     }
-  } = I, B = c(v), C = s(v), D = c(z), $ = s(z), A = c(x), R = s(x), U = s(b), O = c(b), u = E(), p = n.useMemo(() => U.getById(u?.user?.id), [O, u]), r = n.useMemo(() => m ? C.getById(m) : null, [B, m]), o = n.useMemo(() => r ? $.getById(r.namespace?.id) : null, [D, r]), g = n.useMemo(() => o && p ? R.getByNamespaceIdAndUserId(o.id, p.id) : null, [A, o, p]), h = o?.projects?.count, f = o?.members?.count, y = o?.runtimes?.count;
-  return /* @__PURE__ */ t(i, { align: "center", style: {
+  } = I, B = c(v), C = s(v), D = c(z), $ = s(z), A = c(x), R = s(x), U = s(b), O = c(b), u = T(), p = n.useMemo(() => U.getById(u?.user?.id), [O, u]), r = n.useMemo(() => a ? C.getById(a) : null, [B, a]), o = n.useMemo(() => r ? $.getById(r.namespace?.id) : null, [D, r]), g = n.useMemo(() => o && p ? R.getByNamespaceIdAndUserId(o.id, p.id) : null, [A, o, p]), h = o?.projects?.count, y = o?.members?.count, f = o?.runtimes?.count;
+  return /* @__PURE__ */ i(t, { align: "center", style: {
     gap: "1.3rem"
   }, justify: "space-between", children: [
-    /* @__PURE__ */ t(i, { align: "center", style: {
+    /* @__PURE__ */ i(t, { align: "center", style: {
       gap: "1.3rem"
     }, children: [
-      /* @__PURE__ */ e(_, { bg: "transparent", identifier: r?.name ?? "" }),
-      /* @__PURE__ */ t(i, { style: {
+      /* @__PURE__ */ e(E, { bg: "transparent", identifier: r?.name ?? "" }),
+      /* @__PURE__ */ i(t, { style: {
         flexDirection: "column"
       }, children: [
-        /* @__PURE__ */ e(a, { size: "lg", hierarchy: "primary", display: "block", children: r?.name }),
+        /* @__PURE__ */ e(m, { size: "lg", hierarchy: "primary", display: "block", children: r?.name }),
         /* @__PURE__ */ e(P, { spacing: "xxs" }),
-        /* @__PURE__ */ t(i, { align: "center", style: {
+        /* @__PURE__ */ i(t, { align: "center", style: {
           gap: "0.35rem",
           flexWrap: "wrap"
         }, children: [
-          /* @__PURE__ */ e(d, { border: !0, children: /* @__PURE__ */ t(i, { align: "center", style: {
+          /* @__PURE__ */ e(d, { border: !0, children: /* @__PURE__ */ i(t, { align: "center", style: {
             gap: "0.35rem"
           }, children: [
             /* @__PURE__ */ e(k, { size: 16 }),
-            /* @__PURE__ */ e(a, { size: "xs", hierarchy: "tertiary", children: `${h ?? 0} project${(h ?? 0) !== 1 ? "s" : ""}` })
+            /* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: `${h ?? 0} project${(h ?? 0) !== 1 ? "s" : ""}` })
           ] }) }),
-          /* @__PURE__ */ e(d, { border: !0, children: /* @__PURE__ */ t(i, { align: "center", style: {
+          /* @__PURE__ */ e(d, { border: !0, children: /* @__PURE__ */ i(t, { align: "center", style: {
             gap: "0.35rem"
           }, children: [
             /* @__PURE__ */ e(L, { size: 16 }),
-            /* @__PURE__ */ t(a, { size: "xs", hierarchy: "tertiary", children: [
+            /* @__PURE__ */ i(m, { size: "xs", hierarchy: "tertiary", children: [
               " ",
-              `${f ?? 0} member${(f ?? 0) !== 1 ? "s" : ""}`
+              `${y ?? 0} member${(y ?? 0) !== 1 ? "s" : ""}`
             ] })
           ] }) }),
-          /* @__PURE__ */ e(d, { border: !0, children: /* @__PURE__ */ t(i, { align: "center", style: {
+          /* @__PURE__ */ e(d, { border: !0, children: /* @__PURE__ */ i(t, { align: "center", style: {
             gap: "0.35rem"
           }, children: [
             /* @__PURE__ */ e(N, { size: 16 }),
-            /* @__PURE__ */ e(a, { size: "xs", hierarchy: "tertiary", children: `${y ?? 0} runtime${(y ?? 0) !== 1 ? "s" : ""}` })
+            /* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: `${f ?? 0} runtime${(f ?? 0) !== 1 ? "s" : ""}` })
           ] }) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ t(i, { align: "center", style: {
+    /* @__PURE__ */ i(t, { align: "center", style: {
       gap: "0.7rem"
     }, children: [
       r?.userAbilities?.deleteOrganization || r?.userAbilities?.updateOrganization ? /* @__PURE__ */ e(S, { variant: "filled", color: "secondary", onClick: (l) => {
         l.stopPropagation(), j(r);
       }, children: /* @__PURE__ */ e(w, { size: 16 }) }) : null,
-      g && g.userAbilities?.deleteMember ? /* @__PURE__ */ t(S, { variant: "filled", color: "error", onClick: (l) => {
+      g && g.userAbilities?.deleteMember ? /* @__PURE__ */ i(S, { variant: "filled", color: "error", onClick: (l) => {
         l.stopPropagation(), r && M(r);
       }, children: [
         /* @__PURE__ */ e(F, { size: 16 }),

package/dist/components/d-project/DNamespaceProjectContent.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useService as m } from "../../utils/contextStore.js";
+import { useService as a } from "../../utils/contextStore.js";
 import p from "react";
 import "merge-props";
 import { Flex as t } from "../flex/Flex.js";
@@ -12,13 +12,13 @@ import { DRuntimeReactiveService as b } from "../d-runtime/DRuntime.service.js";
 import "../../_virtual/compiler-runtime.js";
 import '../../assets/components/card/Card.style.css';/* empty css                      */
 import { Button as S } from "../button/Button.js";
-const G = (d) => {
+const T = (d) => {
   const {
     projectId: s,
     onSetting: u = () => {
     },
     minimized: o = !1
-  } = d, l = m(y), h = o ? null : m(b), r = p.useMemo(() => l.getById(s), [l, s]), a = o ? null : p.useMemo(() => r ? h.getById(r.primaryRuntime?.id) : null, [r]);
+  } = d, l = a(y), h = o ? null : a(b), r = p.useMemo(() => l.getById(s), [l, s]), m = o ? null : p.useMemo(() => r ? h.getById(r.primaryRuntime?.id) : null, [r]);
   return /* @__PURE__ */ i(t, { align: "center", style: {
     gap: "1.3rem"
   }, justify: "space-between", children: [
@@ -54,9 +54,9 @@ const G = (d) => {
             /* @__PURE__ */ e(v, { size: 16 }),
             /* @__PURE__ */ e(n, { size: "xs", children: r?.runtimes?.count ?? 0 })
           ] }),
-          a && /* @__PURE__ */ i(c, { border: !0, children: [
+          m && /* @__PURE__ */ i(c, { border: !0, children: [
             /* @__PURE__ */ e(z, { size: 16 }),
-            /* @__PURE__ */ e(n, { size: "xs", children: a.name })
+            /* @__PURE__ */ e(n, { size: "xs", children: m.name })
           ] })
         ] })
       ] }),
@@ -67,5 +67,5 @@ const G = (d) => {
   ] });
 };
 export {
-  G as DNamespaceProjectContent
+  T as DNamespaceProjectContent
 };

package/dist/components/d-project/DNamespaceProjectList.js

@@ -1,25 +1,25 @@
 import { jsx as r } from "react/jsx-runtime";
 import f from "react";
 import { Card as u } from "../card/Card.js";
-import { useService as l, useStore as S } from "../../utils/contextStore.js";
+import { useService as S, useStore as l } from "../../utils/contextStore.js";
 import "merge-props";
 import { DNamespaceProjectReactiveService as i } from "./DNamespaceProject.service.js";
 import v from "../card/CardSection.js";
 import { DNamespaceProjectContent as j } from "./DNamespaceProjectContent.js";
-const _ = (c) => {
+const b = (c) => {
   const {
     namespaceId: t,
     filter: m = () => !0,
     onSetting: s,
     onSelect: o,
     ...n
-  } = c, a = l(i), p = S(i), d = f.useMemo(() => a.values({
+  } = c, p = S(i), a = l(i), d = f.useMemo(() => p.values({
     namespaceId: t
-  }), [p, t]);
+  }), [a, t]);
   return /* @__PURE__ */ r(u, { ...n, children: d.filter(m).map((e) => e.id && /* @__PURE__ */ r(v, { border: !0, hover: !0, onClick: () => {
     o && o(e);
   }, children: /* @__PURE__ */ r(j, { onSetting: s, projectId: e?.id }) }, e.id)) });
 };
 export {
-  _ as DNamespaceProjectList
+  b as DNamespaceProjectList
 };

package/dist/components/d-project/DNamespaceProjectMenu.js

@@ -10,7 +10,7 @@ import { Flex as t } from "../flex/Flex.js";
 import { Badge as n } from "../badge/Badge.js";
 import { IconArrowUp as B, IconArrowDown as N, IconCornerDownLeft as A } from "@tabler/icons-react";
 import { Spacing as F } from "../spacing/Spacing.js";
-const J = (i) => {
+const K = (i) => {
   const {
     onProjectSelect: h,
     namespaceId: c,
@@ -53,5 +53,5 @@ const J = (i) => {
   ] }), [a]);
 };
 export {
-  J as default
+  K as default
 };

package/dist/components/d-role/DNamespaceRolePermissions.js

@@ -1,8 +1,8 @@
 import { jsx as i, jsxs as s, Fragment as l } from "react/jsx-runtime";
-import a from "react";
+import m from "react";
 import { Flex as A } from "../flex/Flex.js";
 import { Text as c } from "../text/Text.js";
-import { Badge as m } from "../badge/Badge.js";
+import { Badge as a } from "../badge/Badge.js";
 import { IconCheck as T } from "@tabler/icons-react";
 import { Tooltip as _, TooltipTrigger as u, TooltipPortal as C, TooltipContent as R, TooltipArrow as f } from "../tooltip/Tooltip.js";
 const h = {
@@ -73,7 +73,7 @@ function g(e) {
     t.action,
     " ",
     /* @__PURE__ */ s(_, { children: [
-      /* @__PURE__ */ i(u, { asChild: !0, children: /* @__PURE__ */ i(m, { color: "info", style: {
+      /* @__PURE__ */ i(u, { asChild: !0, children: /* @__PURE__ */ i(a, { color: "info", style: {
         verticalAlign: "middle"
       }, children: /* @__PURE__ */ i(c, { style: {
         color: "inherit"
@@ -103,7 +103,7 @@ function g(e) {
   return /* @__PURE__ */ s(l, { children: [
     "Can",
     " ",
-    n.map((t, E) => /* @__PURE__ */ s(a.Fragment, { children: [
+    n.map((t, E) => /* @__PURE__ */ s(m.Fragment, { children: [
       E > 0 && ", ",
       r(t)
     ] }, t.category)),
@@ -115,7 +115,7 @@ function g(e) {
 const b = (e) => {
   const {
     abilities: r
-  } = e, n = a.useMemo(() => S(r), [r]);
+  } = e, n = m.useMemo(() => S(r), [r]);
   return /* @__PURE__ */ i(c, { size: "sm", hierarchy: "secondary", children: g(n) });
 };
 export {

package/dist/components/d-runtime/DRuntimeList.js

@@ -1,12 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Card as a } from "../card/Card.js";
-import l from "react";
-import { useService as S, useStore as v } from "../../utils/contextStore.js";
+import S from "react";
+import { useService as l, useStore as v } from "../../utils/contextStore.js";
 import "merge-props";
 import { DRuntimeReactiveService as m } from "./DRuntime.service.js";
 import R from "../card/CardSection.js";
 import { DRuntimeContent as C } from "./DRuntimeContent.js";
-const j = (n) => {
+const k = (n) => {
   const {
     namespaceId: t,
     minimized: i = !1,
@@ -14,15 +14,15 @@ const j = (n) => {
     onSetting: s,
     onSelect: o,
     ...d
-  } = n, u = S(m), f = v(m), p = l.useMemo(() => u.values({
+  } = n, p = l(m), u = v(m), f = S.useMemo(() => p.values({
     namespaceId: t
-  }), [f, t]);
+  }), [u, t]);
   return /* @__PURE__ */ r(a, { ...d, ...i ? {
     paddingSize: "sm"
-  } : {}, children: p.filter(c).map((e) => e.id && /* @__PURE__ */ r(R, { border: !0, hover: !0, onClick: () => {
+  } : {}, children: f.filter(c).map((e) => e.id && /* @__PURE__ */ r(R, { border: !0, hover: !0, onClick: () => {
     o && o(e);
   }, children: /* @__PURE__ */ r(C, { minimized: i, onSetting: s, runtimeId: e?.id }) }, e.id)) });
 };
 export {
-  j as DRuntimeList
+  k as DRuntimeList
 };

package/dist/components/d-user/DUser.session.hook.js

@@ -1,6 +1,6 @@
 import { c } from "../../_virtual/compiler-runtime.js";
 import i from "react";
-const m = () => {
+const a = () => {
   const e = c.c(2), [n, r] = i.useState(void 0);
   let s, o;
   return e[0] === Symbol.for("react.memo_cache_sentinel") ? (s = () => {
@@ -12,5 +12,5 @@ const m = () => {
 };
 export {
   S as setUserSession,
-  m as useUserSession
+  a as useUserSession
 };

package/dist/components/d-user/DUserContent.js

@@ -1,7 +1,7 @@
-import { jsx as d, jsxs as u } from "react/jsx-runtime";
+import { jsx as d, jsxs as p } from "react/jsx-runtime";
 import { c as V } from "../../_virtual/compiler-runtime.js";
 import w from "react";
-import { Flex as p } from "../flex/Flex.js";
+import { Flex as u } from "../flex/Flex.js";
 import { Avatar as B } from "../avatar/Avatar.js";
 import { useUserSession as E } from "./DUser.session.hook.js";
 import { useService as k } from "../../utils/contextStore.js";
@@ -39,43 +39,43 @@ const Z = (D) => {
   let l;
   e[10] !== r.admin ? (l = r.admin ? /* @__PURE__ */ d(C, { color: "secondary", children: "Owner" }) : null, e[10] = r.admin, e[11] = l) : l = e[11];
   let s;
-  e[12] !== i || e[13] !== l ? (s = /* @__PURE__ */ u(p, { align: "center", style: v, children: [
+  e[12] !== i || e[13] !== l ? (s = /* @__PURE__ */ p(u, { align: "center", style: v, children: [
     i,
     l
   ] }), e[12] = i, e[13] = l, e[14] = s) : s = e[14];
   let n;
   e[15] !== r.email ? (n = /* @__PURE__ */ d(R, { size: "sm", hierarchy: "tertiary", children: r.email }), e[15] = r.email, e[16] = n) : n = e[16];
   let m;
-  e[17] !== s || e[18] !== n ? (m = /* @__PURE__ */ u(p, { style: g, children: [
+  e[17] !== s || e[18] !== n ? (m = /* @__PURE__ */ p(u, { style: g, children: [
     s,
     n
   ] }), e[17] = s, e[18] = n, e[19] = m) : m = e[19];
   let o;
-  e[20] !== m || e[21] !== t ? (o = /* @__PURE__ */ u(p, { style: y, align: "center", children: [
+  e[20] !== m || e[21] !== t ? (o = /* @__PURE__ */ p(u, { style: y, align: "center", children: [
     t,
     m
   ] }), e[20] = m, e[21] = t, e[22] = o) : o = e[22];
-  let _;
-  e[23] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
+  let S;
+  e[23] === Symbol.for("react.memo_cache_sentinel") ? (S = {
     gap: "1.3rem"
-  }, e[23] = _) : _ = e[23];
+  }, e[23] = S) : S = e[23];
   let c;
-  e[24] !== r.emailVerifiedAt ? (c = r?.emailVerifiedAt ? /* @__PURE__ */ u(C, { border: !0, children: [
+  e[24] !== r.emailVerifiedAt ? (c = r?.emailVerifiedAt ? /* @__PURE__ */ p(C, { border: !0, children: [
     /* @__PURE__ */ d(M, { size: 16 }),
     /* @__PURE__ */ d(R, { size: "xs", hierarchy: "tertiary", children: "Email verified" })
   ] }) : null, e[24] = r.emailVerifiedAt, e[25] = c) : c = e[25];
   let a;
   e[26] !== j || e[27] !== A || e[28] !== U || e[29] !== r ? (a = null, e[26] = j, e[27] = A, e[28] = U, e[29] = r, e[30] = a) : a = e[30];
   let f;
-  e[31] !== c || e[32] !== a ? (f = /* @__PURE__ */ u(p, { style: _, align: "center", children: [
+  e[31] !== c || e[32] !== a ? (f = /* @__PURE__ */ p(u, { style: S, align: "center", children: [
     c,
     a
   ] }), e[31] = c, e[32] = a, e[33] = f) : f = e[33];
-  let S;
-  return e[34] !== o || e[35] !== f ? (S = /* @__PURE__ */ u(p, { justify: "space-between", align: "center", children: [
+  let _;
+  return e[34] !== o || e[35] !== f ? (_ = /* @__PURE__ */ p(u, { justify: "space-between", align: "center", children: [
     o,
     f
-  ] }), e[34] = o, e[35] = f, e[36] = S) : S = e[36], S;
+  ] }), e[34] = o, e[35] = f, e[36] = _) : _ = e[36], _;
 };
 function O() {
 }

package/dist/components/d-user/DUserList.js

@@ -1,22 +1,22 @@
 import { jsx as e } from "react/jsx-runtime";
-import p from "react";
+import d from "react";
 import { useService as u, useStore as l } from "../../utils/contextStore.js";
 import "merge-props";
 import { DUserReactiveService as t } from "./DUser.service.js";
-import { Card as a } from "../card/Card.js";
-import v from "../card/CardSection.js";
-import { DUserContent as S } from "./DUserContent.js";
-const j = (i) => {
+import { Card as v } from "../card/Card.js";
+import S from "../card/CardSection.js";
+import { DUserContent as a } from "./DUserContent.js";
+const k = (i) => {
   const {
     filter: m = () => !0,
     onRemove: s,
     onSelect: o,
     ...c
-  } = i, n = u(t), f = l(t), d = p.useMemo(() => n.values(), [f]);
-  return /* @__PURE__ */ e(a, { ...c, children: d.filter(m).map((r) => r && r.id && /* @__PURE__ */ e(v, { border: !0, hover: !0, onClick: () => {
+  } = i, n = u(t), f = l(t), p = d.useMemo(() => n.values(), [f]);
+  return /* @__PURE__ */ e(v, { ...c, children: p.filter(m).map((r) => r && r.id && /* @__PURE__ */ e(S, { border: !0, hover: !0, onClick: () => {
     o && o(r);
-  }, children: /* @__PURE__ */ e(S, { onRemove: s, userId: r?.id }) }, r.id)) });
+  }, children: /* @__PURE__ */ e(a, { onRemove: s, userId: r?.id }) }, r.id)) });
 };
 export {
-  j as DUserList
+  k as DUserList
 };

package/dist/components/form/CheckboxInput.js

@@ -10,8 +10,8 @@ import '../../assets/components/form/Input.style.css';/* empty css
 import { IconMinus as T, IconCheck as q } from "@tabler/icons-react";
 const Y = (l) => {
   const e = $.c(40), {
-    title: _,
-    description: b,
+    title: b,
+    description: _,
     formValidation: k,
     ...N
   } = l;
@@ -29,9 +29,9 @@ const Y = (l) => {
   let v;
   e[5] !== t ? (v = [t], e[5] = t, e[6] = v) : v = e[6], z.useEffect(g, v);
   let o;
-  e[7] !== _ ? (o = _ ? /* @__PURE__ */ n(F, { children: _ }) : null, e[7] = _, e[8] = o) : o = e[8];
+  e[7] !== b ? (o = b ? /* @__PURE__ */ n(F, { children: b }) : null, e[7] = b, e[8] = o) : o = e[8];
   let c;
-  e[9] !== b ? (c = b ? /* @__PURE__ */ n(L, { children: b }) : null, e[9] = b, e[10] = c) : c = e[10];
+  e[9] !== _ ? (c = _ ? /* @__PURE__ */ n(L, { children: _ }) : null, e[9] = _, e[10] = c) : c = e[10];
   const V = `input ${i?.valid ? "" : "input--not-valid"} checkbox-input`;
   let s;
   e[11] !== V ? (s = E(V, {}), e[11] = V, e[12] = s) : s = e[12];

package/dist/components/form/EmailInput.js

@@ -1,21 +1,21 @@
 import { jsx as o } from "react/jsx-runtime";
-import e from "react";
-import { Input as l } from "./Input.js";
-import { IconX as m } from "@tabler/icons-react";
+import r from "react";
+import { Input as m } from "./Input.js";
+import { IconX as l } from "@tabler/icons-react";
 import { Button as f } from "../button/Button.js";
 import { clearInputElement as s } from "./Input.utils.js";
-const p = /(?:[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])+)\])/, I = (t) => p.test(t), _ = e.forwardRef((t, x) => {
-  x = x || e.useRef(null);
+const p = /(?:[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])+)\])/, d = (t) => p.test(t), R = r.forwardRef((t, x) => {
+  x = x || r.useRef(null);
   const {
-    clearable: r = !1,
+    clearable: e = !1,
     right: n,
     ...c
   } = t, i = () => {
     s(x.current);
   }, a = [n];
-  return r && a.push(/* @__PURE__ */ o(f, { onClick: i, children: /* @__PURE__ */ o(m, { size: 13 }) })), /* @__PURE__ */ o(l, { right: a, type: "email", ref: x, ...c });
+  return e && a.push(/* @__PURE__ */ o(f, { onClick: i, children: /* @__PURE__ */ o(l, { size: 13 }) })), /* @__PURE__ */ o(m, { right: a, type: "email", ref: x, ...c });
 });
 export {
-  _ as EmailInput,
-  I as emailValidation
+  R as EmailInput,
+  d as emailValidation
 };