@s_mart/form 16.1.2 → 16.1.3

package/dist/checkbox/checkbox.mjs

@@ -0,0 +1,43 @@
+import e from "../components/fieldError/fieldError.mjs";
+import t from "../components/fieldLabel/fieldLabel.mjs";
+import { FormComponentPrecisaDeControl as n } from "../formComponentPrecisaDeControl.mjs";
+import { typedMemo as r } from "../utils/typedMemo.mjs";
+import { useController as i, useFormContext as a } from "react-hook-form";
+import { Checkbox as o, FormControlLabel as s } from "@mui/material";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+var u = r(({ name: r, rules: u, defaultValue: d, shouldUnregister: f, control: p, label: m, labelPlacement: h, required: g, disableIconError: _, onChange: v, ...y }) => {
+	let b = a()?.control, x = p ?? b;
+	if (!x) throw new n("Checkbox");
+	let { field: S } = i({
+		control: x,
+		name: r,
+		rules: u,
+		defaultValue: d,
+		shouldUnregister: f
+	});
+	return /* @__PURE__ */ l("span", { children: [/* @__PURE__ */ c(s, {
+		control: /* @__PURE__ */ c(o, {
+			checked: !!S.value,
+			value: S.value ?? "",
+			defaultValue: S.value,
+			onChange: (e, t) => {
+				S.onChange(e, t), v?.(e, t);
+			},
+			...y
+		}, r),
+		label: /* @__PURE__ */ c(t, {
+			label: m,
+			required: g,
+			regular: !0
+		}),
+		labelPlacement: h || "end"
+	}), /* @__PURE__ */ c(e, {
+		name: r,
+		disableIcon: _,
+		control: x
+	})] });
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=checkbox.mjs.map

package/dist/checkbox/checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.mjs","names":[],"sources":["../../src/checkbox/checkbox.tsx"],"sourcesContent":["import { type FieldPath, type FieldValues, useController, useFormContext } from 'react-hook-form';\nimport type { CheckboxProps } from './checkbox.types';\nimport { Checkbox as CheckboxMui, FormControlLabel } from '@mui/material';\nimport { FieldError } from '../components/fieldError';\nimport { FieldLabel } from '../components/fieldLabel';\nimport { FormComponentPrecisaDeControl } from '../formComponentPrecisaDeControl';\nimport { typedMemo } from '../utils/typedMemo';\n\nconst Checkbox = ({\n  // RHF\n  name,\n  rules,\n  defaultValue,\n  shouldUnregister,\n  control: controlFromProps,\n  // Component Props\n  label,\n  labelPlacement,\n  required,\n  disableIconError,\n  onChange: onChangeProp,\n  ...rest\n}: CheckboxProps) => {\n  const controlFromContext = useFormContext()?.control;\n\n  const control = controlFromProps ?? controlFromContext;\n\n  if (!control) {\n    throw new FormComponentPrecisaDeControl('Checkbox');\n  }\n\n  const { field } = useController({\n    control,\n    name,\n    rules,\n    defaultValue,\n    shouldUnregister,\n  });\n\n  return (\n    <span>\n      <FormControlLabel\n        control={\n          <CheckboxMui\n            key={name}\n            checked={Boolean(field.value)}\n            value={field.value ?? ''}\n            defaultValue={field.value}\n            onChange={(event, checked) => {\n              field.onChange(event, checked);\n              onChangeProp?.(event, checked);\n            }}\n            {...rest}\n          />\n        }\n        label={<FieldLabel label={label} required={required} regular />}\n        labelPlacement={labelPlacement || 'end'}\n      />\n      <FieldError name={name} disableIcon={disableIconError} control={control} />\n    </span>\n  );\n};\n\nexport default typedMemo(Checkbox);\n"],"mappings":";;;;;;;AA+DA,IAAA,IAAe,GAvDG,EAEhB,SACA,UACA,iBACA,qBACA,SAAS,GAET,UACA,mBACA,aACA,qBACA,UAAU,GACV,GAAG,QACgB;CACnB,IAAM,IAAqB,EAAe,CAAC,EAAE,SAEvC,IAAU,KAAoB;CAEpC,IAAI,CAAC,GACH,MAAM,IAAI,EAA8B,UAAU;CAGpD,IAAM,EAAE,aAAU,EAAc;EAC9B;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,kBAAC,QAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,SACE,kBAAC,GAAD;GAEE,SAAS,EAAQ,EAAM;GACvB,OAAO,EAAM,SAAS;GACtB,cAAc,EAAM;GACpB,WAAW,GAAO,MAAY;IAE5B,AADA,EAAM,SAAS,GAAO,CAAO,GAC7B,IAAe,GAAO,CAAO;GAC/B;GACA,GAAI;EACL,GATM,CASN;EAEH,OAAO,kBAAC,GAAD;GAAmB;GAAiB;GAAU,SAAA;EAAS,CAAA;EAC9D,gBAAgB,KAAkB;CACnC,CAAA,GACD,kBAAC,GAAD;EAAkB;EAAM,aAAa;EAA2B;CAAU,CAAA,CACtE,EAAA,CAAA;AAEV,CAEiC"}

package/dist/components/fieldError/fieldError.mjs

@@ -0,0 +1,20 @@
+import { erroFieldFormatado as e } from "../../utils/erroFieldFormatado.mjs";
+import { useFormState as t } from "react-hook-form";
+import { Indicator as n } from "@s_mart/core";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/fieldError/fieldError.tsx
+var i = ({ name: i, disableIcon: a, control: o }) => {
+	let s = t({
+		control: o,
+		name: i
+	}), c = e(s?.errors, i);
+	return c ? /* @__PURE__ */ r(n, {
+		severity: "error",
+		icon: !a && void 0,
+		children: c?.message
+	}) : null;
+};
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=fieldError.mjs.map

package/dist/components/fieldError/fieldError.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldError.mjs","names":[],"sources":["../../../src/components/fieldError/fieldError.tsx"],"sourcesContent":["import { Indicator } from '@s_mart/core';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\nimport { useFormState } from 'react-hook-form';\nimport { erroFieldFormatado } from '../../utils/erroFieldFormatado';\nimport type { FieldErrorProps } from './fieldError.types';\n\nconst FieldError = <\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldNames extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  name,\n  disableIcon,\n  control,\n}: FieldErrorProps<TFieldValues, TFieldNames>) => {\n  const formState = useFormState<TFieldValues>({ control, name });\n\n  const erro = erroFieldFormatado(formState?.errors, name);\n\n  if (!erro) {\n    return null;\n  }\n\n  return (\n    <Indicator severity='error' icon={disableIcon ? false : undefined}>\n      {erro?.message}\n    </Indicator>\n  );\n};\n\nexport default FieldError;\n"],"mappings":";;;;;AAMA,IAAM,KAGJ,EACA,SACA,gBACA,iBACgD;CAChD,IAAM,IAAY,EAA2B;EAAE;EAAS;CAAK,CAAC,GAExD,IAAO,EAAmB,GAAW,QAAQ,CAAI;CAMvD,OAJK,IAKH,kBAAC,GAAD;EAAW,UAAS;EAAQ,MAAM,MAAsB,KAAA;EACrD,UAAA,GAAM;CACE,CAAA,IANJ;AAQX"}

package/dist/components/fieldInfo/fieldInfo.mjs

@@ -0,0 +1,20 @@
+import { Tooltip as e } from "@mui/material";
+import { LIcon as t } from "@s_mart/core";
+import { jsx as n } from "react/jsx-runtime";
+import { lineInfoCircle as r } from "@s_mart/solid-icons";
+//#region src/components/fieldInfo/fieldInfo.tsx
+var i = ({ title: i }) => /* @__PURE__ */ n(e, {
+	title: i,
+	placement: "top",
+	children: /* @__PURE__ */ n("div", {
+		style: { width: "fit-content" },
+		children: /* @__PURE__ */ n(t, {
+			icon: r,
+			color: "#757575"
+		})
+	})
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=fieldInfo.mjs.map

package/dist/components/fieldInfo/fieldInfo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldInfo.mjs","names":[],"sources":["../../../src/components/fieldInfo/fieldInfo.tsx"],"sourcesContent":["import { Tooltip } from '@mui/material';\nimport { LIcon } from '@s_mart/core';\nimport { lineInfoCircle } from '@s_mart/solid-icons';\nimport type { FieldInfoProps } from './fieldInfo.types';\n\nconst FieldInfo = ({ title }: FieldInfoProps) => {\n  return (\n    <Tooltip title={title} placement='top'>\n      <div style={{ width: 'fit-content' }}>\n        <LIcon icon={lineInfoCircle} color='#757575' />\n      </div>\n    </Tooltip>\n  );\n};\n\nexport default FieldInfo;\n"],"mappings":";;;;;AAKA,IAAM,KAAa,EAAE,eAEjB,kBAAC,GAAD;CAAgB;CAAO,WAAU;CAC/B,UAAA,kBAAC,OAAD;EAAK,OAAO,EAAE,OAAO,cAAc;EACjC,UAAA,kBAAC,GAAD;GAAO,MAAM;GAAgB,OAAM;EAAW,CAAA;CAC3C,CAAA;AACE,CAAA"}

package/dist/components/fieldLabel/fieldLabel.mjs

@@ -0,0 +1,29 @@
+import { Typography as e } from "@mui/material";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { toRem as r } from "@s_mart/utils";
+//#region src/components/fieldLabel/fieldLabel.tsx
+var i = ({ label: i, required: a, regular: o }) => /* @__PURE__ */ n("span", {
+	style: {
+		display: "flex",
+		alignItems: "center",
+		gap: r(2)
+	},
+	children: [/* @__PURE__ */ t(e, {
+		variant: "caption",
+		style: {
+			display: "flex",
+			alignItems: "center"
+		},
+		sx: { fontWeight: o ? 400 : 700 },
+		children: i
+	}), a && /* @__PURE__ */ t(e, {
+		variant: "caption",
+		color: "error",
+		sx: { fontWeight: 900 },
+		children: "*"
+	})]
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=fieldLabel.mjs.map

package/dist/components/fieldLabel/fieldLabel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldLabel.mjs","names":[],"sources":["../../../src/components/fieldLabel/fieldLabel.tsx"],"sourcesContent":["import { Typography } from '@mui/material';\nimport { toRem } from '@s_mart/utils';\nimport type { FieldLabelProps } from './fieldLabel.types';\n\nconst FieldLabel = ({ label, required, regular }: FieldLabelProps) => {\n  return (\n    <span style={{ display: 'flex', alignItems: 'center', gap: toRem(2) }}>\n      <Typography\n        variant='caption'\n        style={{ display: 'flex', alignItems: 'center' }}\n        sx={{\n          fontWeight: regular ? 400 : 700,\n        }}\n      >\n        {label}\n      </Typography>\n      {required && (\n        <Typography\n          variant='caption'\n          color='error'\n          sx={{\n            fontWeight: 900,\n          }}\n        >\n          *\n        </Typography>\n      )}\n    </span>\n  );\n};\n\nexport default FieldLabel;\n"],"mappings":";;;;AAIA,IAAM,KAAc,EAAE,UAAO,aAAU,iBAEnC,kBAAC,QAAD;CAAM,OAAO;EAAE,SAAS;EAAQ,YAAY;EAAU,KAAK,EAAM,CAAC;CAAE;CAApE,UAAA,CACE,kBAAC,GAAD;EACE,SAAQ;EACR,OAAO;GAAE,SAAS;GAAQ,YAAY;EAAS;EAC/C,IAAI,EACF,YAAY,IAAU,MAAM,IAC9B;EAEC,UAAA;CACS,CAAA,GACX,KACC,kBAAC,GAAD;EACE,SAAQ;EACR,OAAM;EACN,IAAI,EACF,YAAY,IACd;EACD,UAAA;CAEW,CAAA,CAEV"}

package/dist/creatable/creatable.mjs

@@ -0,0 +1,191 @@
+import { erroFieldFormatado as e } from "../utils/erroFieldFormatado.mjs";
+import t from "../components/fieldError/fieldError.mjs";
+import n from "../components/fieldLabel/fieldLabel.mjs";
+import { FormComponentPrecisaDeControl as r } from "../formComponentPrecisaDeControl.mjs";
+import { typedMemo as i } from "../utils/typedMemo.mjs";
+import a from "../components/fieldInfo/fieldInfo.mjs";
+import { SDivAutoComplete as o } from "./creatable.styles.mjs";
+import { useController as s, useFormContext as c, useFormState as ee } from "react-hook-form";
+import { Autocomplete as te, Button as l, Divider as u, IconButton as d, TextField as f } from "@mui/material";
+import { LIcon as p } from "@s_mart/core";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { toRem as _ } from "@s_mart/utils";
+import { createElement as ne, forwardRef as v, useCallback as y, useState as b } from "react";
+import { linePen as x, linePlus as S } from "@s_mart/solid-icons";
+import "@s_mart/tokens";
+import C from "lodash-es/isEmpty";
+import w from "lodash-es/isEqual";
+import T from "lodash-es/isObject";
+//#region src/creatable/creatable.tsx
+function E(i) {
+	let { name: E, rules: D, defaultValue: O, shouldUnregister: re, control: k, label: A, required: ie, options: ae, footer: j, showCreatableButton: M = !0, showEditableButton: N, onEditOption: P, onCreateOption: F, getOptionKey: I, getOptionLabel: L, getOptionAfterLabel: R, getInputValueLabel: z, multiple: B, info: V, noOptionsText: H = "Nenhuma opção encontrada", onChange: U, onInputChange: W, placeholder: G, ...K } = i, [q, J] = b(""), oe = c()?.control, Y = k ?? oe;
+	if (!Y) throw new r("Creatable");
+	let se = ee({
+		control: Y,
+		name: E
+	}), ce = e(se.errors, E), X = !M || K.disabled, { field: Z } = s({
+		name: E,
+		control: Y,
+		rules: D,
+		defaultValue: O,
+		shouldUnregister: re
+	}), le = (e) => {
+		let t = 0;
+		return i.slotProps?.textField?.slotProps?.input || (t += 2.5), X || (t += 2.56, Q(e) && (t += 2.56)), !K.disableClearable && !K.disabled && (t += 1.3), `${t}rem`;
+	}, Q = (e) => !K.disabled && N && T(e) && !C(e), ue = () => !K.disabled && M, $ = y(() => {
+		F !== void 0 && (F(q), J(""));
+	}, [q, F]), de = y(() => {
+		P?.(Z.value);
+	}, [Z.value, P]), fe = y((e, t, n) => {
+		n === "input" && (J(t), W?.(t));
+	}, [W]), pe = y((e, t) => {
+		J(""), Z.onChange(t), U?.(t);
+	}, [Z.onChange, U]), me = y((e) => {
+		K?.onBlur?.(e), J("");
+	}, [K?.onBlur]), he = Z.value ? Z.value : B ? [] : null;
+	return /* @__PURE__ */ g("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column"
+		},
+		children: [
+			/* @__PURE__ */ g("div", {
+				style: { display: "flex" },
+				children: [A && /* @__PURE__ */ h(n, {
+					label: A,
+					required: ie
+				}), V && /* @__PURE__ */ h(a, { title: V })]
+			}),
+			/* @__PURE__ */ h(o, { children: /* @__PURE__ */ h(te, {
+				fullWidth: !0,
+				onChange: pe,
+				onInputChange: fe,
+				onBlur: me,
+				slotProps: {
+					...K.slotProps,
+					listbox: { component: v(function(e, t) {
+						return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("ul", {
+							...e,
+							ref: t
+						}), j === void 0 ? null : /* @__PURE__ */ g("div", {
+							...e,
+							children: [/* @__PURE__ */ h("div", {
+								style: {
+									paddingTop: "0.5rem",
+									paddingBottom: "0.5rem"
+								},
+								children: /* @__PURE__ */ h(u, {})
+							}), j()]
+						}, "creatable-footer")] });
+					}) }
+				},
+				value: he,
+				options: ae,
+				multiple: B,
+				readOnly: K.disabled,
+				noOptionsText: /* @__PURE__ */ g(m, { children: [
+					H,
+					!X && /* @__PURE__ */ g(l, {
+						sx: {
+							justifyContent: "flex-start",
+							padding: `${_(6)} ${_(-16)}`,
+							margin: 0
+						},
+						fullWidth: !0,
+						onClick: $,
+						variant: "text",
+						startIcon: /* @__PURE__ */ h(p, { icon: S }),
+						children: ["Adicionar ", `"${q}"`]
+					}),
+					j !== void 0 && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
+						style: {
+							paddingTop: "0.5rem",
+							paddingBottom: "0.5rem"
+						},
+						children: /* @__PURE__ */ h(u, {})
+					}), j()] })
+				] }),
+				isOptionEqualToValue: (e, t) => w(e, t),
+				getOptionLabel: R && z || L,
+				getOptionKey: I,
+				renderOption: typeof R == "function" ? (e, t) => {
+					let n = R(t), r = I(t);
+					return /* @__PURE__ */ ne("li", {
+						...e,
+						key: r
+					}, /* @__PURE__ */ g("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							flex: 1
+						},
+						children: [/* @__PURE__ */ h("span", { children: L(t) }), typeof n == "string" ? /* @__PURE__ */ h("span", { children: n }) : n]
+					}));
+				} : void 0,
+				...K,
+				sx: {
+					"& div.MuiInputBase-root": { paddingRight: `${le(Z.value)} !important` },
+					...K.sx
+				},
+				renderInput: (e) => /* @__PURE__ */ h(f, {
+					placeholder: G,
+					...e,
+					error: !!ce,
+					...i.slotProps?.textField,
+					slotProps: {
+						...e.slotProps,
+						input: {
+							...e.slotProps.input,
+							...i.slotProps?.textField?.slotProps?.input,
+							inputRef: Z.ref,
+							endAdornment: /* @__PURE__ */ g("div", {
+								className: "endAdornments",
+								children: [
+									e.slotProps.input.endAdornment,
+									i.slotProps?.textField?.slotProps?.input?.endAdornment ?? null,
+									Q(Z.value) ? /* @__PURE__ */ g("div", {
+										className: "editable",
+										children: [/* @__PURE__ */ h("div", { className: "divider" }), /* @__PURE__ */ h(d, {
+											size: "small",
+											onClick: de,
+											sx: { mx: "3px" },
+											tabIndex: -1,
+											children: /* @__PURE__ */ h(p, {
+												icon: x,
+												size: "24px",
+												removeMargin: !0
+											})
+										})]
+									}) : null,
+									ue() && /* @__PURE__ */ g("div", {
+										className: "creatable",
+										children: [/* @__PURE__ */ h("div", { className: "divider" }), /* @__PURE__ */ h(d, {
+											size: "small",
+											onClick: $,
+											sx: { mx: "3px" },
+											tabIndex: -1,
+											children: /* @__PURE__ */ h(p, {
+												icon: S,
+												size: "24px",
+												removeMargin: !0
+											})
+										})]
+									})
+								]
+							})
+						}
+					}
+				})
+			}, E) }),
+			/* @__PURE__ */ h(t, {
+				name: E,
+				control: Y
+			})
+		]
+	});
+}
+var D = i(E);
+//#endregion
+export { D as default };
+
+//# sourceMappingURL=creatable.mjs.map

