wcz-test 6.24.7 → 6.24.8

package/dist/hooks.js

@@ -1,1009 +1,395 @@
-import { createFormHookContexts, createFormHook } from "@tanstack/react-form";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
-import { Autocomplete, TextField, Checkbox, FormControlLabel, FormHelperText, FormControl, RadioGroup, Radio, FormLabel, Slider, Button, Switch } from "@mui/material";
-import { g as getFieldStatus } from "./chunks/utils-MD9YwOtu.js";
-import { DatePicker, DateRangePicker, TimePicker, TimeRangePicker, DateTimePicker, DateTimeRangePicker } from "@mui/x-date-pickers-pro";
-import { NumericFormat } from "react-number-format";
-import { u } from "./chunks/DialogsHooks-DOT0O_b4.js";
-import { useInView } from "react-intersection-observer";
-const FormAutocomplete = (t0) => {
-  const $ = c(23);
-  let autocompleteProps;
-  let textFieldProps;
-  if ($[0] !== t0) {
-    ({
-      textFieldProps,
-      ...autocompleteProps
-    } = t0);
-    $[0] = t0;
-    $[1] = autocompleteProps;
-    $[2] = textFieldProps;
-  } else {
-    autocompleteProps = $[1];
-    textFieldProps = $[2];
-  }
-  const field = useFieldContext();
-  let t1;
-  if ($[3] !== field) {
-    t1 = getFieldStatus(field);
-    $[3] = field;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
+import { createFormHookContexts as A, createFormHook as _ } from "@tanstack/react-form";
+import { jsx as f, jsxs as k } from "react/jsx-runtime";
+import { c as P } from "react/compiler-runtime";
+import { Autocomplete as y, TextField as D, Checkbox as I, FormControlLabel as E, FormHelperText as S, FormControl as $, RadioGroup as L, Radio as G, FormLabel as R, Slider as H, Button as N, Switch as V } from "@mui/material";
+import { g as F } from "./utils-CZraUjBd.js";
+import { DatePicker as j, DateRangePicker as q, TimePicker as z, TimeRangePicker as J, DateTimePicker as K, DateTimeRangePicker as M } from "@mui/x-date-pickers-pro";
+import { NumericFormat as O } from "react-number-format";
+import { u as ve } from "./DialogsHooks-DWkC9zAf.js";
+import { useInView as Se } from "react-intersection-observer";
+const Q = (l) => {
+  const e = P(23);
+  let t, r;
+  e[0] !== l ? ({
+    textFieldProps: r,
+    ...t
+  } = l, e[0] = l, e[1] = t, e[2] = r) : (t = e[1], r = e[2]);
+  const n = B();
+  let u;
+  e[3] !== n ? (u = F(n), e[3] = n, e[4] = u) : u = e[4];
   const {
-    isTouched,
-    hasError,
-    helperText
-  } = t1;
-  let t2;
-  let t3;
-  if ($[5] !== autocompleteProps.freeSolo || $[6] !== field) {
-    t2 = (_, value) => !autocompleteProps.freeSolo && field.handleChange(value);
-    t3 = (__0, value_0, reason) => reason !== "reset" && autocompleteProps.freeSolo && field.handleChange(value_0);
-    $[5] = autocompleteProps.freeSolo;
-    $[6] = field;
-    $[7] = t2;
-    $[8] = t3;
-  } else {
-    t2 = $[7];
-    t3 = $[8];
-  }
-  let t4;
-  if ($[9] !== field.name || $[10] !== hasError || $[11] !== helperText || $[12] !== isTouched || $[13] !== textFieldProps) {
-    t4 = (parameters) => /* @__PURE__ */ jsx(TextField, { ...parameters, name: field.name, error: isTouched && hasError, helperText: isTouched && helperText, ...textFieldProps });
-    $[9] = field.name;
-    $[10] = hasError;
-    $[11] = helperText;
-    $[12] = isTouched;
-    $[13] = textFieldProps;
-    $[14] = t4;
-  } else {
-    t4 = $[14];
-  }
-  let t5;
-  if ($[15] !== autocompleteProps || $[16] !== field.handleBlur || $[17] !== field.name || $[18] !== field.state.value || $[19] !== t2 || $[20] !== t3 || $[21] !== t4) {
-    t5 = /* @__PURE__ */ jsx(Autocomplete, { value: field.state.value, onChange: t2, onInputChange: t3, onBlur: field.handleBlur, "aria-label": field.name, ...autocompleteProps, renderInput: t4 });
-    $[15] = autocompleteProps;
-    $[16] = field.handleBlur;
-    $[17] = field.name;
-    $[18] = field.state.value;
-    $[19] = t2;
-    $[20] = t3;
-    $[21] = t4;
-    $[22] = t5;
-  } else {
-    t5 = $[22];
-  }
-  return t5;
-};
-const FormCheckbox = (props) => {
-  const $ = c(20);
-  const field = useFieldContext();
-  let t0;
-  if ($[0] !== field) {
-    t0 = getFieldStatus(field);
-    $[0] = field;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
+    isTouched: d,
+    hasError: s,
+    helperText: h
+  } = u;
+  let i, a;
+  e[5] !== t.freeSolo || e[6] !== n ? (i = (m, x) => !t.freeSolo && n.handleChange(x), a = (m, x, T) => T !== "reset" && t.freeSolo && n.handleChange(x), e[5] = t.freeSolo, e[6] = n, e[7] = i, e[8] = a) : (i = e[7], a = e[8]);
+  let o;
+  e[9] !== n.name || e[10] !== s || e[11] !== h || e[12] !== d || e[13] !== r ? (o = (m) => /* @__PURE__ */ f(D, { ...m, name: n.name, error: d && s, helperText: d && h, ...r }), e[9] = n.name, e[10] = s, e[11] = h, e[12] = d, e[13] = r, e[14] = o) : o = e[14];
+  let c;
+  return e[15] !== t || e[16] !== n.handleBlur || e[17] !== n.name || e[18] !== n.state.value || e[19] !== i || e[20] !== a || e[21] !== o ? (c = /* @__PURE__ */ f(y, { value: n.state.value, onChange: i, onInputChange: a, onBlur: n.handleBlur, "aria-label": n.name, ...t, renderInput: o }), e[15] = t, e[16] = n.handleBlur, e[17] = n.name, e[18] = n.state.value, e[19] = i, e[20] = a, e[21] = o, e[22] = c) : c = e[22], c;
+}, U = (l) => {
+  const e = P(20), t = B();
+  let r;
+  e[0] !== t ? (r = F(t), e[0] = t, e[1] = r) : r = e[1];
   const {
-    isTouched,
-    hasError,
-    helperText
-  } = t0;
-  const t1 = field.name;
-  const t2 = Boolean(field.state.value);
-  let t3;
-  if ($[2] !== field) {
-    t3 = (event) => field.handleChange(event.target.checked);
-    $[2] = field;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  let t4;
-  if ($[4] !== field.handleBlur || $[5] !== field.name || $[6] !== props || $[7] !== t2 || $[8] !== t3) {
-    t4 = /* @__PURE__ */ jsx(Checkbox, { name: t1, checked: t2, onChange: t3, onBlur: field.handleBlur, "aria-label": field.name, ...props });
-    $[4] = field.handleBlur;
-    $[5] = field.name;
-    $[6] = props;
-    $[7] = t2;
-    $[8] = t3;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  const t5 = props.label ?? "";
-  let t6;
-  if ($[10] !== t4 || $[11] !== t5) {
-    t6 = /* @__PURE__ */ jsx(FormControlLabel, { control: t4, label: t5 });
-    $[10] = t4;
-    $[11] = t5;
-    $[12] = t6;
-  } else {
-    t6 = $[12];
-  }
-  let t7;
-  if ($[13] !== hasError || $[14] !== helperText || $[15] !== isTouched) {
-    t7 = isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, { error: hasError, children: helperText });
-    $[13] = hasError;
-    $[14] = helperText;
-    $[15] = isTouched;
-    $[16] = t7;
-  } else {
-    t7 = $[16];
-  }
-  let t8;
-  if ($[17] !== t6 || $[18] !== t7) {
-    t8 = /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
-      t6,
-      t7
-    ] });
-    $[17] = t6;
-    $[18] = t7;
-    $[19] = t8;
-  } else {
-    t8 = $[19];
-  }
-  return t8;
-};
-const FormDatePicker = (props) => {
-  const $ = c(18);
-  const field = useFieldContext();
-  let t0;
-  if ($[0] !== field) {
-    t0 = getFieldStatus(field);
-    $[0] = field;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
+    isTouched: n,
+    hasError: u,
+    helperText: d
+  } = r, s = t.name, h = !!t.state.value;
+  let i;
+  e[2] !== t ? (i = (T) => t.handleChange(T.target.checked), e[2] = t, e[3] = i) : i = e[3];
+  let a;
+  e[4] !== t.handleBlur || e[5] !== t.name || e[6] !== l || e[7] !== h || e[8] !== i ? (a = /* @__PURE__ */ f(I, { name: s, checked: h, onChange: i, onBlur: t.handleBlur, "aria-label": t.name, ...l }), e[4] = t.handleBlur, e[5] = t.name, e[6] = l, e[7] = h, e[8] = i, e[9] = a) : a = e[9];
+  const o = l.label ?? "";
+  let c;
+  e[10] !== a || e[11] !== o ? (c = /* @__PURE__ */ f(E, { control: a, label: o }), e[10] = a, e[11] = o, e[12] = c) : c = e[12];
+  let m;
+  e[13] !== u || e[14] !== d || e[15] !== n ? (m = n && u && /* @__PURE__ */ f(S, { error: u, children: d }), e[13] = u, e[14] = d, e[15] = n, e[16] = m) : m = e[16];
+  let x;
+  return e[17] !== c || e[18] !== m ? (x = /* @__PURE__ */ k($, { component: "fieldset", children: [
+    c,
+    m
+  ] }), e[17] = c, e[18] = m, e[19] = x) : x = e[19], x;
+}, W = (l) => {
+  const e = P(18), t = B();
+  let r;
+  e[0] !== t ? (r = F(t), e[0] = t, e[1] = r) : r = e[1];
   const {
-    isTouched,
-    hasError,
-    helperText
-  } = t0;
-  let t1;
-  if ($[2] !== field) {
-    t1 = (value) => field.handleChange(value);
-    $[2] = field;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const t2 = isTouched && hasError;
-  const t3 = isTouched && helperText;
-  let t4;
-  if ($[4] !== field.handleBlur || $[5] !== props.textFieldProps || $[6] !== t2 || $[7] !== t3) {
-    t4 = {
-      onBlur: field.handleBlur,
-      error: t2,
-      helperText: t3,
-      ...props.textFieldProps
-    };
-    $[4] = field.handleBlur;
-    $[5] = props.textFieldProps;
-    $[6] = t2;
-    $[7] = t3;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  let t5;
-  if ($[9] !== props.slotProps || $[10] !== t4) {
-    t5 = {
-      textField: t4,
-      ...props.slotProps
-    };
-    $[9] = props.slotProps;
-    $[10] = t4;
-    $[11] = t5;
-  } else {
-    t5 = $[11];
-  }
-  let t6;
-  if ($[12] !== field.name || $[13] !== field.state.value || $[14] !== props || $[15] !== t1 || $[16] !== t5) {
-    t6 = /* @__PURE__ */ jsx(DatePicker, { name: field.name, value: field.state.value, onChange: t1, slotProps: t5, "aria-label": field.name, ...props });
-    $[12] = field.name;
-    $[13] = field.state.value;
-    $[14] = props;
-    $[15] = t1;
-    $[16] = t5;
-    $[17] = t6;
-  } else {
-    t6 = $[17];
-  }
-  return t6;
-};
-const FormDateRangePicker = (props) => {
-  const $ = c(18);
-  const field = useFieldContext();
-  let t0;
-  if ($[0] !== field) {
-    t0 = getFieldStatus(field);
-    $[0] = field;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
+    isTouched: n,
+    hasError: u,
+    helperText: d
+  } = r;
+  let s;
+  e[2] !== t ? (s = (m) => t.handleChange(m), e[2] = t, e[3] = s) : s = e[3];
+  const h = n && u, i = n && d;
+  let a;
+  e[4] !== t.handleBlur || e[5] !== l.textFieldProps || e[6] !== h || e[7] !== i ? (a = {
+    onBlur: t.handleBlur,
+    error: h,
+    helperText: i,
+    ...l.textFieldProps
+  }, e[4] = t.handleBlur, e[5] = l.textFieldProps, e[6] = h, e[7] = i, e[8] = a) : a = e[8];
+  let o;
+  e[9] !== l.slotProps || e[10] !== a ? (o = {
+    textField: a,
+    ...l.slotProps
+  }, e[9] = l.slotProps, e[10] = a, e[11] = o) : o = e[11];
+  let c;
+  return e[12] !== t.name || e[13] !== t.state.value || e[14] !== l || e[15] !== s || e[16] !== o ? (c = /* @__PURE__ */ f(j, { name: t.name, value: t.state.value, onChange: s, slotProps: o, "aria-label": t.name, ...l }), e[12] = t.name, e[13] = t.state.value, e[14] = l, e[15] = s, e[16] = o, e[17] = c) : c = e[17], c;
+}, X = (l) => {
+  const e = P(18), t = B();
+  let r;
+  e[0] !== t ? (r = F(t), e[0] = t, e[1] = r) : r = e[1];
   const {
-    isTouched,
-    hasError,
-    helperText
-  } = t0;
-  let t1;
-  if ($[2] !== field) {
-    t1 = (value) => field.handleChange(value);
-    $[2] = field;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const t2 = isTouched && hasError;
-  const t3 = isTouched && helperText;
-  let t4;
-  if ($[4] !== field.handleBlur || $[5] !== props.textFieldProps || $[6] !== t2 || $[7] !== t3) {
-    t4 = {
-      onBlur: field.handleBlur,
-      error: t2,
-      helperText: t3,
-      ...props.textFieldProps
-    };
-    $[4] = field.handleBlur;
-    $[5] = props.textFieldProps;
-    $[6] = t2;
-    $[7] = t3;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  let t5;
-  if ($[9] !== props.slotProps || $[10] !== t4) {
-    t5 = {
-      textField: t4,
-      ...props.slotProps
-    };
-    $[9] = props.slotProps;
-    $[10] = t4;
-    $[11] = t5;
-  } else {
-    t5 = $[11];
-  }
-  let t6;
-  if ($[12] !== field.name || $[13] !== field.state.value || $[14] !== props || $[15] !== t1 || $[16] !== t5) {
-    t6 = /* @__PURE__ */ jsx(DateRangePicker, { name: field.name, value: field.state.value, onChange: t1, slotProps: t5, "aria-label": field.name, ...props });
-    $[12] = field.name;
-    $[13] = field.state.value;
-    $[14] = props;
-    $[15] = t1;
-    $[16] = t5;
-    $[17] = t6;
-  } else {
-    t6 = $[17];
-  }
-  return t6;
-};
-const FormTimePicker = (props) => {
-  const $ = c(18);
-  const field = useFieldContext();
-  let t0;
-  if ($[0] !== field) {
-    t0 = getFieldStatus(field);
-    $[0] = field;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
+    isTouched: n,
+    hasError: u,
+    helperText: d
+  } = r;
+  let s;
+  e[2] !== t ? (s = (m) => t.handleChange(m), e[2] = t, e[3] = s) : s = e[3];
+  const h = n && u, i = n && d;
+  let a;
+  e[4] !== t.handleBlur || e[5] !== l.textFieldProps || e[6] !== h || e[7] !== i ? (a = {
+    onBlur: t.handleBlur,
+    error: h,
+    helperText: i,
+    ...l.textFieldProps
+  }, e[4] = t.handleBlur, e[5] = l.textFieldProps, e[6] = h, e[7] = i, e[8] = a) : a = e[8];
+  let o;
+  e[9] !== l.slotProps || e[10] !== a ? (o = {
+    textField: a,
+    ...l.slotProps
+  }, e[9] = l.slotProps, e[10] = a, e[11] = o) : o = e[11];
+  let c;
+  return e[12] !== t.name || e[13] !== t.state.value || e[14] !== l || e[15] !== s || e[16] !== o ? (c = /* @__PURE__ */ f(q, { name: t.name, value: t.state.value, onChange: s, slotProps: o, "aria-label": t.name, ...l }), e[12] = t.name, e[13] = t.state.value, e[14] = l, e[15] = s, e[16] = o, e[17] = c) : c = e[17], c;
+}, Y = (l) => {
+  const e = P(18), t = B();
+  let r;
+  e[0] !== t ? (r = F(t), e[0] = t, e[1] = r) : r = e[1];
   const {
-    isTouched,
-    hasError,
-    helperText
-  } = t0;
-  let t1;
-  if ($[2] !== field) {
-    t1 = (value) => field.handleChange(value);
-    $[2] = field;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const t2 = isTouched && hasError;
-  const t3 = isTouched && helperText;
-  let t4;
-  if ($[4] !== field.handleBlur || $[5] !== props.textFieldProps || $[6] !== t2 || $[7] !== t3) {
-    t4 = {
-      onBlur: field.handleBlur,
-      error: t2,
-      helperText: t3,
-      ...props.textFieldProps
-    };
-    $[4] = field.handleBlur;
-    $[5] = props.textFieldProps;
-    $[6] = t2;
-    $[7] = t3;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  let t5;
-  if ($[9] !== props.slotProps || $[10] !== t4) {
-    t5 = {
-      textField: t4,
-      ...props.slotProps
-    };
-    $[9] = props.slotProps;
-    $[10] = t4;
-    $[11] = t5;
-  } else {
-    t5 = $[11];
-  }
-  let t6;
-  if ($[12] !== field.name || $[13] !== field.state.value || $[14] !== props || $[15] !== t1 || $[16] !== t5) {
-    t6 = /* @__PURE__ */ jsx(TimePicker, { name: field.name, value: field.state.value, onChange: t1, slotProps: t5, "aria-label": field.name, ...props });
-    $[12] = field.name;
-    $[13] = field.state.value;
-    $[14] = props;
-    $[15] = t1;
-    $[16] = t5;
-    $[17] = t6;
-  } else {
-    t6 = $[17];
-  }
-  return t6;
-};
-const FormTimeRangePicker = (props) => {
-  const $ = c(18);
-  const field = useFieldContext();
-  let t0;
-  if ($[0] !== field) {
-    t0 = getFieldStatus(field);
-    $[0] = field;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
+    isTouched: n,
+    hasError: u,
+    helperText: d
+  } = r;
+  let s;
+  e[2] !== t ? (s = (m) => t.handleChange(m), e[2] = t, e[3] = s) : s = e[3];
+  const h = n && u, i = n && d;
+  let a;
+  e[4] !== t.handleBlur || e[5] !== l.textFieldProps || e[6] !== h || e[7] !== i ? (a = {
+    onBlur: t.handleBlur,
+    error: h,
+    helperText: i,
+    ...l.textFieldProps
+  }, e[4] = t.handleBlur, e[5] = l.textFieldProps, e[6] = h, e[7] = i, e[8] = a) : a = e[8];
+  let o;
+  e[9] !== l.slotProps || e[10] !== a ? (o = {
+    textField: a,
+    ...l.slotProps
+  }, e[9] = l.slotProps, e[10] = a, e[11] = o) : o = e[11];
+  let c;
+  return e[12] !== t.name || e[13] !== t.state.value || e[14] !== l || e[15] !== s || e[16] !== o ? (c = /* @__PURE__ */ f(z, { name: t.name, value: t.state.value, onChange: s, slotProps: o, "aria-label": t.name, ...l }), e[12] = t.name, e[13] = t.state.value, e[14] = l, e[15] = s, e[16] = o, e[17] = c) : c = e[17], c;
+}, Z = (l) => {
+  const e = P(18), t = B();
+  let r;
+  e[0] !== t ? (r = F(t), e[0] = t, e[1] = r) : r = e[1];
   const {
-    isTouched,
-    hasError,
-    helperText
-  } = t0;
-  let t1;
-  if ($[2] !== field) {
-    t1 = (value) => field.handleChange(value);
-    $[2] = field;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const t2 = isTouched && hasError;
-  const t3 = isTouched && helperText;
-  let t4;
-  if ($[4] !== field.handleBlur || $[5] !== props.textFieldProps || $[6] !== t2 || $[7] !== t3) {
-    t4 = {
-      onBlur: field.handleBlur,
-      error: t2,
-      helperText: t3,
-      ...props.textFieldProps
-    };
-    $[4] = field.handleBlur;
-    $[5] = props.textFieldProps;
-    $[6] = t2;
-    $[7] = t3;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  let t5;
-  if ($[9] !== props.slotProps || $[10] !== t4) {
-    t5 = {
-      textField: t4,
-      ...props.slotProps
-    };
-    $[9] = props.slotProps;
-    $[10] = t4;
-    $[11] = t5;
-  } else {
-    t5 = $[11];
-  }
-  let t6;
-  if ($[12] !== field.name || $[13] !== field.state.value || $[14] !== props || $[15] !== t1 || $[16] !== t5) {
-    t6 = /* @__PURE__ */ jsx(TimeRangePicker, { name: field.name, value: field.state.value, onChange: t1, slotProps: t5, "aria-label": field.name, ...props });
-    $[12] = field.name;
-    $[13] = field.state.value;
-    $[14] = props;
-    $[15] = t1;
-    $[16] = t5;
-    $[17] = t6;
-  } else {
-    t6 = $[17];
-  }
-  return t6;
-};
-const FormDateTimePicker = (props) => {
-  const $ = c(18);
-  const field = useFieldContext();
-  let t0;
-  if ($[0] !== field) {
-    t0 = getFieldStatus(field);
-    $[0] = field;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
+    isTouched: n,
+    hasError: u,
+    helperText: d
+  } = r;
+  let s;
+  e[2] !== t ? (s = (m) => t.handleChange(m), e[2] = t, e[3] = s) : s = e[3];
+  const h = n && u, i = n && d;
+  let a;
+  e[4] !== t.handleBlur || e[5] !== l.textFieldProps || e[6] !== h || e[7] !== i ? (a = {
+    onBlur: t.handleBlur,
+    error: h,
+    helperText: i,
+    ...l.textFieldProps
+  }, e[4] = t.handleBlur, e[5] = l.textFieldProps, e[6] = h, e[7] = i, e[8] = a) : a = e[8];
+  let o;
+  e[9] !== l.slotProps || e[10] !== a ? (o = {
+    textField: a,
+    ...l.slotProps
+  }, e[9] = l.slotProps, e[10] = a, e[11] = o) : o = e[11];
+  let c;
+  return e[12] !== t.name || e[13] !== t.state.value || e[14] !== l || e[15] !== s || e[16] !== o ? (c = /* @__PURE__ */ f(J, { name: t.name, value: t.state.value, onChange: s, slotProps: o, "aria-label": t.name, ...l }), e[12] = t.name, e[13] = t.state.value, e[14] = l, e[15] = s, e[16] = o, e[17] = c) : c = e[17], c;
+}, p = (l) => {
+  const e = P(18), t = B();
+  let r;
+  e[0] !== t ? (r = F(t), e[0] = t, e[1] = r) : r = e[1];
   const {
-    isTouched,
-    hasError,
-    helperText
-  } = t0;
-  let t1;
-  if ($[2] !== field) {
-    t1 = (value) => field.handleChange(value);
-    $[2] = field;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const t2 = isTouched && hasError;
-  const t3 = isTouched && helperText;
-  let t4;
-  if ($[4] !== field.handleBlur || $[5] !== props.textFieldProps || $[6] !== t2 || $[7] !== t3) {
-    t4 = {
-      onBlur: field.handleBlur,
-      error: t2,
-      helperText: t3,
-      ...props.textFieldProps
-    };
-    $[4] = field.handleBlur;
-    $[5] = props.textFieldProps;
-    $[6] = t2;
-    $[7] = t3;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  let t5;
-  if ($[9] !== props.slotProps || $[10] !== t4) {
-    t5 = {
-      textField: t4,
-      ...props.slotProps
-    };
-    $[9] = props.slotProps;
-    $[10] = t4;
-    $[11] = t5;
-  } else {
-    t5 = $[11];
-  }
-  let t6;
-  if ($[12] !== field.name || $[13] !== field.state.value || $[14] !== props || $[15] !== t1 || $[16] !== t5) {
-    t6 = /* @__PURE__ */ jsx(DateTimePicker, { name: field.name, value: field.state.value, onChange: t1, slotProps: t5, "aria-label": field.name, ...props });
-    $[12] = field.name;
-    $[13] = field.state.value;
-    $[14] = props;
-    $[15] = t1;
-    $[16] = t5;
-    $[17] = t6;
-  } else {
-    t6 = $[17];
-  }
-  return t6;
-};
-const FormDateTimeRangePicker = (props) => {
-  const $ = c(18);
-  const field = useFieldContext();
-  let t0;
-  if ($[0] !== field) {
-    t0 = getFieldStatus(field);
-    $[0] = field;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
+    isTouched: n,
+    hasError: u,
+    helperText: d
+  } = r;
+  let s;
+  e[2] !== t ? (s = (m) => t.handleChange(m), e[2] = t, e[3] = s) : s = e[3];
+  const h = n && u, i = n && d;
+  let a;
+  e[4] !== t.handleBlur || e[5] !== l.textFieldProps || e[6] !== h || e[7] !== i ? (a = {
+    onBlur: t.handleBlur,
+    error: h,
+    helperText: i,
+    ...l.textFieldProps
+  }, e[4] = t.handleBlur, e[5] = l.textFieldProps, e[6] = h, e[7] = i, e[8] = a) : a = e[8];
+  let o;
+  e[9] !== l.slotProps || e[10] !== a ? (o = {
+    textField: a,
+    ...l.slotProps
+  }, e[9] = l.slotProps, e[10] = a, e[11] = o) : o = e[11];
+  let c;
+  return e[12] !== t.name || e[13] !== t.state.value || e[14] !== l || e[15] !== s || e[16] !== o ? (c = /* @__PURE__ */ f(K, { name: t.name, value: t.state.value, onChange: s, slotProps: o, "aria-label": t.name, ...l }), e[12] = t.name, e[13] = t.state.value, e[14] = l, e[15] = s, e[16] = o, e[17] = c) : c = e[17], c;
+}, ee = (l) => {
+  const e = P(18), t = B();
+  let r;
+  e[0] !== t ? (r = F(t), e[0] = t, e[1] = r) : r = e[1];
   const {
-    isTouched,
-    hasError,
-    helperText
-  } = t0;
-  let t1;
-  if ($[2] !== field) {
-    t1 = (value) => field.handleChange(value);
-    $[2] = field;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const t2 = isTouched && hasError;
-  const t3 = isTouched && helperText;
-  let t4;
-  if ($[4] !== field.handleBlur || $[5] !== props.textFieldProps || $[6] !== t2 || $[7] !== t3) {
-    t4 = {
-      onBlur: field.handleBlur,
-      error: t2,
-      helperText: t3,
-      ...props.textFieldProps
-    };
-    $[4] = field.handleBlur;
-    $[5] = props.textFieldProps;
-    $[6] = t2;
-    $[7] = t3;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  let t5;
-  if ($[9] !== props.slotProps || $[10] !== t4) {
-    t5 = {
-      textField: t4,
-      ...props.slotProps
-    };
-    $[9] = props.slotProps;
-    $[10] = t4;
-    $[11] = t5;
-  } else {
-    t5 = $[11];
-  }
-  let t6;
-  if ($[12] !== field.name || $[13] !== field.state.value || $[14] !== props || $[15] !== t1 || $[16] !== t5) {
-    t6 = /* @__PURE__ */ jsx(DateTimeRangePicker, { name: field.name, value: field.state.value, onChange: t1, slotProps: t5, "aria-label": field.name, ...props });
-    $[12] = field.name;
-    $[13] = field.state.value;
-    $[14] = props;
-    $[15] = t1;
-    $[16] = t5;
-    $[17] = t6;
-  } else {
-    t6 = $[17];
-  }
-  return t6;
-};
-const FormNumberField = (t0) => {
-  const $ = c(16);
-  let options;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      options,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = options;
-    $[2] = props;
-  } else {
-    options = $[1];
-    props = $[2];
-  }
-  const field = useFieldContext();
-  let t1;
-  if ($[3] !== field) {
-    t1 = getFieldStatus(field);
-    $[3] = field;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
+    isTouched: n,
+    hasError: u,
+    helperText: d
+  } = r;
+  let s;
+  e[2] !== t ? (s = (m) => t.handleChange(m), e[2] = t, e[3] = s) : s = e[3];
+  const h = n && u, i = n && d;
+  let a;
+  e[4] !== t.handleBlur || e[5] !== l.textFieldProps || e[6] !== h || e[7] !== i ? (a = {
+    onBlur: t.handleBlur,
+    error: h,
+    helperText: i,
+    ...l.textFieldProps
+  }, e[4] = t.handleBlur, e[5] = l.textFieldProps, e[6] = h, e[7] = i, e[8] = a) : a = e[8];
+  let o;
+  e[9] !== l.slotProps || e[10] !== a ? (o = {
+    textField: a,
+    ...l.slotProps
+  }, e[9] = l.slotProps, e[10] = a, e[11] = o) : o = e[11];
+  let c;
+  return e[12] !== t.name || e[13] !== t.state.value || e[14] !== l || e[15] !== s || e[16] !== o ? (c = /* @__PURE__ */ f(M, { name: t.name, value: t.state.value, onChange: s, slotProps: o, "aria-label": t.name, ...l }), e[12] = t.name, e[13] = t.state.value, e[14] = l, e[15] = s, e[16] = o, e[17] = c) : c = e[17], c;
+}, te = (l) => {
+  const e = P(16);
+  let t, r;
+  e[0] !== l ? ({
+    options: t,
+    ...r
+  } = l, e[0] = l, e[1] = t, e[2] = r) : (t = e[1], r = e[2]);
+  const n = B();
+  let u;
+  e[3] !== n ? (u = F(n), e[3] = n, e[4] = u) : u = e[4];
   const {
-    isTouched,
-    hasError,
-    helperText
-  } = t1;
-  const t2 = field.state.value ?? "";
-  let t3;
-  if ($[5] !== field) {
-    t3 = (t42) => {
-      const {
-        floatValue
-      } = t42;
-      return field.handleChange(floatValue);
-    };
-    $[5] = field;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  const t4 = isTouched && hasError;
-  const t5 = isTouched && helperText;
-  let t6;
-  if ($[7] !== field.handleBlur || $[8] !== field.name || $[9] !== options || $[10] !== props || $[11] !== t2 || $[12] !== t3 || $[13] !== t4 || $[14] !== t5) {
-    t6 = /* @__PURE__ */ jsx(NumericFormat, { customInput: TextField, name: field.name, value: t2, onValueChange: t3, onBlur: field.handleBlur, error: t4, helperText: t5, "aria-label": field.name, ...props, ...options });
-    $[7] = field.handleBlur;
-    $[8] = field.name;
-    $[9] = options;
-    $[10] = props;
-    $[11] = t2;
-    $[12] = t3;
-    $[13] = t4;
-    $[14] = t5;
-    $[15] = t6;
-  } else {
-    t6 = $[15];
-  }
-  return t6;
-};
-const FormRadioGroup = (t0) => {
-  const $ = c(27);
-  let label;
-  let options;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      label,
-      options,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = label;
-    $[2] = options;
-    $[3] = props;
-  } else {
-    label = $[1];
-    options = $[2];
-    props = $[3];
-  }
-  const field = useFieldContext();
-  let t1;
-  if ($[4] !== field) {
-    t1 = getFieldStatus(field);
-    $[4] = field;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
+    isTouched: d,
+    hasError: s,
+    helperText: h
+  } = u, i = n.state.value ?? "";
+  let a;
+  e[5] !== n ? (a = (x) => {
+    const {
+      floatValue: T
+    } = x;
+    return n.handleChange(T);
+  }, e[5] = n, e[6] = a) : a = e[6];
+  const o = d && s, c = d && h;
+  let m;
+  return e[7] !== n.handleBlur || e[8] !== n.name || e[9] !== t || e[10] !== r || e[11] !== i || e[12] !== a || e[13] !== o || e[14] !== c ? (m = /* @__PURE__ */ f(O, { customInput: D, name: n.name, value: i, onValueChange: a, onBlur: n.handleBlur, error: o, helperText: c, "aria-label": n.name, ...r, ...t }), e[7] = n.handleBlur, e[8] = n.name, e[9] = t, e[10] = r, e[11] = i, e[12] = a, e[13] = o, e[14] = c, e[15] = m) : m = e[15], m;
+}, le = (l) => {
+  const e = P(27);
+  let t, r, n;
+  e[0] !== l ? ({
+    label: t,
+    options: r,
+    ...n
+  } = l, e[0] = l, e[1] = t, e[2] = r, e[3] = n) : (t = e[1], r = e[2], n = e[3]);
+  const u = B();
+  let d;
+  e[4] !== u ? (d = F(u), e[4] = u, e[5] = d) : d = e[5];
   const {
-    isTouched,
-    hasError,
-    helperText
-  } = t1;
-  let t2;
-  if ($[6] !== label) {
-    t2 = label && /* @__PURE__ */ jsx(FormLabel, { component: "legend", children: label });
-    $[6] = label;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  const t3 = field.name;
-  const t4 = field.state.value ?? "";
-  let t5;
-  if ($[8] !== field) {
-    t5 = (event) => field.handleChange(event.target.value);
-    $[8] = field;
-    $[9] = t5;
-  } else {
-    t5 = $[9];
-  }
-  const t6 = field.handleBlur;
-  const t7 = field.name;
-  let t8;
-  if ($[10] !== options) {
-    t8 = options.map(_temp$1);
-    $[10] = options;
-    $[11] = t8;
-  } else {
-    t8 = $[11];
-  }
-  let t9;
-  if ($[12] !== field.handleBlur || $[13] !== field.name || $[14] !== props || $[15] !== t4 || $[16] !== t5 || $[17] !== t8) {
-    t9 = /* @__PURE__ */ jsx(RadioGroup, { name: t3, value: t4, onChange: t5, onBlur: t6, "aria-label": t7, ...props, children: t8 });
-    $[12] = field.handleBlur;
-    $[13] = field.name;
-    $[14] = props;
-    $[15] = t4;
-    $[16] = t5;
-    $[17] = t8;
-    $[18] = t9;
-  } else {
-    t9 = $[18];
-  }
-  let t10;
-  if ($[19] !== hasError || $[20] !== helperText || $[21] !== isTouched) {
-    t10 = isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, { error: hasError, children: helperText });
-    $[19] = hasError;
-    $[20] = helperText;
-    $[21] = isTouched;
-    $[22] = t10;
-  } else {
-    t10 = $[22];
-  }
-  let t11;
-  if ($[23] !== t10 || $[24] !== t2 || $[25] !== t9) {
-    t11 = /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
-      t2,
-      t9,
-      t10
-    ] });
-    $[23] = t10;
-    $[24] = t2;
-    $[25] = t9;
-    $[26] = t11;
-  } else {
-    t11 = $[26];
-  }
-  return t11;
+    isTouched: s,
+    hasError: h,
+    helperText: i
+  } = d;
+  let a;
+  e[6] !== t ? (a = t && /* @__PURE__ */ f(R, { component: "legend", children: t }), e[6] = t, e[7] = a) : a = e[7];
+  const o = u.name, c = u.state.value ?? "";
+  let m;
+  e[8] !== u ? (m = (w) => u.handleChange(w.target.value), e[8] = u, e[9] = m) : m = e[9];
+  const x = u.handleBlur, T = u.name;
+  let g;
+  e[10] !== r ? (g = r.map(ne), e[10] = r, e[11] = g) : g = e[11];
+  let b;
+  e[12] !== u.handleBlur || e[13] !== u.name || e[14] !== n || e[15] !== c || e[16] !== m || e[17] !== g ? (b = /* @__PURE__ */ f(L, { name: o, value: c, onChange: m, onBlur: x, "aria-label": T, ...n, children: g }), e[12] = u.handleBlur, e[13] = u.name, e[14] = n, e[15] = c, e[16] = m, e[17] = g, e[18] = b) : b = e[18];
+  let C;
+  e[19] !== h || e[20] !== i || e[21] !== s ? (C = s && h && /* @__PURE__ */ f(S, { error: h, children: i }), e[19] = h, e[20] = i, e[21] = s, e[22] = C) : C = e[22];
+  let v;
+  return e[23] !== C || e[24] !== a || e[25] !== b ? (v = /* @__PURE__ */ k($, { component: "fieldset", children: [
+    a,
+    b,
+    C
+  ] }), e[23] = C, e[24] = a, e[25] = b, e[26] = v) : v = e[26], v;
 };
-function _temp$1(option) {
-  return /* @__PURE__ */ jsx(FormControlLabel, { value: option.value, control: /* @__PURE__ */ jsx(Radio, {}), label: option.label }, option.value);
+function ne(l) {
+  return /* @__PURE__ */ f(E, { value: l.value, control: /* @__PURE__ */ f(G, {}), label: l.label }, l.value);
 }
-const FormSlider = (t0) => {
-  const $ = c(23);
-  let label;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      label,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = label;
-    $[2] = props;
-  } else {
-    label = $[1];
-    props = $[2];
-  }
-  const field = useFieldContext();
-  let t1;
-  if ($[3] !== field) {
-    t1 = getFieldStatus(field);
-    $[3] = field;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
+const ae = (l) => {
+  const e = P(23);
+  let t, r;
+  e[0] !== l ? ({
+    label: t,
+    ...r
+  } = l, e[0] = l, e[1] = t, e[2] = r) : (t = e[1], r = e[2]);
+  const n = B();
+  let u;
+  e[3] !== n ? (u = F(n), e[3] = n, e[4] = u) : u = e[4];
   const {
-    isTouched,
-    hasError,
-    helperText
-  } = t1;
-  let t2;
-  if ($[5] !== label) {
-    t2 = label && /* @__PURE__ */ jsx(FormLabel, { children: label });
-    $[5] = label;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  const t3 = field.state.value ?? 0;
-  let t4;
-  if ($[7] !== field) {
-    t4 = (_, value) => field.handleChange(Array.isArray(value) ? value[0] : value);
-    $[7] = field;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  let t5;
-  if ($[9] !== field.handleBlur || $[10] !== field.name || $[11] !== props || $[12] !== t3 || $[13] !== t4) {
-    t5 = /* @__PURE__ */ jsx(Slider, { name: field.name, value: t3, onChange: t4, onBlur: field.handleBlur, "aria-label": field.name, ...props });
-    $[9] = field.handleBlur;
-    $[10] = field.name;
-    $[11] = props;
-    $[12] = t3;
-    $[13] = t4;
-    $[14] = t5;
-  } else {
-    t5 = $[14];
-  }
-  let t6;
-  if ($[15] !== hasError || $[16] !== helperText || $[17] !== isTouched) {
-    t6 = isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, { error: hasError, children: helperText });
-    $[15] = hasError;
-    $[16] = helperText;
-    $[17] = isTouched;
-    $[18] = t6;
-  } else {
-    t6 = $[18];
-  }
-  let t7;
-  if ($[19] !== t2 || $[20] !== t5 || $[21] !== t6) {
-    t7 = /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
-      t2,
-      t5,
-      t6
-    ] });
-    $[19] = t2;
-    $[20] = t5;
-    $[21] = t6;
-    $[22] = t7;
-  } else {
-    t7 = $[22];
-  }
-  return t7;
+    isTouched: d,
+    hasError: s,
+    helperText: h
+  } = u;
+  let i;
+  e[5] !== t ? (i = t && /* @__PURE__ */ f(R, { children: t }), e[5] = t, e[6] = i) : i = e[6];
+  const a = n.state.value ?? 0;
+  let o;
+  e[7] !== n ? (o = (T, g) => n.handleChange(Array.isArray(g) ? g[0] : g), e[7] = n, e[8] = o) : o = e[8];
+  let c;
+  e[9] !== n.handleBlur || e[10] !== n.name || e[11] !== r || e[12] !== a || e[13] !== o ? (c = /* @__PURE__ */ f(H, { name: n.name, value: a, onChange: o, onBlur: n.handleBlur, "aria-label": n.name, ...r }), e[9] = n.handleBlur, e[10] = n.name, e[11] = r, e[12] = a, e[13] = o, e[14] = c) : c = e[14];
+  let m;
+  e[15] !== s || e[16] !== h || e[17] !== d ? (m = d && s && /* @__PURE__ */ f(S, { error: s, children: h }), e[15] = s, e[16] = h, e[17] = d, e[18] = m) : m = e[18];
+  let x;
+  return e[19] !== i || e[20] !== c || e[21] !== m ? (x = /* @__PURE__ */ k($, { component: "fieldset", children: [
+    i,
+    c,
+    m
+  ] }), e[19] = i, e[20] = c, e[21] = m, e[22] = x) : x = e[22], x;
+}, re = (l) => {
+  const e = P(8), t = he();
+  let r;
+  e[0] !== t ? (r = (s) => {
+    s.preventDefault(), s.stopPropagation(), t.handleSubmit();
+  }, e[0] = t, e[1] = r) : r = e[1];
+  const n = r;
+  let u;
+  e[2] !== n || e[3] !== l ? (u = (s) => {
+    const [h, i] = s;
+    return /* @__PURE__ */ f(N, { loading: i, disabled: !h, onClick: n, type: "submit", "aria-label": "submit", ...l });
+  }, e[2] = n, e[3] = l, e[4] = u) : u = e[4];
+  let d;
+  return e[5] !== t.Subscribe || e[6] !== u ? (d = /* @__PURE__ */ f(t.Subscribe, { selector: oe, children: u }), e[5] = t.Subscribe, e[6] = u, e[7] = d) : d = e[7], d;
 };
-const FormSubmitButton = (props) => {
-  const $ = c(8);
-  const form = useFormContext();
-  let t0;
-  if ($[0] !== form) {
-    t0 = (event) => {
-      event.preventDefault();
-      event.stopPropagation();
-      form.handleSubmit();
-    };
-    $[0] = form;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const handleClick = t0;
-  let t1;
-  if ($[2] !== handleClick || $[3] !== props) {
-    t1 = (t22) => {
-      const [canSubmit, isSubmitting] = t22;
-      return /* @__PURE__ */ jsx(Button, { loading: isSubmitting, disabled: !canSubmit, onClick: handleClick, type: "submit", "aria-label": "submit", ...props });
-    };
-    $[2] = handleClick;
-    $[3] = props;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== form.Subscribe || $[6] !== t1) {
-    t2 = /* @__PURE__ */ jsx(form.Subscribe, { selector: _temp, children: t1 });
-    $[5] = form.Subscribe;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
-};
-function _temp(state) {
-  return [state.canSubmit, state.isSubmitting];
+function oe(l) {
+  return [l.canSubmit, l.isSubmitting];
 }
-const FormSwitch = (props) => {
-  const $ = c(20);
-  const field = useFieldContext();
-  let t0;
-  if ($[0] !== field) {
-    t0 = getFieldStatus(field);
-    $[0] = field;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
+const se = (l) => {
+  const e = P(20), t = B();
+  let r;
+  e[0] !== t ? (r = F(t), e[0] = t, e[1] = r) : r = e[1];
   const {
-    isTouched,
-    hasError,
-    helperText
-  } = t0;
-  const t1 = field.name;
-  const t2 = Boolean(field.state.value);
-  let t3;
-  if ($[2] !== field) {
-    t3 = (event) => field.handleChange(event.target.checked);
-    $[2] = field;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  let t4;
-  if ($[4] !== field.handleBlur || $[5] !== field.name || $[6] !== props || $[7] !== t2 || $[8] !== t3) {
-    t4 = /* @__PURE__ */ jsx(Switch, { name: t1, checked: t2, onChange: t3, onBlur: field.handleBlur, "aria-label": field.name, ...props });
-    $[4] = field.handleBlur;
-    $[5] = field.name;
-    $[6] = props;
-    $[7] = t2;
-    $[8] = t3;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  const t5 = props.label ?? "";
-  let t6;
-  if ($[10] !== t4 || $[11] !== t5) {
-    t6 = /* @__PURE__ */ jsx(FormControlLabel, { control: t4, label: t5 });
-    $[10] = t4;
-    $[11] = t5;
-    $[12] = t6;
-  } else {
-    t6 = $[12];
-  }
-  let t7;
-  if ($[13] !== hasError || $[14] !== helperText || $[15] !== isTouched) {
-    t7 = isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, { error: hasError, children: helperText });
-    $[13] = hasError;
-    $[14] = helperText;
-    $[15] = isTouched;
-    $[16] = t7;
-  } else {
-    t7 = $[16];
-  }
-  let t8;
-  if ($[17] !== t6 || $[18] !== t7) {
-    t8 = /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
-      t6,
-      t7
-    ] });
-    $[17] = t6;
-    $[18] = t7;
-    $[19] = t8;
-  } else {
-    t8 = $[19];
-  }
-  return t8;
-};
-const FormTextField = (props) => {
-  const $ = c(12);
-  const field = useFieldContext();
-  let t0;
-  if ($[0] !== field) {
-    t0 = getFieldStatus(field);
-    $[0] = field;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
+    isTouched: n,
+    hasError: u,
+    helperText: d
+  } = r, s = t.name, h = !!t.state.value;
+  let i;
+  e[2] !== t ? (i = (T) => t.handleChange(T.target.checked), e[2] = t, e[3] = i) : i = e[3];
+  let a;
+  e[4] !== t.handleBlur || e[5] !== t.name || e[6] !== l || e[7] !== h || e[8] !== i ? (a = /* @__PURE__ */ f(V, { name: s, checked: h, onChange: i, onBlur: t.handleBlur, "aria-label": t.name, ...l }), e[4] = t.handleBlur, e[5] = t.name, e[6] = l, e[7] = h, e[8] = i, e[9] = a) : a = e[9];
+  const o = l.label ?? "";
+  let c;
+  e[10] !== a || e[11] !== o ? (c = /* @__PURE__ */ f(E, { control: a, label: o }), e[10] = a, e[11] = o, e[12] = c) : c = e[12];
+  let m;
+  e[13] !== u || e[14] !== d || e[15] !== n ? (m = n && u && /* @__PURE__ */ f(S, { error: u, children: d }), e[13] = u, e[14] = d, e[15] = n, e[16] = m) : m = e[16];
+  let x;
+  return e[17] !== c || e[18] !== m ? (x = /* @__PURE__ */ k($, { component: "fieldset", children: [
+    c,
+    m
+  ] }), e[17] = c, e[18] = m, e[19] = x) : x = e[19], x;
+}, ie = (l) => {
+  const e = P(12), t = B();
+  let r;
+  e[0] !== t ? (r = F(t), e[0] = t, e[1] = r) : r = e[1];
   const {
-    isTouched,
-    hasError,
-    helperText
-  } = t0;
-  const t1 = field.state.value ?? "";
-  let t2;
-  if ($[2] !== field) {
-    t2 = (event) => field.handleChange(event.target.value);
-    $[2] = field;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const t3 = isTouched && hasError;
-  const t4 = isTouched && helperText;
-  let t5;
-  if ($[4] !== field.handleBlur || $[5] !== field.name || $[6] !== props || $[7] !== t1 || $[8] !== t2 || $[9] !== t3 || $[10] !== t4) {
-    t5 = /* @__PURE__ */ jsx(TextField, { name: field.name, value: t1, onChange: t2, onBlur: field.handleBlur, error: t3, helperText: t4, "aria-label": field.name, ...props });
-    $[4] = field.handleBlur;
-    $[5] = field.name;
-    $[6] = props;
-    $[7] = t1;
-    $[8] = t2;
-    $[9] = t3;
-    $[10] = t4;
-    $[11] = t5;
-  } else {
-    t5 = $[11];
-  }
-  return t5;
-};
-const {
-  fieldContext,
-  useFieldContext,
-  formContext,
-  useFormContext
-} = createFormHookContexts();
-const {
-  useAppForm: useLayoutForm,
-  withForm: withLayoutForm
-} = createFormHook({
+    isTouched: n,
+    hasError: u,
+    helperText: d
+  } = r, s = t.state.value ?? "";
+  let h;
+  e[2] !== t ? (h = (c) => t.handleChange(c.target.value), e[2] = t, e[3] = h) : h = e[3];
+  const i = n && u, a = n && d;
+  let o;
+  return e[4] !== t.handleBlur || e[5] !== t.name || e[6] !== l || e[7] !== s || e[8] !== h || e[9] !== i || e[10] !== a ? (o = /* @__PURE__ */ f(D, { name: t.name, value: s, onChange: h, onBlur: t.handleBlur, error: i, helperText: a, "aria-label": t.name, ...l }), e[4] = t.handleBlur, e[5] = t.name, e[6] = l, e[7] = s, e[8] = h, e[9] = i, e[10] = a, e[11] = o) : o = e[11], o;
+}, {
+  fieldContext: ce,
+  useFieldContext: B,
+  formContext: ue,
+  useFormContext: he
+} = A(), {
+  useAppForm: Te,
+  withForm: ge
+} = _({
   fieldComponents: {
-    TextField: FormTextField,
-    NumberField: FormNumberField,
-    Autocomplete: FormAutocomplete,
-    Checkbox: FormCheckbox,
-    Switch: FormSwitch,
-    RadioGroup: FormRadioGroup,
-    Slider: FormSlider,
-    DatePicker: FormDatePicker,
-    DateRangePicker: FormDateRangePicker,
-    TimePicker: FormTimePicker,
-    TimeRangePicker: FormTimeRangePicker,
-    DateTimePicker: FormDateTimePicker,
-    DateTimeRangePicker: FormDateTimeRangePicker
+    TextField: ie,
+    NumberField: te,
+    Autocomplete: Q,
+    Checkbox: U,
+    Switch: se,
+    RadioGroup: le,
+    Slider: ae,
+    DatePicker: W,
+    DateRangePicker: X,
+    TimePicker: Y,
+    TimeRangePicker: Z,
+    DateTimePicker: p,
+    DateTimeRangePicker: ee
   },
   formComponents: {
-    SubmitButton: FormSubmitButton
+    SubmitButton: re
   },
-  fieldContext,
-  formContext
+  fieldContext: ce,
+  formContext: ue
 });
 export {
-  u as useDialogs,
-  useFieldContext,
-  useFormContext,
-  useInView,
-  useLayoutForm,
-  withLayoutForm
+  ve as useDialogs,
+  B as useFieldContext,
+  he as useFormContext,
+  Se as useInView,
+  Te as useLayoutForm,
+  ge as withLayoutForm
 };
-//# sourceMappingURL=hooks.js.map