@lanaco/lnc-react-ui 4.0.112 → 4.0.113

package/dist/ContactSection.js

@@ -0,0 +1,1614 @@
+import { jsxs as K, jsx as A } from "react/jsx-runtime";
+import * as Je from "react";
+import F, { forwardRef as Lt } from "react";
+import { P } from "./index-CblbdqjE.js";
+import Ot from "./CheckBoxInput.js";
+import Te from "./TextInput.js";
+import Rt from "./TextAreaInput.js";
+import Qe from "./Icon.js";
+import Mt from "./Button.js";
+import { s as Ut } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as It } from "./consts-BuFChS64.js";
+var _e = (e) => e.type === "checkbox", oe = (e) => e instanceof Date, z = (e) => e == null;
+const ct = (e) => typeof e == "object";
+var L = (e) => !z(e) && !Array.isArray(e) && ct(e) && !oe(e), ft = (e) => L(e) && e.target ? _e(e.target) ? e.target.checked : e.target.value : e, Pt = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, yt = (e, s) => e.has(Pt(s)), Bt = (e) => {
+  const s = e.constructor && e.constructor.prototype;
+  return L(s) && s.hasOwnProperty("isPrototypeOf");
+}, Re = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
+function U(e) {
+  let s;
+  const t = Array.isArray(e), a = typeof FileList < "u" ? e instanceof FileList : !1;
+  if (e instanceof Date)
+    s = new Date(e);
+  else if (e instanceof Set)
+    s = new Set(e);
+  else if (!(Re && (e instanceof Blob || a)) && (t || L(e)))
+    if (s = t ? [] : {}, !t && !Bt(e))
+      s = e;
+    else
+      for (const l in e)
+        e.hasOwnProperty(l) && (s[l] = U(e[l]));
+  else
+    return e;
+  return s;
+}
+var Ae = (e) => /^\w*$/.test(e), C = (e) => e === void 0, Me = (e) => Array.isArray(e) ? e.filter(Boolean) : [], Ue = (e) => Me(e.replace(/["|']|\]/g, "").split(/\.|\[/)), y = (e, s, t) => {
+  if (!s || !L(e))
+    return t;
+  const a = (Ae(s) ? [s] : Ue(s)).reduce((l, n) => z(l) ? l : l[n], e);
+  return C(a) || a === e ? C(e[s]) ? t : e[s] : a;
+}, $ = (e) => typeof e == "boolean", k = (e, s, t) => {
+  let a = -1;
+  const l = Ae(s) ? [s] : Ue(s), n = l.length, d = n - 1;
+  for (; ++a < n; ) {
+    const c = l[a];
+    let v = t;
+    if (a !== d) {
+      const O = e[c];
+      v = L(O) || Array.isArray(O) ? O : isNaN(+l[a + 1]) ? {} : [];
+    }
+    if (c === "__proto__" || c === "constructor" || c === "prototype")
+      return;
+    e[c] = v, e = e[c];
+  }
+};
+const Ve = {
+  BLUR: "blur",
+  FOCUS_OUT: "focusout",
+  CHANGE: "change"
+}, Y = {
+  onBlur: "onBlur",
+  onChange: "onChange",
+  onSubmit: "onSubmit",
+  onTouched: "onTouched",
+  all: "all"
+}, re = {
+  max: "max",
+  min: "min",
+  maxLength: "maxLength",
+  minLength: "minLength",
+  pattern: "pattern",
+  required: "required",
+  validate: "validate"
+}, mt = F.createContext(null);
+mt.displayName = "HookFormContext";
+const Ie = () => F.useContext(mt);
+var gt = (e, s, t, a = !0) => {
+  const l = {
+    defaultValues: s._defaultValues
+  };
+  for (const n in e)
+    Object.defineProperty(l, n, {
+      get: () => {
+        const d = n;
+        return s._proxyFormState[d] !== Y.all && (s._proxyFormState[d] = !a || Y.all), t && (t[d] = !0), e[d];
+      }
+    });
+  return l;
+};
+const Pe = typeof window < "u" ? Je.useLayoutEffect : Je.useEffect;
+function zt(e) {
+  const s = Ie(), { control: t = s.control, disabled: a, name: l, exact: n } = e || {}, [d, c] = F.useState(t._formState), v = F.useRef({
+    isDirty: !1,
+    isLoading: !1,
+    dirtyFields: !1,
+    touchedFields: !1,
+    validatingFields: !1,
+    isValidating: !1,
+    isValid: !1,
+    errors: !1
+  });
+  return Pe(() => t._subscribe({
+    name: l,
+    formState: v.current,
+    exact: n,
+    callback: (O) => {
+      !a && c({
+        ...t._formState,
+        ...O
+      });
+    }
+  }), [l, a, n]), F.useEffect(() => {
+    v.current.isValid && t._setValid(!0);
+  }, [t]), F.useMemo(() => gt(d, t, v.current, !1), [d, t]);
+}
+var te = (e) => typeof e == "string", ht = (e, s, t, a, l) => te(e) ? (a && s.watch.add(e), y(t, e, l)) : Array.isArray(e) ? e.map((n) => (a && s.watch.add(n), y(t, n))) : (a && (s.watchAll = !0), t);
+function Wt(e) {
+  const s = Ie(), { control: t = s.control, name: a, defaultValue: l, disabled: n, exact: d } = e || {}, c = F.useRef(l), [v, O] = F.useState(t._getWatch(a, c.current));
+  return Pe(() => t._subscribe({
+    name: a,
+    formState: {
+      values: !0
+    },
+    exact: d,
+    callback: (w) => !n && O(ht(a, t._names, w.values || t._formValues, !1, c.current))
+  }), [a, t, n, d]), F.useEffect(() => t._removeUnmounted()), v;
+}
+function qt(e) {
+  const s = Ie(), { name: t, disabled: a, control: l = s.control, shouldUnregister: n } = e, d = yt(l._names.array, t), c = Wt({
+    control: l,
+    name: t,
+    defaultValue: y(l._formValues, t, y(l._defaultValues, t, e.defaultValue)),
+    exact: !0
+  }), v = zt({
+    control: l,
+    name: t,
+    exact: !0
+  }), O = F.useRef(e), w = F.useRef(l.register(t, {
+    ...e.rules,
+    value: c,
+    ...$(e.disabled) ? { disabled: e.disabled } : {}
+  })), S = F.useMemo(() => Object.defineProperties({}, {
+    invalid: {
+      enumerable: !0,
+      get: () => !!y(v.errors, t)
+    },
+    isDirty: {
+      enumerable: !0,
+      get: () => !!y(v.dirtyFields, t)
+    },
+    isTouched: {
+      enumerable: !0,
+      get: () => !!y(v.touchedFields, t)
+    },
+    isValidating: {
+      enumerable: !0,
+      get: () => !!y(v.validatingFields, t)
+    },
+    error: {
+      enumerable: !0,
+      get: () => y(v.errors, t)
+    }
+  }), [v, t]), h = F.useCallback((N) => w.current.onChange({
+    target: {
+      value: ft(N),
+      name: t
+    },
+    type: Ve.CHANGE
+  }), [t]), J = F.useCallback(() => w.current.onBlur({
+    target: {
+      value: y(l._formValues, t),
+      name: t
+    },
+    type: Ve.BLUR
+  }), [t, l._formValues]), H = F.useCallback((N) => {
+    const G = y(l._fields, t);
+    G && N && (G._f.ref = {
+      focus: () => N.focus && N.focus(),
+      select: () => N.select && N.select(),
+      setCustomValidity: (_) => N.setCustomValidity(_),
+      reportValidity: () => N.reportValidity()
+    });
+  }, [l._fields, t]), E = F.useMemo(() => ({
+    name: t,
+    value: c,
+    ...$(a) || v.disabled ? { disabled: v.disabled || a } : {},
+    onChange: h,
+    onBlur: J,
+    ref: H
+  }), [t, a, v.disabled, h, J, H, c]);
+  return F.useEffect(() => {
+    const N = l._options.shouldUnregister || n;
+    l.register(t, {
+      ...O.current.rules,
+      ...$(O.current.disabled) ? { disabled: O.current.disabled } : {}
+    });
+    const G = (_, I) => {
+      const M = y(l._fields, _);
+      M && M._f && (M._f.mount = I);
+    };
+    if (G(t, !0), N) {
+      const _ = U(y(l._options.defaultValues, t));
+      k(l._defaultValues, t, _), C(y(l._formValues, t)) && k(l._formValues, t, _);
+    }
+    return !d && l.register(t), () => {
+      (d ? N && !l._state.action : N) ? l.unregister(t) : G(t, !1);
+    };
+  }, [t, l, d, n]), F.useEffect(() => {
+    l._setDisabledField({
+      disabled: a,
+      name: t
+    });
+  }, [a, t, l]), F.useMemo(() => ({
+    field: E,
+    formState: v,
+    fieldState: S
+  }), [E, v, S]);
+}
+const fe = (e) => e.render(qt(e));
+var Ht = (e, s, t, a, l) => s ? {
+  ...t[e],
+  types: {
+    ...t[e] && t[e].types ? t[e].types : {},
+    [a]: l || !0
+  }
+} : {}, ge = (e) => Array.isArray(e) ? e : [e], et = () => {
+  let e = [];
+  return {
+    get observers() {
+      return e;
+    },
+    next: (l) => {
+      for (const n of e)
+        n.next && n.next(l);
+    },
+    subscribe: (l) => (e.push(l), {
+      unsubscribe: () => {
+        e = e.filter((n) => n !== l);
+      }
+    }),
+    unsubscribe: () => {
+      e = [];
+    }
+  };
+}, Oe = (e) => z(e) || !ct(e);
+function le(e, s, t = /* @__PURE__ */ new WeakSet()) {
+  if (Oe(e) || Oe(s))
+    return e === s;
+  if (oe(e) && oe(s))
+    return e.getTime() === s.getTime();
+  const a = Object.keys(e), l = Object.keys(s);
+  if (a.length !== l.length)
+    return !1;
+  if (t.has(e) || t.has(s))
+    return !0;
+  t.add(e), t.add(s);
+  for (const n of a) {
+    const d = e[n];
+    if (!l.includes(n))
+      return !1;
+    if (n !== "ref") {
+      const c = s[n];
+      if (oe(d) && oe(c) || L(d) && L(c) || Array.isArray(d) && Array.isArray(c) ? !le(d, c, t) : d !== c)
+        return !1;
+    }
+  }
+  return !0;
+}
+var q = (e) => L(e) && !Object.keys(e).length, Be = (e) => e.type === "file", Z = (e) => typeof e == "function", we = (e) => {
+  if (!Re)
+    return !1;
+  const s = e ? e.ownerDocument : 0;
+  return e instanceof (s && s.defaultView ? s.defaultView.HTMLElement : HTMLElement);
+}, _t = (e) => e.type === "select-multiple", ze = (e) => e.type === "radio", $t = (e) => ze(e) || _e(e), Le = (e) => we(e) && e.isConnected;
+function jt(e, s) {
+  const t = s.slice(0, -1).length;
+  let a = 0;
+  for (; a < t; )
+    e = C(e) ? a++ : e[s[a++]];
+  return e;
+}
+function Kt(e) {
+  for (const s in e)
+    if (e.hasOwnProperty(s) && !C(e[s]))
+      return !1;
+  return !0;
+}
+function R(e, s) {
+  const t = Array.isArray(s) ? s : Ae(s) ? [s] : Ue(s), a = t.length === 1 ? e : jt(e, t), l = t.length - 1, n = t[l];
+  return a && delete a[n], l !== 0 && (L(a) && q(a) || Array.isArray(a) && Kt(a)) && R(e, t.slice(0, -1)), e;
+}
+var vt = (e) => {
+  for (const s in e)
+    if (Z(e[s]))
+      return !0;
+  return !1;
+};
+function Fe(e, s = {}) {
+  const t = Array.isArray(e);
+  if (L(e) || t)
+    for (const a in e)
+      Array.isArray(e[a]) || L(e[a]) && !vt(e[a]) ? (s[a] = Array.isArray(e[a]) ? [] : {}, Fe(e[a], s[a])) : z(e[a]) || (s[a] = !0);
+  return s;
+}
+function bt(e, s, t) {
+  const a = Array.isArray(e);
+  if (L(e) || a)
+    for (const l in e)
+      Array.isArray(e[l]) || L(e[l]) && !vt(e[l]) ? C(s) || Oe(t[l]) ? t[l] = Array.isArray(e[l]) ? Fe(e[l], []) : { ...Fe(e[l]) } : bt(e[l], z(s) ? {} : s[l], t[l]) : t[l] = !le(e[l], s[l]);
+  return t;
+}
+var ye = (e, s) => bt(e, s, Fe(s));
+const tt = {
+  value: !1,
+  isValid: !1
+}, rt = { value: !0, isValid: !0 };
+var xt = (e) => {
+  if (Array.isArray(e)) {
+    if (e.length > 1) {
+      const s = e.filter((t) => t && t.checked && !t.disabled).map((t) => t.value);
+      return { value: s, isValid: !!s.length };
+    }
+    return e[0].checked && !e[0].disabled ? (
+      // @ts-expect-error expected to work in the browser
+      e[0].attributes && !C(e[0].attributes.value) ? C(e[0].value) || e[0].value === "" ? rt : { value: e[0].value, isValid: !0 } : rt
+    ) : tt;
+  }
+  return tt;
+}, Vt = (e, { valueAsNumber: s, valueAsDate: t, setValueAs: a }) => C(e) ? e : s ? e === "" ? NaN : e && +e : t && te(e) ? new Date(e) : a ? a(e) : e;
+const st = {
+  isValid: !1,
+  value: null
+};
+var wt = (e) => Array.isArray(e) ? e.reduce((s, t) => t && t.checked && !t.disabled ? {
+  isValid: !0,
+  value: t.value
+} : s, st) : st;
+function it(e) {
+  const s = e.ref;
+  return Be(s) ? s.files : ze(s) ? wt(e.refs).value : _t(s) ? [...s.selectedOptions].map(({ value: t }) => t) : _e(s) ? xt(e.refs).value : Vt(C(s.value) ? e.ref.value : s.value, e);
+}
+var Gt = (e, s, t, a) => {
+  const l = {};
+  for (const n of e) {
+    const d = y(s, n);
+    d && k(l, n, d._f);
+  }
+  return {
+    criteriaMode: t,
+    names: [...e],
+    fields: l,
+    shouldUseNativeValidation: a
+  };
+}, pe = (e) => e instanceof RegExp, me = (e) => C(e) ? e : pe(e) ? e.source : L(e) ? pe(e.value) ? e.value.source : e.value : e, at = (e) => ({
+  isOnSubmit: !e || e === Y.onSubmit,
+  isOnBlur: e === Y.onBlur,
+  isOnChange: e === Y.onChange,
+  isOnAll: e === Y.all,
+  isOnTouch: e === Y.onTouched
+});
+const lt = "AsyncFunction";
+var Xt = (e) => !!e && !!e.validate && !!(Z(e.validate) && e.validate.constructor.name === lt || L(e.validate) && Object.values(e.validate).find((s) => s.constructor.name === lt)), Yt = (e) => e.mount && (e.required || e.min || e.max || e.maxLength || e.minLength || e.pattern || e.validate), nt = (e, s, t) => !t && (s.watchAll || s.watch.has(e) || [...s.watch].some((a) => e.startsWith(a) && /^\.\w+/.test(e.slice(a.length))));
+const he = (e, s, t, a) => {
+  for (const l of t || Object.keys(e)) {
+    const n = y(e, l);
+    if (n) {
+      const { _f: d, ...c } = n;
+      if (d) {
+        if (d.refs && d.refs[0] && s(d.refs[0], l) && !a)
+          return !0;
+        if (d.ref && s(d.ref, d.name) && !a)
+          return !0;
+        if (he(c, s))
+          break;
+      } else if (L(c) && he(c, s))
+        break;
+    }
+  }
+};
+function ot(e, s, t) {
+  const a = y(e, t);
+  if (a || Ae(t))
+    return {
+      error: a,
+      name: t
+    };
+  const l = t.split(".");
+  for (; l.length; ) {
+    const n = l.join("."), d = y(s, n), c = y(e, n);
+    if (d && !Array.isArray(d) && t !== n)
+      return { name: t };
+    if (c && c.type)
+      return {
+        name: n,
+        error: c
+      };
+    if (c && c.root && c.root.type)
+      return {
+        name: `${n}.root`,
+        error: c.root
+      };
+    l.pop();
+  }
+  return {
+    name: t
+  };
+}
+var Zt = (e, s, t, a) => {
+  t(e);
+  const { name: l, ...n } = e;
+  return q(n) || Object.keys(n).length >= Object.keys(s).length || Object.keys(n).find((d) => s[d] === (!a || Y.all));
+}, Jt = (e, s, t) => !e || !s || e === s || ge(e).some((a) => a && (t ? a === s : a.startsWith(s) || s.startsWith(a))), Qt = (e, s, t, a, l) => l.isOnAll ? !1 : !t && l.isOnTouch ? !(s || e) : (t ? a.isOnBlur : l.isOnBlur) ? !e : (t ? a.isOnChange : l.isOnChange) ? e : !0, er = (e, s) => !Me(y(e, s)).length && R(e, s), tr = (e, s, t) => {
+  const a = ge(y(e, t));
+  return k(a, "root", s[t]), k(e, t, a), e;
+}, xe = (e) => te(e);
+function ut(e, s, t = "validate") {
+  if (xe(e) || Array.isArray(e) && e.every(xe) || $(e) && !e)
+    return {
+      type: t,
+      message: xe(e) ? e : "",
+      ref: s
+    };
+}
+var de = (e) => L(e) && !pe(e) ? e : {
+  value: e,
+  message: ""
+}, dt = async (e, s, t, a, l, n) => {
+  const { ref: d, refs: c, required: v, maxLength: O, minLength: w, min: S, max: h, pattern: J, validate: H, name: E, valueAsNumber: N, mount: G } = e._f, _ = y(t, E);
+  if (!G || s.has(E))
+    return {};
+  const I = c ? c[0] : d, M = (x) => {
+    l && I.reportValidity && (I.setCustomValidity($(x) ? "" : x || ""), I.reportValidity());
+  }, b = {}, se = ze(d), ie = _e(d), ke = se || ie, X = (N || Be(d)) && C(d.value) && C(_) || we(d) && d.value === "" || _ === "" || Array.isArray(_) && !_.length, ne = Ht.bind(null, E, a, b), Q = (x, p, T, B = re.maxLength, W = re.minLength) => {
+    const ee = x ? p : T;
+    b[E] = {
+      type: x ? B : W,
+      message: ee,
+      ref: d,
+      ...ne(x ? B : W, ee)
+    };
+  };
+  if (n ? !Array.isArray(_) || !_.length : v && (!ke && (X || z(_)) || $(_) && !_ || ie && !xt(c).isValid || se && !wt(c).isValid)) {
+    const { value: x, message: p } = xe(v) ? { value: !!v, message: v } : de(v);
+    if (x && (b[E] = {
+      type: re.required,
+      message: p,
+      ref: I,
+      ...ne(re.required, p)
+    }, !a))
+      return M(p), b;
+  }
+  if (!X && (!z(S) || !z(h))) {
+    let x, p;
+    const T = de(h), B = de(S);
+    if (!z(_) && !isNaN(_)) {
+      const W = d.valueAsNumber || _ && +_;
+      z(T.value) || (x = W > T.value), z(B.value) || (p = W < B.value);
+    } else {
+      const W = d.valueAsDate || new Date(_), ee = (ve) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + ve), ce = d.type == "time", ue = d.type == "week";
+      te(T.value) && _ && (x = ce ? ee(_) > ee(T.value) : ue ? _ > T.value : W > new Date(T.value)), te(B.value) && _ && (p = ce ? ee(_) < ee(B.value) : ue ? _ < B.value : W < new Date(B.value));
+    }
+    if ((x || p) && (Q(!!x, T.message, B.message, re.max, re.min), !a))
+      return M(b[E].message), b;
+  }
+  if ((O || w) && !X && (te(_) || n && Array.isArray(_))) {
+    const x = de(O), p = de(w), T = !z(x.value) && _.length > +x.value, B = !z(p.value) && _.length < +p.value;
+    if ((T || B) && (Q(T, x.message, p.message), !a))
+      return M(b[E].message), b;
+  }
+  if (J && !X && te(_)) {
+    const { value: x, message: p } = de(J);
+    if (pe(x) && !_.match(x) && (b[E] = {
+      type: re.pattern,
+      message: p,
+      ref: d,
+      ...ne(re.pattern, p)
+    }, !a))
+      return M(p), b;
+  }
+  if (H) {
+    if (Z(H)) {
+      const x = await H(_, t), p = ut(x, I);
+      if (p && (b[E] = {
+        ...p,
+        ...ne(re.validate, p.message)
+      }, !a))
+        return M(p.message), b;
+    } else if (L(H)) {
+      let x = {};
+      for (const p in H) {
+        if (!q(x) && !a)
+          break;
+        const T = ut(await H[p](_, t), I, p);
+        T && (x = {
+          ...T,
+          ...ne(p, T.message)
+        }, M(T.message), a && (b[E] = x));
+      }
+      if (!q(x) && (b[E] = {
+        ref: I,
+        ...x
+      }, !a))
+        return b;
+    }
+  }
+  return M(!0), b;
+};
+const rr = {
+  mode: Y.onSubmit,
+  reValidateMode: Y.onChange,
+  shouldFocusError: !0
+};
+function sr(e = {}) {
+  let s = {
+    ...rr,
+    ...e
+  }, t = {
+    submitCount: 0,
+    isDirty: !1,
+    isReady: !1,
+    isLoading: Z(s.defaultValues),
+    isValidating: !1,
+    isSubmitted: !1,
+    isSubmitting: !1,
+    isSubmitSuccessful: !1,
+    isValid: !1,
+    touchedFields: {},
+    dirtyFields: {},
+    validatingFields: {},
+    errors: s.errors || {},
+    disabled: s.disabled || !1
+  };
+  const a = {};
+  let l = L(s.defaultValues) || L(s.values) ? U(s.defaultValues || s.values) || {} : {}, n = s.shouldUnregister ? {} : U(l), d = {
+    action: !1,
+    mount: !1,
+    watch: !1
+  }, c = {
+    mount: /* @__PURE__ */ new Set(),
+    disabled: /* @__PURE__ */ new Set(),
+    unMount: /* @__PURE__ */ new Set(),
+    array: /* @__PURE__ */ new Set(),
+    watch: /* @__PURE__ */ new Set()
+  }, v, O = 0;
+  const w = {
+    isDirty: !1,
+    dirtyFields: !1,
+    validatingFields: !1,
+    touchedFields: !1,
+    isValidating: !1,
+    isValid: !1,
+    errors: !1
+  };
+  let S = {
+    ...w
+  };
+  const h = {
+    array: et(),
+    state: et()
+  }, J = s.criteriaMode === Y.all, H = (r) => (i) => {
+    clearTimeout(O), O = setTimeout(r, i);
+  }, E = async (r) => {
+    if (!s.disabled && (w.isValid || S.isValid || r)) {
+      const i = s.resolver ? q((await ie()).errors) : await X(a, !0);
+      i !== t.isValid && h.state.next({
+        isValid: i
+      });
+    }
+  }, N = (r, i) => {
+    !s.disabled && (w.isValidating || w.validatingFields || S.isValidating || S.validatingFields) && ((r || Array.from(c.mount)).forEach((o) => {
+      o && (i ? k(t.validatingFields, o, i) : R(t.validatingFields, o));
+    }), h.state.next({
+      validatingFields: t.validatingFields,
+      isValidating: !q(t.validatingFields)
+    }));
+  }, G = (r, i = [], o, m, f = !0, u = !0) => {
+    if (m && o && !s.disabled) {
+      if (d.action = !0, u && Array.isArray(y(a, r))) {
+        const g = o(y(a, r), m.argA, m.argB);
+        f && k(a, r, g);
+      }
+      if (u && Array.isArray(y(t.errors, r))) {
+        const g = o(y(t.errors, r), m.argA, m.argB);
+        f && k(t.errors, r, g), er(t.errors, r);
+      }
+      if ((w.touchedFields || S.touchedFields) && u && Array.isArray(y(t.touchedFields, r))) {
+        const g = o(y(t.touchedFields, r), m.argA, m.argB);
+        f && k(t.touchedFields, r, g);
+      }
+      (w.dirtyFields || S.dirtyFields) && (t.dirtyFields = ye(l, n)), h.state.next({
+        name: r,
+        isDirty: Q(r, i),
+        dirtyFields: t.dirtyFields,
+        errors: t.errors,
+        isValid: t.isValid
+      });
+    } else
+      k(n, r, i);
+  }, _ = (r, i) => {
+    k(t.errors, r, i), h.state.next({
+      errors: t.errors
+    });
+  }, I = (r) => {
+    t.errors = r, h.state.next({
+      errors: t.errors,
+      isValid: !1
+    });
+  }, M = (r, i, o, m) => {
+    const f = y(a, r);
+    if (f) {
+      const u = y(n, r, C(o) ? y(l, r) : o);
+      C(u) || m && m.defaultChecked || i ? k(n, r, i ? u : it(f._f)) : T(r, u), d.mount && E();
+    }
+  }, b = (r, i, o, m, f) => {
+    let u = !1, g = !1;
+    const V = {
+      name: r
+    };
+    if (!s.disabled) {
+      if (!o || m) {
+        (w.isDirty || S.isDirty) && (g = t.isDirty, t.isDirty = V.isDirty = Q(), u = g !== V.isDirty);
+        const D = le(y(l, r), i);
+        g = !!y(t.dirtyFields, r), D ? R(t.dirtyFields, r) : k(t.dirtyFields, r, !0), V.dirtyFields = t.dirtyFields, u = u || (w.dirtyFields || S.dirtyFields) && g !== !D;
+      }
+      if (o) {
+        const D = y(t.touchedFields, r);
+        D || (k(t.touchedFields, r, o), V.touchedFields = t.touchedFields, u = u || (w.touchedFields || S.touchedFields) && D !== o);
+      }
+      u && f && h.state.next(V);
+    }
+    return u ? V : {};
+  }, se = (r, i, o, m) => {
+    const f = y(t.errors, r), u = (w.isValid || S.isValid) && $(i) && t.isValid !== i;
+    if (s.delayError && o ? (v = H(() => _(r, o)), v(s.delayError)) : (clearTimeout(O), v = null, o ? k(t.errors, r, o) : R(t.errors, r)), (o ? !le(f, o) : f) || !q(m) || u) {
+      const g = {
+        ...m,
+        ...u && $(i) ? { isValid: i } : {},
+        errors: t.errors,
+        name: r
+      };
+      t = {
+        ...t,
+        ...g
+      }, h.state.next(g);
+    }
+  }, ie = async (r) => {
+    N(r, !0);
+    const i = await s.resolver(n, s.context, Gt(r || c.mount, a, s.criteriaMode, s.shouldUseNativeValidation));
+    return N(r), i;
+  }, ke = async (r) => {
+    const { errors: i } = await ie(r);
+    if (r)
+      for (const o of r) {
+        const m = y(i, o);
+        m ? k(t.errors, o, m) : R(t.errors, o);
+      }
+    else
+      t.errors = i;
+    return i;
+  }, X = async (r, i, o = {
+    valid: !0
+  }) => {
+    for (const m in r) {
+      const f = r[m];
+      if (f) {
+        const { _f: u, ...g } = f;
+        if (u) {
+          const V = c.array.has(u.name), D = f._f && Xt(f._f);
+          D && w.validatingFields && N([m], !0);
+          const j = await dt(f, c.disabled, n, J, s.shouldUseNativeValidation && !i, V);
+          if (D && w.validatingFields && N([m]), j[u.name] && (o.valid = !1, i))
+            break;
+          !i && (y(j, u.name) ? V ? tr(t.errors, j, u.name) : k(t.errors, u.name, j[u.name]) : R(t.errors, u.name));
+        }
+        !q(g) && await X(g, i, o);
+      }
+    }
+    return o.valid;
+  }, ne = () => {
+    for (const r of c.unMount) {
+      const i = y(a, r);
+      i && (i._f.refs ? i._f.refs.every((o) => !Le(o)) : !Le(i._f.ref)) && Se(r);
+    }
+    c.unMount = /* @__PURE__ */ new Set();
+  }, Q = (r, i) => !s.disabled && (r && i && k(n, r, i), !le(ve(), l)), x = (r, i, o) => ht(r, c, {
+    ...d.mount ? n : C(i) ? l : te(r) ? { [r]: i } : i
+  }, o, i), p = (r) => Me(y(d.mount ? n : l, r, s.shouldUnregister ? y(l, r, []) : [])), T = (r, i, o = {}) => {
+    const m = y(a, r);
+    let f = i;
+    if (m) {
+      const u = m._f;
+      u && (!u.disabled && k(n, r, Vt(i, u)), f = we(u.ref) && z(i) ? "" : i, _t(u.ref) ? [...u.ref.options].forEach((g) => g.selected = f.includes(g.value)) : u.refs ? _e(u.ref) ? u.refs.forEach((g) => {
+        (!g.defaultChecked || !g.disabled) && (Array.isArray(f) ? g.checked = !!f.find((V) => V === g.value) : g.checked = f === g.value || !!f);
+      }) : u.refs.forEach((g) => g.checked = g.value === f) : Be(u.ref) ? u.ref.value = "" : (u.ref.value = f, u.ref.type || h.state.next({
+        name: r,
+        values: U(n)
+      })));
+    }
+    (o.shouldDirty || o.shouldTouch) && b(r, f, o.shouldTouch, o.shouldDirty, !0), o.shouldValidate && ue(r);
+  }, B = (r, i, o) => {
+    for (const m in i) {
+      if (!i.hasOwnProperty(m))
+        return;
+      const f = i[m], u = r + "." + m, g = y(a, u);
+      (c.array.has(r) || L(f) || g && !g._f) && !oe(f) ? B(u, f, o) : T(u, f, o);
+    }
+  }, W = (r, i, o = {}) => {
+    const m = y(a, r), f = c.array.has(r), u = U(i);
+    k(n, r, u), f ? (h.array.next({
+      name: r,
+      values: U(n)
+    }), (w.isDirty || w.dirtyFields || S.isDirty || S.dirtyFields) && o.shouldDirty && h.state.next({
+      name: r,
+      dirtyFields: ye(l, n),
+      isDirty: Q(r, u)
+    })) : m && !m._f && !z(u) ? B(r, u, o) : T(r, u, o), nt(r, c) && h.state.next({ ...t }), h.state.next({
+      name: d.mount ? r : void 0,
+      values: U(n)
+    });
+  }, ee = async (r) => {
+    d.mount = !0;
+    const i = r.target;
+    let o = i.name, m = !0;
+    const f = y(a, o), u = (D) => {
+      m = Number.isNaN(D) || oe(D) && isNaN(D.getTime()) || le(D, y(n, o, D));
+    }, g = at(s.mode), V = at(s.reValidateMode);
+    if (f) {
+      let D, j;
+      const be = i.type ? it(f._f) : ft(r), ae = r.type === Ve.BLUR || r.type === Ve.FOCUS_OUT, Nt = !Yt(f._f) && !s.resolver && !y(t.errors, o) && !f._f.deps || Qt(ae, y(t.touchedFields, o), t.isSubmitted, V, g), Ne = nt(o, c, ae);
+      k(n, o, be), ae ? (f._f.onBlur && f._f.onBlur(r), v && v(0)) : f._f.onChange && f._f.onChange(r);
+      const Ce = b(o, be, ae), Ct = !q(Ce) || Ne;
+      if (!ae && h.state.next({
+        name: o,
+        type: r.type,
+        values: U(n)
+      }), Nt)
+        return (w.isValid || S.isValid) && (s.mode === "onBlur" ? ae && E() : ae || E()), Ct && h.state.next({ name: o, ...Ne ? {} : Ce });
+      if (!ae && Ne && h.state.next({ ...t }), s.resolver) {
+        const { errors: Ye } = await ie([o]);
+        if (u(be), m) {
+          const Tt = ot(t.errors, a, o), Ze = ot(Ye, a, Tt.name || o);
+          D = Ze.error, o = Ze.name, j = q(Ye);
+        }
+      } else
+        N([o], !0), D = (await dt(f, c.disabled, n, J, s.shouldUseNativeValidation))[o], N([o]), u(be), m && (D ? j = !1 : (w.isValid || S.isValid) && (j = await X(a, !0)));
+      m && (f._f.deps && ue(f._f.deps), se(o, j, D, Ce));
+    }
+  }, ce = (r, i) => {
+    if (y(t.errors, i) && r.focus)
+      return r.focus(), 1;
+  }, ue = async (r, i = {}) => {
+    let o, m;
+    const f = ge(r);
+    if (s.resolver) {
+      const u = await ke(C(r) ? r : f);
+      o = q(u), m = r ? !f.some((g) => y(u, g)) : o;
+    } else r ? (m = (await Promise.all(f.map(async (u) => {
+      const g = y(a, u);
+      return await X(g && g._f ? { [u]: g } : g);
+    }))).every(Boolean), !(!m && !t.isValid) && E()) : m = o = await X(a);
+    return h.state.next({
+      ...!te(r) || (w.isValid || S.isValid) && o !== t.isValid ? {} : { name: r },
+      ...s.resolver || !r ? { isValid: o } : {},
+      errors: t.errors
+    }), i.shouldFocus && !m && he(a, ce, r ? f : c.mount), m;
+  }, ve = (r) => {
+    const i = {
+      ...d.mount ? n : l
+    };
+    return C(r) ? i : te(r) ? y(i, r) : r.map((o) => y(i, o));
+  }, We = (r, i) => ({
+    invalid: !!y((i || t).errors, r),
+    isDirty: !!y((i || t).dirtyFields, r),
+    error: y((i || t).errors, r),
+    isValidating: !!y(t.validatingFields, r),
+    isTouched: !!y((i || t).touchedFields, r)
+  }), Ft = (r) => {
+    r && ge(r).forEach((i) => R(t.errors, i)), h.state.next({
+      errors: r ? t.errors : {}
+    });
+  }, qe = (r, i, o) => {
+    const m = (y(a, r, { _f: {} })._f || {}).ref, f = y(t.errors, r) || {}, { ref: u, message: g, type: V, ...D } = f;
+    k(t.errors, r, {
+      ...D,
+      ...i,
+      ref: m
+    }), h.state.next({
+      name: r,
+      errors: t.errors,
+      isValid: !1
+    }), o && o.shouldFocus && m && m.focus && m.focus();
+  }, pt = (r, i) => Z(r) ? h.state.subscribe({
+    next: (o) => r(x(void 0, i), o)
+  }) : x(r, i, !0), He = (r) => h.state.subscribe({
+    next: (i) => {
+      Jt(r.name, i.name, r.exact) && Zt(i, r.formState || w, Et, r.reRenderRoot) && r.callback({
+        values: { ...n },
+        ...t,
+        ...i
+      });
+    }
+  }).unsubscribe, At = (r) => (d.mount = !0, S = {
+    ...S,
+    ...r.formState
+  }, He({
+    ...r,
+    formState: S
+  })), Se = (r, i = {}) => {
+    for (const o of r ? ge(r) : c.mount)
+      c.mount.delete(o), c.array.delete(o), i.keepValue || (R(a, o), R(n, o)), !i.keepError && R(t.errors, o), !i.keepDirty && R(t.dirtyFields, o), !i.keepTouched && R(t.touchedFields, o), !i.keepIsValidating && R(t.validatingFields, o), !s.shouldUnregister && !i.keepDefaultValue && R(l, o);
+    h.state.next({
+      values: U(n)
+    }), h.state.next({
+      ...t,
+      ...i.keepDirty ? { isDirty: Q() } : {}
+    }), !i.keepIsValid && E();
+  }, $e = ({ disabled: r, name: i }) => {
+    ($(r) && d.mount || r || c.disabled.has(i)) && (r ? c.disabled.add(i) : c.disabled.delete(i));
+  }, De = (r, i = {}) => {
+    let o = y(a, r);
+    const m = $(i.disabled) || $(s.disabled);
+    return k(a, r, {
+      ...o || {},
+      _f: {
+        ...o && o._f ? o._f : { ref: { name: r } },
+        name: r,
+        mount: !0,
+        ...i
+      }
+    }), c.mount.add(r), o ? $e({
+      disabled: $(i.disabled) ? i.disabled : s.disabled,
+      name: r
+    }) : M(r, !0, i.value), {
+      ...m ? { disabled: i.disabled || s.disabled } : {},
+      ...s.progressive ? {
+        required: !!i.required,
+        min: me(i.min),
+        max: me(i.max),
+        minLength: me(i.minLength),
+        maxLength: me(i.maxLength),
+        pattern: me(i.pattern)
+      } : {},
+      name: r,
+      onChange: ee,
+      onBlur: ee,
+      ref: (f) => {
+        if (f) {
+          De(r, i), o = y(a, r);
+          const u = C(f.value) && f.querySelectorAll && f.querySelectorAll("input,select,textarea")[0] || f, g = $t(u), V = o._f.refs || [];
+          if (g ? V.find((D) => D === u) : u === o._f.ref)
+            return;
+          k(a, r, {
+            _f: {
+              ...o._f,
+              ...g ? {
+                refs: [
+                  ...V.filter(Le),
+                  u,
+                  ...Array.isArray(y(l, r)) ? [{}] : []
+                ],
+                ref: { type: u.type, name: r }
+              } : { ref: u }
+            }
+          }), M(r, !1, void 0, u);
+        } else
+          o = y(a, r, {}), o._f && (o._f.mount = !1), (s.shouldUnregister || i.shouldUnregister) && !(yt(c.array, r) && d.action) && c.unMount.add(r);
+      }
+    };
+  }, Ee = () => s.shouldFocusError && he(a, ce, c.mount), kt = (r) => {
+    $(r) && (h.state.next({ disabled: r }), he(a, (i, o) => {
+      const m = y(a, o);
+      m && (i.disabled = m._f.disabled || r, Array.isArray(m._f.refs) && m._f.refs.forEach((f) => {
+        f.disabled = m._f.disabled || r;
+      }));
+    }, 0, !1));
+  }, je = (r, i) => async (o) => {
+    let m;
+    o && (o.preventDefault && o.preventDefault(), o.persist && o.persist());
+    let f = U(n);
+    if (h.state.next({
+      isSubmitting: !0
+    }), s.resolver) {
+      const { errors: u, values: g } = await ie();
+      t.errors = u, f = U(g);
+    } else
+      await X(a);
+    if (c.disabled.size)
+      for (const u of c.disabled)
+        R(f, u);
+    if (R(t.errors, "root"), q(t.errors)) {
+      h.state.next({
+        errors: {}
+      });
+      try {
+        await r(f, o);
+      } catch (u) {
+        m = u;
+      }
+    } else
+      i && await i({ ...t.errors }, o), Ee(), setTimeout(Ee);
+    if (h.state.next({
+      isSubmitted: !0,
+      isSubmitting: !1,
+      isSubmitSuccessful: q(t.errors) && !m,
+      submitCount: t.submitCount + 1,
+      errors: t.errors
+    }), m)
+      throw m;
+  }, St = (r, i = {}) => {
+    y(a, r) && (C(i.defaultValue) ? W(r, U(y(l, r))) : (W(r, i.defaultValue), k(l, r, U(i.defaultValue))), i.keepTouched || R(t.touchedFields, r), i.keepDirty || (R(t.dirtyFields, r), t.isDirty = i.defaultValue ? Q(r, U(y(l, r))) : Q()), i.keepError || (R(t.errors, r), w.isValid && E()), h.state.next({ ...t }));
+  }, Ke = (r, i = {}) => {
+    const o = r ? U(r) : l, m = U(o), f = q(r), u = f ? l : m;
+    if (i.keepDefaultValues || (l = o), !i.keepValues) {
+      if (i.keepDirtyValues) {
+        const g = /* @__PURE__ */ new Set([
+          ...c.mount,
+          ...Object.keys(ye(l, n))
+        ]);
+        for (const V of Array.from(g))
+          y(t.dirtyFields, V) ? k(u, V, y(n, V)) : W(V, y(u, V));
+      } else {
+        if (Re && C(r))
+          for (const g of c.mount) {
+            const V = y(a, g);
+            if (V && V._f) {
+              const D = Array.isArray(V._f.refs) ? V._f.refs[0] : V._f.ref;
+              if (we(D)) {
+                const j = D.closest("form");
+                if (j) {
+                  j.reset();
+                  break;
+                }
+              }
+            }
+          }
+        for (const g of c.mount) {
+          const V = y(u, g, y(l, g));
+          C(V) || (k(u, g, V), W(g, y(u, g)));
+        }
+      }
+      n = U(u), h.array.next({
+        values: { ...u }
+      }), h.state.next({
+        values: { ...u }
+      });
+    }
+    c = {
+      mount: i.keepDirtyValues ? c.mount : /* @__PURE__ */ new Set(),
+      unMount: /* @__PURE__ */ new Set(),
+      array: /* @__PURE__ */ new Set(),
+      disabled: /* @__PURE__ */ new Set(),
+      watch: /* @__PURE__ */ new Set(),
+      watchAll: !1,
+      focus: ""
+    }, d.mount = !w.isValid || !!i.keepIsValid || !!i.keepDirtyValues, d.watch = !!s.shouldUnregister, h.state.next({
+      submitCount: i.keepSubmitCount ? t.submitCount : 0,
+      isDirty: f ? !1 : i.keepDirty ? t.isDirty : !!(i.keepDefaultValues && !le(r, l)),
+      isSubmitted: i.keepIsSubmitted ? t.isSubmitted : !1,
+      dirtyFields: f ? {} : i.keepDirtyValues ? i.keepDefaultValues && n ? ye(l, n) : t.dirtyFields : i.keepDefaultValues && r ? ye(l, r) : i.keepDirty ? t.dirtyFields : {},
+      touchedFields: i.keepTouched ? t.touchedFields : {},
+      errors: i.keepErrors ? t.errors : {},
+      isSubmitSuccessful: i.keepIsSubmitSuccessful ? t.isSubmitSuccessful : !1,
+      isSubmitting: !1
+    });
+  }, Ge = (r, i) => Ke(Z(r) ? r(n) : r, i), Dt = (r, i = {}) => {
+    const o = y(a, r), m = o && o._f;
+    if (m) {
+      const f = m.refs ? m.refs[0] : m.ref;
+      f.focus && (f.focus(), i.shouldSelect && Z(f.select) && f.select());
+    }
+  }, Et = (r) => {
+    t = {
+      ...t,
+      ...r
+    };
+  }, Xe = {
+    control: {
+      register: De,
+      unregister: Se,
+      getFieldState: We,
+      handleSubmit: je,
+      setError: qe,
+      _subscribe: He,
+      _runSchema: ie,
+      _focusError: Ee,
+      _getWatch: x,
+      _getDirty: Q,
+      _setValid: E,
+      _setFieldArray: G,
+      _setDisabledField: $e,
+      _setErrors: I,
+      _getFieldArray: p,
+      _reset: Ke,
+      _resetDefaultValues: () => Z(s.defaultValues) && s.defaultValues().then((r) => {
+        Ge(r, s.resetOptions), h.state.next({
+          isLoading: !1
+        });
+      }),
+      _removeUnmounted: ne,
+      _disableForm: kt,
+      _subjects: h,
+      _proxyFormState: w,
+      get _fields() {
+        return a;
+      },
+      get _formValues() {
+        return n;
+      },
+      get _state() {
+        return d;
+      },
+      set _state(r) {
+        d = r;
+      },
+      get _defaultValues() {
+        return l;
+      },
+      get _names() {
+        return c;
+      },
+      set _names(r) {
+        c = r;
+      },
+      get _formState() {
+        return t;
+      },
+      get _options() {
+        return s;
+      },
+      set _options(r) {
+        s = {
+          ...s,
+          ...r
+        };
+      }
+    },
+    subscribe: At,
+    trigger: ue,
+    register: De,
+    handleSubmit: je,
+    watch: pt,
+    setValue: W,
+    getValues: ve,
+    reset: Ge,
+    resetField: St,
+    clearErrors: Ft,
+    unregister: Se,
+    setError: qe,
+    setFocus: Dt,
+    getFieldState: We
+  };
+  return {
+    ...Xe,
+    formControl: Xe
+  };
+}
+function ir(e = {}) {
+  const s = F.useRef(void 0), t = F.useRef(void 0), [a, l] = F.useState({
+    isDirty: !1,
+    isValidating: !1,
+    isLoading: Z(e.defaultValues),
+    isSubmitted: !1,
+    isSubmitting: !1,
+    isSubmitSuccessful: !1,
+    isValid: !1,
+    submitCount: 0,
+    dirtyFields: {},
+    touchedFields: {},
+    validatingFields: {},
+    errors: e.errors || {},
+    disabled: e.disabled || !1,
+    isReady: !1,
+    defaultValues: Z(e.defaultValues) ? void 0 : e.defaultValues
+  });
+  if (!s.current)
+    if (e.formControl)
+      s.current = {
+        ...e.formControl,
+        formState: a
+      }, e.defaultValues && !Z(e.defaultValues) && e.formControl.reset(e.defaultValues, e.resetOptions);
+    else {
+      const { formControl: d, ...c } = sr(e);
+      s.current = {
+        ...c,
+        formState: a
+      };
+    }
+  const n = s.current.control;
+  return n._options = e, Pe(() => {
+    const d = n._subscribe({
+      formState: n._proxyFormState,
+      callback: () => l({ ...n._formState }),
+      reRenderRoot: !0
+    });
+    return l((c) => ({
+      ...c,
+      isReady: !0
+    })), n._formState.isReady = !0, d;
+  }, [n]), F.useEffect(() => n._disableForm(e.disabled), [n, e.disabled]), F.useEffect(() => {
+    e.mode && (n._options.mode = e.mode), e.reValidateMode && (n._options.reValidateMode = e.reValidateMode);
+  }, [n, e.mode, e.reValidateMode]), F.useEffect(() => {
+    e.errors && (n._setErrors(e.errors), n._focusError());
+  }, [n, e.errors]), F.useEffect(() => {
+    e.shouldUnregister && n._subjects.state.next({
+      values: n._getWatch()
+    });
+  }, [n, e.shouldUnregister]), F.useEffect(() => {
+    if (n._proxyFormState.isDirty) {
+      const d = n._getDirty();
+      d !== a.isDirty && n._subjects.state.next({
+        isDirty: d
+      });
+    }
+  }, [n, a.isDirty]), F.useEffect(() => {
+    e.values && !le(e.values, t.current) ? (n._reset(e.values, n._options.resetOptions), t.current = e.values, l((d) => ({ ...d }))) : n._resetDefaultValues();
+  }, [n, e.values]), F.useEffect(() => {
+    n._state.mount || (n._setValid(), n._state.mount = !0), n._state.watch && (n._state.watch = !1, n._subjects.state.next({ ...n._formState })), n._removeUnmounted();
+  }), s.current.formState = gt(a, n), s.current;
+}
+const ar = Ut.div`
+  display: flex;
+  align-items: flex-start;
+  gap: 2.5rem;
+
+  & .section__card {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    border-radius: 0.75rem;
+    border: 1px solid var(--gray-200, #e4e9f0);
+    background: var(--white, #fff);
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+
+    & .card__image {
+      border-top-left-radius: 0.75rem;
+      border-top-right-radius: 0.75rem;
+      max-width: 23.5rem;
+      max-height: 18rem;
+    }
+
+    & .card__content {
+      display: flex;
+      padding: 2rem 1.25rem;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 1.5rem;
+
+      & .card__tile {
+        display: flex;
+        align-items: flex-start;
+        gap: 1rem;
+
+        & .tile__image {
+          display: flex;
+          width: 2.5rem;
+          height: 2.5rem;
+          padding: 0.5rem;
+          align-items: center;
+          aspect-ratio: 1 / 1;
+          border-radius: 999px;
+          background: var(--primary-100, #dcf4f9);
+          color: var(--primary-400, #27b4be);
+
+          & i {
+            &::before {
+              margin-left: 0.1rem;
+            }
+          }
+        }
+
+        & .tile__content {
+          display: flex;
+          flex-direction: column;
+          align-items: flex-start;
+          gap: 0.25rem;
+
+          & .tile__title {
+            color: var(--gray-900, #0c1520);
+            font-size: 1rem;
+            font-style: normal;
+            font-weight: 500;
+            line-height: 1.5rem;
+          }
+
+          & .tile__items {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            gap: 0.5rem;
+
+            & .tile__item {
+              color: var(--gray-900, #0c1520);
+              font-size: 0.875rem;
+              font-style: normal;
+              font-weight: 400;
+              line-height: 1.25rem;
+              letter-spacing: 0.0156rem;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  & .section__form {
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+
+    & .form__title {
+      color: var(--gray-900, #0c1520);
+      font-size: 1.5rem;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 2rem;
+    }
+
+    & .form__description {
+      color: var(--gray-500, #7a8594);
+      font-size: 1rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1.5rem;
+    }
+
+    & .form__fields {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 1.25rem;
+
+      & .form__field {
+        display: flex;
+        align-items: center;
+        gap: 0.75rem;
+        width: 100%;
+
+        &.right {
+          justify-content: flex-end;
+        }
+
+        & .field__wrapper {
+          display: flex;
+          flex-direction: column;
+          width: 100%;
+
+          & .field__hint {
+            color: var(--gray-400, #96a2b2);
+            font-size: 0.75rem;
+            font-style: normal;
+            font-weight: 400;
+            line-height: 1rem;
+            letter-spacing: 0.01px;
+            align-self: flex-end;
+          }
+
+          & .field__checkbox-input {
+            & input {
+              &:focus ~ .checkmark {
+                outline: none;
+              }
+
+              &:checked ~ .checkmark {
+                background: var(--primary-500, #ff7621);
+                border: 1px solid var(--primary-400, #ff914d);
+              }
+            }
+
+            & .checkbox-label {
+              color: var(--gray-900, #0c1520);
+              font-size: 0.875rem;
+              font-style: normal;
+              font-weight: 400;
+              line-height: 1.25rem;
+              letter-spacing: -0.09px;
+
+              & a {
+                font-weight: 500;
+                color: var(--gray-900, #0c1520);
+
+                &:hover {
+                  color: var(--gray-900, #0c1520);
+                }
+              }
+            }
+          }
+        }
+
+        & .field__text-input {
+          height: 2.75rem;
+          min-height: 2.75rem;
+          border-radius: 0.75rem;
+          border: 1px solid var(--gray-200, #e4e9f0);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          width: 100%;
+          outline: none;
+
+          &.text-area {
+            height: 100%;
+            min-height: 100%;
+            border: none;
+            box-shadow: none;
+          }
+
+          & input::placeholder {
+            color: var(--gray-500, #7a8594);
+            font-size: 0.875rem;
+            font-style: normal;
+            font-weight: 400;
+            line-height: 1.25rem;
+            letter-spacing: 0.0156rem;
+          }
+
+          & textarea {
+            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+
+            &::placeholder {
+              color: var(--gray-500, #7a8594);
+              font-size: 0.875rem;
+              font-style: normal;
+              font-weight: 400;
+              line-height: 1.25rem;
+              letter-spacing: 0.0156rem;
+            }
+
+            &:focus {
+              outline: none;
+            }
+          }
+        }
+
+        & button {
+          min-width: 9rem;
+          padding: 0.5rem;
+          color: var(--white, #fff);
+          font-size: 0.875rem;
+          font-style: normal;
+          font-weight: 600;
+          line-height: 1.25rem;
+          letter-spacing: 0.1px;
+
+          background: var(
+            --Linear-button,
+            linear-gradient(0deg, #ff7621 0%, #ff9706 100%)
+          );
+
+          &:hover {
+            background: var(
+              --Linear-button-switched,
+              linear-gradient(0deg, #ff9706 0%, #ff7621 100%)
+            );
+          }
+
+          &:focus {
+            outline: none;
+          }
+        }
+      }
+    }
+  }
+
+  & .section__divider {
+    width: 100%;
+    height: 1px;
+    background: var(--gray-200, #e4e9f0);
+    display: none;
+  }
+
+  @media (max-width: ${It + "px"}) {
+    flex-direction: column;
+
+    & .section__divider {
+      order: 1;
+      display: block;
+    }
+
+    & .section__card {
+      width: 100%;
+      border: none;
+      background: transparent;
+      box-shadow: none;
+      order: 2;
+
+      & .card__image {
+        display: none;
+      }
+
+      & .card__content {
+        padding: 0;
+      }
+    }
+
+    & .section__form {
+      order: 0;
+
+      & .form__title {
+        font-size: 1rem;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 1.5rem;
+      }
+
+      & .form__description {
+        color: var(--gray-500, #7a8594);
+        font-size: 0.875rem;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 1.25rem;
+      }
+
+      & .form__fields {
+        & .form__field {
+          flex-direction: column;
+        }
+
+        & button {
+          width: 100%;
+        }
+      }
+    }
+  }
+`, lr = Lt(
+  ({
+    title: e,
+    description: s,
+    image: t,
+    phoneText: a,
+    phones: l = [],
+    emailText: n,
+    emails: d = [],
+    fullNamePlaceholderText: c = "Name Surname",
+    emailPlaceholderText: v = "E-mail",
+    subjectPlaceholderText: O = "Subject",
+    messagePlaceholderText: w = "Message",
+    messageMaxLength: S = 250,
+    hasAgrement: h = !1,
+    agrementText: J = "I agree with Privacy policy.",
+    submitText: H = "Submit",
+    onSubmit: E = () => {
+    }
+  }, N) => {
+    const { watch: G, handleSubmit: _, control: I } = ir(), M = G("message");
+    return /* @__PURE__ */ K(ar, { ref: N, children: [
+      /* @__PURE__ */ K("div", { className: "section__card", children: [
+        /* @__PURE__ */ A("img", { src: t, alt: "Contact", className: "card__image" }),
+        /* @__PURE__ */ K("div", { className: "card__content", children: [
+          (l == null ? void 0 : l.length) > 0 && /* @__PURE__ */ K("div", { className: "card__tile", children: [
+            /* @__PURE__ */ A(
+              Qe,
+              {
+                icon: " mng-lnc-phone--filled",
+                sizeInUnits: "1.25rem",
+                className: "tile__image"
+              }
+            ),
+            /* @__PURE__ */ K("div", { className: "tile__content", children: [
+              /* @__PURE__ */ A("div", { className: "tile__title", children: a }),
+              /* @__PURE__ */ A("div", { className: "tile__items", children: l == null ? void 0 : l.map((b, se) => /* @__PURE__ */ A(
+                "div",
+                {
+                  className: "tile__item",
+                  children: b
+                },
+                `contanct-section-phone__${se}`
+              )) })
+            ] })
+          ] }),
+          (d == null ? void 0 : d.length) > 0 && /* @__PURE__ */ K("div", { className: "card__tile", children: [
+            /* @__PURE__ */ A(
+              Qe,
+              {
+                icon: " mng-lnc-email-filled",
+                sizeInUnits: "1.25rem",
+                className: "tile__image"
+              }
+            ),
+            /* @__PURE__ */ K("div", { className: "tile__content", children: [
+              /* @__PURE__ */ A("div", { className: "tile__title", children: n }),
+              /* @__PURE__ */ A("div", { className: "tile__items", children: d == null ? void 0 : d.map((b, se) => /* @__PURE__ */ A(
+                "div",
+                {
+                  className: "tile__item",
+                  children: b
+                },
+                `contanct-section-email__${se}`
+              )) })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ A("div", { className: "section__divider" }),
+      /* @__PURE__ */ K("div", { className: "section__form", children: [
+        /* @__PURE__ */ K("div", { children: [
+          e && /* @__PURE__ */ A("div", { className: "form__title", children: e }),
+          s && /* @__PURE__ */ A("div", { className: "form__description", children: s })
+        ] }),
+        /* @__PURE__ */ A("div", { children: /* @__PURE__ */ K("div", { className: "form__fields", children: [
+          /* @__PURE__ */ K("div", { className: "form__field", children: [
+            /* @__PURE__ */ A(
+              fe,
+              {
+                control: I,
+                name: "fullName",
+                render: ({ field: b }) => /* @__PURE__ */ A(
+                  Te,
+                  {
+                    ...b,
+                    className: "field__text-input",
+                    color: "neutral",
+                    placeholder: c,
+                    debounceTime: 200
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ A(
+              fe,
+              {
+                control: I,
+                name: "email",
+                render: ({ field: b }) => /* @__PURE__ */ A(
+                  Te,
+                  {
+                    ...b,
+                    className: "field__text-input",
+                    color: "neutral",
+                    placeholder: v,
+                    debounceTime: 200
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ A("div", { className: "form__field", children: /* @__PURE__ */ A(
+            fe,
+            {
+              control: I,
+              name: "subject",
+              render: ({ field: b }) => /* @__PURE__ */ A(
+                Te,
+                {
+                  ...b,
+                  className: "field__text-input",
+                  color: "neutral",
+                  placeholder: O,
+                  debounceTime: 200
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ A("div", { className: "form__field", children: /* @__PURE__ */ K("div", { className: "field__wrapper", children: [
+            /* @__PURE__ */ A(
+              fe,
+              {
+                control: I,
+                name: "message",
+                render: ({ field: b }) => /* @__PURE__ */ A(
+                  Rt,
+                  {
+                    ...b,
+                    className: "field__text-input text-area",
+                    color: "neutral",
+                    placeholder: w,
+                    debounceTime: 200,
+                    minRows: 7,
+                    maxLength: S
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ A("div", { className: "field__hint", children: `${(M == null ? void 0 : M.length) || 0}/${S}` }),
+            h && /* @__PURE__ */ A(
+              fe,
+              {
+                control: I,
+                name: "agrement",
+                render: ({ field: b }) => /* @__PURE__ */ A(
+                  Ot,
+                  {
+                    ...b,
+                    label: J,
+                    size: "medium",
+                    className: "field__checkbox-input"
+                  }
+                )
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ A("div", { className: "form__field right", children: /* @__PURE__ */ A(Mt, { text: H, onClick: _(E) }) })
+        ] }) })
+      ] })
+    ] });
+  }
+);
+lr.propTypes = {
+  title: P.string,
+  description: P.string,
+  image: P.string,
+  phoneText: P.string,
+  phones: P.array,
+  emailText: P.string,
+  emails: P.array,
+  fullNamePlaceholderText: P.string,
+  emailPlaceholderText: P.string,
+  subjectPlaceholderText: P.string,
+  messagePlaceholderText: P.string,
+  messageMaxLength: P.number,
+  hasAgrement: P.bool,
+  agrementText: P.string,
+  submitText: P.string,
+  onSubmit: P.func
+};
+export {
+  lr as default
+};