package/dist/creatable/creatable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"creatable.mjs","names":[],"sources":["../../src/creatable/creatable.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type KeyboardEventHandler,\n  type LegacyRef,\n  type MouseEventHandler,\n  useCallback,\n  useState,\n} from 'react';\n\nimport { LIcon } from '@s_mart/core';\nimport { linePen, linePlus } from '@s_mart/solid-icons';\nimport { colorPalette } from '@s_mart/tokens';\nimport { toRem } from '@s_mart/utils';\n\nimport {\n  Autocomplete,\n  type AutocompleteChangeDetails,\n  type AutocompleteChangeReason,\n  type AutocompleteInputChangeReason,\n  type AutocompleteValue,\n  Button,\n  Divider,\n  IconButton,\n  TextField,\n} from '@mui/material';\nimport isEmpty from 'lodash-es/isEmpty';\nimport isEqual from 'lodash-es/isEqual';\nimport isObject from 'lodash-es/isObject';\nimport {\n  type FieldPath,\n  type FieldPathValue,\n  type FieldValues,\n  useController,\n  useFormContext,\n  useFormState,\n} from 'react-hook-form';\n\nimport { FieldError } from '../components/fieldError';\nimport { FieldInfo } from '../components/fieldInfo';\nimport { FieldLabel } from '../components/fieldLabel';\nimport { FormComponentPrecisaDeControl } from '../formComponentPrecisaDeControl';\nimport { erroFieldFormatado } from '../utils/erroFieldFormatado';\nimport { typedMemo } from '../utils/typedMemo';\nimport { SDivAutoComplete } from './creatable.styles';\nimport type { CreatableProps } from './creatable.types';\n\nfunction Creatable<\n  FieldValue,\n  Multiple extends boolean | undefined = undefined,\n  DisableClearable extends boolean | undefined = undefined,\n  FreeSolo extends boolean | undefined = undefined,\n>(props: CreatableProps<FieldValue, Multiple, DisableClearable, FreeSolo>) {\n  const {\n    // RHF\n    name,\n    rules,\n    defaultValue,\n    shouldUnregister,\n    control: controlFromProps,\n    // Component Props\n    label,\n    required,\n    options,\n    footer,\n    showCreatableButton = true,\n    showEditableButton,\n    onEditOption,\n    onCreateOption,\n    getOptionKey,\n    getOptionLabel,\n    getOptionAfterLabel,\n    getInputValueLabel,\n    multiple,\n    info,\n    noOptionsText = 'Nenhuma opção encontrada',\n    onChange: onChangeProp,\n    onInputChange,\n    placeholder,\n    ...rest\n  } = props;\n\n  const [curText, setCurText] = useState('');\n  const controlFromContext = useFormContext()?.control;\n\n  const control = controlFromProps ?? controlFromContext;\n\n  if (!control) {\n    throw new FormComponentPrecisaDeControl('Creatable');\n  }\n\n  const formState = useFormState({ control, name });\n\n  const formattedError = erroFieldFormatado(formState.errors, name);\n  const hideAddButton = !showCreatableButton || rest.disabled;\n\n  const { field } = useController({\n    name,\n    control,\n    rules,\n    defaultValue,\n    shouldUnregister,\n  });\n\n  const getRootRightPadding = (\n    value: AutocompleteValue<FieldValue, Multiple, DisableClearable, FreeSolo>,\n  ) => {\n    let padding = 0;\n\n    if (!props.slotProps?.textField?.slotProps?.input) padding += 2.5;\n\n    if (!hideAddButton) {\n      padding += 2.56;\n\n      if (showEditButton(value)) padding += 2.56;\n    }\n\n    if (!rest.disableClearable && !rest.disabled) padding += 1.3;\n\n    return `${padding}rem`;\n  };\n\n  const showEditButton = (\n    value: AutocompleteValue<FieldValue, Multiple, DisableClearable, FreeSolo>,\n  ) => {\n    if (rest.disabled) return false;\n\n    return showEditableButton && isObject(value) && !isEmpty(value);\n  };\n\n  const showCreateButton = () => {\n    if (rest.disabled) return false;\n\n    return showCreatableButton;\n  };\n\n  const handleCreateOption: MouseEventHandler<HTMLButtonElement> = useCallback(() => {\n    if (typeof onCreateOption !== 'undefined') {\n      onCreateOption(curText);\n      setCurText('');\n    }\n  }, [curText, onCreateOption]);\n\n  const handleEditOption: MouseEventHandler<HTMLButtonElement> = useCallback(() => {\n    onEditOption?.(field.value);\n  }, [field.value, onEditOption]);\n\n  const handleInputChange = useCallback(\n    (event: React.SyntheticEvent, value: string, reason: AutocompleteInputChangeReason) => {\n      if (reason === 'input') {\n        setCurText(value);\n        onInputChange?.(value);\n      }\n    },\n    [onInputChange],\n  );\n\n  const handleChange = useCallback(\n    (\n      _: React.SyntheticEvent,\n      value: AutocompleteValue<FieldValue, Multiple, DisableClearable, FreeSolo>,\n    ) => {\n      setCurText('');\n      field.onChange(value);\n      onChangeProp?.(value);\n    },\n    [field.onChange, onChangeProp],\n  );\n\n  const handleBlur = useCallback(\n    (event: React.FocusEvent<HTMLDivElement, Element>) => {\n      rest?.onBlur?.(event);\n      setCurText('');\n    },\n    [rest?.onBlur],\n  );\n\n  const fieldValue = !field.value ? (multiple ? [] : null) : field.value;\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column' }}>\n      <div style={{ display: 'flex' }}>\n        {label && <FieldLabel label={label} required={required} />}\n        {info && <FieldInfo title={info} />}\n      </div>\n      <SDivAutoComplete>\n        <Autocomplete<FieldValue, Multiple, DisableClearable, FreeSolo>\n          key={name}\n          fullWidth\n          onChange={handleChange}\n          onInputChange={handleInputChange}\n          onBlur={handleBlur}\n          slotProps={{\n            ...rest.slotProps,\n\n            listbox: {\n              component: forwardRef(function Ul(props, ref: LegacyRef<HTMLUListElement>) {\n                return (\n                  <>\n                    <ul {...props} ref={ref} />\n\n                    {typeof footer !== 'undefined' ? (\n                      <div key='creatable-footer' {...props}>\n                        <div style={{ paddingTop: '0.5rem', paddingBottom: '0.5rem' }}>\n                          <Divider />\n                        </div>\n                        {footer()}\n                      </div>\n                    ) : null}\n                  </>\n                );\n              }),\n            },\n          }}\n          value={fieldValue}\n          options={options}\n          multiple={multiple}\n          readOnly={rest.disabled}\n          noOptionsText={\n            <>\n              {noOptionsText}\n              {!hideAddButton && (\n                <Button\n                  sx={{\n                    justifyContent: 'flex-start',\n                    padding: `${toRem(6)} ${toRem(-16)}`,\n                    margin: 0,\n                  }}\n                  fullWidth\n                  onClick={handleCreateOption}\n                  variant='text'\n                  startIcon={<LIcon icon={linePlus} />}\n                >\n                  Adicionar {`\"${curText}\"`}\n                </Button>\n              )}\n\n              {typeof footer !== 'undefined' && (\n                <>\n                  <div style={{ paddingTop: '0.5rem', paddingBottom: '0.5rem' }}>\n                    <Divider />\n                  </div>\n                  {footer()}\n                </>\n              )}\n            </>\n          }\n          isOptionEqualToValue={(option, value) => isEqual(option, value)}\n          getOptionLabel={\n            getOptionAfterLabel ? getInputValueLabel || getOptionLabel : getOptionLabel\n          }\n          getOptionKey={getOptionKey}\n          renderOption={\n            typeof getOptionAfterLabel === 'function'\n              ? (props, option) => {\n                  const afterlabel = getOptionAfterLabel(option);\n                  const key = getOptionKey(option);\n                  return (\n                    <li {...props} key={key}>\n                      <div style={{ display: 'flex', flexDirection: 'column', flex: 1 }}>\n                        <span>{getOptionLabel(option)}</span>\n                        {typeof afterlabel === 'string' ? <span>{afterlabel}</span> : afterlabel}\n                      </div>\n                    </li>\n                  );\n                }\n              : undefined\n          }\n          {...rest}\n          sx={{\n            '& div.MuiInputBase-root': {\n              paddingRight: `${getRootRightPadding(field.value)} !important`,\n            },\n            ...rest.sx,\n          }}\n          renderInput={(params) => (\n            <TextField\n              placeholder={placeholder}\n              {...params}\n              error={Boolean(formattedError)}\n              {...props.slotProps?.textField}\n              slotProps={{\n                ...params.slotProps,\n\n                input: {\n                  ...params.slotProps.input,\n                  ...props.slotProps?.textField?.slotProps?.input,\n                  inputRef: field.ref,\n\n                  endAdornment: (\n                    <div className='endAdornments'>\n                      {params.slotProps.input.endAdornment}\n\n                      {/* biome-ignore lint/suspicious/noExplicitAny: A tipagem do MUI não funciona com props, porém ao usar o componente, a tipagem é inferida corretamente */}\n                      {(props.slotProps?.textField?.slotProps?.input as Record<string, any>)\n                        ?.endAdornment ?? null}\n                      {showEditButton(field.value) ? (\n                        <div className='editable'>\n                          <div className='divider' />\n                          <IconButton\n                            size='small'\n                            onClick={handleEditOption}\n                            sx={{ mx: '3px' }}\n                            tabIndex={-1}\n                          >\n                            <LIcon icon={linePen} size='24px' removeMargin />\n                          </IconButton>\n                        </div>\n                      ) : null}\n                      {showCreateButton() && (\n                        <div className='creatable'>\n                          <div className='divider' />\n                          <IconButton\n                            size='small'\n                            onClick={handleCreateOption}\n                            sx={{ mx: '3px' }}\n                            tabIndex={-1}\n                          >\n                            <LIcon icon={linePlus} size='24px' removeMargin />\n                          </IconButton>\n                        </div>\n                      )}\n                    </div>\n                  ),\n                },\n              }}\n            />\n          )}\n        />\n      </SDivAutoComplete>\n      <FieldError name={name} control={control} />\n    </div>\n  );\n}\n\nexport default typedMemo(Creatable);\n"],"mappings":"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"}

