@s_mart/form 16.1.1 → 16.1.3

package/dist/index.mjs

@@ -1,865 +1,18 @@
-import { FormProvider as e, useController as t, useForm as n, useFormContext as r, useFormState as i } from "react-hook-form";
-import { Autocomplete as a, Button as o, Checkbox as s, Divider as c, FormControlLabel as l, Grid as u, IconButton as d, InputAdornment as f, MenuItem as p, Radio as m, RadioGroup as h, Select as g, Slider as _, Stack as v, Switch as y, TextField as b, Tooltip as x, Typography as S, css as C, styled as w } from "@mui/material";
-import { IconButton as T, Indicator as E, LIcon as D } from "@s_mart/core";
-import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
-import { toRem as j } from "@s_mart/utils";
-import { createElement as M, forwardRef as N, memo as P, useCallback as F, useEffect as I, useRef as L, useState as ee } from "react";
-import { lineEye as R, lineEyeSlash as te, lineInfoCircle as z, linePen as ne, linePlus as re } from "@s_mart/solid-icons";
-import { colorPalette as B } from "@s_mart/tokens";
-import ie from "lodash-es/isEmpty";
-import ae from "lodash-es/isEqual";
-import oe from "lodash-es/isObject";
-import { composeValidators as V, date as H, time as U } from "@s_mart/rules";
-import { DatePicker as se } from "@mui/x-date-pickers";
-import { AdapterDayjs as W } from "@mui/x-date-pickers/AdapterDayjs";
-import { LocalizationProvider as G } from "@mui/x-date-pickers/LocalizationProvider";
-import { ptBR as ce } from "@mui/x-date-pickers/locales";
-import "dayjs/locale/pt-br";
-import { zodResolver as K } from "@hookform/resolvers/zod";
-import { lineTimes as le } from "@s_mart/regular-icons";
-import * as q from "@s_mart/masks";
-import { TimePicker as ue } from "@mui/x-date-pickers/TimePicker";
-//#region src/utils/erroFieldFormatado.ts
-var J = (e, t) => t.replace(/[[\]]/g, "").split(".").reduce((e, t) => e?.[t], e), Y = ({ name: e, disableIcon: t, control: n }) => {
-	let r = J(i({
-		control: n,
-		name: e
-	})?.errors, e);
-	return r ? /* @__PURE__ */ k(E, {
-		severity: "error",
-		icon: !t && void 0,
-		children: r?.message
-	}) : null;
-}, X = ({ label: e, required: t, regular: n }) => /* @__PURE__ */ A("span", {
-	style: {
-		display: "flex",
-		alignItems: "center",
-		gap: j(2)
-	},
-	children: [/* @__PURE__ */ k(S, {
-		variant: "caption",
-		style: {
-			display: "flex",
-			alignItems: "center"
-		},
-		sx: { fontWeight: n ? 400 : 700 },
-		children: e
-	}), t && /* @__PURE__ */ k(S, {
-		variant: "caption",
-		color: "error",
-		sx: { fontWeight: 900 },
-		children: "*"
-	})]
-}), Z = class extends Error {
-	constructor(e) {
-		super(`O componente ${e} precisa de um control para funcionar. Passe o control como prop ou coloque o componente dentro de um <Form />`), this.name = "FormComponentPrecisaDeControl";
-	}
-}, Q = P, de = Q(({ name: e, rules: n, defaultValue: i, shouldUnregister: a, control: o, label: c, labelPlacement: u, required: d, disableIconError: f, onChange: p, ...m }) => {
-	let h = r()?.control, g = o ?? h;
-	if (!g) throw new Z("Checkbox");
-	let { field: _ } = t({
-		control: g,
-		name: e,
-		rules: n,
-		defaultValue: i,
-		shouldUnregister: a
-	});
-	return /* @__PURE__ */ A("span", { children: [/* @__PURE__ */ k(l, {
-		control: /* @__PURE__ */ k(s, {
-			checked: !!_.value,
-			value: _.value ?? "",
-			defaultValue: _.value,
-			onChange: (e, t) => {
-				_.onChange(e, t), p?.(e, t);
-			},
-			...m
-		}, e),
-		label: /* @__PURE__ */ k(X, {
-			label: c,
-			required: d,
-			regular: !0
-		}),
-		labelPlacement: u || "end"
-	}), /* @__PURE__ */ k(Y, {
-		name: e,
-		disableIcon: f,
-		control: g
-	})] });
-}), $ = ({ title: e }) => /* @__PURE__ */ k(x, {
-	title: e,
-	placement: "top",
-	children: /* @__PURE__ */ k("div", {
-		style: { width: "fit-content" },
-		children: /* @__PURE__ */ k(D, {
-			icon: z,
-			color: "#757575"
-		})
-	})
-}), fe = C`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`, pe = w("div")`
-  display: flex;
-
-  div.endAdornments {
-    position: absolute;
-    right: 0;
-
-    ${fe}
-  }
-
-  .MuiAutocomplete-endAdornment {
-    position: relative;
-    right: 0;
-  }
-
-  .endAdornments > .MuiAutocomplete-endAdornment {
-    transform: translate(0, 0);
-  }
-
-  .creatable,
-  .editable {
-    ${fe}
-
-    .divider {
-      width: 1px;
-      height: ${j(20)};
-      background-color: ${({ theme: e }) => e.palette.grey[400]};
-    }
-  }
-`;
-//#endregion
-//#region src/creatable/creatable.tsx
-function me(e) {
-	let { name: n, rules: s, defaultValue: l, shouldUnregister: u, control: f, label: p, required: m, options: h, footer: g, showCreatableButton: _ = !0, showEditableButton: v, onEditOption: y, onCreateOption: x, getOptionKey: S, getOptionLabel: C, getOptionAfterLabel: w, getInputValueLabel: T, multiple: E, info: P, noOptionsText: I = "Nenhuma opção encontrada", onChange: L, onInputChange: R, placeholder: te, ...z } = e, [B, V] = ee(""), H = r()?.control, U = f ?? H;
-	if (!U) throw new Z("Creatable");
-	let se = J(i({
-		control: U,
-		name: n
-	}).errors, n), W = !_ || z.disabled, { field: G } = t({
-		name: n,
-		control: U,
-		rules: s,
-		defaultValue: l,
-		shouldUnregister: u
-	}), ce = (t) => {
-		let n = 0;
-		return e.slotProps?.textField?.slotProps?.input || (n += 2.5), W || (n += 2.56, K(t) && (n += 2.56)), !z.disableClearable && !z.disabled && (n += 1.3), `${n}rem`;
-	}, K = (e) => !z.disabled && v && oe(e) && !ie(e), le = () => !z.disabled && _, q = F(() => {
-		x !== void 0 && (x(B), V(""));
-	}, [B, x]), ue = F(() => {
-		y?.(G.value);
-	}, [G.value, y]), Q = F((e, t, n) => {
-		n === "input" && (V(t), R?.(t));
-	}, [R]), de = F((e, t) => {
-		V(""), G.onChange(t), L?.(t);
-	}, [G.onChange, L]), fe = F((e) => {
-		z?.onBlur?.(e), V("");
-	}, [z?.onBlur]), me = G.value ? G.value : E ? [] : null;
-	return /* @__PURE__ */ A("div", {
-		style: {
-			display: "flex",
-			flexDirection: "column"
-		},
-		children: [
-			/* @__PURE__ */ A("div", {
-				style: { display: "flex" },
-				children: [p && /* @__PURE__ */ k(X, {
-					label: p,
-					required: m
-				}), P && /* @__PURE__ */ k($, { title: P })]
-			}),
-			/* @__PURE__ */ k(pe, { children: /* @__PURE__ */ k(a, {
-				fullWidth: !0,
-				onChange: de,
-				onInputChange: Q,
-				onBlur: fe,
-				slotProps: {
-					...z.slotProps,
-					listbox: { component: N(function(e, t) {
-						return /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k("ul", {
-							...e,
-							ref: t
-						}), g === void 0 ? null : /* @__PURE__ */ A("div", {
-							...e,
-							children: [/* @__PURE__ */ k("div", {
-								style: {
-									paddingTop: "0.5rem",
-									paddingBottom: "0.5rem"
-								},
-								children: /* @__PURE__ */ k(c, {})
-							}), g()]
-						}, "creatable-footer")] });
-					}) }
-				},
-				value: me,
-				options: h,
-				multiple: E,
-				readOnly: z.disabled,
-				noOptionsText: /* @__PURE__ */ A(O, { children: [
-					I,
-					!W && /* @__PURE__ */ A(o, {
-						sx: {
-							justifyContent: "flex-start",
-							padding: `${j(6)} ${j(-16)}`,
-							margin: 0
-						},
-						fullWidth: !0,
-						onClick: q,
-						variant: "text",
-						startIcon: /* @__PURE__ */ k(D, { icon: re }),
-						children: ["Adicionar ", `"${B}"`]
-					}),
-					g !== void 0 && /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k("div", {
-						style: {
-							paddingTop: "0.5rem",
-							paddingBottom: "0.5rem"
-						},
-						children: /* @__PURE__ */ k(c, {})
-					}), g()] })
-				] }),
-				isOptionEqualToValue: (e, t) => ae(e, t),
-				getOptionLabel: w && T || C,
-				getOptionKey: S,
-				renderOption: typeof w == "function" ? (e, t) => {
-					let n = w(t), r = S(t);
-					return /* @__PURE__ */ M("li", {
-						...e,
-						key: r
-					}, /* @__PURE__ */ A("div", {
-						style: {
-							display: "flex",
-							flexDirection: "column",
-							flex: 1
-						},
-						children: [/* @__PURE__ */ k("span", { children: C(t) }), typeof n == "string" ? /* @__PURE__ */ k("span", { children: n }) : n]
-					}));
-				} : void 0,
-				...z,
-				sx: {
-					"& div.MuiInputBase-root": { paddingRight: `${ce(G.value)} !important` },
-					...z.sx
-				},
-				renderInput: (t) => /* @__PURE__ */ k(b, {
-					placeholder: te,
-					...t,
-					error: !!se,
-					...e.slotProps?.textField,
-					slotProps: {
-						...t.slotProps,
-						input: {
-							...t.slotProps.input,
-							...e.slotProps?.textField?.slotProps?.input,
-							inputRef: G.ref,
-							endAdornment: /* @__PURE__ */ A("div", {
-								className: "endAdornments",
-								children: [
-									t.slotProps.input.endAdornment,
-									e.slotProps?.textField?.slotProps?.input?.endAdornment ?? null,
-									K(G.value) ? /* @__PURE__ */ A("div", {
-										className: "editable",
-										children: [/* @__PURE__ */ k("div", { className: "divider" }), /* @__PURE__ */ k(d, {
-											size: "small",
-											onClick: ue,
-											sx: { mx: "3px" },
-											tabIndex: -1,
-											children: /* @__PURE__ */ k(D, {
-												icon: ne,
-												size: "24px",
-												removeMargin: !0
-											})
-										})]
-									}) : null,
-									le() && /* @__PURE__ */ A("div", {
-										className: "creatable",
-										children: [/* @__PURE__ */ k("div", { className: "divider" }), /* @__PURE__ */ k(d, {
-											size: "small",
-											onClick: q,
-											sx: { mx: "3px" },
-											tabIndex: -1,
-											children: /* @__PURE__ */ k(D, {
-												icon: re,
-												size: "24px",
-												removeMargin: !0
-											})
-										})]
-									})
-								]
-							})
-						}
-					}
-				})
-			}, n) }),
-			/* @__PURE__ */ k(Y, {
-				name: n,
-				control: U
-			})
-		]
-	});
-}
-var he = Q(me), ge = (e) => {
-	switch (e) {
-		case "small": return j(16);
-		case "large": return j(24);
-		default: return j(20);
-	}
-}, _e = (e) => {
-	switch (e) {
-		case "small": return `${j(2)} ${j(8)}`;
-		case "large": return `${j(10)}`;
-		default: return `${j(6)} ${j(8)}`;
-	}
-}, ve = w(d)`
-  margin: 0px;
-
-  padding: ${({ size: e }) => _e(e)};
-  border-radius: 0 ${j(4)} ${j(4)} 0;
-
-  svg {
-    width: ${({ size: e }) => ge(e)} !important;
-  }
-`, ye = Q(({ rules: e, name: n, defaultValue: a, shouldUnregister: o, control: s, label: c, required: l, disabled: u, disableIconError: d, size: f, ...p }) => {
-	let m = r()?.control, h = s ?? m;
-	if (!h) throw new Z("DatePicker");
-	let g = J(i({
-		control: h,
-		name: n
-	}).errors, n), _ = p?.format || "DD/MM/YYYY", y = e ? V([H(_), e]) : H(_), { field: b } = t({
-		control: h,
-		name: n,
-		rules: y,
-		defaultValue: a,
-		shouldUnregister: o
-	});
-	return /* @__PURE__ */ k(G, {
-		dateAdapter: W,
-		localeText: ce.components.MuiLocalizationProvider.defaultProps.localeText,
-		children: /* @__PURE__ */ A(v, { children: [
-			c && /* @__PURE__ */ k(X, {
-				label: c,
-				required: l
-			}),
-			/* @__PURE__ */ M(se, {
-				...p,
-				key: n,
-				value: b.value ?? null,
-				format: _,
-				onChange: (e, t) => {
-					b.onChange(e, t), p?.onChange?.(e, t);
-				},
-				disabled: u,
-				slots: { openPickerButton: ve },
-				slotProps: {
-					...p?.slotProps,
-					textField: {
-						error: !!g,
-						size: f,
-						...p.slotProps?.textField,
-						slotProps: {
-							...p.slotProps?.textField?.slotProps,
-							input: {
-								...(p.slotProps?.textField)?.slotProps?.input,
-								inputRef: b.ref
-							}
-						}
-					}
-				}
-			}),
-			/* @__PURE__ */ k(Y, {
-				name: n,
-				disableIcon: d,
-				control: h
-			})
-		] })
-	});
-});
-//#endregion
-//#region src/form/formProvider.tsx
-function be({ children: t, style: n, onSubmit: r, ...i }) {
-	return /* @__PURE__ */ k(e, {
-		...i,
-		children: /* @__PURE__ */ k("form", {
-			onSubmit: (e) => {
-				e.preventDefault(), e.stopPropagation(), r(e);
-			},
-			style: n,
-			children: t
-		})
-	});
-}
-//#endregion
-//#region src/form/useForm.ts
-var xe = ({ disableDefaultValuesUpdate: e, onSubmit: t, ...r }) => {
-	let i = n({
-		...r,
-		resolver: r.schema && K(r.schema)
-	});
-	return I(() => {
-		e || i.reset(r.defaultValues);
-	}, [r.defaultValues, i.reset]), {
-		...i,
-		onSubmit: i.handleSubmit((e) => t(e, i))
-	};
-};
-//#endregion
-//#region src/form/form.tsx
-function Se({ children: e, style: t, ...n }) {
-	let r = xe(n);
-	return /* @__PURE__ */ k(be, {
-		...r,
-		style: t,
-		children: typeof e == "function" ? e(r) : e
-	});
-}
-//#endregion
-//#region src/radio/radioButton/radioButton.tsx
-var Ce = ({ label: e, labelPlacement: t, ...n }) => /* @__PURE__ */ k(u, {
-	sx: {
-		display: "flex",
-		flexDirection: "column"
-	},
-	children: /* @__PURE__ */ k(l, {
-		control: /* @__PURE__ */ k(m, { ...n }),
-		label: /* @__PURE__ */ k(X, { label: e }),
-		labelPlacement: t || "end"
-	})
-}), we = ({ name: e, rules: n, defaultValue: i, shouldUnregister: a, control: o, label: s, required: c, children: l, orientation: u = "row", disableIconError: d, ...f }) => {
-	let p = r()?.control, m = o ?? p;
-	if (!m) throw new Z("RadioGroup");
-	let { field: g } = t({
-		control: m,
-		name: e,
-		rules: n,
-		defaultValue: i,
-		shouldUnregister: a
-	});
-	return /* @__PURE__ */ A(v, { children: [
-		s && /* @__PURE__ */ k(X, {
-			label: s,
-			required: c
-		}),
-		/* @__PURE__ */ k(h, {
-			value: g.value || "",
-			name: e,
-			...f,
-			onChange: (e) => {
-				f?.onChange?.(e, e.target?.value), g.onChange(e);
-			},
-			style: {
-				display: "flex",
-				flexDirection: u
-			},
-			children: l
-		}, e),
-		/* @__PURE__ */ k(Y, {
-			name: e,
-			disableIcon: d,
-			control: m
-		})
-	] });
-}, Te = Q((e) => {
-	let { name: n, rules: o, defaultValue: s, shouldUnregister: l, control: u, label: d, required: f, options: p, textFieldProps: m, noOptionsText: h, footer: g, multiple: _, info: v, placeholder: y, onChange: x, onInputChange: S, getOptionAfterLabel: C, getOptionLabel: w, getInputValueLabel: T, getOptionKey: E, ...D } = e, j = r()?.control, P = u ?? j;
-	if (!P) throw new Z("Searchable");
-	let F = J(i({
-		control: P,
-		name: n
-	}).errors, n), { field: I } = t({
-		name: n,
-		control: P,
-		rules: o,
-		defaultValue: s,
-		shouldUnregister: l
-	}), L = I.value ? I.value : _ ? [] : null;
-	return /* @__PURE__ */ A("div", {
-		style: {
-			display: "flex",
-			flexDirection: "column"
-		},
-		children: [
-			/* @__PURE__ */ A("div", {
-				style: { display: "flex" },
-				children: [d && /* @__PURE__ */ k(X, {
-					label: d,
-					required: f
-				}), v && /* @__PURE__ */ k($, { title: v })]
-			}),
-			/* @__PURE__ */ k(a, {
-				onChange: (e, t) => {
-					I.onChange(t), x?.(t);
-				},
-				onInputChange: (e, t, n) => {
-					n === "input" && S?.(t);
-				},
-				value: L,
-				options: p,
-				multiple: _,
-				readOnly: D.disabled,
-				slotProps: {
-					...D.slotProps,
-					listbox: { component: N(function(e, t) {
-						return /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k("ul", {
-							...e,
-							ref: t
-						}), g === void 0 ? null : /* @__PURE__ */ A("div", {
-							...e,
-							children: [/* @__PURE__ */ k("div", {
-								style: {
-									paddingTop: "0.5rem",
-									paddingBottom: "0.5rem"
-								},
-								children: /* @__PURE__ */ k(c, {})
-							}), g()]
-						}, "searchable-footer")] });
-					}) }
-				},
-				noOptionsText: /* @__PURE__ */ A(O, { children: [h || "Nenhuma opção encontrada", g === void 0 ? null : /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k("div", {
-					style: {
-						paddingTop: "0.5rem",
-						paddingBottom: "0.5rem"
-					},
-					children: /* @__PURE__ */ k(c, {})
-				}), g()] })] }),
-				isOptionEqualToValue: (e, t) => ae(e, t),
-				getOptionLabel: C && T || w,
-				getOptionKey: E,
-				renderOption: typeof C == "function" ? (e, t) => {
-					let n = C(t), r = E(t);
-					return /* @__PURE__ */ M("li", {
-						...e,
-						key: r
-					}, /* @__PURE__ */ A("div", {
-						style: {
-							display: "flex",
-							flexDirection: "column",
-							flex: 1
-						},
-						children: [/* @__PURE__ */ k("span", { children: w(t) }), typeof n == "string" ? /* @__PURE__ */ k("span", { children: n }) : n]
-					}));
-				} : void 0,
-				...D,
-				renderInput: (e) => /* @__PURE__ */ k(b, {
-					error: !!F,
-					placeholder: y,
-					...e,
-					...m,
-					inputRef: I.ref
-				})
-			}, n),
-			/* @__PURE__ */ k(Y, {
-				name: n,
-				control: P
-			})
-		]
-	});
-}), Ee = ({ value: e, placeholder: t, getOptionLabel: n }) => e === null || e?.length === 0 ? /* @__PURE__ */ k("p", {
-	style: { color: B.neutral[100] },
-	children: t
-}) : n(e), De = Q((e) => {
-	let { name: n, rules: a, defaultValue: o, shouldUnregister: s, control: l, label: u, required: d, options: f, placeholder: m, clearable: h, info: _, footer: v, onChange: y, variant: b = "outlined", getOptionKey: x, getOptionLabel: S, getOptionAfterLabel: C, getInputValueLabel: w, getOptionIcon: E, ...j } = e, M = r()?.control, N = l ?? M, [P, F] = ee(!1);
-	if (!N) throw new Z("Select");
-	let I = J(i({
-		control: N,
-		name: n
-	}).errors, n), { field: L } = t({
-		control: N,
-		name: n,
-		rules: a,
-		defaultValue: o,
-		shouldUnregister: s
-	});
-	return /* @__PURE__ */ A("div", {
-		style: {
-			display: "flex",
-			flexDirection: "column"
-		},
-		children: [
-			/* @__PURE__ */ A("div", {
-				style: { display: "flex" },
-				children: [u && /* @__PURE__ */ k(X, {
-					label: u,
-					required: d
-				}), _ && /* @__PURE__ */ k($, { title: _ })]
-			}),
-			/* @__PURE__ */ A(g, {
-				open: P,
-				onOpen: () => F(!0),
-				onClose: () => F(!1),
-				displayEmpty: !!m,
-				variant: b,
-				autoComplete: "off",
-				value: L.value || null,
-				renderValue: (e) => /* @__PURE__ */ k(Ee, {
-					getOptionLabel: C && w || S,
-					placeholder: m,
-					value: e
-				}),
-				onChange: (e) => {
-					L.onChange(e.target.value), y?.(e.target.value);
-				},
-				error: !!I,
-				size: j.size || "medium",
-				inputRef: L.ref,
-				...j,
-				endAdornment: /* @__PURE__ */ A(O, { children: [j.endAdornment, !!(h && L.value) && /* @__PURE__ */ k(T, {
-					variant: "text",
-					color: "neutral",
-					size: "small",
-					sx: {
-						borderRadius: "50%",
-						position: "absolute",
-						right: "2rem"
-					},
-					style: { padding: 0 },
-					"aria-label": "Limpar",
-					title: "Limpar",
-					onClick: () => {
-						L.onChange(null), y?.(null);
-					},
-					children: /* @__PURE__ */ k(D, {
-						icon: le,
-						color: B.neutral[100],
-						size: "25px",
-						removeMargin: !0
-					})
-				})] }),
-				children: [f.map((e) => {
-					let t = x(e), n = S(e), r = E?.(e);
-					return /* @__PURE__ */ k(p, {
-						value: e,
-						children: /* @__PURE__ */ A("div", {
-							style: {
-								display: "flex",
-								flexDirection: "column",
-								flex: 1
-							},
-							children: [r === void 0 ? n : /* @__PURE__ */ A("div", {
-								style: {
-									display: "flex",
-									alignItems: "center"
-								},
-								children: [r, n]
-							}), /* @__PURE__ */ k("span", { children: C?.(e) ?? null })]
-						})
-					}, t);
-				}), v !== void 0 && /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("div", {
-					style: { padding: "8px 16px" },
-					children: /* @__PURE__ */ k(c, {})
-				}, "footer-divider"), /* @__PURE__ */ k("div", { children: v({ closeSelect: () => F(!1) }) }, "footer-content")] }, "footer")]
-			}, n),
-			/* @__PURE__ */ k(Y, {
-				name: n,
-				control: N
-			})
-		]
-	});
-}), Oe = ({ name: e, rules: n, defaultValue: i, shouldUnregister: a, control: o, ...s }) => {
-	let c = r()?.control, l = o ?? c;
-	if (!l) throw new Z("Slider");
-	let { field: u } = t({
-		control: l,
-		name: e,
-		rules: n,
-		defaultValue: i,
-		shouldUnregister: a
-	});
-	return /* @__PURE__ */ k(_, {
-		value: u.value || s?.min || 0,
-		onChange: u.onChange,
-		valueLabelDisplay: "auto",
-		...s
-	}, e);
-}, ke = ({ name: e, rules: n, defaultValue: i, defaultChecked: a, shouldUnregister: o, control: s, label: c, labelPlacement: u = "end", disableIconError: d, onChange: f, ...p }) => {
-	let m = r()?.control, h = s ?? m;
-	if (!h) throw new Z("Switch");
-	let { field: g } = t({
-		control: h,
-		name: e,
-		rules: n,
-		defaultValue: a ?? i ?? !1,
-		shouldUnregister: o
-	}), _ = F((e, t) => {
-		g.onChange(t), f?.(e, t);
-	}, [g, f]);
-	return /* @__PURE__ */ A(v, { children: [/* @__PURE__ */ k(l, {
-		control: /* @__PURE__ */ k(y, {
-			...p,
-			...g,
-			checked: !!g.value,
-			onChange: _
-		}),
-		label: /* @__PURE__ */ k(X, { label: c }),
-		labelPlacement: u
-	}), /* @__PURE__ */ k(Y, {
-		name: e,
-		disableIcon: d,
-		control: h
-	})] });
-}, Ae = Q(({ name: e, rules: n, defaultValue: a, shouldUnregister: o, control: s, label: c, required: l, mask: u, variant: d = "outlined", info: p, parse: m, format: h, onInputChange: g, disableIconError: _, ...y }) => {
-	let S = r()?.control, C = s ?? S, w = L(a || void 0);
-	if (!C) throw new Z("TextField");
-	let [T, E] = ee(!1), O = (e) => {
-		let t = e;
-		return t = h?.(e) ?? e, u ? q?.[u]?.format(t) : t;
-	}, j = (e) => {
-		let t = e;
-		return t = m?.(e) ?? t, u ? q?.[u]?.parse(t, w.current) : t;
-	}, M = (e) => {
-		if (!e || u !== "porcentagem" && u !== "porcentagem0") return;
-		e?.stopPropagation();
-		let t = (e?.target).value;
-		if (t) {
-			let n = String(t);
-			if (n.length > 0) {
-				let t = n.indexOf("%");
-				t > -1 && (e.currentTarget.selectionEnd = t);
-			}
-		}
-	}, { field: N } = t({
-		control: C,
-		name: e,
-		rules: n,
-		defaultValue: a,
-		shouldUnregister: o
-	}), P = J(i({
-		control: C,
-		name: e
-	}).errors, e);
-	return /* @__PURE__ */ A(v, { children: [
-		/* @__PURE__ */ A("div", {
-			style: { display: "flex" },
-			children: [c && /* @__PURE__ */ k("div", { children: /* @__PURE__ */ k(X, {
-				label: c,
-				required: l
-			}) }), p && /* @__PURE__ */ k("div", { children: /* @__PURE__ */ k(x, {
-				title: p,
-				placement: "top",
-				children: /* @__PURE__ */ k("div", {
-					style: { width: "fit-content" },
-					children: /* @__PURE__ */ k(D, {
-						icon: z,
-						color: "#757575"
-					})
-				})
-			}) })]
-		}),
-		/* @__PURE__ */ k(b, {
-			variant: d,
-			defaultValue: a,
-			value: O(N.value || (N.value == 0 ? N.value : "")),
-			onChange: (e) => {
-				let t = j(e?.target?.value);
-				N.onChange(t), g?.(t), w.current = e.target.value;
-			},
-			error: !!P,
-			...y,
-			type: y.type === "password" ? T ? "text" : "password" : y.type,
-			autoComplete: y.autoComplete || "off",
-			slotProps: {
-				...y.slotProps,
-				input: {
-					onKeyDown: M,
-					inputRef: N.ref,
-					endAdornment: y.type === "password" && /* @__PURE__ */ k(f, {
-						position: "start",
-						onClick: () => E(!T),
-						style: { cursor: "pointer" },
-						children: /* @__PURE__ */ k(D, {
-							icon: T ? R : te,
-							size: "24px",
-							removeMargin: !0
-						})
-					}),
-					...y.slotProps?.input
-				}
-			}
-		}, e),
-		/* @__PURE__ */ k(Y, {
-			name: e,
-			disableIcon: _,
-			control: C
-		})
-	] });
-}), je = (e) => {
-	switch (e) {
-		case "small": return j(16);
-		case "large": return j(24);
-		default: return j(20);
-	}
-}, Me = (e) => {
-	switch (e) {
-		case "small": return `${j(2)} ${j(8)}`;
-		case "large": return j(10);
-		default: return `${j(6)} ${j(8)}`;
-	}
-}, Ne = w(d)`
-  margin: 0px;
-
-  padding: ${({ size: e }) => Me(e)};
-  border-radius: 0 ${j(4)} ${j(4)} 0;
-
-  svg {
-    width: ${({ size: e }) => je(e)} !important;
-  }
-`, Pe = Q(({ rules: e, defaultValue: n, shouldUnregister: a, name: o, control: s, required: c, label: l, disabled: u, disableIconError: d, size: f, ...p }) => {
-	let m = r()?.control, h = s ?? m;
-	if (!h) throw new Z("TimePicker");
-	let g = J(i({
-		control: h,
-		name: o
-	}).errors, o), _ = p.format || "HH:mm", y = e ? V([U(_), e]) : U(_), { field: b } = t({
-		control: h,
-		name: o,
-		rules: y,
-		defaultValue: n,
-		shouldUnregister: a
-	});
-	return /* @__PURE__ */ k(G, {
-		dateAdapter: W,
-		children: /* @__PURE__ */ A(v, { children: [
-			l && /* @__PURE__ */ k(X, {
-				label: l,
-				required: c
-			}),
-			/* @__PURE__ */ k(ue, {
-				ampm: !1,
-				format: _,
-				value: b.value ?? null,
-				disabled: u,
-				...p,
-				onChange: (e, t) => {
-					b.onChange(e, t), p?.onChange?.(e, t);
-				},
-				slots: { openPickerButton: Ne },
-				slotProps: {
-					...p.slotProps,
-					textField: {
-						error: !!g,
-						size: f,
-						...p.slotProps?.textField,
-						slotProps: {
-							...p.slotProps?.textField?.slotProps,
-							input: {
-								...(p.slotProps?.textField)?.slotProps?.input,
-								inputRef: b.ref
-							}
-						}
-					},
-					actionBar: {
-						actions: [],
-						...p.slotProps?.actionBar
-					}
-				}
-			}, o),
-			/* @__PURE__ */ k(Y, {
-				name: o,
-				disableIcon: d,
-				control: h
-			})
-		] })
-	});
-});
-//#endregion
-export { de as Checkbox, he as Creatable, ye as DatePicker, Y as FieldError, $ as FieldInfo, X as FieldLabel, Se as Form, be as FormProvider, Ce as RadioButton, we as RadioGroup, Te as Searchable, De as Select, Oe as Slider, ke as Switch, Ae as TextField, Pe as TimePicker, xe as useForm };
-
-//# sourceMappingURL=index.mjs.map
+import e from "./components/fieldError/fieldError.mjs";
+import t from "./components/fieldLabel/fieldLabel.mjs";
+import n from "./checkbox/checkbox.mjs";
+import r from "./components/fieldInfo/fieldInfo.mjs";
+import i from "./creatable/creatable.mjs";
+import a from "./datePicker/datePicker.mjs";
+import o from "./form/formProvider.mjs";
+import s from "./form/useForm.mjs";
+import c from "./form/form.mjs";
+import l from "./radio/radioButton/radioButton.mjs";
+import u from "./radio/radioGroup/radioGroup.mjs";
+import d from "./searchable/searchable.mjs";
+import f from "./select/select.mjs";
+import p from "./slider/slider.mjs";
+import m from "./switch/switch.mjs";
+import h from "./textField/textField.mjs";
+import g from "./timePicker/timePicker.mjs";
+export { n as Checkbox, i as Creatable, a as DatePicker, e as FieldError, r as FieldInfo, t as FieldLabel, c as Form, o as FormProvider, l as RadioButton, u as RadioGroup, d as Searchable, f as Select, p as Slider, m as Switch, h as TextField, g as TimePicker, s as useForm };