wcz-test 6.24.1 → 6.24.2

package/dist/hooks.js

@@ -1,8 +1,1005 @@
-import { useFieldContext, useFormContext, useLayoutForm, withLayoutForm } from "./hooks/FormHooks.js";
-import { useDialogs } from "./hooks/DialogsHooks.js";
+import { createFormHookContexts, createFormHook } from "@tanstack/react-form";
+import { j as jsxRuntimeExports } from "./DialogsContext-BKtkEAfL.js";
+import { c as compilerRuntimeExports } from "./compiler-runtime-BGHur82y.js";
+import { Autocomplete, TextField, Checkbox, FormControlLabel, FormHelperText, FormControl, RadioGroup, Radio, FormLabel, Slider, Button, Switch } from "@mui/material";
+import { g as getFieldStatus } from "./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 "./DialogsHooks-BQVpqCq9.js";
 import { useInView } from "react-intersection-observer";
+const FormAutocomplete = (t0) => {
+  const $ = compilerRuntimeExports.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];
+  }
+  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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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 $ = compilerRuntimeExports.c(20);
+  const field = useFieldContext();
+  let t0;
+  if ($[0] !== field) {
+    t0 = getFieldStatus(field);
+    $[0] = field;
+    $[1] = t0;
+  } else {
+    t0 = $[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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.jsxs(FormControl, { component: "fieldset", children: [
+      t6,
+      t7
+    ] });
+    $[17] = t6;
+    $[18] = t7;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  return t8;
+};
+const FormDatePicker = (props) => {
+  const $ = compilerRuntimeExports.c(18);
+  const field = useFieldContext();
+  let t0;
+  if ($[0] !== field) {
+    t0 = getFieldStatus(field);
+    $[0] = field;
+    $[1] = t0;
+  } else {
+    t0 = $[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__ */ jsxRuntimeExports.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 $ = compilerRuntimeExports.c(18);
+  const field = useFieldContext();
+  let t0;
+  if ($[0] !== field) {
+    t0 = getFieldStatus(field);
+    $[0] = field;
+    $[1] = t0;
+  } else {
+    t0 = $[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__ */ jsxRuntimeExports.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 $ = compilerRuntimeExports.c(18);
+  const field = useFieldContext();
+  let t0;
+  if ($[0] !== field) {
+    t0 = getFieldStatus(field);
+    $[0] = field;
+    $[1] = t0;
+  } else {
+    t0 = $[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__ */ jsxRuntimeExports.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 $ = compilerRuntimeExports.c(18);
+  const field = useFieldContext();
+  let t0;
+  if ($[0] !== field) {
+    t0 = getFieldStatus(field);
+    $[0] = field;
+    $[1] = t0;
+  } else {
+    t0 = $[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__ */ jsxRuntimeExports.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 $ = compilerRuntimeExports.c(18);
+  const field = useFieldContext();
+  let t0;
+  if ($[0] !== field) {
+    t0 = getFieldStatus(field);
+    $[0] = field;
+    $[1] = t0;
+  } else {
+    t0 = $[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__ */ jsxRuntimeExports.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 $ = compilerRuntimeExports.c(18);
+  const field = useFieldContext();
+  let t0;
+  if ($[0] !== field) {
+    t0 = getFieldStatus(field);
+    $[0] = field;
+    $[1] = t0;
+  } else {
+    t0 = $[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__ */ jsxRuntimeExports.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 $ = compilerRuntimeExports.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];
+  }
+  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__ */ jsxRuntimeExports.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 $ = compilerRuntimeExports.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];
+  }
+  const {
+    isTouched,
+    hasError,
+    helperText
+  } = t1;
+  let t2;
+  if ($[6] !== label) {
+    t2 = label && /* @__PURE__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.jsxs(FormControl, { component: "fieldset", children: [
+      t2,
+      t9,
+      t10
+    ] });
+    $[23] = t10;
+    $[24] = t2;
+    $[25] = t9;
+    $[26] = t11;
+  } else {
+    t11 = $[26];
+  }
+  return t11;
+};
+function _temp$1(option) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormControlLabel, { value: option.value, control: /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, {}), label: option.label }, option.value);
+}
+const FormSlider = (t0) => {
+  const $ = compilerRuntimeExports.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 {
+    isTouched,
+    hasError,
+    helperText
+  } = t1;
+  let t2;
+  if ($[5] !== label) {
+    t2 = label && /* @__PURE__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.jsxs(FormControl, { component: "fieldset", children: [
+      t2,
+      t5,
+      t6
+    ] });
+    $[19] = t2;
+    $[20] = t5;
+    $[21] = t6;
+    $[22] = t7;
+  } else {
+    t7 = $[22];
+  }
+  return t7;
+};
+const FormSubmitButton = (props) => {
+  const $ = compilerRuntimeExports.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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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];
+}
+const FormSwitch = (props) => {
+  const $ = compilerRuntimeExports.c(20);
+  const field = useFieldContext();
+  let t0;
+  if ($[0] !== field) {
+    t0 = getFieldStatus(field);
+    $[0] = field;
+    $[1] = t0;
+  } else {
+    t0 = $[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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.jsxs(FormControl, { component: "fieldset", children: [
+      t6,
+      t7
+    ] });
+    $[17] = t6;
+    $[18] = t7;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  return t8;
+};
+const FormTextField = (props) => {
+  const $ = compilerRuntimeExports.c(12);
+  const field = useFieldContext();
+  let t0;
+  if ($[0] !== field) {
+    t0 = getFieldStatus(field);
+    $[0] = field;
+    $[1] = t0;
+  } else {
+    t0 = $[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__ */ jsxRuntimeExports.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({
+  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
+  },
+  formComponents: {
+    SubmitButton: FormSubmitButton
+  },
+  fieldContext,
+  formContext
+});
 export {
-  useDialogs,
+  u as useDialogs,
   useFieldContext,
   useFormContext,
   useInView,