package/dist/creatable/creatable.styles.mjs

@@ -0,0 +1,41 @@
+import { css as e, styled as t } from "@mui/material";
+import { toRem as n } from "@s_mart/utils";
+//#region src/creatable/creatable.styles.ts
+var r = e`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`, i = t("div")`
+  display: flex;
+
+  div.endAdornments {
+    position: absolute;
+    right: 0;
+
+    ${r}
+  }
+
+  .MuiAutocomplete-endAdornment {
+    position: relative;
+    right: 0;
+  }
+
+  .endAdornments > .MuiAutocomplete-endAdornment {
+    transform: translate(0, 0);
+  }
+
+  .creatable,
+  .editable {
+    ${r}
+
+    .divider {
+      width: 1px;
+      height: ${n(20)};
+      background-color: ${({ theme: e }) => e.palette.grey[400]};
+    }
+  }
+`;
+//#endregion
+export { i as SDivAutoComplete };
+
+//# sourceMappingURL=creatable.styles.mjs.map

package/dist/creatable/creatable.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"creatable.styles.mjs","names":[],"sources":["../../src/creatable/creatable.styles.ts"],"sourcesContent":["import { toRem } from '@s_mart/utils';\n\nimport { css, styled } from '@mui/material';\n\nconst flexCenter = css`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const SDivAutoComplete = styled('div')`\n  display: flex;\n\n  div.endAdornments {\n    position: absolute;\n    right: 0;\n\n    ${flexCenter}\n  }\n\n  .MuiAutocomplete-endAdornment {\n    position: relative;\n    right: 0;\n  }\n\n  .endAdornments > .MuiAutocomplete-endAdornment {\n    transform: translate(0, 0);\n  }\n\n  .creatable,\n  .editable {\n    ${flexCenter}\n\n    .divider {\n      width: 1px;\n      height: ${toRem(20)};\n      background-color: ${({ theme }) => theme.palette.grey[400]};\n    }\n  }\n`;\n"],"mappings":";;;AAIA,IAAM,IAAa,CAAG;;;;GAMT,IAAmB,EAAO,KAAK,CAAC;;;;;;;MAOvC,EAAW;;;;;;;;;;;;;;MAcX,EAAW;;;;gBAID,EAAM,EAAE,EAAE;2BACC,EAAE,eAAY,EAAM,QAAQ,KAAK,KAAK"}

