wcz-layout 6.7.2 → 9.4.1

package/dist/hooks.mjs

@@ -0,0 +1,1087 @@
+import { a as getFieldStatus } from "./utils-2XiozDlV.mjs";
+import { t as NotificationContext } from "./NotificationContext-CgwUOeW0.mjs";
+import { t as useDialogs } from "./useDialogs-BUzVrTSP.mjs";
+import { c } from "react/compiler-runtime";
+import { Autocomplete, Button, Checkbox, FormControl, FormControlLabel, FormHelperText, FormLabel, Radio, RadioGroup, Slider, Switch, TextField } from "@mui/material";
+import { DatePicker, DateRangePicker, DateTimePicker, DateTimeRangePicker, TimePicker, TimeRangePicker } from "@mui/x-date-pickers-pro";
+import { useContext, useEffect, useRef } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useInView } from "react-intersection-observer";
+import { createFormHook, createFormHookContexts } from "@tanstack/react-form";
+import { NumericFormat } from "react-number-format";
+//#region src/components/form/FormAutocomplete.tsx
+const FormAutocomplete = (t0) => {
+	const $ = c(24);
+	if ($[0] !== "08d53cad56d2dac80ef56bbd2f830976f2e70d8964a73d7d2d08c54c9f468e3c") {
+		for (let $i = 0; $i < 24; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "08d53cad56d2dac80ef56bbd2f830976f2e70d8964a73d7d2d08c54c9f468e3c";
+	}
+	let autocompleteProps;
+	let textFieldProps;
+	if ($[1] !== t0) {
+		({textFieldProps, ...autocompleteProps} = t0);
+		$[1] = t0;
+		$[2] = autocompleteProps;
+		$[3] = textFieldProps;
+	} else {
+		autocompleteProps = $[2];
+		textFieldProps = $[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;
+	let t3;
+	if ($[6] !== autocompleteProps.freeSolo || $[7] !== field) {
+		t2 = (_, value) => !autocompleteProps.freeSolo && field.handleChange(value);
+		t3 = (__0, value_0, reason) => reason !== "reset" && autocompleteProps.freeSolo && field.handleChange(value_0);
+		$[6] = autocompleteProps.freeSolo;
+		$[7] = field;
+		$[8] = t2;
+		$[9] = t3;
+	} else {
+		t2 = $[8];
+		t3 = $[9];
+	}
+	let t4;
+	if ($[10] !== field.name || $[11] !== hasError || $[12] !== helperText || $[13] !== isTouched || $[14] !== textFieldProps) {
+		t4 = (parameters) => /* @__PURE__ */ jsx(TextField, {
+			...parameters,
+			name: field.name,
+			error: isTouched && hasError,
+			helperText: isTouched && helperText,
+			...textFieldProps
+		});
+		$[10] = field.name;
+		$[11] = hasError;
+		$[12] = helperText;
+		$[13] = isTouched;
+		$[14] = textFieldProps;
+		$[15] = t4;
+	} else t4 = $[15];
+	let t5;
+	if ($[16] !== autocompleteProps || $[17] !== field.handleBlur || $[18] !== field.name || $[19] !== field.state.value || $[20] !== t2 || $[21] !== t3 || $[22] !== t4) {
+		t5 = /* @__PURE__ */ jsx(Autocomplete, {
+			value: field.state.value,
+			onChange: t2,
+			onInputChange: t3,
+			onBlur: field.handleBlur,
+			"aria-label": field.name,
+			...autocompleteProps,
+			renderInput: t4
+		});
+		$[16] = autocompleteProps;
+		$[17] = field.handleBlur;
+		$[18] = field.name;
+		$[19] = field.state.value;
+		$[20] = t2;
+		$[21] = t3;
+		$[22] = t4;
+		$[23] = t5;
+	} else t5 = $[23];
+	return t5;
+};
+//#endregion
+//#region src/components/form/FormCheckbox.tsx
+const FormCheckbox = (props) => {
+	const $ = c(21);
+	if ($[0] !== "c45ef823da959fcba4cace3352d1647bfefa3bcb5bff7fc0886d583d1409709f") {
+		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c45ef823da959fcba4cace3352d1647bfefa3bcb5bff7fc0886d583d1409709f";
+	}
+	const field = useFieldContext();
+	let t0;
+	if ($[1] !== field) {
+		t0 = getFieldStatus(field);
+		$[1] = field;
+		$[2] = t0;
+	} else t0 = $[2];
+	const { isTouched, hasError, helperText } = t0;
+	const t1 = field.name;
+	const t2 = Boolean(field.state.value);
+	let t3;
+	if ($[3] !== field) {
+		t3 = (event) => field.handleChange(event.target.checked);
+		$[3] = field;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== field.handleBlur || $[6] !== field.name || $[7] !== props || $[8] !== t2 || $[9] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Checkbox, {
+			name: t1,
+			checked: t2,
+			onChange: t3,
+			onBlur: field.handleBlur,
+			"aria-label": field.name,
+			...props
+		});
+		$[5] = field.handleBlur;
+		$[6] = field.name;
+		$[7] = props;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	const t5 = props.label ?? "";
+	let t6;
+	if ($[11] !== t4 || $[12] !== t5) {
+		t6 = /* @__PURE__ */ jsx(FormControlLabel, {
+			control: t4,
+			label: t5
+		});
+		$[11] = t4;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== hasError || $[15] !== helperText || $[16] !== isTouched) {
+		t7 = isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, {
+			error: hasError,
+			children: helperText
+		});
+		$[14] = hasError;
+		$[15] = helperText;
+		$[16] = isTouched;
+		$[17] = t7;
+	} else t7 = $[17];
+	let t8;
+	if ($[18] !== t6 || $[19] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(FormControl, {
+			component: "fieldset",
+			children: [t6, t7]
+		});
+		$[18] = t6;
+		$[19] = t7;
+		$[20] = t8;
+	} else t8 = $[20];
+	return t8;
+};
+//#endregion
+//#region src/components/form/FormDatePicker.tsx
+const FormDatePicker = (props) => {
+	const $ = c(19);
+	if ($[0] !== "fd3801846177cf754134f54f40ba317ddd09332641ff63d233cd125421f2c67b") {
+		for (let $i = 0; $i < 19; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "fd3801846177cf754134f54f40ba317ddd09332641ff63d233cd125421f2c67b";
+	}
+	const field = useFieldContext();
+	let t0;
+	if ($[1] !== field) {
+		t0 = getFieldStatus(field);
+		$[1] = field;
+		$[2] = t0;
+	} else t0 = $[2];
+	const { isTouched, hasError, helperText } = t0;
+	let t1;
+	if ($[3] !== field) {
+		t1 = (value) => field.handleChange(value);
+		$[3] = field;
+		$[4] = t1;
+	} else t1 = $[4];
+	const t2 = isTouched && hasError;
+	const t3 = isTouched && helperText;
+	let t4;
+	if ($[5] !== field.handleBlur || $[6] !== props.textFieldProps || $[7] !== t2 || $[8] !== t3) {
+		t4 = {
+			onBlur: field.handleBlur,
+			error: t2,
+			helperText: t3,
+			...props.textFieldProps
+		};
+		$[5] = field.handleBlur;
+		$[6] = props.textFieldProps;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== props.slotProps || $[11] !== t4) {
+		t5 = {
+			textField: t4,
+			...props.slotProps
+		};
+		$[10] = props.slotProps;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== field.name || $[14] !== field.state.value || $[15] !== props || $[16] !== t1 || $[17] !== t5) {
+		t6 = /* @__PURE__ */ jsx(DatePicker, {
+			name: field.name,
+			value: field.state.value,
+			onChange: t1,
+			slotProps: t5,
+			"aria-label": field.name,
+			...props
+		});
+		$[13] = field.name;
+		$[14] = field.state.value;
+		$[15] = props;
+		$[16] = t1;
+		$[17] = t5;
+		$[18] = t6;
+	} else t6 = $[18];
+	return t6;
+};
+//#endregion
+//#region src/components/form/FormDateRangePicker.tsx
+const FormDateRangePicker = (props) => {
+	const $ = c(19);
+	if ($[0] !== "26740a78e061ed162c8cdd3f736bac4bbd8228343542f0a95b626c4370dfec2c") {
+		for (let $i = 0; $i < 19; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "26740a78e061ed162c8cdd3f736bac4bbd8228343542f0a95b626c4370dfec2c";
+	}
+	const field = useFieldContext();
+	let t0;
+	if ($[1] !== field) {
+		t0 = getFieldStatus(field);
+		$[1] = field;
+		$[2] = t0;
+	} else t0 = $[2];
+	const { isTouched, hasError, helperText } = t0;
+	let t1;
+	if ($[3] !== field) {
+		t1 = (value) => field.handleChange(value);
+		$[3] = field;
+		$[4] = t1;
+	} else t1 = $[4];
+	const t2 = isTouched && hasError;
+	const t3 = isTouched && helperText;
+	let t4;
+	if ($[5] !== field.handleBlur || $[6] !== props.textFieldProps || $[7] !== t2 || $[8] !== t3) {
+		t4 = {
+			onBlur: field.handleBlur,
+			error: t2,
+			helperText: t3,
+			...props.textFieldProps
+		};
+		$[5] = field.handleBlur;
+		$[6] = props.textFieldProps;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== props.slotProps || $[11] !== t4) {
+		t5 = {
+			textField: t4,
+			...props.slotProps
+		};
+		$[10] = props.slotProps;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== field.name || $[14] !== field.state.value || $[15] !== props || $[16] !== t1 || $[17] !== t5) {
+		t6 = /* @__PURE__ */ jsx(DateRangePicker, {
+			name: field.name,
+			value: field.state.value,
+			onChange: t1,
+			slotProps: t5,
+			"aria-label": field.name,
+			...props
+		});
+		$[13] = field.name;
+		$[14] = field.state.value;
+		$[15] = props;
+		$[16] = t1;
+		$[17] = t5;
+		$[18] = t6;
+	} else t6 = $[18];
+	return t6;
+};
+//#endregion
+//#region src/components/form/FormTimePicker.tsx
+const FormTimePicker = (props) => {
+	const $ = c(19);
+	if ($[0] !== "aa55e2d0367833e113247906f25693dd58dcaee1a6122e3a6c66663c92c05612") {
+		for (let $i = 0; $i < 19; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "aa55e2d0367833e113247906f25693dd58dcaee1a6122e3a6c66663c92c05612";
+	}
+	const field = useFieldContext();
+	let t0;
+	if ($[1] !== field) {
+		t0 = getFieldStatus(field);
+		$[1] = field;
+		$[2] = t0;
+	} else t0 = $[2];
+	const { isTouched, hasError, helperText } = t0;
+	let t1;
+	if ($[3] !== field) {
+		t1 = (value) => field.handleChange(value);
+		$[3] = field;
+		$[4] = t1;
+	} else t1 = $[4];
+	const t2 = isTouched && hasError;
+	const t3 = isTouched && helperText;
+	let t4;
+	if ($[5] !== field.handleBlur || $[6] !== props.textFieldProps || $[7] !== t2 || $[8] !== t3) {
+		t4 = {
+			onBlur: field.handleBlur,
+			error: t2,
+			helperText: t3,
+			...props.textFieldProps
+		};
+		$[5] = field.handleBlur;
+		$[6] = props.textFieldProps;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== props.slotProps || $[11] !== t4) {
+		t5 = {
+			textField: t4,
+			...props.slotProps
+		};
+		$[10] = props.slotProps;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== field.name || $[14] !== field.state.value || $[15] !== props || $[16] !== t1 || $[17] !== t5) {
+		t6 = /* @__PURE__ */ jsx(TimePicker, {
+			name: field.name,
+			value: field.state.value,
+			onChange: t1,
+			slotProps: t5,
+			"aria-label": field.name,
+			...props
+		});
+		$[13] = field.name;
+		$[14] = field.state.value;
+		$[15] = props;
+		$[16] = t1;
+		$[17] = t5;
+		$[18] = t6;
+	} else t6 = $[18];
+	return t6;
+};
+//#endregion
+//#region src/components/form/FormTimeRangePicker.tsx
+const FormTimeRangePicker = (props) => {
+	const $ = c(19);
+	if ($[0] !== "30660889eec66a781b0a525918a386583e5fce924bb503c7bbb22779b32dfb41") {
+		for (let $i = 0; $i < 19; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "30660889eec66a781b0a525918a386583e5fce924bb503c7bbb22779b32dfb41";
+	}
+	const field = useFieldContext();
+	let t0;
+	if ($[1] !== field) {
+		t0 = getFieldStatus(field);
+		$[1] = field;
+		$[2] = t0;
+	} else t0 = $[2];
+	const { isTouched, hasError, helperText } = t0;
+	let t1;
+	if ($[3] !== field) {
+		t1 = (value) => field.handleChange(value);
+		$[3] = field;
+		$[4] = t1;
+	} else t1 = $[4];
+	const t2 = isTouched && hasError;
+	const t3 = isTouched && helperText;
+	let t4;
+	if ($[5] !== field.handleBlur || $[6] !== props.textFieldProps || $[7] !== t2 || $[8] !== t3) {
+		t4 = {
+			onBlur: field.handleBlur,
+			error: t2,
+			helperText: t3,
+			...props.textFieldProps
+		};
+		$[5] = field.handleBlur;
+		$[6] = props.textFieldProps;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== props.slotProps || $[11] !== t4) {
+		t5 = {
+			textField: t4,
+			...props.slotProps
+		};
+		$[10] = props.slotProps;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== field.name || $[14] !== field.state.value || $[15] !== props || $[16] !== t1 || $[17] !== t5) {
+		t6 = /* @__PURE__ */ jsx(TimeRangePicker, {
+			name: field.name,
+			value: field.state.value,
+			onChange: t1,
+			slotProps: t5,
+			"aria-label": field.name,
+			...props
+		});
+		$[13] = field.name;
+		$[14] = field.state.value;
+		$[15] = props;
+		$[16] = t1;
+		$[17] = t5;
+		$[18] = t6;
+	} else t6 = $[18];
+	return t6;
+};
+//#endregion
+//#region src/components/form/FormDateTimePicker.tsx
+const FormDateTimePicker = (props) => {
+	const $ = c(19);
+	if ($[0] !== "b00d96cea788cb528419859c0fa3a0bfd614231d390c4dc4461c509a72ff1a2b") {
+		for (let $i = 0; $i < 19; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "b00d96cea788cb528419859c0fa3a0bfd614231d390c4dc4461c509a72ff1a2b";
+	}
+	const field = useFieldContext();
+	let t0;
+	if ($[1] !== field) {
+		t0 = getFieldStatus(field);
+		$[1] = field;
+		$[2] = t0;
+	} else t0 = $[2];
+	const { isTouched, hasError, helperText } = t0;
+	let t1;
+	if ($[3] !== field) {
+		t1 = (value) => field.handleChange(value);
+		$[3] = field;
+		$[4] = t1;
+	} else t1 = $[4];
+	const t2 = isTouched && hasError;
+	const t3 = isTouched && helperText;
+	let t4;
+	if ($[5] !== field.handleBlur || $[6] !== props.textFieldProps || $[7] !== t2 || $[8] !== t3) {
+		t4 = {
+			onBlur: field.handleBlur,
+			error: t2,
+			helperText: t3,
+			...props.textFieldProps
+		};
+		$[5] = field.handleBlur;
+		$[6] = props.textFieldProps;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== props.slotProps || $[11] !== t4) {
+		t5 = {
+			textField: t4,
+			...props.slotProps
+		};
+		$[10] = props.slotProps;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== field.name || $[14] !== field.state.value || $[15] !== props || $[16] !== t1 || $[17] !== t5) {
+		t6 = /* @__PURE__ */ jsx(DateTimePicker, {
+			name: field.name,
+			value: field.state.value,
+			onChange: t1,
+			slotProps: t5,
+			"aria-label": field.name,
+			...props
+		});
+		$[13] = field.name;
+		$[14] = field.state.value;
+		$[15] = props;
+		$[16] = t1;
+		$[17] = t5;
+		$[18] = t6;
+	} else t6 = $[18];
+	return t6;
+};
+//#endregion
+//#region src/components/form/FormDateTimeRangePicker.tsx
+const FormDateTimeRangePicker = (props) => {
+	const $ = c(19);
+	if ($[0] !== "90233aef36d5b4bc17041c44cfdbb9dd1cb92164078d619b4751236fb27414a5") {
+		for (let $i = 0; $i < 19; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "90233aef36d5b4bc17041c44cfdbb9dd1cb92164078d619b4751236fb27414a5";
+	}
+	const field = useFieldContext();
+	let t0;
+	if ($[1] !== field) {
+		t0 = getFieldStatus(field);
+		$[1] = field;
+		$[2] = t0;
+	} else t0 = $[2];
+	const { isTouched, hasError, helperText } = t0;
+	let t1;
+	if ($[3] !== field) {
+		t1 = (value) => field.handleChange(value);
+		$[3] = field;
+		$[4] = t1;
+	} else t1 = $[4];
+	const t2 = isTouched && hasError;
+	const t3 = isTouched && helperText;
+	let t4;
+	if ($[5] !== field.handleBlur || $[6] !== props.textFieldProps || $[7] !== t2 || $[8] !== t3) {
+		t4 = {
+			onBlur: field.handleBlur,
+			error: t2,
+			helperText: t3,
+			...props.textFieldProps
+		};
+		$[5] = field.handleBlur;
+		$[6] = props.textFieldProps;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== props.slotProps || $[11] !== t4) {
+		t5 = {
+			textField: t4,
+			...props.slotProps
+		};
+		$[10] = props.slotProps;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== field.name || $[14] !== field.state.value || $[15] !== props || $[16] !== t1 || $[17] !== t5) {
+		t6 = /* @__PURE__ */ jsx(DateTimeRangePicker, {
+			name: field.name,
+			value: field.state.value,
+			onChange: t1,
+			slotProps: t5,
+			"aria-label": field.name,
+			...props
+		});
+		$[13] = field.name;
+		$[14] = field.state.value;
+		$[15] = props;
+		$[16] = t1;
+		$[17] = t5;
+		$[18] = t6;
+	} else t6 = $[18];
+	return t6;
+};
+//#endregion
+//#region src/components/form/FormNumberField.tsx
+const FormNumberField = (t0) => {
+	const $ = c(17);
+	if ($[0] !== "00b816bda1dc4ba09b312c8ae98a88c3418eef08ba63cd4310978775184c98dc") {
+		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "00b816bda1dc4ba09b312c8ae98a88c3418eef08ba63cd4310978775184c98dc";
+	}
+	let options;
+	let props;
+	if ($[1] !== t0) {
+		({options, ...props} = t0);
+		$[1] = t0;
+		$[2] = options;
+		$[3] = props;
+	} else {
+		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;
+	const t2 = field.state.value ?? "";
+	let t3;
+	if ($[6] !== field) {
+		t3 = (t4) => {
+			const { floatValue } = t4;
+			return field.handleChange(floatValue);
+		};
+		$[6] = field;
+		$[7] = t3;
+	} else t3 = $[7];
+	const t4 = isTouched && hasError;
+	const t5 = isTouched && helperText;
+	let t6;
+	if ($[8] !== field.handleBlur || $[9] !== field.name || $[10] !== options || $[11] !== props || $[12] !== t2 || $[13] !== t3 || $[14] !== t4 || $[15] !== 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
+		});
+		$[8] = field.handleBlur;
+		$[9] = field.name;
+		$[10] = options;
+		$[11] = props;
+		$[12] = t2;
+		$[13] = t3;
+		$[14] = t4;
+		$[15] = t5;
+		$[16] = t6;
+	} else t6 = $[16];
+	return t6;
+};
+//#endregion
+//#region src/components/form/FormRadioGroup.tsx
+const FormRadioGroup = (t0) => {
+	const $ = c(28);
+	if ($[0] !== "a850da04fbd650d370339841fd124049fe34d7b5bc939e2cb4c03f7f04aa21c0") {
+		for (let $i = 0; $i < 28; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "a850da04fbd650d370339841fd124049fe34d7b5bc939e2cb4c03f7f04aa21c0";
+	}
+	let label;
+	let options;
+	let props;
+	if ($[1] !== t0) {
+		({label, options, ...props} = t0);
+		$[1] = t0;
+		$[2] = label;
+		$[3] = options;
+		$[4] = props;
+	} else {
+		label = $[2];
+		options = $[3];
+		props = $[4];
+	}
+	const field = useFieldContext();
+	let t1;
+	if ($[5] !== field) {
+		t1 = getFieldStatus(field);
+		$[5] = field;
+		$[6] = t1;
+	} else t1 = $[6];
+	const { isTouched, hasError, helperText } = t1;
+	let t2;
+	if ($[7] !== label) {
+		t2 = label && /* @__PURE__ */ jsx(FormLabel, {
+			component: "legend",
+			children: label
+		});
+		$[7] = label;
+		$[8] = t2;
+	} else t2 = $[8];
+	const t3 = field.name;
+	const t4 = field.state.value ?? "";
+	let t5;
+	if ($[9] !== field) {
+		t5 = (event) => field.handleChange(event.target.value);
+		$[9] = field;
+		$[10] = t5;
+	} else t5 = $[10];
+	const t6 = field.handleBlur;
+	const t7 = field.name;
+	let t8;
+	if ($[11] !== options) {
+		t8 = options.map(_temp$1);
+		$[11] = options;
+		$[12] = t8;
+	} else t8 = $[12];
+	let t9;
+	if ($[13] !== field.handleBlur || $[14] !== field.name || $[15] !== props || $[16] !== t4 || $[17] !== t5 || $[18] !== t8) {
+		t9 = /* @__PURE__ */ jsx(RadioGroup, {
+			name: t3,
+			value: t4,
+			onChange: t5,
+			onBlur: t6,
+			"aria-label": t7,
+			...props,
+			children: t8
+		});
+		$[13] = field.handleBlur;
+		$[14] = field.name;
+		$[15] = props;
+		$[16] = t4;
+		$[17] = t5;
+		$[18] = t8;
+		$[19] = t9;
+	} else t9 = $[19];
+	let t10;
+	if ($[20] !== hasError || $[21] !== helperText || $[22] !== isTouched) {
+		t10 = isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, {
+			error: hasError,
+			children: helperText
+		});
+		$[20] = hasError;
+		$[21] = helperText;
+		$[22] = isTouched;
+		$[23] = t10;
+	} else t10 = $[23];
+	let t11;
+	if ($[24] !== t10 || $[25] !== t2 || $[26] !== t9) {
+		t11 = /* @__PURE__ */ jsxs(FormControl, {
+			component: "fieldset",
+			children: [
+				t2,
+				t9,
+				t10
+			]
+		});
+		$[24] = t10;
+		$[25] = t2;
+		$[26] = t9;
+		$[27] = t11;
+	} else t11 = $[27];
+	return t11;
+};
+function _temp$1(option) {
+	return /* @__PURE__ */ jsx(FormControlLabel, {
+		value: option.value,
+		control: /* @__PURE__ */ jsx(Radio, {}),
+		label: option.label
+	}, option.value);
+}
+//#endregion
+//#region src/components/form/FormSlider.tsx
+const FormSlider = (t0) => {
+	const $ = c(24);
+	if ($[0] !== "be365ef369c416103ecb5903710205bb23477213ad4cdc6a06c5febdb6d1bb11") {
+		for (let $i = 0; $i < 24; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "be365ef369c416103ecb5903710205bb23477213ad4cdc6a06c5febdb6d1bb11";
+	}
+	let label;
+	let props;
+	if ($[1] !== t0) {
+		({label, ...props} = t0);
+		$[1] = t0;
+		$[2] = label;
+		$[3] = props;
+	} else {
+		label = $[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__ */ jsx(FormLabel, { children: label });
+		$[6] = label;
+		$[7] = t2;
+	} else t2 = $[7];
+	const t3 = field.state.value ?? 0;
+	let t4;
+	if ($[8] !== field) {
+		t4 = (_, value) => field.handleChange(Array.isArray(value) ? value[0] : value);
+		$[8] = field;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== field.handleBlur || $[11] !== field.name || $[12] !== props || $[13] !== t3 || $[14] !== t4) {
+		t5 = /* @__PURE__ */ jsx(Slider, {
+			name: field.name,
+			value: t3,
+			onChange: t4,
+			onBlur: field.handleBlur,
+			"aria-label": field.name,
+			...props
+		});
+		$[10] = field.handleBlur;
+		$[11] = field.name;
+		$[12] = props;
+		$[13] = t3;
+		$[14] = t4;
+		$[15] = t5;
+	} else t5 = $[15];
+	let t6;
+	if ($[16] !== hasError || $[17] !== helperText || $[18] !== isTouched) {
+		t6 = isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, {
+			error: hasError,
+			children: helperText
+		});
+		$[16] = hasError;
+		$[17] = helperText;
+		$[18] = isTouched;
+		$[19] = t6;
+	} else t6 = $[19];
+	let t7;
+	if ($[20] !== t2 || $[21] !== t5 || $[22] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(FormControl, {
+			component: "fieldset",
+			children: [
+				t2,
+				t5,
+				t6
+			]
+		});
+		$[20] = t2;
+		$[21] = t5;
+		$[22] = t6;
+		$[23] = t7;
+	} else t7 = $[23];
+	return t7;
+};
+//#endregion
+//#region src/components/form/FormSubmitButton.tsx
+const FormSubmitButton = (props) => {
+	const $ = c(9);
+	if ($[0] !== "0d6c6a12bdd85da06eaafbc7e088f017537616b39409d83dd1f10cc1b2284731") {
+		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "0d6c6a12bdd85da06eaafbc7e088f017537616b39409d83dd1f10cc1b2284731";
+	}
+	const form = useFormContext();
+	let t0;
+	if ($[1] !== form) {
+		t0 = (event) => {
+			event.preventDefault();
+			event.stopPropagation();
+			form.handleSubmit();
+		};
+		$[1] = form;
+		$[2] = t0;
+	} else t0 = $[2];
+	const handleClick = t0;
+	let t1;
+	if ($[3] !== handleClick || $[4] !== props) {
+		t1 = (t2) => {
+			const [canSubmit, isSubmitting] = t2;
+			return /* @__PURE__ */ jsx(Button, {
+				loading: isSubmitting,
+				disabled: !canSubmit,
+				onClick: handleClick,
+				type: "submit",
+				"aria-label": "submit",
+				...props
+			});
+		};
+		$[3] = handleClick;
+		$[4] = props;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== form.Subscribe || $[7] !== t1) {
+		t2 = /* @__PURE__ */ jsx(form.Subscribe, {
+			selector: _temp,
+			children: t1
+		});
+		$[6] = form.Subscribe;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
+};
+function _temp(state) {
+	return [state.canSubmit, state.isSubmitting];
+}
+//#endregion
+//#region src/components/form/FormSwitch.tsx
+const FormSwitch = (props) => {
+	const $ = c(21);
+	if ($[0] !== "b2c73964ddfc177a41aa3103af5a1f6930769d39d28fb1640348d24708ae50df") {
+		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "b2c73964ddfc177a41aa3103af5a1f6930769d39d28fb1640348d24708ae50df";
+	}
+	const field = useFieldContext();
+	let t0;
+	if ($[1] !== field) {
+		t0 = getFieldStatus(field);
+		$[1] = field;
+		$[2] = t0;
+	} else t0 = $[2];
+	const { isTouched, hasError, helperText } = t0;
+	const t1 = field.name;
+	const t2 = Boolean(field.state.value);
+	let t3;
+	if ($[3] !== field) {
+		t3 = (event) => field.handleChange(event.target.checked);
+		$[3] = field;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== field.handleBlur || $[6] !== field.name || $[7] !== props || $[8] !== t2 || $[9] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Switch, {
+			name: t1,
+			checked: t2,
+			onChange: t3,
+			onBlur: field.handleBlur,
+			"aria-label": field.name,
+			...props
+		});
+		$[5] = field.handleBlur;
+		$[6] = field.name;
+		$[7] = props;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	const t5 = props.label ?? "";
+	let t6;
+	if ($[11] !== t4 || $[12] !== t5) {
+		t6 = /* @__PURE__ */ jsx(FormControlLabel, {
+			control: t4,
+			label: t5
+		});
+		$[11] = t4;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== hasError || $[15] !== helperText || $[16] !== isTouched) {
+		t7 = isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, {
+			error: hasError,
+			children: helperText
+		});
+		$[14] = hasError;
+		$[15] = helperText;
+		$[16] = isTouched;
+		$[17] = t7;
+	} else t7 = $[17];
+	let t8;
+	if ($[18] !== t6 || $[19] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(FormControl, {
+			component: "fieldset",
+			children: [t6, t7]
+		});
+		$[18] = t6;
+		$[19] = t7;
+		$[20] = t8;
+	} else t8 = $[20];
+	return t8;
+};
+//#endregion
+//#region src/components/form/FormTextField.tsx
+const FormTextField = (props) => {
+	const $ = c(13);
+	if ($[0] !== "20e2a782e9425ec2804dbc633150b8a14908f9e4003d07e479eb52b3e3b281c8") {
+		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "20e2a782e9425ec2804dbc633150b8a14908f9e4003d07e479eb52b3e3b281c8";
+	}
+	const field = useFieldContext();
+	let t0;
+	if ($[1] !== field) {
+		t0 = getFieldStatus(field);
+		$[1] = field;
+		$[2] = t0;
+	} else t0 = $[2];
+	const { isTouched, hasError, helperText } = t0;
+	const t1 = field.state.value ?? "";
+	let t2;
+	if ($[3] !== field) {
+		t2 = (event) => field.handleChange(event.target.value);
+		$[3] = field;
+		$[4] = t2;
+	} else t2 = $[4];
+	const t3 = isTouched && hasError;
+	const t4 = isTouched && helperText;
+	let t5;
+	if ($[5] !== field.handleBlur || $[6] !== field.name || $[7] !== props || $[8] !== t1 || $[9] !== t2 || $[10] !== t3 || $[11] !== t4) {
+		t5 = /* @__PURE__ */ jsx(TextField, {
+			name: field.name,
+			value: t1,
+			onChange: t2,
+			onBlur: field.handleBlur,
+			error: t3,
+			helperText: t4,
+			"aria-label": field.name,
+			...props
+		});
+		$[5] = field.handleBlur;
+		$[6] = field.name;
+		$[7] = props;
+		$[8] = t1;
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t5;
+};
+//#endregion
+//#region src/hooks/useForm.ts
+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
+});
+//#endregion
+//#region src/hooks/useNotification.ts
+function useNotification() {
+	const $ = c(1);
+	if ($[0] !== "31df58e1a39352333c951b98bda0f81a7329be04b46b7d116ea2d9e4abd63f6d") {
+		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "31df58e1a39352333c951b98bda0f81a7329be04b46b7d116ea2d9e4abd63f6d";
+	}
+	const context = useContext(NotificationContext);
+	if (!context) throw new Error("useNotification must be used within a NotificationProvider");
+	return context;
+}
+//#endregion
+//#region src/hooks/useScanDetection.ts
+const useScanDetection = ({ timeToEvaluate = 100, averageWaitTime = 50, startCharacter = [], endCharacter = ["Enter", "Escape"], onComplete, onError, minLength = 1, ignoreIfFocusOn, stopPropagation = false, preventDefault = false, container, enabled = true }) => {
+	const buffer = useRef([]);
+	const timeout = useRef(void 0);
+	const clearBuffer = () => {
+		buffer.current = [];
+	};
+	const evaluateBuffer = () => {
+		clearTimeout(timeout.current);
+		const avg = buffer.current.map(({ time }, k, arr) => k > 0 ? time - arr[k - 1].time : 0).slice(1).reduce((total, delta) => total + delta, 0) / (buffer.current.length - 1);
+		const code = buffer.current.slice(startCharacter.length > 0 ? 1 : 0).filter(({ char }) => char !== "Shift" && char !== "Tab").map(({ char: char_0 }) => char_0).join("");
+		if (avg <= averageWaitTime && buffer.current.slice(startCharacter.length > 0 ? 1 : 0).length >= minLength) onComplete(code);
+		else if (avg <= averageWaitTime) onError?.(code);
+		clearBuffer();
+	};
+	const onKeyDown = (event) => {
+		if (!enabled) return;
+		if (event.currentTarget !== ignoreIfFocusOn) {
+			if (endCharacter.includes(event.key)) evaluateBuffer();
+			if (buffer.current.length > 0 || startCharacter.includes(event.key) || startCharacter.length === 0) {
+				clearTimeout(timeout.current);
+				timeout.current = setTimeout(evaluateBuffer, timeToEvaluate);
+				buffer.current.push({
+					time: performance.now(),
+					char: event.key
+				});
+			}
+		}
+		if (stopPropagation) event.stopPropagation();
+		if (preventDefault) event.preventDefault();
+	};
+	const onKeyDownRef = useRef(onKeyDown);
+	onKeyDownRef.current = onKeyDown;
+	useEffect(() => {
+		return () => {
+			clearTimeout(timeout.current);
+		};
+	}, []);
+	useEffect(() => {
+		const target = container ?? document;
+		const listener = (event_0) => onKeyDownRef.current(event_0);
+		target.addEventListener("keydown", listener);
+		return () => {
+			target.removeEventListener("keydown", listener);
+		};
+	}, [container]);
+};
+//#endregion
+export { useDialogs, useFieldContext, useFormContext, useInView, useLayoutForm, useNotification, useScanDetection, useTranslation, withLayoutForm };
+
+//# sourceMappingURL=hooks.mjs.map