@alfadocs/ui-kit 0.18.2 → 0.20.0

package/dist/_chunks/email-input-DvJ_kPKL.js

@@ -0,0 +1,396 @@
+import { jsxs as W, jsx as V } from "react/jsx-runtime";
+import { forwardRef as ie, useRef as K, useId as ue, useState as X, useMemo as Q, useEffect as oe, useCallback as Z } from "react";
+import { useTranslation as se } from "react-i18next";
+import { g as fe } from "./_commonjsHelpers-DaMA6jEr.js";
+import { T as ce } from "./text-input-CakysYnD.js";
+import { u as de } from "./form-field-context-B3APVHKx.js";
+import { c as me } from "./compose-refs-C0k0tdqF.js";
+import { u as pe } from "./registry-C9nwlNyL.js";
+import { C as ve } from "./circle-alert-ChA9opNA.js";
+var j = { exports: {} }, A = { exports: {} }, G;
+function z() {
+  return G || (G = 1, (function(i, t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), t.default = f;
+    function f(o) {
+      if (o == null) throw new TypeError("Expected a string but received a ".concat(o));
+      if (o.constructor.name !== "String") throw new TypeError("Expected a string but received a ".concat(o.constructor.name));
+    }
+    i.exports = t.default, i.exports.default = t.default;
+  })(A, A.exports)), A.exports;
+}
+var M = { exports: {} }, J;
+function _e() {
+  return J || (J = 1, (function(i, t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), t.default = o;
+    function f(l) {
+      return Object.prototype.toString.call(l) === "[object RegExp]";
+    }
+    function o(l, u) {
+      for (var a = 0; a < u.length; a++) {
+        var r = u[a];
+        if (l === r || f(r) && r.test(l))
+          return !0;
+      }
+      return !1;
+    }
+    i.exports = t.default, i.exports.default = t.default;
+  })(M, M.exports)), M.exports;
+}
+var k = { exports: {} }, Y;
+function ge() {
+  return Y || (Y = 1, (function(i, t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), t.default = u;
+    var f = o(/* @__PURE__ */ z());
+    function o(a) {
+      return a && a.__esModule ? a : { default: a };
+    }
+    function l(a) {
+      "@babel/helpers - typeof";
+      return l = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
+        return typeof r;
+      } : function(r) {
+        return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
+      }, l(a);
+    }
+    function u(a, r) {
+      (0, f.default)(a);
+      var e, p;
+      l(r) === "object" ? (e = r.min || 0, p = r.max) : (e = arguments[1], p = arguments[2]);
+      var _ = encodeURI(a).split(/%..|./).length - 1;
+      return _ >= e && (typeof p > "u" || _ <= p);
+    }
+    i.exports = t.default, i.exports.default = t.default;
+  })(k, k.exports)), k.exports;
+}
+var N = { exports: {} }, T = { exports: {} }, $;
+function ae() {
+  return $ || ($ = 1, (function(i, t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), t.default = o;
+    function f(l) {
+      "@babel/helpers - typeof";
+      return f = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(u) {
+        return typeof u;
+      } : function(u) {
+        return u && typeof Symbol == "function" && u.constructor === Symbol && u !== Symbol.prototype ? "symbol" : typeof u;
+      }, f(l);
+    }
+    function o() {
+      var l = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, u = arguments.length > 1 ? arguments[1] : void 0;
+      (f(l) !== "object" || l === null) && (l = {});
+      for (var a in u)
+        typeof l[a] > "u" && (l[a] = u[a]);
+      return l;
+    }
+    i.exports = t.default, i.exports.default = t.default;
+  })(T, T.exports)), T.exports;
+}
+var ee;
+function xe() {
+  return ee || (ee = 1, (function(i, t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), t.default = a;
+    var f = l(/* @__PURE__ */ z()), o = l(/* @__PURE__ */ ae());
+    function l(r) {
+      return r && r.__esModule ? r : { default: r };
+    }
+    var u = {
+      require_tld: !0,
+      allow_underscores: !1,
+      allow_trailing_dot: !1,
+      allow_numeric_tld: !1,
+      allow_wildcard: !1,
+      ignore_max_length: !1
+    };
+    function a(r, e) {
+      (0, f.default)(r), e = (0, o.default)(e, u), e.allow_trailing_dot && r[r.length - 1] === "." && (r = r.substring(0, r.length - 1)), e.allow_wildcard === !0 && r.indexOf("*.") === 0 && (r = r.substring(2));
+      var p = r.split("."), _ = p[p.length - 1];
+      return e.require_tld && (p.length < 2 || !e.allow_numeric_tld && !/^([a-z\u00A1-\u00A8\u00AA-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}|xn[a-z0-9-]{2,})$/i.test(_) || /\s/.test(_)) || !e.allow_numeric_tld && /^\d+$/.test(_) ? !1 : p.every(function(s) {
+        return !(s.length > 63 && !e.ignore_max_length || !/^[a-z_\u00a1-\uffff0-9-]+$/i.test(s) || /[\uff01-\uff5e]/.test(s) || /^-|-$/.test(s) || !e.allow_underscores && /_/.test(s));
+      });
+    }
+    i.exports = t.default, i.exports.default = t.default;
+  })(N, N.exports)), N.exports;
+}
+var O = { exports: {} }, te;
+function he() {
+  return te || (te = 1, (function(i, t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), t.default = _;
+    var f = o(/* @__PURE__ */ z());
+    function o(s) {
+      return s && s.__esModule ? s : { default: s };
+    }
+    function l(s) {
+      "@babel/helpers - typeof";
+      return l = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(v) {
+        return typeof v;
+      } : function(v) {
+        return v && typeof Symbol == "function" && v.constructor === Symbol && v !== Symbol.prototype ? "symbol" : typeof v;
+      }, l(s);
+    }
+    var u = "(?:[0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])", a = "(".concat(u, "[.]){3}").concat(u), r = new RegExp("^".concat(a, "$")), e = "(?:[0-9a-fA-F]{1,4})", p = new RegExp("^(" + "(?:".concat(e, ":){7}(?:").concat(e, "|:)|") + "(?:".concat(e, ":){6}(?:").concat(a, "|:").concat(e, "|:)|") + "(?:".concat(e, ":){5}(?::").concat(a, "|(:").concat(e, "){1,2}|:)|") + "(?:".concat(e, ":){4}(?:(:").concat(e, "){0,1}:").concat(a, "|(:").concat(e, "){1,3}|:)|") + "(?:".concat(e, ":){3}(?:(:").concat(e, "){0,2}:").concat(a, "|(:").concat(e, "){1,4}|:)|") + "(?:".concat(e, ":){2}(?:(:").concat(e, "){0,3}:").concat(a, "|(:").concat(e, "){1,5}|:)|") + "(?:".concat(e, ":){1}(?:(:").concat(e, "){0,4}:").concat(a, "|(:").concat(e, "){1,6}|:)|") + "(?::((?::".concat(e, "){0,5}:").concat(a, "|(?::").concat(e, "){1,7}|:))") + ")(%[0-9a-zA-Z.]{1,})?$");
+    function _(s) {
+      var v = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+      (0, f.default)(s);
+      var x = (l(v) === "object" ? v.version : arguments[1]) || "";
+      return x ? x.toString() === "4" ? r.test(s) : x.toString() === "6" ? p.test(s) : !1 : _(s, {
+        version: 4
+      }) || _(s, {
+        version: 6
+      });
+    }
+    i.exports = t.default, i.exports.default = t.default;
+  })(O, O.exports)), O.exports;
+}
+var re;
+function ye() {
+  return re || (re = 1, (function(i, t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), t.default = C;
+    var f = e(/* @__PURE__ */ z()), o = e(/* @__PURE__ */ _e()), l = e(/* @__PURE__ */ ge()), u = e(/* @__PURE__ */ xe()), a = e(/* @__PURE__ */ he()), r = e(/* @__PURE__ */ ae());
+    function e(d) {
+      return d && d.__esModule ? d : { default: d };
+    }
+    var p = {
+      allow_display_name: !1,
+      allow_underscores: !1,
+      require_display_name: !1,
+      allow_utf8_local_part: !0,
+      require_tld: !0,
+      blacklisted_chars: "",
+      ignore_max_length: !1,
+      host_blacklist: [],
+      host_whitelist: []
+    }, _ = /^([^\x00-\x1F\x7F-\x9F\cX]+)</i, s = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~]+$/i, v = /^[a-z\d]+$/, x = /^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f]))*$/i, L = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~\u00A1-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+$/i, U = /^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*$/i, I = 254;
+    function b(d) {
+      var n = d.replace(/^"(.+)"$/, "$1");
+      if (!n.trim())
+        return !1;
+      var y = /[\.";<>]/.test(n);
+      if (y) {
+        if (n === d)
+          return !1;
+        var h = n.split('"').length === n.split('\\"').length;
+        if (!h)
+          return !1;
+      }
+      return !0;
+    }
+    function C(d, n) {
+      if ((0, f.default)(d), n = (0, r.default)(n, p), n.require_display_name || n.allow_display_name) {
+        var y = d.match(_);
+        if (y) {
+          var h = y[1];
+          if (d = d.replace(h, "").replace(/(^<|>$)/g, ""), h.endsWith(" ") && (h = h.slice(0, -1)), !b(h))
+            return !1;
+        } else if (n.require_display_name)
+          return !1;
+      }
+      if (!n.ignore_max_length && d.length > I)
+        return !1;
+      var E = d.split("@"), g = E.pop(), F = g.toLowerCase();
+      if (n.host_blacklist.length > 0 && (0, o.default)(F, n.host_blacklist) || n.host_whitelist.length > 0 && !(0, o.default)(F, n.host_whitelist))
+        return !1;
+      var m = E.join("@");
+      if (n.domain_specific_validation && (F === "gmail.com" || F === "googlemail.com")) {
+        m = m.toLowerCase();
+        var R = m.split("+")[0];
+        if (!(0, l.default)(R.replace(/\./g, ""), {
+          min: 6,
+          max: 30
+        }))
+          return !1;
+        for (var D = R.split("."), w = 0; w < D.length; w++)
+          if (!v.test(D[w]))
+            return !1;
+      }
+      if (n.ignore_max_length === !1 && (!(0, l.default)(m, {
+        max: 64
+      }) || !(0, l.default)(g, {
+        max: 254
+      })))
+        return !1;
+      if (!(0, u.default)(g, {
+        require_tld: n.require_tld,
+        ignore_max_length: n.ignore_max_length,
+        allow_underscores: n.allow_underscores
+      })) {
+        if (!n.allow_ip_domain)
+          return !1;
+        if (!(0, a.default)(g)) {
+          if (!g.startsWith("[") || !g.endsWith("]"))
+            return !1;
+          var S = g.slice(1, -1);
+          if (S.length === 0 || !(0, a.default)(S))
+            return !1;
+        }
+      }
+      if (n.blacklisted_chars && m.search(new RegExp("[".concat(n.blacklisted_chars, "]+"), "g")) !== -1)
+        return !1;
+      if (m[0] === '"' && m[m.length - 1] === '"')
+        return m = m.slice(1, m.length - 1), n.allow_utf8_local_part ? U.test(m) : x.test(m);
+      for (var H = n.allow_utf8_local_part ? L : s, P = m.split("."), q = 0; q < P.length; q++)
+        if (!H.test(P[q]))
+          return !1;
+      return !0;
+    }
+    i.exports = t.default, i.exports.default = t.default;
+  })(j, j.exports)), j.exports;
+}
+var be = /* @__PURE__ */ ye();
+const ne = /* @__PURE__ */ fe(be), Fe = {
+  id: "email-input",
+  capabilities: [],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.emailInput.state.value",
+      description: "The current email address typed into the field.",
+      read: (i) => i.getValue()
+    },
+    isValid: {
+      type: "boolean",
+      descriptionKey: "ui.agent.emailInput.state.isValid",
+      description: "True when the value is non-empty AND parses as a valid email per RFC 5322.",
+      read: (i) => i.isValid()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "email-input",
+      description: 'Marks the EmailInput wrapper. The inline error element carries `role="alert"` when validation fails.'
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop, when provided."
+    }
+  }
+};
+function we(i) {
+  return i.length === 0 ? !0 : ne(i);
+}
+const Ee = ie(
+  ({
+    errorMessage: i,
+    onValidityChange: t,
+    disableBuiltInValidation: f = !1,
+    value: o,
+    defaultValue: l,
+    onChange: u,
+    onBlur: a,
+    id: r,
+    "aria-describedby": e,
+    ...p
+  }, _) => {
+    const { t: s } = se(), v = de(), x = K(null), L = me(_, x), U = ue(), I = v.errorId || U, b = o !== void 0, [C, d] = X(() => typeof o == "string" ? o : typeof l == "string" ? l : ""), n = b ? String(o) : C, [y, h] = X(
+      () => n.length > 0
+    ), E = Q(
+      () => we(n),
+      [n]
+    ), g = !f && y && n.length > 0 && !E, F = K(null);
+    oe(() => {
+      if (!y) return;
+      const c = n.length > 0 && E;
+      F.current !== c && (F.current = c, t == null || t(c));
+    }, [y, n, E, t]);
+    const m = Z(
+      (c) => {
+        b || d(c.target.value), u == null || u(c);
+      },
+      [b, u]
+    ), R = Z(
+      (c) => {
+        h(!0), a == null || a(c);
+      },
+      [a]
+    ), D = Q(
+      () => ({
+        getValue: () => {
+          var c;
+          return ((c = x.current) == null ? void 0 : c.value) ?? "";
+        },
+        isValid: () => {
+          var B;
+          const c = ((B = x.current) == null ? void 0 : B.value) ?? "";
+          return c.length > 0 && ne(c);
+        }
+      }),
+      []
+    );
+    pe(Fe, D, r);
+    const w = g && i !== null, S = v.describedBy || void 0, H = Q(() => {
+      const c = [
+        e,
+        S,
+        w ? I : null
+      ].filter(Boolean);
+      return c.length > 0 ? c.join(" ") : void 0;
+    }, [
+      e,
+      S,
+      w,
+      I
+    ]), P = g ? "error" : "default", q = g || v.invalid || void 0, le = i !== void 0 ? i : s("inputs.email.invalid", "Invalid email");
+    return /* @__PURE__ */ W(
+      "div",
+      {
+        "data-component": "email-input",
+        "data-component-id": r,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+        children: [
+          /* @__PURE__ */ V(
+            ce,
+            {
+              ...p,
+              ref: L,
+              id: r,
+              type: "email",
+              inputMode: "email",
+              autoComplete: "email",
+              tone: P,
+              value: b ? n : void 0,
+              defaultValue: b ? void 0 : l,
+              onChange: m,
+              onBlur: R,
+              "aria-invalid": q,
+              "aria-describedby": H
+            }
+          ),
+          w ? /* @__PURE__ */ W(
+            "p",
+            {
+              id: I,
+              role: "alert",
+              "data-slot": "email-input-error",
+              className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
+              children: [
+                /* @__PURE__ */ V(ve, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
+                /* @__PURE__ */ V("span", { children: le })
+              ]
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+Ee.displayName = "EmailInput";
+export {
+  Ee as E,
+  Fe as e
+};
+//# sourceMappingURL=email-input-DvJ_kPKL.js.map