package/dist/datePicker/datePicker.mjs

@@ -0,0 +1,75 @@
+import { erroFieldFormatado as e } from "../utils/erroFieldFormatado.mjs";
+import t from "../components/fieldError/fieldError.mjs";
+import n from "../components/fieldLabel/fieldLabel.mjs";
+import { FormComponentPrecisaDeControl as r } from "../formComponentPrecisaDeControl.mjs";
+import { typedMemo as i } from "../utils/typedMemo.mjs";
+import { SIconButton as a } from "./datePicker.styles.mjs";
+import { useController as o, useFormContext as s, useFormState as c } from "react-hook-form";
+import { Stack as l } from "@mui/material";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { createElement as f } from "react";
+import { composeValidators as p, date as m } from "@s_mart/rules";
+import { DatePicker as h } from "@mui/x-date-pickers";
+import { AdapterDayjs as g } from "@mui/x-date-pickers/AdapterDayjs";
+import { LocalizationProvider as _ } from "@mui/x-date-pickers/LocalizationProvider";
+import { ptBR as v } from "@mui/x-date-pickers/locales";
+import "dayjs/locale/pt-br";
+var y = i(({ rules: i, name: y, defaultValue: b, shouldUnregister: x, control: S, label: C, required: w, disabled: T, disableIconError: E, size: D, ...O }) => {
+	let k = s()?.control, A = S ?? k;
+	if (!A) throw new r("DatePicker");
+	let j = c({
+		control: A,
+		name: y
+	}), M = e(j.errors, y), N = O?.format || "DD/MM/YYYY", P = i ? p([m(N), i]) : m(N), { field: F } = o({
+		control: A,
+		name: y,
+		rules: P,
+		defaultValue: b,
+		shouldUnregister: x
+	});
+	return /* @__PURE__ */ u(_, {
+		dateAdapter: g,
+		localeText: v.components.MuiLocalizationProvider.defaultProps.localeText,
+		children: /* @__PURE__ */ d(l, { children: [
+			C && /* @__PURE__ */ u(n, {
+				label: C,
+				required: w
+			}),
+			/* @__PURE__ */ f(h, {
+				...O,
+				key: y,
+				value: F.value ?? null,
+				format: N,
+				onChange: (e, t) => {
+					F.onChange(e, t), O?.onChange?.(e, t);
+				},
+				disabled: T,
+				slots: { openPickerButton: a },
+				slotProps: {
+					...O?.slotProps,
+					textField: {
+						error: !!M,
+						size: D,
+						...O.slotProps?.textField,
+						slotProps: {
+							...O.slotProps?.textField?.slotProps,
+							input: {
+								...(O.slotProps?.textField)?.slotProps?.input,
+								inputRef: F.ref
+							}
+						}
+					}
+				}
+			}),
+			/* @__PURE__ */ u(t, {
+				name: y,
+				disableIcon: E,
+				control: A
+			})
+		] })
+	});
+});
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=datePicker.mjs.map

