digital-rabbit-cl 3.3.4 → 3.3.5-rc.0

package/dist/digital-rabbit-cl.es.js

@@ -19,12 +19,12 @@ const Gr = "Button-module__button___2ZuB7", Zr = "Button-module__sizeSmall___DRT
 }) => {
   var x;
   const d = t || i.colors.primary, c = i.buttons.textColor, f = !s && !t ? ((x = i.buttons.primary) == null ? void 0 : x.textColor) ?? c : c;
-  let m, g, b;
-  a ? (m = "transparent", g = "transparent", b = d, e && (b = n || d)) : s ? (m = "transparent", g = d, b = d, e && (m = o || d, g = o || d, b = n || c)) : (m = d, g = d, b = f, e && (m = o || d, g = o || d, b = n || f));
+  let m, v, b;
+  a ? (m = "transparent", v = "transparent", b = d, e && (b = n || d)) : s ? (m = "transparent", v = d, b = d, e && (m = o || d, v = o || d, b = n || c)) : (m = d, v = d, b = f, e && (m = o || d, v = o || d, b = n || f));
   let _ = 1;
   return r ? _ = 0.3 : e && !o && (_ = 0.75), {
     backgroundColor: m,
-    borderColor: g,
+    borderColor: v,
     color: b,
     opacity: _
   };
@@ -241,7 +241,7 @@ const Oe = {
   onClick: f,
   children: m
 }) => {
-  const g = D(), [b, _] = K(!1), C = {
+  const v = D(), [b, _] = K(!1), z = {
     ...Xr({
       isActive: b,
       disabled: o,
@@ -250,13 +250,13 @@ const Oe = {
       hoverTextColor: t,
       outline: s,
       ghost: a,
-      theme: g
+      theme: v
     }),
-    borderWidth: g.border.width,
-    borderRadius: g.border.radius,
+    borderWidth: v.border.width,
+    borderRadius: v.border.radius,
     ...c
     // Top-level style overrides
-  }, v = [
+  }, g = [
     Ee.button,
     n === "small" ? Ee.sizeSmall : Ee.sizeLarge,
     a ? Ee.ghost : s ? Ee.outline : "",
@@ -266,13 +266,13 @@ const Oe = {
     "button",
     {
       ...u,
-      className: v,
+      className: g,
       disabled: o,
       onClick: f,
       onMouseEnter: () => _(!0),
       onMouseLeave: () => _(!1),
       type: i,
-      style: C,
+      style: z,
       children: m
     }
   );
@@ -353,8 +353,8 @@ const ro = "Checkbox-module__container___aV9qz", oo = "Checkbox-module__svg___kk
     cursor: f.cursor,
     ...a
     // Top level style prop overrides
-  }, g = [Dt.label, r ? Dt.disabled : "", s].filter(Boolean).join(" ");
-  return /* @__PURE__ */ p("label", { ...i, className: g, htmlFor: o, style: m, children: n });
+  }, v = [Dt.label, r ? Dt.disabled : "", s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ p("label", { ...i, className: v, htmlFor: o, style: m, children: n });
 }, dt = ({
   // Color props
   color: e,
@@ -374,40 +374,40 @@ const ro = "Checkbox-module__container___aV9qz", oo = "Checkbox-module__svg___kk
   className: f,
   style: m,
   // Element-specific props
-  divProps: g
+  divProps: v
 }) => {
-  const b = D(), _ = i || cr(), x = b.colors.error, C = s ? x : e || b.colors.primary, v = so({
-    color: C,
+  const b = D(), _ = i || cr(), x = b.colors.error, z = s ? x : e || b.colors.primary, g = so({
+    color: z,
     checkmarkColor: r,
     disabled: n,
     inverted: o
-  }), F = (A) => {
-    n || d(A);
+  }), C = ($) => {
+    n || d($);
   }, V = {
-    cursor: v.cursor,
-    opacity: v.opacity,
+    cursor: g.cursor,
+    opacity: g.opacity,
     ...m
     // Top-level style prop overrides
   }, E = {
     width: "var(--dr-checkbox-size)",
     height: "var(--dr-checkbox-size)"
   }, R = {
-    fill: o && t ? v.checkboxColor : "transparent",
+    fill: o && t ? g.checkboxColor : "transparent",
     strokeWidth: "25",
-    stroke: v.checkboxColor
-  }, $ = {
-    stroke: v.checkmarkColor,
+    stroke: g.checkboxColor
+  }, M = {
+    stroke: g.checkmarkColor,
     strokeWidth: "15",
     fill: "transparent"
-  }, j = [Ye.container, f].filter(Boolean).join(" ");
-  return /* @__PURE__ */ P("div", { ...g, className: j, style: V, children: [
+  }, O = [Ye.container, f].filter(Boolean).join(" ");
+  return /* @__PURE__ */ P("div", { ...v, className: O, style: V, children: [
     /* @__PURE__ */ p(
       "input",
       {
         id: _,
         checked: t,
         disabled: n,
-        onChange: (A) => F({ target: { checked: A.target.checked, name: a, type: "checkbox" } }),
+        onChange: ($) => C({ target: { checked: $.target.checked, name: a, type: "checkbox" } }),
         name: a,
         style: { display: "none" },
         type: "checkbox"
@@ -418,12 +418,12 @@ const ro = "Checkbox-module__container___aV9qz", oo = "Checkbox-module__svg___kk
       {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 100 100",
-        onClick: () => F({ target: { checked: !t, name: a, type: "checkbox" } }),
+        onClick: () => C({ target: { checked: !t, name: a, type: "checkbox" } }),
         style: E,
         className: Ye.svg,
         children: [
           /* @__PURE__ */ p("rect", { x: "0", y: "0", height: "100", width: "100", style: R }),
-          t && /* @__PURE__ */ p("path", { d: "M 25 45 L 45 65 L 75 30", style: $ })
+          t && /* @__PURE__ */ p("path", { d: "M 25 45 L 45 65 L 75 30", style: M })
         ]
       }
     ),
@@ -433,7 +433,7 @@ const ro = "Checkbox-module__container___aV9qz", oo = "Checkbox-module__svg___kk
         htmlFor: _,
         className: Ye.label,
         style: { paddingBottom: 0, ...u },
-        color: v.checkboxColor,
+        color: g.checkboxColor,
         disabled: n,
         error: s,
         children: c
@@ -452,16 +452,16 @@ const ro = "Checkbox-module__container___aV9qz", oo = "Checkbox-module__svg___kk
     let t = document.getElementById(r);
     t || (t = document.createElement("style"), t.id = r, document.head.appendChild(t));
     const o = (f, m) => {
-      const g = [];
-      return m.fontSize && g.push(`  --dr-${f}-font-size: ${m.fontSize};`), m.paddingVertical && g.push(`  --dr-${f}-padding-v: ${m.paddingVertical};`), m.paddingHorizontal && g.push(`  --dr-${f}-padding-h: ${m.paddingHorizontal};`), g;
+      const v = [];
+      return m.fontSize && v.push(`  --dr-${f}-font-size: ${m.fontSize};`), m.paddingVertical && v.push(`  --dr-${f}-padding-v: ${m.paddingVertical};`), m.paddingHorizontal && v.push(`  --dr-${f}-padding-h: ${m.paddingHorizontal};`), v;
     }, n = (f) => {
-      var g, b, _, x;
+      var v, b, _, x;
       const m = [];
-      return f.input && m.push(...o("input", f.input)), f.inputSmall && m.push(...o("input-small", f.inputSmall)), f.button && m.push(...o("button", f.button)), f.buttonSmall && m.push(...o("button-small", f.buttonSmall)), (g = f.formLabel) != null && g.fontSize && m.push(`  --dr-form-label-font-size: ${f.formLabel.fontSize};`), (b = f.formLabel) != null && b.paddingBottom && m.push(`  --dr-form-label-padding-bottom: ${f.formLabel.paddingBottom};`), (_ = f.checkbox) != null && _.size && m.push(`  --dr-checkbox-size: ${f.checkbox.size};`), (x = f.radio) != null && x.size && m.push(`  --dr-radio-size: ${f.radio.size};`), m;
+      return f.input && m.push(...o("input", f.input)), f.inputSmall && m.push(...o("input-small", f.inputSmall)), f.button && m.push(...o("button", f.button)), f.buttonSmall && m.push(...o("button-small", f.buttonSmall)), (v = f.formLabel) != null && v.fontSize && m.push(`  --dr-form-label-font-size: ${f.formLabel.fontSize};`), (b = f.formLabel) != null && b.paddingBottom && m.push(`  --dr-form-label-padding-bottom: ${f.formLabel.paddingBottom};`), (_ = f.checkbox) != null && _.size && m.push(`  --dr-checkbox-size: ${f.checkbox.size};`), (x = f.radio) != null && x.size && m.push(`  --dr-radio-size: ${f.radio.size};`), m;
     }, s = (f, m) => `@media (max-width: ${f}) {
   :root {
 ${m.split(`
-`).map((g) => `  ${g}`).join(`
+`).map((v) => `  ${v}`).join(`
 `)}
   }
 }`, { responsive: a, fonts: i, breakpoints: d } = e, c = [];
@@ -484,9 +484,9 @@ ${n(a.default).join(`
     ];
     for (const [f, m] of u) {
       if (!f) continue;
-      const g = n(f).join(`
+      const v = n(f).join(`
 `);
-      g && c.push(s(m, g));
+      v && c.push(s(m, v));
     }
     return t.textContent = c.join(`
 
@@ -517,12 +517,12 @@ function X(e) {
     return e;
   return r;
 }
-var Ge = (e) => /^\w*$/.test(e), U = (e) => e === void 0, vt = (e) => Array.isArray(e) ? e.filter(Boolean) : [], bt = (e) => vt(e.replace(/["|']|\]/g, "").split(/\.|\[/)), k = (e, r, t) => {
+var Ge = (e) => /^\w*$/.test(e), q = (e) => e === void 0, vt = (e) => Array.isArray(e) ? e.filter(Boolean) : [], bt = (e) => vt(e.replace(/["|']|\]/g, "").split(/\.|\[/)), k = (e, r, t) => {
   if (!r || !Q(e))
     return t;
   const o = (Ge(r) ? [r] : bt(r)).reduce((n, s) => te(n) ? n : n[s], e);
-  return U(o) || o === e ? U(e[r]) ? t : e[r] : o;
-}, re = (e) => typeof e == "boolean", T = (e, r, t) => {
+  return q(o) || o === e ? q(e[r]) ? t : e[r] : o;
+}, re = (e) => typeof e == "boolean", j = (e, r, t) => {
   let o = -1;
   const n = Ge(r) ? [r] : bt(r), s = n.length, a = s - 1;
   for (; ++o < s; ) {
@@ -624,7 +624,7 @@ function le(e, r, t = /* @__PURE__ */ new WeakSet()) {
 function mo(e) {
   const r = St(), { control: t = r.control, name: o, defaultValue: n, disabled: s, exact: a, compute: i } = e || {}, d = N.useRef(n), c = N.useRef(i), u = N.useRef(void 0), f = N.useRef(t), m = N.useRef(o);
   c.current = i;
-  const [g, b] = N.useState(() => {
+  const [v, b] = N.useState(() => {
     const V = t._getWatch(o, d.current);
     return c.current ? c.current(V) : V;
   }), _ = N.useCallback((V) => {
@@ -650,13 +650,13 @@ function mo(e) {
       x(V.values);
     }
   })), [t, a, o, x]), N.useEffect(() => t._removeUnmounted());
-  const C = f.current !== t, v = m.current, F = N.useMemo(() => {
+  const z = f.current !== t, g = m.current, C = N.useMemo(() => {
     if (s)
       return null;
-    const V = !C && !le(v, o);
-    return C || V ? _() : null;
-  }, [s, C, o, v, _]);
-  return F !== null ? F : g;
+    const V = !z && !le(g, o);
+    return z || V ? _() : null;
+  }, [s, z, o, g, _]);
+  return C !== null ? C : v;
 }
 function ho(e) {
   const r = St(), { name: t, disabled: o, control: n = r.control, shouldUnregister: s, defaultValue: a } = e, i = fr(n._names.array, t), d = N.useMemo(() => k(n._formValues, t, k(n._defaultValues, t, a)), [n, t, a]), c = mo({
@@ -668,7 +668,7 @@ function ho(e) {
     control: n,
     name: t,
     exact: !0
-  }), f = N.useRef(e), m = N.useRef(void 0), g = N.useRef(n.register(t, {
+  }), f = N.useRef(e), m = N.useRef(void 0), v = N.useRef(n.register(t, {
     ...e.rules,
     value: c,
     ...re(e.disabled) ? { disabled: e.disabled } : {}
@@ -695,50 +695,50 @@ function ho(e) {
       enumerable: !0,
       get: () => k(u.errors, t)
     }
-  }), [u, t]), _ = N.useCallback((F) => g.current.onChange({
+  }), [u, t]), _ = N.useCallback((C) => v.current.onChange({
     target: {
-      value: ur(F),
+      value: ur(C),
       name: t
     },
     type: He.CHANGE
-  }), [t]), x = N.useCallback(() => g.current.onBlur({
+  }), [t]), x = N.useCallback(() => v.current.onBlur({
     target: {
       value: k(n._formValues, t),
       name: t
     },
     type: He.BLUR
-  }), [t, n._formValues]), C = N.useCallback((F) => {
+  }), [t, n._formValues]), z = N.useCallback((C) => {
     const V = k(n._fields, t);
-    V && F && (V._f.ref = {
-      focus: () => F.focus && F.focus(),
-      select: () => F.select && F.select(),
-      setCustomValidity: (E) => F.setCustomValidity(E),
-      reportValidity: () => F.reportValidity()
+    V && C && (V._f.ref = {
+      focus: () => C.focus && C.focus(),
+      select: () => C.select && C.select(),
+      setCustomValidity: (E) => C.setCustomValidity(E),
+      reportValidity: () => C.reportValidity()
     });
-  }, [n._fields, t]), v = N.useMemo(() => ({
+  }, [n._fields, t]), g = N.useMemo(() => ({
     name: t,
     value: c,
     ...re(o) || u.disabled ? { disabled: u.disabled || o } : {},
     onChange: _,
     onBlur: x,
-    ref: C
-  }), [t, o, u.disabled, _, x, C, c]);
+    ref: z
+  }), [t, o, u.disabled, _, x, z, c]);
   return N.useEffect(() => {
-    const F = n._options.shouldUnregister || s, V = m.current;
+    const C = n._options.shouldUnregister || s, V = m.current;
     V && V !== t && !i && n.unregister(V), n.register(t, {
       ...f.current.rules,
       ...re(f.current.disabled) ? { disabled: f.current.disabled } : {}
     });
-    const E = (R, $) => {
-      const j = k(n._fields, R);
-      j && j._f && (j._f.mount = $);
+    const E = (R, M) => {
+      const O = k(n._fields, R);
+      O && O._f && (O._f.mount = M);
     };
-    if (E(t, !0), F) {
+    if (E(t, !0), C) {
       const R = X(k(n._options.defaultValues, t, f.current.defaultValue));
-      T(n._defaultValues, t, R), U(k(n._formValues, t)) && T(n._formValues, t, R);
+      j(n._defaultValues, t, R), q(k(n._formValues, t)) && j(n._formValues, t, R);
     }
     return !i && n.register(t), m.current = t, () => {
-      (i ? F && !n._state.action : F) ? n.unregister(t) : E(t, !1);
+      (i ? C && !n._state.action : C) ? n.unregister(t) : E(t, !1);
     };
   }, [t, n, i, s]), N.useEffect(() => {
     n._setDisabledField({
@@ -746,10 +746,10 @@ function ho(e) {
       name: t
     });
   }, [o, t, n]), N.useMemo(() => ({
-    field: v,
+    field: g,
     formState: u,
     fieldState: b
-  }), [v, u, b]);
+  }), [g, u, b]);
 }
 var wt = (e, r, t, o, n) => r ? {
   ...t[e],
@@ -799,12 +799,12 @@ function po(e, r) {
   const t = r.slice(0, -1).length;
   let o = 0;
   for (; o < t; )
-    e = U(e) ? o++ : e[r[o++]];
+    e = q(e) ? o++ : e[r[o++]];
   return e;
 }
 function _o(e) {
   for (const r in e)
-    if (e.hasOwnProperty(r) && !U(e[r]))
+    if (e.hasOwnProperty(r) && !q(e[r]))
       return !1;
   return !0;
 }
@@ -823,13 +823,13 @@ function _r(e) {
 }
 function mt(e, r = {}) {
   for (const t in e)
-    _r(e[t]) ? (r[t] = Array.isArray(e[t]) ? [] : {}, mt(e[t], r[t])) : U(e[t]) || (r[t] = !0);
+    _r(e[t]) ? (r[t] = Array.isArray(e[t]) ? [] : {}, mt(e[t], r[t])) : q(e[t]) || (r[t] = !0);
   return r;
 }
 function ze(e, r, t) {
   t || (t = mt(r));
   for (const o in e)
-    _r(e[o]) ? U(r) || ft(t[o]) ? t[o] = mt(e[o], Array.isArray(e[o]) ? [] : {}) : ze(e[o], te(r) ? {} : r[o], t[o]) : t[o] = !le(e[o], r[o]);
+    _r(e[o]) ? q(r) || ft(t[o]) ? t[o] = mt(e[o], Array.isArray(e[o]) ? [] : {}) : ze(e[o], te(r) ? {} : r[o], t[o]) : t[o] = !le(e[o], r[o]);
   return t;
 }
 const It = {
@@ -844,11 +844,11 @@ var gr = (e) => {
     }
     return e[0].checked && !e[0].disabled ? (
       // @ts-expect-error expected to work in the browser
-      e[0].attributes && !U(e[0].attributes.value) ? U(e[0].value) || e[0].value === "" ? Tt : { value: e[0].value, isValid: !0 } : Tt
+      e[0].attributes && !q(e[0].attributes.value) ? q(e[0].value) || e[0].value === "" ? Tt : { value: e[0].value, isValid: !0 } : Tt
     ) : It;
   }
   return It;
-}, vr = (e, { valueAsNumber: r, valueAsDate: t, setValueAs: o }) => U(e) ? e : r ? e === "" ? NaN : e && +e : t && oe(e) ? new Date(e) : o ? o(e) : e;
+}, vr = (e, { valueAsNumber: r, valueAsDate: t, setValueAs: o }) => q(e) ? e : r ? e === "" ? NaN : e && +e : t && oe(e) ? new Date(e) : o ? o(e) : e;
 const jt = {
   isValid: !1,
   value: null
@@ -859,13 +859,13 @@ var br = (e) => Array.isArray(e) ? e.reduce((r, t) => t && t.checked && !t.disab
 } : r, jt) : jt;
 function Wt(e) {
   const r = e.ref;
-  return kt(r) ? r.files : Ct(r) ? br(e.refs).value : pr(r) ? [...r.selectedOptions].map(({ value: t }) => t) : Re(r) ? gr(e.refs).value : vr(U(r.value) ? e.ref.value : r.value, e);
+  return kt(r) ? r.files : Ct(r) ? br(e.refs).value : pr(r) ? [...r.selectedOptions].map(({ value: t }) => t) : Re(r) ? gr(e.refs).value : vr(q(r.value) ? e.ref.value : r.value, e);
 }
 var vo = (e, r, t, o) => {
   const n = {};
   for (const s of e) {
     const a = k(r, s);
-    a && T(n, s, a._f);
+    a && j(n, s, a._f);
   }
   return {
     criteriaMode: t,
@@ -873,7 +873,7 @@ var vo = (e, r, t, o) => {
     fields: n,
     shouldUseNativeValidation: o
   };
-}, qe = (e) => e instanceof RegExp, Ne = (e) => U(e) ? e : qe(e) ? e.source : Q(e) ? qe(e.value) ? e.value.source : e.value : e, Ht = (e) => ({
+}, qe = (e) => e instanceof RegExp, Ne = (e) => q(e) ? e : qe(e) ? e.source : Q(e) ? qe(e.value) ? e.value.source : e.value : e, Ht = (e) => ({
   isOnSubmit: !e || e === ie.onSubmit,
   isOnBlur: e === ie.onBlur,
   isOnChange: e === ie.onChange,
@@ -933,7 +933,7 @@ var xo = (e, r, t, o) => {
   return ee(s) || Object.keys(s).length >= Object.keys(r).length || Object.keys(s).find((a) => r[a] === (!o || ie.all));
 }, wo = (e, r, t) => !e || !r || e === r || Be(e).some((o) => o && (t ? o === r : o.startsWith(r) || r.startsWith(o))), ko = (e, r, t, o, n) => n.isOnAll ? !1 : !t && n.isOnTouch ? !(r || e) : (t ? o.isOnBlur : n.isOnBlur) ? !e : (t ? o.isOnChange : n.isOnChange) ? e : !0, Co = (e, r) => !vt(k(e, r)).length && Z(e, r), Fo = (e, r, t) => {
   const o = Be(k(e, t));
-  return T(o, "root", r[t]), T(e, t, o), e;
+  return j(o, "root", r[t]), j(e, t, o), e;
 };
 function Zt(e, r, t = "validate") {
   if (oe(e) || Array.isArray(e) && e.every(oe) || re(e) && !e)
@@ -947,79 +947,79 @@ var ke = (e) => Q(e) && !qe(e) ? e : {
   value: e,
   message: ""
 }, Kt = async (e, r, t, o, n, s) => {
-  const { ref: a, refs: i, required: d, maxLength: c, minLength: u, min: f, max: m, pattern: g, validate: b, name: _, valueAsNumber: x, mount: C } = e._f, v = k(t, _);
-  if (!C || r.has(_))
+  const { ref: a, refs: i, required: d, maxLength: c, minLength: u, min: f, max: m, pattern: v, validate: b, name: _, valueAsNumber: x, mount: z } = e._f, g = k(t, _);
+  if (!z || r.has(_))
     return {};
-  const F = i ? i[0] : a, V = (B) => {
-    n && F.reportValidity && (F.setCustomValidity(re(B) ? "" : B || ""), F.reportValidity());
-  }, E = {}, R = Ct(a), $ = Re(a), j = R || $, A = (x || kt(a)) && U(a.value) && U(v) || Ue(a) && a.value === "" || v === "" || Array.isArray(v) && !v.length, q = wt.bind(null, _, o, E), G = (B, M, O, J = he.maxLength, Y = he.minLength) => {
-    const H = B ? M : O;
+  const C = i ? i[0] : a, V = (B) => {
+    n && C.reportValidity && (C.setCustomValidity(re(B) ? "" : B || ""), C.reportValidity());
+  }, E = {}, R = Ct(a), M = Re(a), O = R || M, $ = (x || kt(a)) && q(a.value) && q(g) || Ue(a) && a.value === "" || g === "" || Array.isArray(g) && !g.length, H = wt.bind(null, _, o, E), G = (B, A, I, J = he.maxLength, Y = he.minLength) => {
+    const U = B ? A : I;
     E[_] = {
       type: B ? J : Y,
-      message: H,
+      message: U,
       ref: a,
-      ...q(B ? J : Y, H)
+      ...H(B ? J : Y, U)
     };
   };
-  if (s ? !Array.isArray(v) || !v.length : d && (!j && (A || te(v)) || re(v) && !v || $ && !gr(i).isValid || R && !br(i).isValid)) {
-    const { value: B, message: M } = oe(d) ? { value: !!d, message: d } : ke(d);
+  if (s ? !Array.isArray(g) || !g.length : d && (!O && ($ || te(g)) || re(g) && !g || M && !gr(i).isValid || R && !br(i).isValid)) {
+    const { value: B, message: A } = oe(d) ? { value: !!d, message: d } : ke(d);
     if (B && (E[_] = {
       type: he.required,
-      message: M,
-      ref: F,
-      ...q(he.required, M)
+      message: A,
+      ref: C,
+      ...H(he.required, A)
     }, !o))
-      return V(M), E;
+      return V(A), E;
   }
-  if (!A && (!te(f) || !te(m))) {
-    let B, M;
-    const O = ke(m), J = ke(f);
-    if (!te(v) && !isNaN(v)) {
-      const Y = a.valueAsNumber || v && +v;
-      te(O.value) || (B = Y > O.value), te(J.value) || (M = Y < J.value);
+  if (!$ && (!te(f) || !te(m))) {
+    let B, A;
+    const I = ke(m), J = ke(f);
+    if (!te(g) && !isNaN(g)) {
+      const Y = a.valueAsNumber || g && +g;
+      te(I.value) || (B = Y > I.value), te(J.value) || (A = Y < J.value);
     } else {
-      const Y = a.valueAsDate || new Date(v), H = (ve) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + ve), ue = a.type == "time", me = a.type == "week";
-      oe(O.value) && v && (B = ue ? H(v) > H(O.value) : me ? v > O.value : Y > new Date(O.value)), oe(J.value) && v && (M = ue ? H(v) < H(J.value) : me ? v < J.value : Y < new Date(J.value));
+      const Y = a.valueAsDate || new Date(g), U = (ve) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + ve), ue = a.type == "time", me = a.type == "week";
+      oe(I.value) && g && (B = ue ? U(g) > U(I.value) : me ? g > I.value : Y > new Date(I.value)), oe(J.value) && g && (A = ue ? U(g) < U(J.value) : me ? g < J.value : Y < new Date(J.value));
     }
-    if ((B || M) && (G(!!B, O.message, J.message, he.max, he.min), !o))
+    if ((B || A) && (G(!!B, I.message, J.message, he.max, he.min), !o))
       return V(E[_].message), E;
   }
-  if ((c || u) && !A && (oe(v) || s && Array.isArray(v))) {
-    const B = ke(c), M = ke(u), O = !te(B.value) && v.length > +B.value, J = !te(M.value) && v.length < +M.value;
-    if ((O || J) && (G(O, B.message, M.message), !o))
+  if ((c || u) && !$ && (oe(g) || s && Array.isArray(g))) {
+    const B = ke(c), A = ke(u), I = !te(B.value) && g.length > +B.value, J = !te(A.value) && g.length < +A.value;
+    if ((I || J) && (G(I, B.message, A.message), !o))
       return V(E[_].message), E;
   }
-  if (g && !A && oe(v)) {
-    const { value: B, message: M } = ke(g);
-    if (qe(B) && !v.match(B) && (E[_] = {
+  if (v && !$ && oe(g)) {
+    const { value: B, message: A } = ke(v);
+    if (qe(B) && !g.match(B) && (E[_] = {
       type: he.pattern,
-      message: M,
+      message: A,
       ref: a,
-      ...q(he.pattern, M)
+      ...H(he.pattern, A)
     }, !o))
-      return V(M), E;
+      return V(A), E;
   }
   if (b) {
     if (ce(b)) {
-      const B = await b(v, t), M = Zt(B, F);
-      if (M && (E[_] = {
-        ...M,
-        ...q(he.validate, M.message)
+      const B = await b(g, t), A = Zt(B, C);
+      if (A && (E[_] = {
+        ...A,
+        ...H(he.validate, A.message)
       }, !o))
-        return V(M.message), E;
+        return V(A.message), E;
     } else if (Q(b)) {
       let B = {};
-      for (const M in b) {
+      for (const A in b) {
         if (!ee(B) && !o)
           break;
-        const O = Zt(await b[M](v, t), F, M);
-        O && (B = {
-          ...O,
-          ...q(M, O.message)
-        }, V(O.message), o && (E[_] = B));
+        const I = Zt(await b[A](g, t), C, A);
+        I && (B = {
+          ...I,
+          ...H(A, I.message)
+        }, V(I.message), o && (E[_] = B));
       }
       if (!ee(B) && (E[_] = {
-        ref: F,
+        ref: C,
         ...B
       }, !o))
         return E;
@@ -1077,35 +1077,35 @@ function Vo(e = {}) {
   const m = {
     array: Ot(),
     state: Ot()
-  }, g = r.criteriaMode === ie.all, b = (l) => (h) => {
+  }, v = r.criteriaMode === ie.all, b = (l) => (h) => {
     clearTimeout(c), c = setTimeout(l, h);
   }, _ = async (l) => {
     if (!r.disabled && (u.isValid || f.isValid || l)) {
-      const h = r.resolver ? ee((await $()).errors) : await A(o, !0);
+      const h = r.resolver ? ee((await M()).errors) : await $(o, !0);
       h !== t.isValid && m.state.next({
         isValid: h
       });
     }
   }, x = (l, h) => {
     !r.disabled && (u.isValidating || u.validatingFields || f.isValidating || f.validatingFields) && ((l || Array.from(i.mount)).forEach((y) => {
-      y && (h ? T(t.validatingFields, y, h) : Z(t.validatingFields, y));
+      y && (h ? j(t.validatingFields, y, h) : Z(t.validatingFields, y));
     }), m.state.next({
       validatingFields: t.validatingFields,
       isValidating: !ee(t.validatingFields)
     }));
-  }, C = (l, h = [], y, z, w = !0, S = !0) => {
-    if (z && y && !r.disabled) {
+  }, z = (l, h = [], y, F, w = !0, S = !0) => {
+    if (F && y && !r.disabled) {
       if (a.action = !0, S && Array.isArray(k(o, l))) {
-        const L = y(k(o, l), z.argA, z.argB);
-        w && T(o, l, L);
+        const L = y(k(o, l), F.argA, F.argB);
+        w && j(o, l, L);
       }
       if (S && Array.isArray(k(t.errors, l))) {
-        const L = y(k(t.errors, l), z.argA, z.argB);
-        w && T(t.errors, l, L), Co(t.errors, l);
+        const L = y(k(t.errors, l), F.argA, F.argB);
+        w && j(t.errors, l, L), Co(t.errors, l);
       }
       if ((u.touchedFields || f.touchedFields) && S && Array.isArray(k(t.touchedFields, l))) {
-        const L = y(k(t.touchedFields, l), z.argA, z.argB);
-        w && T(t.touchedFields, l, L);
+        const L = y(k(t.touchedFields, l), F.argA, F.argB);
+        w && j(t.touchedFields, l, L);
       }
       (u.dirtyFields || f.dirtyFields) && (t.dirtyFields = ze(n, s)), m.state.next({
         name: l,
@@ -1115,45 +1115,45 @@ function Vo(e = {}) {
         isValid: t.isValid
       });
     } else
-      T(s, l, h);
-  }, v = (l, h) => {
-    T(t.errors, l, h), m.state.next({
+      j(s, l, h);
+  }, g = (l, h) => {
+    j(t.errors, l, h), m.state.next({
       errors: t.errors
     });
-  }, F = (l) => {
+  }, C = (l) => {
     t.errors = l, m.state.next({
       errors: t.errors,
       isValid: !1
     });
-  }, V = (l, h, y, z) => {
+  }, V = (l, h, y, F) => {
     const w = k(o, l);
     if (w) {
-      const S = k(s, l, U(y) ? k(n, l) : y);
-      U(S) || z && z.defaultChecked || h ? T(s, l, h ? S : Wt(w._f)) : O(l, S), a.mount && _();
+      const S = k(s, l, q(y) ? k(n, l) : y);
+      q(S) || F && F.defaultChecked || h ? j(s, l, h ? S : Wt(w._f)) : I(l, S), a.mount && _();
     }
-  }, E = (l, h, y, z, w) => {
+  }, E = (l, h, y, F, w) => {
     let S = !1, L = !1;
-    const I = {
+    const T = {
       name: l
     };
     if (!r.disabled) {
-      if (!y || z) {
-        (u.isDirty || f.isDirty) && (L = t.isDirty, t.isDirty = I.isDirty = G(), S = L !== I.isDirty);
+      if (!y || F) {
+        (u.isDirty || f.isDirty) && (L = t.isDirty, t.isDirty = T.isDirty = G(), S = L !== T.isDirty);
         const W = le(k(n, l), h);
-        L = !!k(t.dirtyFields, l), W ? Z(t.dirtyFields, l) : T(t.dirtyFields, l, !0), I.dirtyFields = t.dirtyFields, S = S || (u.dirtyFields || f.dirtyFields) && L !== !W;
+        L = !!k(t.dirtyFields, l), W ? Z(t.dirtyFields, l) : j(t.dirtyFields, l, !0), T.dirtyFields = t.dirtyFields, S = S || (u.dirtyFields || f.dirtyFields) && L !== !W;
       }
       if (y) {
         const W = k(t.touchedFields, l);
-        W || (T(t.touchedFields, l, y), I.touchedFields = t.touchedFields, S = S || (u.touchedFields || f.touchedFields) && W !== y);
+        W || (j(t.touchedFields, l, y), T.touchedFields = t.touchedFields, S = S || (u.touchedFields || f.touchedFields) && W !== y);
       }
-      S && w && m.state.next(I);
+      S && w && m.state.next(T);
     }
-    return S ? I : {};
-  }, R = (l, h, y, z) => {
+    return S ? T : {};
+  }, R = (l, h, y, F) => {
     const w = k(t.errors, l), S = (u.isValid || f.isValid) && re(h) && t.isValid !== h;
-    if (r.delayError && y ? (d = b(() => v(l, y)), d(r.delayError)) : (clearTimeout(c), d = null, y ? T(t.errors, l, y) : Z(t.errors, l)), (y ? !le(w, y) : w) || !ee(z) || S) {
+    if (r.delayError && y ? (d = b(() => g(l, y)), d(r.delayError)) : (clearTimeout(c), d = null, y ? j(t.errors, l, y) : Z(t.errors, l)), (y ? !le(w, y) : w) || !ee(F) || S) {
       const L = {
-        ...z,
+        ...F,
         ...S && re(h) ? { isValid: h } : {},
         errors: t.errors,
         name: l
@@ -1163,54 +1163,54 @@ function Vo(e = {}) {
         ...L
       }, m.state.next(L);
     }
-  }, $ = async (l) => {
+  }, M = async (l) => {
     x(l, !0);
     const h = await r.resolver(s, r.context, vo(l || i.mount, o, r.criteriaMode, r.shouldUseNativeValidation));
     return x(l), h;
-  }, j = async (l) => {
-    const { errors: h } = await $(l);
+  }, O = async (l) => {
+    const { errors: h } = await M(l);
     if (l)
       for (const y of l) {
-        const z = k(h, y);
-        z ? T(t.errors, y, z) : Z(t.errors, y);
+        const F = k(h, y);
+        F ? j(t.errors, y, F) : Z(t.errors, y);
       }
     else
       t.errors = h;
     return h;
-  }, A = async (l, h, y = {
+  }, $ = async (l, h, y = {
     valid: !0
   }) => {
-    for (const z in l) {
-      const w = l[z];
+    for (const F in l) {
+      const w = l[F];
       if (w) {
         const { _f: S, ...L } = w;
         if (S) {
-          const I = i.array.has(S.name), W = w._f && bo(w._f);
+          const T = i.array.has(S.name), W = w._f && bo(w._f);
           W && u.validatingFields && x([S.name], !0);
-          const ne = await Kt(w, i.disabled, s, g, r.shouldUseNativeValidation && !h, I);
+          const ne = await Kt(w, i.disabled, s, v, r.shouldUseNativeValidation && !h, T);
           if (W && u.validatingFields && x([S.name]), ne[S.name] && (y.valid = !1, h))
             break;
-          !h && (k(ne, S.name) ? I ? Fo(t.errors, ne, S.name) : T(t.errors, S.name, ne[S.name]) : Z(t.errors, S.name));
+          !h && (k(ne, S.name) ? T ? Fo(t.errors, ne, S.name) : j(t.errors, S.name, ne[S.name]) : Z(t.errors, S.name));
         }
-        !ee(L) && await A(L, h, y);
+        !ee(L) && await $(L, h, y);
       }
     }
     return y.valid;
-  }, q = () => {
+  }, H = () => {
     for (const l of i.unMount) {
       const h = k(o, l);
       h && (h._f.refs ? h._f.refs.every((y) => !et(y)) : !et(h._f.ref)) && Ze(l);
     }
     i.unMount = /* @__PURE__ */ new Set();
-  }, G = (l, h) => !r.disabled && (l && h && T(s, l, h), !le(ve(), n)), B = (l, h, y) => ut(l, i, {
-    ...a.mount ? s : U(h) ? n : oe(l) ? { [l]: h } : h
-  }, y, h), M = (l) => vt(k(a.mount ? s : n, l, r.shouldUnregister ? k(n, l, []) : [])), O = (l, h, y = {}) => {
-    const z = k(o, l);
+  }, G = (l, h) => !r.disabled && (l && h && j(s, l, h), !le(ve(), n)), B = (l, h, y) => ut(l, i, {
+    ...a.mount ? s : q(h) ? n : oe(l) ? { [l]: h } : h
+  }, y, h), A = (l) => vt(k(a.mount ? s : n, l, r.shouldUnregister ? k(n, l, []) : [])), I = (l, h, y = {}) => {
+    const F = k(o, l);
     let w = h;
-    if (z) {
-      const S = z._f;
-      S && (!S.disabled && T(s, l, vr(h, S)), w = Ue(S.ref) && te(h) ? "" : h, pr(S.ref) ? [...S.ref.options].forEach((L) => L.selected = w.includes(L.value)) : S.refs ? Re(S.ref) ? S.refs.forEach((L) => {
-        (!L.defaultChecked || !L.disabled) && (Array.isArray(w) ? L.checked = !!w.find((I) => I === L.value) : L.checked = w === L.value || !!w);
+    if (F) {
+      const S = F._f;
+      S && (!S.disabled && j(s, l, vr(h, S)), w = Ue(S.ref) && te(h) ? "" : h, pr(S.ref) ? [...S.ref.options].forEach((L) => L.selected = w.includes(L.value)) : S.refs ? Re(S.ref) ? S.refs.forEach((L) => {
+        (!L.defaultChecked || !L.disabled) && (Array.isArray(w) ? L.checked = !!w.find((T) => T === L.value) : L.checked = w === L.value || !!w);
       }) : S.refs.forEach((L) => L.checked = L.value === w) : kt(S.ref) ? S.ref.value = "" : (S.ref.value = w, S.ref.type || m.state.next({
         name: l,
         values: X(s)
@@ -1218,36 +1218,36 @@ function Vo(e = {}) {
     }
     (y.shouldDirty || y.shouldTouch) && E(l, w, y.shouldTouch, y.shouldDirty, !0), y.shouldValidate && me(l);
   }, J = (l, h, y) => {
-    for (const z in h) {
-      if (!h.hasOwnProperty(z))
+    for (const F in h) {
+      if (!h.hasOwnProperty(F))
         return;
-      const w = h[z], S = l + "." + z, L = k(o, S);
-      (i.array.has(l) || Q(w) || L && !L._f) && !Se(w) ? J(S, w, y) : O(S, w, y);
+      const w = h[F], S = l + "." + F, L = k(o, S);
+      (i.array.has(l) || Q(w) || L && !L._f) && !Se(w) ? J(S, w, y) : I(S, w, y);
     }
   }, Y = (l, h, y = {}) => {
-    const z = k(o, l), w = i.array.has(l), S = X(h);
-    T(s, l, S), w ? (m.array.next({
+    const F = k(o, l), w = i.array.has(l), S = X(h);
+    j(s, l, S), w ? (m.array.next({
       name: l,
       values: X(s)
     }), (u.isDirty || u.dirtyFields || f.isDirty || f.dirtyFields) && y.shouldDirty && m.state.next({
       name: l,
       dirtyFields: ze(n, s),
       isDirty: G(l, S)
-    })) : z && !z._f && !te(S) ? J(l, S, y) : O(l, S, y), qt(l, i) && m.state.next({ ...t, name: l }), m.state.next({
+    })) : F && !F._f && !te(S) ? J(l, S, y) : I(l, S, y), qt(l, i) && m.state.next({ ...t, name: l }), m.state.next({
       name: a.mount ? l : void 0,
       values: X(s)
     });
-  }, H = async (l) => {
+  }, U = async (l) => {
     a.mount = !0;
     const h = l.target;
-    let y = h.name, z = !0;
+    let y = h.name, F = !0;
     const w = k(o, y), S = (W) => {
-      z = Number.isNaN(W) || Se(W) && isNaN(W.getTime()) || le(W, k(s, y, W));
-    }, L = Ht(r.mode), I = Ht(r.reValidateMode);
+      F = Number.isNaN(W) || Se(W) && isNaN(W.getTime()) || le(W, k(s, y, W));
+    }, L = Ht(r.mode), T = Ht(r.reValidateMode);
     if (w) {
       let W, ne;
-      const Pe = h.type ? Wt(w._f) : ur(l), _e = l.type === He.BLUR || l.type === He.FOCUS_OUT, Wr = !So(w._f) && !r.resolver && !k(t.errors, y) && !w._f.deps || ko(_e, k(t.touchedFields, y), t.isSubmitted, I, L), Xe = qt(y, i, _e);
-      T(s, y, Pe), _e ? (!h || !h.readOnly) && (w._f.onBlur && w._f.onBlur(l), d && d(0)) : w._f.onChange && w._f.onChange(l);
+      const Pe = h.type ? Wt(w._f) : ur(l), _e = l.type === He.BLUR || l.type === He.FOCUS_OUT, Wr = !So(w._f) && !r.resolver && !k(t.errors, y) && !w._f.deps || ko(_e, k(t.touchedFields, y), t.isSubmitted, T, L), Xe = qt(y, i, _e);
+      j(s, y, Pe), _e ? (!h || !h.readOnly) && (w._f.onBlur && w._f.onBlur(l), d && d(0)) : w._f.onChange && w._f.onChange(l);
       const Je = E(y, Pe, _e), Hr = !ee(Je) || Xe;
       if (!_e && m.state.next({
         name: y,
@@ -1256,38 +1256,38 @@ function Vo(e = {}) {
       }), Wr)
         return (u.isValid || f.isValid) && (r.mode === "onBlur" ? _e && _() : _e || _()), Hr && m.state.next({ name: y, ...Xe ? {} : Je });
       if (!_e && Xe && m.state.next({ ...t }), r.resolver) {
-        const { errors: At } = await $([y]);
-        if (S(Pe), z) {
+        const { errors: At } = await M([y]);
+        if (S(Pe), F) {
           const Ur = Gt(t.errors, o, y), Mt = Gt(At, o, Ur.name || y);
           W = Mt.error, y = Mt.name, ne = ee(At);
         }
       } else
-        x([y], !0), W = (await Kt(w, i.disabled, s, g, r.shouldUseNativeValidation))[y], x([y]), S(Pe), z && (W ? ne = !1 : (u.isValid || f.isValid) && (ne = await A(o, !0)));
-      z && (w._f.deps && (!Array.isArray(w._f.deps) || w._f.deps.length > 0) && me(w._f.deps), R(y, ne, W, Je));
+        x([y], !0), W = (await Kt(w, i.disabled, s, v, r.shouldUseNativeValidation))[y], x([y]), S(Pe), F && (W ? ne = !1 : (u.isValid || f.isValid) && (ne = await $(o, !0)));
+      F && (w._f.deps && (!Array.isArray(w._f.deps) || w._f.deps.length > 0) && me(w._f.deps), R(y, ne, W, Je));
     }
   }, ue = (l, h) => {
     if (k(t.errors, h) && l.focus)
       return l.focus(), 1;
   }, me = async (l, h = {}) => {
-    let y, z;
+    let y, F;
     const w = Be(l);
     if (r.resolver) {
-      const S = await j(U(l) ? l : w);
-      y = ee(S), z = l ? !w.some((L) => k(S, L)) : y;
-    } else l ? (z = (await Promise.all(w.map(async (S) => {
+      const S = await O(q(l) ? l : w);
+      y = ee(S), F = l ? !w.some((L) => k(S, L)) : y;
+    } else l ? (F = (await Promise.all(w.map(async (S) => {
       const L = k(o, S);
-      return await A(L && L._f ? { [S]: L } : L);
-    }))).every(Boolean), !(!z && !t.isValid) && _()) : z = y = await A(o);
+      return await $(L && L._f ? { [S]: L } : L);
+    }))).every(Boolean), !(!F && !t.isValid) && _()) : F = y = await $(o);
     return m.state.next({
       ...!oe(l) || (u.isValid || f.isValid) && y !== t.isValid ? {} : { name: l },
       ...r.resolver || !l ? { isValid: y } : {},
       errors: t.errors
-    }), h.shouldFocus && !z && $e(o, ue, l ? w : i.mount), z;
+    }), h.shouldFocus && !F && $e(o, ue, l ? w : i.mount), F;
   }, ve = (l, h) => {
     let y = {
       ...a.mount ? s : n
     };
-    return h && (y = yr(h.dirtyFields ? t.dirtyFields : t.touchedFields, y)), U(l) ? y : oe(l) ? k(y, l) : l.map((z) => k(y, z));
+    return h && (y = yr(h.dirtyFields ? t.dirtyFields : t.touchedFields, y)), q(l) ? y : oe(l) ? k(y, l) : l.map((F) => k(y, F));
   }, Ft = (l, h) => ({
     invalid: !!k((h || t).errors, l),
     isDirty: !!k((h || t).dirtyFields, l),
@@ -1299,16 +1299,16 @@ function Vo(e = {}) {
       errors: l ? t.errors : {}
     });
   }, zt = (l, h, y) => {
-    const z = (k(o, l, { _f: {} })._f || {}).ref, w = k(t.errors, l) || {}, { ref: S, message: L, type: I, ...W } = w;
-    T(t.errors, l, {
+    const F = (k(o, l, { _f: {} })._f || {}).ref, w = k(t.errors, l) || {}, { ref: S, message: L, type: T, ...W } = w;
+    j(t.errors, l, {
       ...W,
       ...h,
-      ref: z
+      ref: F
     }), m.state.next({
       name: l,
       errors: t.errors,
       isValid: !1
-    }), y && y.shouldFocus && z && z.focus && z.focus();
+    }), y && y.shouldFocus && F && F.focus && F.focus();
   }, Pr = (l, h) => ce(l) ? m.state.subscribe({
     next: (y) => "values" in y && l(B(void 0, h), y)
   }) : B(l, h, !0), Vt = (l) => m.state.subscribe({
@@ -1339,8 +1339,8 @@ function Vo(e = {}) {
     (re(l) && a.mount || l || i.disabled.has(h)) && (l ? i.disabled.add(h) : i.disabled.delete(h));
   }, Ke = (l, h = {}) => {
     let y = k(o, l);
-    const z = re(h.disabled) || re(r.disabled);
-    return T(o, l, {
+    const F = re(h.disabled) || re(r.disabled);
+    return j(o, l, {
       ...y || {},
       _f: {
         ...y && y._f ? y._f : { ref: { name: l } },
@@ -1352,7 +1352,7 @@ function Vo(e = {}) {
       disabled: re(h.disabled) ? h.disabled : r.disabled,
       name: l
     }) : V(l, !0, h.value), {
-      ...z ? { disabled: h.disabled || r.disabled } : {},
+      ...F ? { disabled: h.disabled || r.disabled } : {},
       ...r.progressive ? {
         required: !!h.required,
         min: Ne(h.min),
@@ -1362,20 +1362,20 @@ function Vo(e = {}) {
         pattern: Ne(h.pattern)
       } : {},
       name: l,
-      onChange: H,
-      onBlur: H,
+      onChange: U,
+      onBlur: U,
       ref: (w) => {
         if (w) {
           Ke(l, h), y = k(o, l);
-          const S = U(w.value) && w.querySelectorAll && w.querySelectorAll("input,select,textarea")[0] || w, L = yo(S), I = y._f.refs || [];
-          if (L ? I.find((W) => W === S) : S === y._f.ref)
+          const S = q(w.value) && w.querySelectorAll && w.querySelectorAll("input,select,textarea")[0] || w, L = yo(S), T = y._f.refs || [];
+          if (L ? T.find((W) => W === S) : S === y._f.ref)
             return;
-          T(o, l, {
+          j(o, l, {
             _f: {
               ...y._f,
               ...L ? {
                 refs: [
-                  ...I.filter(et),
+                  ...T.filter(et),
                   S,
                   ...Array.isArray(k(n, l)) ? [{}] : []
                 ],
@@ -1389,22 +1389,22 @@ function Vo(e = {}) {
     };
   }, Qe = () => r.shouldFocusError && $e(o, ue, i.mount), Or = (l) => {
     re(l) && (m.state.next({ disabled: l }), $e(o, (h, y) => {
-      const z = k(o, y);
-      z && (h.disabled = z._f.disabled || l, Array.isArray(z._f.refs) && z._f.refs.forEach((w) => {
-        w.disabled = z._f.disabled || l;
+      const F = k(o, y);
+      F && (h.disabled = F._f.disabled || l, Array.isArray(F._f.refs) && F._f.refs.forEach((w) => {
+        w.disabled = F._f.disabled || l;
       }));
     }, 0, !1));
   }, Nt = (l, h) => async (y) => {
-    let z;
+    let F;
     y && (y.preventDefault && y.preventDefault(), y.persist && y.persist());
     let w = X(s);
     if (m.state.next({
       isSubmitting: !0
     }), r.resolver) {
-      const { errors: S, values: L } = await $();
+      const { errors: S, values: L } = await M();
       t.errors = S, w = X(L);
     } else
-      await A(o);
+      await $(o);
     if (i.disabled.size)
       for (const S of i.disabled)
         Z(w, S);
@@ -1415,36 +1415,36 @@ function Vo(e = {}) {
       try {
         await l(w, y);
       } catch (S) {
-        z = S;
+        F = S;
       }
     } else
       h && await h({ ...t.errors }, y), Qe(), setTimeout(Qe);
     if (m.state.next({
       isSubmitted: !0,
       isSubmitting: !1,
-      isSubmitSuccessful: ee(t.errors) && !z,
+      isSubmitSuccessful: ee(t.errors) && !F,
       submitCount: t.submitCount + 1,
       errors: t.errors
-    }), z)
-      throw z;
+    }), F)
+      throw F;
   }, Ir = (l, h = {}) => {
-    k(o, l) && (U(h.defaultValue) ? Y(l, X(k(n, l))) : (Y(l, h.defaultValue), T(n, l, X(h.defaultValue))), h.keepTouched || Z(t.touchedFields, l), h.keepDirty || (Z(t.dirtyFields, l), t.isDirty = h.defaultValue ? G(l, X(k(n, l))) : G()), h.keepError || (Z(t.errors, l), u.isValid && _()), m.state.next({ ...t }));
+    k(o, l) && (q(h.defaultValue) ? Y(l, X(k(n, l))) : (Y(l, h.defaultValue), j(n, l, X(h.defaultValue))), h.keepTouched || Z(t.touchedFields, l), h.keepDirty || (Z(t.dirtyFields, l), t.isDirty = h.defaultValue ? G(l, X(k(n, l))) : G()), h.keepError || (Z(t.errors, l), u.isValid && _()), m.state.next({ ...t }));
   }, Lt = (l, h = {}) => {
-    const y = l ? X(l) : n, z = X(y), w = ee(l), S = w ? n : z;
+    const y = l ? X(l) : n, F = X(y), w = ee(l), S = w ? n : F;
     if (h.keepDefaultValues || (n = y), !h.keepValues) {
       if (h.keepDirtyValues) {
         const L = /* @__PURE__ */ new Set([
           ...i.mount,
           ...Object.keys(ze(n, s))
         ]);
-        for (const I of Array.from(L))
-          k(t.dirtyFields, I) ? T(S, I, k(s, I)) : Y(I, k(S, I));
+        for (const T of Array.from(L))
+          k(t.dirtyFields, T) ? j(S, T, k(s, T)) : Y(T, k(S, T));
       } else {
-        if (gt && U(l))
+        if (gt && q(l))
           for (const L of i.mount) {
-            const I = k(o, L);
-            if (I && I._f) {
-              const W = Array.isArray(I._f.refs) ? I._f.refs[0] : I._f.ref;
+            const T = k(o, L);
+            if (T && T._f) {
+              const W = Array.isArray(T._f.refs) ? T._f.refs[0] : T._f.ref;
               if (Ue(W)) {
                 const ne = W.closest("form");
                 if (ne) {
@@ -1486,9 +1486,9 @@ function Vo(e = {}) {
       defaultValues: n
     });
   }, Bt = (l, h) => Lt(ce(l) ? l(s) : l, h), Tr = (l, h = {}) => {
-    const y = k(o, l), z = y && y._f;
-    if (z) {
-      const w = z.refs ? z.refs[0] : z.ref;
+    const y = k(o, l), F = y && y._f;
+    if (F) {
+      const w = F.refs ? F.refs[0] : F.ref;
       w.focus && (w.focus(), h.shouldSelect && ce(w.select) && w.select());
     }
   }, jr = (l) => {
@@ -1504,22 +1504,22 @@ function Vo(e = {}) {
       handleSubmit: Nt,
       setError: zt,
       _subscribe: Vt,
-      _runSchema: $,
+      _runSchema: M,
       _focusError: Qe,
       _getWatch: B,
       _getDirty: G,
       _setValid: _,
-      _setFieldArray: C,
+      _setFieldArray: z,
       _setDisabledField: Et,
-      _setErrors: F,
-      _getFieldArray: M,
+      _setErrors: C,
+      _getFieldArray: A,
       _reset: Lt,
       _resetDefaultValues: () => ce(r.defaultValues) && r.defaultValues().then((l) => {
         Bt(l, r.resetOptions), m.state.next({
           isLoading: !1
         });
       }),
-      _removeUnmounted: q,
+      _removeUnmounted: H,
       _disableForm: Or,
       _subjects: m,
       _proxyFormState: u,
@@ -1660,8 +1660,8 @@ const Qt = (e, r, t) => {
     const n = k(r.fields, o), s = Object.assign(e[o] || {}, { ref: n && n.ref });
     if (No(r.names || Object.keys(e), o)) {
       const a = Object.assign({}, k(t, o));
-      T(a, "root", s), T(t, o, a);
-    } else T(t, o, s);
+      j(a, "root", s), j(t, o, a);
+    } else j(t, o, s);
   }
   return t;
 }, No = (e, r) => {
@@ -1913,7 +1913,7 @@ const Sa = Wo, Ho = "FormError-module__formError___kaUBn", Uo = {
   // Element-specific props
   divProps: f
 }) => {
-  const m = D(), g = [
+  const m = D(), v = [
     Ce.formGroup,
     r ? Ce.error : "",
     e ? Ce.disabled : "",
@@ -1923,13 +1923,13 @@ const Sa = Wo, Ho = "FormError-module__formError___kaUBn", Uo = {
     ...u
   }, _ = N.Children.map(d, (x) => {
     if (N.isValidElement(x)) {
-      const C = {};
-      if (e && x.props.disabled === void 0 && (C.disabled = !0), r && x.props.error === void 0 && (C.error = !0), n && x.props.id === void 0 && x.type !== N.Fragment && (C.id = n), Object.keys(C).length > 0)
-        return N.cloneElement(x, C);
+      const z = {};
+      if (e && x.props.disabled === void 0 && (z.disabled = !0), r && x.props.error === void 0 && (z.error = !0), n && x.props.id === void 0 && x.type !== N.Fragment && (z.id = n), Object.keys(z).length > 0)
+        return N.cloneElement(x, z);
     }
     return x;
   });
-  return /* @__PURE__ */ P("div", { ...f, className: g, style: b, children: [
+  return /* @__PURE__ */ P("div", { ...f, className: v, style: b, children: [
     s && /* @__PURE__ */ P(_t, { htmlFor: n, disabled: e, error: r, ...i, children: [
       s,
       t && /* @__PURE__ */ P("span", { className: Ce.required, "aria-label": "required", children: [
@@ -2020,22 +2020,22 @@ const Yo = "Input-module__input___WjT81", en = "Input-module__sizeSmall___NFvsi"
   onBlur: f,
   // Standard React props
   className: m,
-  style: g,
+  style: v,
   // Element-specific props
   inputProps: b
 }) => {
-  const _ = D(), x = _.colors.error, C = r ? x : t || _.colors.primary, v = rn({
-    color: C,
+  const _ = D(), x = _.colors.error, z = r ? x : t || _.colors.primary, g = rn({
+    color: z,
     disabled: e,
     placeholderOpacity: i
-  }), F = {
-    "--placeholder-opacity": v.placeholderOpacity,
-    borderColor: v.borderColor,
+  }), C = {
+    "--placeholder-opacity": g.placeholderOpacity,
+    borderColor: g.borderColor,
     borderWidth: _.border.width,
     borderRadius: _.border.radius,
-    color: v.color,
-    opacity: v.opacity,
-    ...g
+    color: g.color,
+    opacity: g.opacity,
+    ...v
     // Top level style prop overrides
   }, V = [
     tt.input,
@@ -2055,7 +2055,7 @@ const Yo = "Input-module__input___WjT81", en = "Input-module__sizeSmall___NFvsi"
       placeholder: a,
       type: d,
       value: c,
-      style: F
+      style: C
     }
   );
 };
@@ -2085,7 +2085,7 @@ function xa({
           ...i,
           name: f,
           value: d || "",
-          onChange: (g) => c(g.target.value),
+          onChange: (v) => c(v.target.value),
           onBlur: u,
           error: m
         }
@@ -2126,22 +2126,22 @@ const nn = "Textarea-module__textarea___Z-y6g", sn = "Textarea-module__sizeSmall
   onBlur: f,
   // Standard React props
   className: m,
-  style: g,
+  style: v,
   // Element-specific props
   textareaProps: b
 }) => {
-  const _ = D(), x = _.colors.error, C = r ? x : t || _.colors.primary, v = ln({
-    color: C,
+  const _ = D(), x = _.colors.error, z = r ? x : t || _.colors.primary, g = ln({
+    color: z,
     disabled: e,
     placeholderOpacity: i
-  }), F = {
-    "--placeholder-opacity": v.placeholderOpacity,
-    borderColor: v.borderColor,
+  }), C = {
+    "--placeholder-opacity": g.placeholderOpacity,
+    borderColor: g.borderColor,
     borderWidth: _.border.width,
     borderRadius: _.border.radius,
-    color: v.color,
-    opacity: v.opacity,
-    ...g
+    color: g.color,
+    opacity: g.opacity,
+    ...v
     // Top level style overrides
   }, V = [
     rt.textarea,
@@ -2161,7 +2161,7 @@ const nn = "Textarea-module__textarea___Z-y6g", sn = "Textarea-module__sizeSmall
       placeholder: a,
       rows: d,
       value: c,
-      style: F
+      style: C
     }
   );
 };
@@ -2191,7 +2191,7 @@ function wa({
           ...i,
           name: f,
           value: d || "",
-          onChange: (g) => c(g.target.value),
+          onChange: (v) => c(v.target.value),
           onBlur: u,
           error: m
         }
@@ -2251,26 +2251,26 @@ const dn = "Select-module__select___cjdcr", un = "Select-module__sizeSmall___i1q
   className: f,
   style: m,
   // Element-specific props
-  selectProps: g
+  selectProps: v
 }) => {
-  const b = D(), _ = b.colors.error, x = r ? _ : t || b.colors.primary, C = mn({
+  const b = D(), _ = b.colors.error, x = r ? _ : t || b.colors.primary, z = mn({
     color: x,
     disabled: e
-  }), v = {
-    backgroundImage: C.backgroundImage,
+  }), g = {
+    backgroundImage: z.backgroundImage,
     backgroundPosition: "right center",
     backgroundRepeat: "no-repeat",
     backgroundSize: "auto 85%",
     backgroundColor: "transparent",
-    borderColor: C.borderColor,
+    borderColor: z.borderColor,
     borderWidth: b.border.width,
     borderRadius: b.border.radius,
-    color: C.color,
-    cursor: C.cursor,
-    opacity: C.opacity,
+    color: z.color,
+    cursor: z.cursor,
+    opacity: z.opacity,
     ...m
     // Top level style overrides
-  }, F = [
+  }, C = [
     ot.select,
     o === "small" ? ot.sizeSmall : ot.sizeLarge,
     f
@@ -2278,15 +2278,15 @@ const dn = "Select-module__select___cjdcr", un = "Select-module__sizeSmall___i1q
   return /* @__PURE__ */ P(
     "select",
     {
-      ...g,
-      className: F,
+      ...v,
+      className: C,
       disabled: e,
       id: n,
       name: s,
       onChange: d,
       onBlur: c,
       value: i,
-      style: v,
+      style: g,
       children: [
         a !== "" && /* @__PURE__ */ p("option", { disabled: !0, value: "", children: a }),
         u
@@ -2315,7 +2315,7 @@ function ka({
       disabled: n,
       className: s,
       style: a,
-      children: ({ value: c, onChange: u, onBlur: f, name: m, error: g }) => /* @__PURE__ */ p(
+      children: ({ value: c, onChange: u, onBlur: f, name: m, error: v }) => /* @__PURE__ */ p(
         hn,
         {
           ...d,
@@ -2323,7 +2323,7 @@ function ka({
           value: c || "",
           onChange: (b) => u(b.target.value),
           onBlur: f,
-          error: g,
+          error: v,
           children: i
         }
       )
@@ -2391,17 +2391,17 @@ const yn = "Radio-module__container___AQxhk", pn = "Radio-module__svg___zl5kF",
   // Element-specific props
   divProps: f
 }) => {
-  const m = D(), g = s || cr(), b = m.colors.error, _ = o ? b : e || m.colors.primary, x = gn({
+  const m = D(), v = s || cr(), b = m.colors.error, _ = o ? b : e || m.colors.primary, x = gn({
     color: _,
     disabled: t
-  }), C = ($) => {
-    t || a($);
-  }, v = {
+  }), z = (M) => {
+    t || a(M);
+  }, g = {
     cursor: x.cursor,
     opacity: x.opacity,
     ...u
     // Top level style overrides
-  }, F = {
+  }, C = {
     width: "var(--dr-radio-size)",
     height: "var(--dr-radio-size)"
   }, V = {
@@ -2411,15 +2411,15 @@ const yn = "Radio-module__container___AQxhk", pn = "Radio-module__svg___zl5kF",
   }, E = {
     fill: x.radioColor
   }, R = [nt.container, c].filter(Boolean).join(" ");
-  return /* @__PURE__ */ P("div", { ...f, className: R, style: v, children: [
+  return /* @__PURE__ */ P("div", { ...f, className: R, style: g, children: [
     /* @__PURE__ */ p(
       "input",
       {
-        id: g,
+        id: v,
         checked: r,
         disabled: t,
         name: n,
-        onChange: ($) => C({ target: { checked: $.target.checked, name: n, type: "radio" } }),
+        onChange: (M) => z({ target: { checked: M.target.checked, name: n, type: "radio" } }),
         style: { display: "none" },
         type: "radio"
       }
@@ -2429,9 +2429,9 @@ const yn = "Radio-module__container___AQxhk", pn = "Radio-module__svg___zl5kF",
       {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 100 100",
-        onClick: () => C({ target: { checked: !r, name: n, type: "radio" } }),
+        onClick: () => z({ target: { checked: !r, name: n, type: "radio" } }),
         className: nt.svg,
-        style: F,
+        style: C,
         children: [
           /* @__PURE__ */ p("circle", { cx: "50", cy: "50", r: "42.5", width: "100%", style: V }),
           r && /* @__PURE__ */ p("circle", { cx: "50", cy: "50", r: "25", style: E })
@@ -2441,7 +2441,7 @@ const yn = "Radio-module__container___AQxhk", pn = "Radio-module__svg___zl5kF",
     i && /* @__PURE__ */ p(
       _t,
       {
-        htmlFor: g,
+        htmlFor: v,
         className: nt.label,
         style: { paddingBottom: 0, ...d },
         color: x.radioColor,
@@ -2553,14 +2553,14 @@ function Va({
         }
       },
       children: ({ value: c, onChange: u, name: f, error: m }) => {
-        const g = Array.isArray(c) ? c : [], b = (_, x) => {
-          u(x ? [...g, _] : g.filter((C) => C !== _));
+        const v = Array.isArray(c) ? c : [], b = (_, x) => {
+          u(x ? [...v, _] : v.filter((z) => z !== _));
         };
         return /* @__PURE__ */ p(ge, { children: o ? o.map((_) => /* @__PURE__ */ p(
           dt,
           {
             name: `${f}[]`,
-            checked: g.includes(_.value),
+            checked: v.includes(_.value),
             onChange: (x) => b(_.value, x.target.checked),
             label: _.label,
             disabled: s || _.disabled,
@@ -2572,8 +2572,8 @@ function Va({
             const x = _.props.value || _.props.name;
             return N.cloneElement(_, {
               name: `${f}[]`,
-              checked: g.includes(x),
-              onChange: (C) => b(x, C.target.checked),
+              checked: v.includes(x),
+              onChange: (z) => b(x, z.target.checked),
               error: m || _.props.error,
               disabled: s || _.props.disabled
             });
@@ -2694,12 +2694,12 @@ const vn = "Hamburger-module__hamburger___Tf4-t", bn = "Hamburger-module__line__
   // Content
   children: m,
   // Style overrides
-  className: g,
+  className: v,
   style: b,
   // Element-specific props
   headerProps: _
 }) => {
-  const x = D(), C = u || x.breakpoints.sm, { maxWidth: v, unit: F } = Ae(C), V = de(`(max-width: ${v}${F})`), E = Fn({
+  const x = D(), z = u || x.breakpoints.sm, { maxWidth: g, unit: C } = Ae(z), V = de(`(max-width: ${g}${C})`), E = Fn({
     isSmallScreen: V,
     maxWidth: t,
     minWidth: o,
@@ -2711,8 +2711,8 @@ const vn = "Hamburger-module__hamburger___Tf4-t", bn = "Hamburger-module__line__
     gap: c,
     backgroundColor: e,
     color: r
-  }), R = [er.container, g].filter(Boolean).join(" "), $ = f ? { position: "fixed", top: 0, left: 0, right: 0, zIndex: 1e3 } : {};
-  return /* @__PURE__ */ p("header", { ..._, className: er.header, style: $, children: /* @__PURE__ */ p(
+  }), R = [er.container, v].filter(Boolean).join(" "), M = f ? { position: "fixed", top: 0, left: 0, right: 0, zIndex: 1e3 } : {};
+  return /* @__PURE__ */ p("header", { ..._, className: er.header, style: M, children: /* @__PURE__ */ p(
     "div",
     {
       className: R,
@@ -2771,13 +2771,13 @@ function qn(e, r, t, o) {
     bottom: e.bottom + o,
     left: e.left - o,
     right: e.right + o
-  }[r], a = r === "top" || r === "left" ? "-100%" : "0", i = n ? e.left : e.top, d = n ? e.width : e.height, c = i + d * Hn[t], u = Un[t], [f, m, g, b] = n ? [c, s, u, a] : [s, c, a, u];
+  }[r], a = r === "top" || r === "left" ? "-100%" : "0", i = n ? e.left : e.top, d = n ? e.width : e.height, c = i + d * Hn[t], u = Un[t], [f, m, v, b] = n ? [c, s, u, a] : [s, c, a, u];
   return {
     position: "fixed",
     zIndex: 999,
     left: f,
     top: m,
-    transform: `translate(${g}, ${b})`
+    transform: `translate(${v}, ${b})`
   };
 }
 function Nr({
@@ -2816,65 +2816,65 @@ const Lr = ({
   closeOnBackdropClick: u = !0,
   className: f,
   style: m,
-  popoverProps: g
+  popoverProps: v
 }) => {
-  const b = D(), _ = o !== void 0, [x, C] = K(!1), v = _ ? o : x, F = pe(null), V = pe(null), E = ye(
-    (H) => {
-      _ || C(H), n == null || n(H);
+  const b = D(), _ = o !== void 0, [x, z] = K(!1), g = _ ? o : x, C = pe(null), V = pe(null), E = ye(
+    (U) => {
+      _ || z(U), n == null || n(U);
     },
     [_, n]
-  ), R = ye(() => E(!v), [v, E]), $ = ye(() => E(!1), [E]), { panelMounted: j, panelVisible: A, handleTransitionEnd: q } = Wn(v, t), { side: G, align: B } = Er(s), { positionStyle: M } = Nr({
-    open: v,
-    triggerRef: F,
+  ), R = ye(() => E(!g), [g, E]), M = ye(() => E(!1), [E]), { panelMounted: O, panelVisible: $, handleTransitionEnd: H } = Wn(g, t), { side: G, align: B } = Er(s), { positionStyle: A } = Nr({
+    open: g,
+    triggerRef: C,
     side: G,
     align: B,
     offset: 4,
     enabled: t === "popup"
   });
   se(() => {
-    if (!v || t !== "popup") return;
-    const H = (ue) => {
+    if (!g || t !== "popup") return;
+    const U = (ue) => {
       var me, ve;
-      (me = V.current) != null && me.contains(ue.target) || (ve = F.current) != null && ve.contains(ue.target) || $();
+      (me = V.current) != null && me.contains(ue.target) || (ve = C.current) != null && ve.contains(ue.target) || M();
     };
-    return document.addEventListener("mousedown", H), () => document.removeEventListener("mousedown", H);
-  }, [v, t, $]), se(() => {
-    if (!v) return;
-    const H = (ue) => {
-      ue.key === "Escape" && $();
+    return document.addEventListener("mousedown", U), () => document.removeEventListener("mousedown", U);
+  }, [g, t, M]), se(() => {
+    if (!g) return;
+    const U = (ue) => {
+      ue.key === "Escape" && M();
     };
-    return document.addEventListener("keydown", H), () => document.removeEventListener("keydown", H);
-  }, [v, $]), se(() => {
-    if (!v || t !== "panel") return;
-    const H = window.scrollY;
-    return document.body.style.position = "fixed", document.body.style.top = `-${H}px`, document.body.style.width = "100%", () => {
-      document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, H);
+    return document.addEventListener("keydown", U), () => document.removeEventListener("keydown", U);
+  }, [g, M]), se(() => {
+    if (!g || t !== "panel") return;
+    const U = window.scrollY;
+    return document.body.style.position = "fixed", document.body.style.top = `-${U}px`, document.body.style.width = "100%", () => {
+      document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, U);
     };
-  }, [v, t]);
-  const O = e ? typeof e == "function" ? e({ onClick: R, isOpen: v }) : (
+  }, [g, t]);
+  const I = e ? typeof e == "function" ? e({ onClick: R, isOpen: g }) : (
     // Non-function trigger: wrap in a span that delegates clicks to the trigger element.
     // The wrapped element (e.g. <button>) handles its own keyboard accessibility.
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
     /* @__PURE__ */ p("span", { onClick: R, style: { cursor: "pointer", display: "contents" }, children: e })
-  ) : null, J = e ? /* @__PURE__ */ p("span", { ref: F, className: fe.triggerWrapper, children: O }) : null;
+  ) : null, J = e ? /* @__PURE__ */ p("span", { ref: C, className: fe.triggerWrapper, children: I }) : null;
   if (t === "popup") {
-    const H = {
+    const U = {
       backgroundColor: b.colors.secondaryBackground,
       borderRadius: b.border.radius,
       boxShadow: "0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06)",
-      ...M,
+      ...A,
       ...m
     };
     return /* @__PURE__ */ P(ge, { children: [
       J,
-      v && We(
+      g && We(
         /* @__PURE__ */ p(
           "div",
           {
             ref: V,
             className: [fe.popup, f].filter(Boolean).join(" "),
-            style: H,
-            ...g,
+            style: U,
+            ...v,
             children: r
           }
         ),
@@ -2889,18 +2889,18 @@ const Lr = ({
   };
   return /* @__PURE__ */ P(ge, { children: [
     J,
-    j && We(
+    O && We(
       /* @__PURE__ */ P(
         "div",
         {
-          className: [fe.panelOverlay, A ? fe.panelOverlayVisible : ""].filter(Boolean).join(" "),
+          className: [fe.panelOverlay, $ ? fe.panelOverlayVisible : ""].filter(Boolean).join(" "),
           children: [
             /* @__PURE__ */ p(
               "div",
               {
                 className: fe.backdrop,
-                style: { backgroundColor: A ? d : "transparent" },
-                onClick: u ? $ : void 0,
+                style: { backgroundColor: $ ? d : "transparent" },
+                onClick: u ? M : void 0,
                 role: "presentation"
               }
             ),
@@ -2911,20 +2911,20 @@ const Lr = ({
                 className: [
                   fe.panel,
                   a === "right" ? fe.panelRight : fe.panelLeft,
-                  A ? fe.panelOpen : "",
+                  $ ? fe.panelOpen : "",
                   f
                 ].filter(Boolean).join(" "),
                 style: Y,
                 role: "dialog",
                 "aria-modal": "true",
-                onTransitionEnd: q,
-                ...g,
+                onTransitionEnd: H,
+                ...v,
                 children: [
                   !c && /* @__PURE__ */ p(
                     "button",
                     {
                       className: fe.panelCloseButton,
-                      onClick: $,
+                      onClick: M,
                       "aria-label": "Close panel",
                       type: "button",
                       children: /* @__PURE__ */ p(
@@ -2998,7 +2998,7 @@ const Lr = ({
   content: u,
   onNavClick: f
 }) => {
-  const { backgroundColor: m, ...g } = d;
+  const { backgroundColor: m, ...v } = d;
   return /* @__PURE__ */ p(
     Lr,
     {
@@ -3019,7 +3019,7 @@ const Lr = ({
           ...n == null ? void 0 : n.hamburgerProps
         }
       ),
-      children: /* @__PURE__ */ P("nav", { ...c, className: i, style: g, onClickCapture: f, children: [
+      children: /* @__PURE__ */ P("nav", { ...c, className: i, style: v, onClickCapture: f, children: [
         /* @__PURE__ */ p("div", { className: Ve.navHeader }),
         typeof u == "function" ? u({ setOpen: r }) : u
       ] })
@@ -3041,21 +3041,21 @@ const Lr = ({
   navProps: a,
   disableMobileTreatment: i = !1
 }) => {
-  const [d, c] = K(!1), u = pe(null), m = { ...D().breakpoints, ...t }, { maxWidth: g, unit: b } = Ae(m.md), { maxWidth: _, unit: x } = Ae(m.sm), C = de(`(max-width: ${g}${b})`), v = de(`(max-width: ${_}${x})`), F = i ? !1 : C, V = i ? !1 : v, { navStyles: E } = Gn({
-    isMobile: F,
+  const [d, c] = K(!1), u = pe(null), m = { ...D().breakpoints, ...t }, { maxWidth: v, unit: b } = Ae(m.md), { maxWidth: _, unit: x } = Ae(m.sm), z = de(`(max-width: ${v}${b})`), g = de(`(max-width: ${_}${x})`), C = i ? !1 : z, V = i ? !1 : g, { navStyles: E } = Gn({
+    isMobile: C,
     isCompact: V,
     mobile: e,
     desktop: r
-  }), R = { ...E, ...s }, $ = (q) => {
-    const G = q.target;
+  }), R = { ...E, ...s }, M = (H) => {
+    const G = H.target;
     G.closest("[data-navdropdown-trigger]") || G.closest("a, button") && c(!1);
-  }, j = [
+  }, O = [
     Ve.nav,
     Ve.navMobile,
     V || e != null && e.compact ? Ve.compact : "",
     n
-  ].filter(Boolean).join(" "), A = [Ve.nav, Ve.navDesktop, n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ p(Zn.Provider, { value: { isMobile: F, setOpen: c }, children: F ? /* @__PURE__ */ p(
+  ].filter(Boolean).join(" "), $ = [Ve.nav, Ve.navDesktop, n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ p(Zn.Provider, { value: { isMobile: C, setOpen: c }, children: C ? /* @__PURE__ */ p(
     Kn,
     {
       open: d,
@@ -3065,17 +3065,17 @@ const Lr = ({
       mobile: e,
       panelWidth: e == null ? void 0 : e.panelWidth,
       side: e == null ? void 0 : e.side,
-      navClassName: j,
+      navClassName: O,
       cssProps: R,
       navProps: a,
       content: (e == null ? void 0 : e.content) || o,
-      onNavClick: $
+      onNavClick: M
     }
   ) : /* @__PURE__ */ p(
     Qn,
     {
       setOpen: c,
-      navClassName: A,
+      navClassName: $,
       cssProps: R,
       navProps: a,
       content: (r == null ? void 0 : r.content) || o
@@ -3117,7 +3117,7 @@ const Na = ({
 }) => {
   const [u, f] = K(!1), {
     style: m,
-    onMouseEnter: g,
+    onMouseEnter: v,
     onMouseLeave: b
   } = Br({ isActive: u, color: s, hoverOpacity: a });
   return /* @__PURE__ */ p(
@@ -3136,7 +3136,7 @@ const Na = ({
           style: { ...m, ...d },
           "data-navdropdown-trigger": !0,
           onClick: _,
-          onMouseEnter: g,
+          onMouseEnter: v,
           onMouseLeave: b,
           ...c,
           children: [
@@ -3300,25 +3300,25 @@ const Na = ({
   maxWidth: u = "90vw",
   backgroundColor: f,
   backdropColor: m = "rgba(0, 0, 0, 0.5)",
-  className: g,
+  className: v,
   style: b,
   divProps: _
 }) => {
-  const x = D(), C = pe(null), v = pe(null), { maxWidth: F } = Ae(x.breakpoints.md), V = de(`(max-width: ${F - 1}px)`);
+  const x = D(), z = pe(null), g = pe(null), { maxWidth: C } = Ae(x.breakpoints.md), V = de(`(max-width: ${C - 1}px)`);
   se(() => {
     if (e)
-      return v.current = document.activeElement, document.body.style.overflow = "hidden", C.current && C.current.focus(), () => {
-        document.body.style.overflow = "", v.current && v.current.focus();
+      return g.current = document.activeElement, document.body.style.overflow = "hidden", z.current && z.current.focus(), () => {
+        document.body.style.overflow = "", g.current && g.current.focus();
       };
   }, [e]), se(() => {
     if (!e || !a) return;
-    const A = (q) => {
-      q.key === "Escape" && r();
+    const $ = (H) => {
+      H.key === "Escape" && r();
     };
-    return document.addEventListener("keydown", A), () => document.removeEventListener("keydown", A);
+    return document.addEventListener("keydown", $), () => document.removeEventListener("keydown", $);
   }, [e, a, r]);
-  const E = (A) => {
-    A.target === A.currentTarget && s && r();
+  const E = ($) => {
+    $.target === $.currentTarget && s && r();
   };
   if (!e) return null;
   const R = {
@@ -3327,20 +3327,20 @@ const Na = ({
     backgroundColor: f || x.colors.secondary,
     borderRadius: x.border.radius,
     ...b
-  }, $ = {
+  }, M = {
     backgroundColor: m
-  }, j = /* @__PURE__ */ p(
+  }, O = /* @__PURE__ */ p(
     "div",
     {
       className: be.backdrop,
-      style: $,
+      style: M,
       onClick: E,
       role: "presentation",
       children: /* @__PURE__ */ P(
         "div",
         {
-          ref: C,
-          className: [be.modal, g].filter(Boolean).join(" "),
+          ref: z,
+          className: [be.modal, v].filter(Boolean).join(" "),
           style: R,
           role: "dialog",
           "aria-modal": "true",
@@ -3382,25 +3382,25 @@ const Na = ({
               )
             ] }),
             /* @__PURE__ */ p("div", { className: be.content, children: t }),
-            i.length > 0 && /* @__PURE__ */ p(ds, { direction: V ? "column" : "row", className: be.actions, children: i.map((A, q) => /* @__PURE__ */ p(
+            i.length > 0 && /* @__PURE__ */ p(ds, { direction: V ? "column" : "row", className: be.actions, children: i.map(($, H) => /* @__PURE__ */ p(
               Jr,
               {
-                color: A.color,
-                outline: A.variant === "outline",
-                disabled: A.disabled,
+                color: $.color,
+                outline: $.variant === "outline",
+                disabled: $.disabled,
                 onClick: () => {
-                  A.onClick ? A.onClick(d || r) : d ? d(A.value) : r();
+                  $.onClick ? $.onClick(d || r) : d ? d($.value) : r();
                 },
-                children: A.label
+                children: $.label
               },
-              q
+              H
             )) })
           ]
         }
       )
     }
   );
-  return We(j, document.body);
+  return We(O, document.body);
 }, Ar = yt(null), $a = ({ children: e }) => {
   const [r, t] = K(null), o = N.useCallback((c) => new Promise((u, f) => {
     const m = Math.random().toString(36).substr(2, 9);
@@ -3531,7 +3531,7 @@ const Na = ({
     bodyPadding: "0 0.5em 1.25em 2.4em"
   }
 }, Ma = ({
-  header: e,
+  headerContent: e,
   children: r,
   className: t,
   style: o,
@@ -3541,24 +3541,25 @@ const Na = ({
   border: i = !1,
   hideChevron: d = !1,
   headerPadding: c,
-  bodyPadding: u,
-  size: f = "default",
-  chevronStyle: m
+  headerStyle: u,
+  bodyPadding: f,
+  size: m = "default",
+  chevronStyle: v
 }) => {
-  const g = D(), b = pt(), _ = `collapsible-header-${b}`, x = `collapsible-body-${b}`, C = ms[f], v = c ?? C.headerPadding, F = u ?? C.bodyPadding, V = s !== void 0, [E, R] = K(n), $ = V ? s : E, j = ye(() => {
-    const A = !$;
-    V || R(A), a == null || a(A);
-  }, [$, V, a]);
+  const b = D(), _ = pt(), x = `collapsible-header-${_}`, z = `collapsible-body-${_}`, g = ms[m], C = c ?? g.headerPadding, V = f ?? g.bodyPadding, E = s !== void 0, [R, M] = K(n), O = E ? s : R, $ = ye(() => {
+    const H = !O;
+    E || M(H), a == null || a(H);
+  }, [O, E, a]);
   return /* @__PURE__ */ P(
     "div",
     {
       className: t,
       style: {
-        borderRadius: g.border.radius,
+        borderRadius: b.border.radius,
         ...i && {
-          borderWidth: g.border.width,
+          borderWidth: b.border.width,
           borderStyle: "solid",
-          borderColor: `${g.colors.primary}33`
+          borderColor: `${b.colors.primary}33`
         },
         ...o
       },
@@ -3566,52 +3567,53 @@ const Na = ({
         /* @__PURE__ */ P(
           "div",
           {
-            id: _,
+            id: x,
             style: {
               display: "flex",
               alignItems: "center",
               gap: "0.15em",
-              padding: v,
-              userSelect: "none"
+              padding: C,
+              userSelect: "none",
+              ...u
             },
             children: [
               !d && /* @__PURE__ */ p(
                 "button",
                 {
                   type: "button",
-                  onClick: j,
-                  "aria-expanded": $,
-                  "aria-controls": x,
-                  "aria-label": $ ? "Collapse" : "Expand",
-                  title: $ ? "Collapse" : "Expand",
+                  onClick: $,
+                  "aria-expanded": O,
+                  "aria-controls": z,
+                  "aria-label": O ? "Collapse" : "Expand",
+                  title: O ? "Collapse" : "Expand",
                   style: {
                     display: "inline-flex",
                     alignItems: "center",
                     justifyContent: "center",
-                    width: C.chevronButton,
-                    height: C.chevronButton,
+                    width: g.chevronButton,
+                    height: g.chevronButton,
                     background: "transparent",
                     border: "none",
                     padding: 0,
                     cursor: "pointer",
                     color: "inherit",
                     flexShrink: 0,
-                    ...m
+                    ...v
                   },
-                  children: /* @__PURE__ */ p(hs, { open: $ })
+                  children: /* @__PURE__ */ p(hs, { open: O })
                 }
               ),
               /* @__PURE__ */ p("div", { style: { flex: 1, display: "flex", alignItems: "center", gap: "0.5em" }, children: e })
             ]
           }
         ),
-        $ && /* @__PURE__ */ p(
+        O && /* @__PURE__ */ p(
           "div",
           {
-            id: x,
+            id: z,
             role: "region",
-            "aria-labelledby": _,
-            style: { padding: F },
+            "aria-labelledby": x,
+            style: { padding: V },
             children: r
           }
         )
@@ -3659,25 +3661,25 @@ const Na = ({
   children: f,
   // Style overrides
   className: m,
-  style: g,
+  style: v,
   // Element-specific props
   sectionProps: b
 }) => {
-  const _ = D(), x = de(`(min-width: ${_.breakpoints.sm})`), C = {
+  const _ = D(), x = de(`(min-width: ${_.breakpoints.sm})`), z = {
     backgroundColor: e,
     color: r || _.fonts.color,
     margin: d,
-    ...g
+    ...v
     // Top level style prop overrides
-  }, v = `calc(${_.fonts.rhythm} * ${u})`, F = x ? a || _.layout.padding : i || _.layout.paddingSm, V = {
+  }, g = `calc(${_.fonts.rhythm} * ${u})`, C = x ? a || _.layout.padding : i || _.layout.paddingSm, V = {
     "--max-width": t || _.layout.maxWidth,
     "--min-width": o,
     "--width": n,
     "--height": s,
-    "--section-padding": `${v} ${F}`,
+    "--section-padding": `${g} ${C}`,
     "--gap": c
   }, E = [tr.section, m].filter(Boolean).join(" ");
-  return /* @__PURE__ */ p("section", { ...b, className: E, style: C, children: /* @__PURE__ */ p("div", { className: tr.innerDiv, style: V, children: f }) });
+  return /* @__PURE__ */ p("section", { ...b, className: E, style: z, children: /* @__PURE__ */ p("div", { className: tr.innerDiv, style: V, children: f }) });
 }, gs = "Hero-module__hero___IB2tg", vs = "Hero-module__content___rkkfQ", rr = {
   hero: gs,
   content: vs
@@ -3763,12 +3765,12 @@ const Na = ({
   children: f,
   // Style overrides
   className: m,
-  style: g,
+  style: v,
   // Element-specific props
   footerProps: b
 }) => {
-  const _ = D(), x = u || _.breakpoints.sm, { maxWidth: C, unit: v } = Ae(x), F = de(`(max-width: ${C}${v})`), V = ws({
-    isSmallScreen: F,
+  const _ = D(), x = u || _.breakpoints.sm, { maxWidth: z, unit: g } = Ae(x), C = de(`(max-width: ${z}${g})`), V = ws({
+    isSmallScreen: C,
     maxWidth: t,
     minWidth: o,
     width: n,
@@ -3780,7 +3782,7 @@ const Na = ({
     backgroundColor: e,
     color: r
   }), E = [or.container, m].filter(Boolean).join(" ");
-  return /* @__PURE__ */ p("footer", { ...b, className: or.footer, children: /* @__PURE__ */ p("div", { className: E, style: { ...V, ...g }, children: f }) });
+  return /* @__PURE__ */ p("footer", { ...b, className: or.footer, children: /* @__PURE__ */ p("div", { className: E, style: { ...V, ...v }, children: f }) });
 }, Cs = "FeatureCard-module__card___XQt66", Fs = "FeatureCard-module__icon___dXJ92", zs = "FeatureCard-module__title___KxXyA", Vs = "FeatureCard-module__content___68xkw", je = {
   card: Cs,
   icon: Fs,
@@ -3882,7 +3884,7 @@ const Na = ({
     e === "row" ? Fe.horizontal : Fe.vertical,
     c ? Fe.clickable : void 0,
     i
-  ].filter(Boolean).join(" "), g = (b) => {
+  ].filter(Boolean).join(" "), v = (b) => {
     c && (b.key === "Enter" || b.key === " ") && (b.preventDefault(), c());
   };
   return /* @__PURE__ */ P(
@@ -3899,7 +3901,7 @@ const Na = ({
       divProps: {
         ...f,
         onClick: c,
-        onKeyDown: c ? g : void 0,
+        onKeyDown: c ? v : void 0,
         role: c ? "button" : void 0,
         tabIndex: c ? 0 : void 0
       },
@@ -3970,11 +3972,11 @@ const Na = ({
   divProps: d,
   inputProps: c
 }) => {
-  const u = D(), f = pe(null), [m, g] = K(!1), [b, _] = K(null), x = n || b, C = x ? u.colors.error : u.colors.primary, v = x ? u.colors.error : u.colors.primary, F = ye(
+  const u = D(), f = pe(null), [m, v] = K(!1), [b, _] = K(null), x = n || b, z = x ? u.colors.error : u.colors.primary, g = x ? u.colors.error : u.colors.primary, C = ye(
     (B) => {
       if (_(null), t && B.size > t) {
-        const M = (t / 1048576).toFixed(1);
-        _(`File exceeds maximum size of ${M} MB`);
+        const A = (t / 1048576).toFixed(1);
+        _(`File exceeds maximum size of ${A} MB`);
         return;
       }
       e(B);
@@ -3984,44 +3986,44 @@ const Na = ({
     var B;
     o || (B = f.current) == null || B.click();
   }, E = (B) => {
-    var M;
-    (B.key === "Enter" || B.key === " ") && !o && (B.preventDefault(), (M = f.current) == null || M.click());
+    var A;
+    (B.key === "Enter" || B.key === " ") && !o && (B.preventDefault(), (A = f.current) == null || A.click());
   }, R = (B) => {
-    var O;
-    const M = (O = B.target.files) == null ? void 0 : O[0];
-    M && F(M), B.target.value = "";
-  }, $ = (B) => {
-    B.preventDefault(), o || g(!0);
-  }, j = () => g(!1), A = (B) => {
-    var O;
-    if (B.preventDefault(), g(!1), o) return;
-    const M = (O = B.dataTransfer.files) == null ? void 0 : O[0];
-    M && F(M);
-  }, q = [
+    var I;
+    const A = (I = B.target.files) == null ? void 0 : I[0];
+    A && C(A), B.target.value = "";
+  }, M = (B) => {
+    B.preventDefault(), o || v(!0);
+  }, O = () => v(!1), $ = (B) => {
+    var I;
+    if (B.preventDefault(), v(!1), o) return;
+    const A = (I = B.dataTransfer.files) == null ? void 0 : I[0];
+    A && C(A);
+  }, H = [
     ae.dropzone,
     m && ae.dragOver,
     o && ae.loading,
     a
   ].filter(Boolean).join(" "), G = {
-    "--upload-color": C,
-    borderColor: C,
+    "--upload-color": z,
+    borderColor: z,
     borderWidth: u.border.width,
     borderRadius: u.border.radius,
     fontSize: "1em",
-    color: v,
+    color: g,
     ...i
   };
   return /* @__PURE__ */ P(
     "div",
     {
       ...d,
-      className: q,
+      className: H,
       style: G,
       onClick: V,
       onKeyDown: E,
-      onDragOver: $,
-      onDragLeave: j,
-      onDrop: A,
+      onDragOver: M,
+      onDragLeave: O,
+      onDrop: $,
       role: "button",
       tabIndex: o ? -1 : 0,
       "aria-disabled": o,
@@ -4055,7 +4057,7 @@ const Na = ({
             className: [ae.content, o && ae.contentHidden].filter(Boolean).join(" "),
             "aria-hidden": o || void 0,
             children: [
-              /* @__PURE__ */ p(Js, { color: C }),
+              /* @__PURE__ */ p(Js, { color: z }),
               /* @__PURE__ */ p("span", { className: ae.label, children: s }),
               r && /* @__PURE__ */ P("span", { className: ae.hint, children: [
                 "Accepted: ",
@@ -4102,13 +4104,13 @@ const Na = ({
   style: i,
   imgProps: d
 }) => {
-  const c = D(), [u, f] = K(null), [m, g] = K(null), [b, _] = K(null), x = u === e, C = m === e, v = b === e;
+  const c = D(), [u, f] = K(null), [m, v] = K(null), [b, _] = K(null), x = u === e, z = m === e, g = b === e;
   se(() => {
     if (!e) return;
-    const j = setTimeout(() => _(e), n);
-    return () => clearTimeout(j);
+    const O = setTimeout(() => _(e), n);
+    return () => clearTimeout(O);
   }, [e, n]);
-  const F = o || !!e && !x && !C && v, V = !o && (!e || C), E = !o && !!e && !C, R = [lt.container, a].filter(Boolean).join(" "), $ = {
+  const C = o || !!e && !x && !z && g, V = !o && (!e || z), E = !o && !!e && !z, R = [lt.container, a].filter(Boolean).join(" "), M = {
     aspectRatio: t,
     borderRadius: c.border.radius,
     ...i
@@ -4117,11 +4119,11 @@ const Na = ({
     "div",
     {
       className: R,
-      style: $,
+      style: M,
       "aria-label": V ? r || "Image placeholder" : void 0,
-      "aria-busy": F || void 0,
+      "aria-busy": C || void 0,
       children: [
-        F && /* @__PURE__ */ p(Mr, { style: { borderRadius: "inherit", position: "absolute", inset: 0 } }),
+        C && /* @__PURE__ */ p(Mr, { style: { borderRadius: "inherit", position: "absolute", inset: 0 } }),
         V && /* @__PURE__ */ p("div", { className: lt.fallback, children: s ?? null }),
         E && /* @__PURE__ */ p(
           "img",
@@ -4132,7 +4134,7 @@ const Na = ({
             className: lt.img,
             style: { opacity: x ? 1 : 0 },
             onLoad: () => e && f(e),
-            onError: () => e && g(e)
+            onError: () => e && v(e)
           }
         )
       ]
@@ -4181,16 +4183,16 @@ const Na = ({
   style: c,
   imgProps: u
 }) => {
-  const f = D(), [m, g] = K(null), [b, _] = K(null), [x, C] = K(null), v = m === e, F = b === e, V = x === e;
+  const f = D(), [m, v] = K(null), [b, _] = K(null), [x, z] = K(null), g = m === e, C = b === e, V = x === e;
   se(() => {
     if (!e) return;
-    const G = setTimeout(() => C(e), n);
+    const G = setTimeout(() => z(e), n);
     return () => clearTimeout(G);
   }, [e, n]);
-  const E = o || !!e && !v && !F && V, R = !o && (!e || F), $ = !o && !!e && !F, j = [xe.thumbnail, ua[t], d].filter(Boolean).join(" "), A = {
+  const E = o || !!e && !g && !C && V, R = !o && (!e || C), M = !o && !!e && !C, O = [xe.thumbnail, ua[t], d].filter(Boolean).join(" "), $ = {
     borderRadius: f.border.radius,
     ...c
-  }, q = {
+  }, H = {
     background: f.colors.primary,
     color: f.buttons.primary.textColor,
     borderRadius: "50%"
@@ -4198,22 +4200,22 @@ const Na = ({
   return /* @__PURE__ */ P(
     "div",
     {
-      className: j,
-      style: A,
+      className: O,
+      style: $,
       "aria-label": R ? r || "Image placeholder" : void 0,
       "aria-busy": E || void 0,
       children: [
         E && /* @__PURE__ */ p(Mr, { style: { borderRadius: "inherit", position: "absolute", inset: 0 } }),
         R && (i ?? /* @__PURE__ */ p(fa, { color: f.colors.primary })),
-        $ && /* @__PURE__ */ p(
+        M && /* @__PURE__ */ p(
           "img",
           {
             ...u,
             src: e,
             alt: r,
             className: xe.img,
-            style: { opacity: v ? 1 : 0 },
-            onLoad: () => e && g(e),
+            style: { opacity: g ? 1 : 0 },
+            onLoad: () => e && v(e),
             onError: () => e && _(e)
           }
         ),
@@ -4222,7 +4224,7 @@ const Na = ({
           {
             type: "button",
             className: xe.removeButton,
-            style: q,
+            style: H,
             onClick: (G) => {
               G.stopPropagation(), s();
             },
@@ -4262,10 +4264,10 @@ const Na = ({
     ...i.lineHeight !== void 0 && { lineHeight: i.lineHeight },
     ...i.fontWeight !== void 0 && { fontWeight: i.fontWeight },
     ...o
-  }, m = [c, t].filter(Boolean).join(" "), g = `h${e}`;
+  }, m = [c, t].filter(Boolean).join(" "), v = `h${e}`;
   return /* @__PURE__ */ P(ge, { children: [
     u && /* @__PURE__ */ p("style", { children: u }),
-    N.createElement(g, { className: m, style: f }, n)
+    N.createElement(v, { className: m, style: f }, n)
   ] });
 }, Ua = ({ size: e = "default", as: r = "p", className: t, style: o, children: n }) => {
   const a = D().typography.text[e], i = {
@@ -4313,19 +4315,19 @@ const Na = ({
   style: u,
   tooltipProps: f
 }) => {
-  const m = D(), g = pe(null), b = pe(null), _ = pe(null), [x, C] = K(!1), v = pt(), F = x && !a && !!r, { side: V, align: E } = Er(t), { positionStyle: R } = Nr({
-    open: F,
-    triggerRef: g,
+  const m = D(), v = pe(null), b = pe(null), _ = pe(null), [x, z] = K(!1), g = pt(), C = x && !a && !!r, { side: V, align: E } = Er(t), { positionStyle: R } = Nr({
+    open: C,
+    triggerRef: v,
     side: V,
     align: E,
     offset: s
-  }), $ = () => {
+  }), M = () => {
     b.current && clearTimeout(b.current), _.current && clearTimeout(_.current), b.current = null, _.current = null;
-  }, j = ye(() => {
-    $(), b.current = setTimeout(() => C(!0), o);
-  }, [o]), A = ye(() => {
-    $(), _.current = setTimeout(() => C(!1), n);
-  }, [n]), q = {
+  }, O = ye(() => {
+    M(), b.current = setTimeout(() => z(!0), o);
+  }, [o]), $ = ye(() => {
+    M(), _.current = setTimeout(() => z(!1), n);
+  }, [n]), H = {
     backgroundColor: d || m.colors.secondaryBackground,
     color: i,
     borderRadius: m.border.radius,
@@ -4336,24 +4338,24 @@ const Na = ({
     /* @__PURE__ */ p(
       "span",
       {
-        ref: g,
+        ref: v,
         className: nr.triggerWrapper,
-        onMouseEnter: j,
-        onMouseLeave: A,
-        onFocus: j,
-        onBlur: A,
-        "aria-describedby": F ? v : void 0,
+        onMouseEnter: O,
+        onMouseLeave: $,
+        onFocus: O,
+        onBlur: $,
+        "aria-describedby": C ? g : void 0,
         children: e
       }
     ),
-    F && We(
+    C && We(
       /* @__PURE__ */ p(
         "div",
         {
-          id: v,
+          id: g,
           role: "tooltip",
           className: [nr.tooltip, c].filter(Boolean).join(" "),
-          style: q,
+          style: H,
           ...f,
           children: r
         }