package/dist/datePicker/datePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePicker.mjs","names":[],"sources":["../../src/datePicker/datePicker.tsx"],"sourcesContent":["import { composeValidators, date } from '@s_mart/rules';\n\nimport { Stack } from '@mui/material';\nimport { DatePicker as DatePickerMui } from '@mui/x-date-pickers';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { ptBR } from '@mui/x-date-pickers/locales';\nimport { useController, useFormContext, useFormState } from 'react-hook-form';\n\nimport { FieldError } from '../components/fieldError';\nimport { FieldLabel } from '../components/fieldLabel';\nimport { FormComponentPrecisaDeControl } from '../formComponentPrecisaDeControl';\nimport { erroFieldFormatado } from '../utils/erroFieldFormatado';\nimport { typedMemo } from '../utils/typedMemo';\nimport { SIconButton } from './datePicker.styles';\nimport type { DatePickerProps } from './datePicker.types';\n\nimport 'dayjs/locale/pt-br';\n\nconst DatePicker = ({\n  // RHF\n  rules,\n  name,\n  defaultValue,\n  shouldUnregister,\n  control: controlFromProps,\n  // Component Props\n  label,\n  required,\n  disabled,\n  disableIconError,\n  size,\n  ...rest\n}: DatePickerProps) => {\n  const controlFromContext = useFormContext()?.control;\n\n  const control = controlFromProps ?? controlFromContext;\n\n  if (!control) {\n    throw new FormComponentPrecisaDeControl('DatePicker');\n  }\n\n  const formState = useFormState({ control, name });\n  const formattedError = erroFieldFormatado(formState.errors, name);\n  const dateFormat = rest?.format || 'DD/MM/YYYY';\n  const newRules = rules ? composeValidators([date(dateFormat), rules as any]) : date(dateFormat);\n\n  const { field } = useController({\n    control,\n    name,\n    rules: newRules,\n    defaultValue,\n    shouldUnregister,\n  });\n\n  return (\n    <LocalizationProvider\n      dateAdapter={AdapterDayjs}\n      localeText={ptBR.components.MuiLocalizationProvider.defaultProps.localeText}\n    >\n      <Stack>\n        {label && <FieldLabel label={label} required={required} />}\n        <DatePickerMui\n          {...rest}\n          key={name}\n          value={field.value ?? null}\n          format={dateFormat}\n          onChange={(value, context) => {\n            field.onChange(value, context);\n            rest?.onChange?.(value, context);\n          }}\n          disabled={disabled}\n          slots={{\n            openPickerButton: SIconButton,\n          }}\n          slotProps={{\n            ...rest?.slotProps,\n            textField: {\n              error: Boolean(formattedError),\n              size,\n              ...rest.slotProps?.textField,\n              slotProps: {\n                ...(rest.slotProps?.textField as any)?.slotProps,\n                input: {\n                  ...(rest.slotProps?.textField as any)?.slotProps?.input,\n                  inputRef: field.ref,\n                },\n              },\n            },\n          }}\n        />\n        <FieldError name={name} disableIcon={disableIconError} control={control} />\n      </Stack>\n    </LocalizationProvider>\n  );\n};\n\nexport default typedMemo(DatePicker);\n"],"mappings":";;;;;;;;;;;;;;;;AAiGA,IAAA,IAAe,GA9EK,EAElB,UACA,SACA,iBACA,qBACA,SAAS,GAET,UACA,aACA,aACA,qBACA,SACA,GAAG,QACkB;CACrB,IAAM,IAAqB,EAAe,CAAC,EAAE,SAEvC,IAAU,KAAoB;CAEpC,IAAI,CAAC,GACH,MAAM,IAAI,EAA8B,YAAY;CAGtD,IAAM,IAAY,EAAa;EAAE;EAAS;CAAK,CAAC,GAC1C,IAAiB,EAAmB,EAAU,QAAQ,CAAI,GAC1D,IAAa,GAAM,UAAU,cAC7B,IAAW,IAAQ,EAAkB,CAAC,EAAK,CAAU,GAAG,CAAY,CAAC,IAAI,EAAK,CAAU,GAExF,EAAE,aAAU,EAAc;EAC9B;EACA;EACA,OAAO;EACP;EACA;CACF,CAAC;CAED,OACE,kBAAC,GAAD;EACE,aAAa;EACb,YAAY,EAAK,WAAW,wBAAwB,aAAa;EAEjE,UAAA,kBAAC,GAAD,EAAA,UAAA;GACG,KAAS,kBAAC,GAAD;IAAmB;IAAiB;GAAW,CAAA;GACzD,kBAAC,GAAD;IACE,GAAI;IACJ,KAAK;IACL,OAAO,EAAM,SAAS;IACtB,QAAQ;IACR,WAAW,GAAO,MAAY;KAE5B,AADA,EAAM,SAAS,GAAO,CAAO,GAC7B,GAAM,WAAW,GAAO,CAAO;IACjC;IACU;IACV,OAAO,EACL,kBAAkB,EACpB;IACA,WAAW;KACT,GAAG,GAAM;KACT,WAAW;MACT,OAAO,EAAQ;MACf;MACA,GAAG,EAAK,WAAW;MACnB,WAAW;OACT,GAAI,EAAK,WAAW,WAAmB;OACvC,OAAO;QACL,IAAI,EAAK,WAAW,UAAA,EAAmB,WAAW;QAClD,UAAU,EAAM;OAClB;MACF;KACF;IACF;GACD,CAAA;GACD,kBAAC,GAAD;IAAkB;IAAM,aAAa;IAA2B;GAAU,CAAA;EACrE,EAAA,CAAA;CACa,CAAA;AAE1B,CAEmC"}

package/dist/datePicker/datePicker.styles.mjs

@@ -0,0 +1,29 @@
+import { IconButton as e, styled as t } from "@mui/material";
+import { toRem as n } from "@s_mart/utils";
+//#region src/datePicker/datePicker.styles.ts
+var r = (e) => {
+	switch (e) {
+		case "small": return n(16);
+		case "large": return n(24);
+		default: return n(20);
+	}
+}, i = (e) => {
+	switch (e) {
+		case "small": return `${n(2)} ${n(8)}`;
+		case "large": return `${n(10)}`;
+		default: return `${n(6)} ${n(8)}`;
+	}
+}, a = t(e)`
+  margin: 0px;
+
+  padding: ${({ size: e }) => i(e)};
+  border-radius: 0 ${n(4)} ${n(4)} 0;
+
+  svg {
+    width: ${({ size: e }) => r(e)} !important;
+  }
+`;
+//#endregion
+export { a as SIconButton };
+
+//# sourceMappingURL=datePicker.styles.mjs.map

package/dist/datePicker/datePicker.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePicker.styles.mjs","names":[],"sources":["../../src/datePicker/datePicker.styles.ts"],"sourcesContent":["import { type IconButtonProps, IconButton, styled } from '@mui/material';\nimport { toRem } from '@s_mart/utils';\n\nconst _svgSize = (size: IconButtonProps['size']) => {\n  switch (size) {\n    case 'small':\n      return toRem(16);\n    case 'large':\n      return toRem(24);\n    default:\n      return toRem(20);\n  }\n};\n\nconst _padding = (size: IconButtonProps['size']) => {\n  switch (size) {\n    case 'small':\n      return `${toRem(2)} ${toRem(8)}`;\n    case 'large':\n      return `${toRem(10)}`;\n    default:\n      return `${toRem(6)} ${toRem(8)}`;\n  }\n};\n\nexport const SIconButton = styled(IconButton)`\n  margin: 0px;\n\n  padding: ${({ size }) => _padding(size)};\n  border-radius: 0 ${toRem(4)} ${toRem(4)} 0;\n\n  svg {\n    width: ${({ size }) => _svgSize(size)} !important;\n  }\n`;\n"],"mappings":";;;AAGA,IAAM,KAAY,MAAkC;CAClD,QAAQ,GAAR;EACE,KAAK,SACH,OAAO,EAAM,EAAE;EACjB,KAAK,SACH,OAAO,EAAM,EAAE;EACjB,SACE,OAAO,EAAM,EAAE;CACnB;AACF,GAEM,KAAY,MAAkC;CAClD,QAAQ,GAAR;EACE,KAAK,SACH,OAAO,GAAG,EAAM,CAAC,EAAE,GAAG,EAAM,CAAC;EAC/B,KAAK,SACH,OAAO,GAAG,EAAM,EAAE;EACpB,SACE,OAAO,GAAG,EAAM,CAAC,EAAE,GAAG,EAAM,CAAC;CACjC;AACF,GAEa,IAAc,EAAO,CAAU,CAAC;;;cAG/B,EAAE,cAAW,EAAS,CAAI,EAAE;qBACrB,EAAM,CAAC,EAAE,GAAG,EAAM,CAAC,EAAE;;;cAG5B,EAAE,cAAW,EAAS,CAAI,EAAE"}

package/dist/form/form.mjs

@@ -0,0 +1,16 @@
+import e from "./formProvider.mjs";
+import t from "./useForm.mjs";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/form/form.tsx
+function r({ children: r, style: i, ...a }) {
+	let o = t(a);
+	return /* @__PURE__ */ n(e, {
+		...o,
+		style: i,
+		children: typeof r == "function" ? r(o) : r
+	});
+}
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=form.mjs.map

package/dist/form/form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.mjs","names":[],"sources":["../../src/form/form.tsx"],"sourcesContent":["import type { JSX } from 'react';\n\nimport type { FieldValues } from 'react-hook-form';\n\nimport type { IFormProps } from './form.types';\nimport FormProvider from './formProvider';\nimport useForm from './useForm';\n\n/**\n * Utilizado overloading para poder passar uma tipagem para o Componente\n * @example\n * // Não passar uma tipagem, todas as props terão o funcionamento normal, sem tipagem\n * <Form onSubmit={({email}) => {}}>\n *  ...\n * </Form>\n * @example\n * // Passar uma tipagem, todas as props derivadas do react-hook-form terão a tipagem passada no generic\n * type Cadastro = {\n *   email: string;\n * }\n * <Form<Cadastro> onSubmit={({email}) => {}}>\n *  ...\n * </Form>\n */\nfunction Form(props: IFormProps<any>): JSX.Element;\nfunction Form<T extends FieldValues>(props: IFormProps<T>): JSX.Element;\n\nfunction Form<T extends FieldValues>({ children, style, ...useFormProps }: IFormProps<T>) {\n  const methods = useForm<T>(useFormProps);\n\n  return (\n    <FormProvider {...methods} style={style}>\n      {typeof children === 'function' ? children(methods) : children}\n    </FormProvider>\n  );\n}\n\nexport default Form;\n"],"mappings":";;;;AA2BA,SAAS,EAA4B,EAAE,aAAU,UAAO,GAAG,KAA+B;CACxF,IAAM,IAAU,EAAW,CAAY;CAEvC,OACE,kBAAC,GAAD;EAAc,GAAI;EAAgB;EAC/B,UAAA,OAAO,KAAa,aAAa,EAAS,CAAO,IAAI;CAC1C,CAAA;AAElB"}

package/dist/form/formProvider.mjs

@@ -0,0 +1,19 @@
+import { FormProvider as e } from "react-hook-form";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/form/formProvider.tsx
+function n({ children: n, style: r, onSubmit: i, ...a }) {
+	return /* @__PURE__ */ t(e, {
+		...a,
+		children: /* @__PURE__ */ t("form", {
+			onSubmit: (e) => {
+				e.preventDefault(), e.stopPropagation(), i(e);
+			},
+			style: r,
+			children: n
+		})
+	});
+}
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=formProvider.mjs.map

package/dist/form/formProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formProvider.mjs","names":[],"sources":["../../src/form/formProvider.tsx"],"sourcesContent":["import { type FieldValues, FormProvider as HookFormProvider } from 'react-hook-form';\n\nimport type { IFormProviderProps } from './form.types';\n\nfunction FormProvider<TFieldValues extends FieldValues>({\n  children,\n  style,\n  onSubmit,\n  ...methods\n}: IFormProviderProps<TFieldValues>) {\n  return (\n    <HookFormProvider<TFieldValues> {...methods}>\n      <form\n        onSubmit={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n          onSubmit(e);\n        }}\n        style={style}\n      >\n        {children}\n      </form>\n    </HookFormProvider>\n  );\n}\n\nexport default FormProvider;\n"],"mappings":";;;AAIA,SAAS,EAA+C,EACtD,aACA,UACA,aACA,GAAG,KACgC;CACnC,OACE,kBAAC,GAAD;EAAgC,GAAI;EAClC,UAAA,kBAAC,QAAD;GACE,WAAW,MAAM;IAGf,AAFA,EAAE,eAAe,GACjB,EAAE,gBAAgB,GAClB,EAAS,CAAC;GACZ;GACO;GAEN;EACG,CAAA;CACU,CAAA;AAEtB"}

package/dist/form/useForm.mjs

@@ -0,0 +1,20 @@
+import { useForm as e } from "react-hook-form";
+import { useEffect as t } from "react";
+import { zodResolver as n } from "@hookform/resolvers/zod";
+//#region src/form/useForm.ts
+var r = ({ disableDefaultValuesUpdate: r, onSubmit: i, ...a }) => {
+	let o = e({
+		...a,
+		resolver: a.schema && n(a.schema)
+	});
+	return t(() => {
+		r || o.reset(a.defaultValues);
+	}, [a.defaultValues, o.reset]), {
+		...o,
+		onSubmit: o.handleSubmit((e) => i(e, o))
+	};
+};
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=useForm.mjs.map

package/dist/form/useForm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.mjs","names":[],"sources":["../../src/form/useForm.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { type FieldValues, type Resolver, type UseFormReturn, useForm as useHookForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\n\nimport type { IUseFormProps } from './form.types';\n\nconst useForm = <TValues extends FieldValues>({\n  disableDefaultValuesUpdate,\n  onSubmit,\n  ...rest\n}: IUseFormProps<TValues>): UseFormReturn<TValues> & { onSubmit: (e?: React.BaseSyntheticEvent) => Promise<void> } => {\n  const methods = useHookForm<TValues>({\n    ...rest,\n    resolver: rest.schema && (zodResolver(rest.schema) as unknown as Resolver<TValues>),\n  });\n\n  useEffect(() => {\n    if (!disableDefaultValuesUpdate) methods.reset(rest.defaultValues as TValues);\n  }, [rest.defaultValues, methods.reset]);\n\n  return { ...methods, onSubmit: methods.handleSubmit((data) => onSubmit(data, methods)) };\n};\n\nexport default useForm;\n"],"mappings":";;;;AAOA,IAAM,KAAwC,EAC5C,+BACA,aACA,GAAG,QACiH;CACpH,IAAM,IAAU,EAAqB;EACnC,GAAG;EACH,UAAU,EAAK,UAAW,EAAY,EAAK,MAAM;CACnD,CAAC;CAMD,OAJA,QAAgB;EACd,AAAK,KAA4B,EAAQ,MAAM,EAAK,aAAwB;CAC9E,GAAG,CAAC,EAAK,eAAe,EAAQ,KAAK,CAAC,GAE/B;EAAE,GAAG;EAAS,UAAU,EAAQ,cAAc,MAAS,EAAS,GAAM,CAAO,CAAC;CAAE;AACzF"}

package/dist/formComponentPrecisaDeControl.mjs

@@ -0,0 +1,10 @@
+//#region src/formComponentPrecisaDeControl.ts
+var e = 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";
+	}
+};
+//#endregion
+export { e as FormComponentPrecisaDeControl };
+
+//# sourceMappingURL=formComponentPrecisaDeControl.mjs.map

package/dist/formComponentPrecisaDeControl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formComponentPrecisaDeControl.mjs","names":[],"sources":["../src/formComponentPrecisaDeControl.ts"],"sourcesContent":["export class FormComponentPrecisaDeControl extends Error {\n  constructor(componentName: string) {\n    super(\n      `O componente ${componentName} precisa de um control para funcionar. Passe o control como prop ou coloque o componente dentro de um <Form />`,\n    );\n    this.name = 'FormComponentPrecisaDeControl';\n  }\n}\n"],"mappings":";AAAA,IAAa,IAAb,cAAmD,MAAM;CACvD,YAAY,GAAuB;EAIjC,AAHA,MACE,gBAAgB,EAAc,+GAChC,GACA,KAAK,OAAO;CACd;AACF"}