@s_mart/form 16.1.2 → 16.1.3

package/dist/radio/radioButton/radioButton.mjs

@@ -0,0 +1,19 @@
+import e from "../../components/fieldLabel/fieldLabel.mjs";
+import { FormControlLabel as t, Grid as n, Radio as r } from "@mui/material";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/radio/radioButton/radioButton.tsx
+var a = ({ label: a, labelPlacement: o, ...s }) => /* @__PURE__ */ i(n, {
+	sx: {
+		display: "flex",
+		flexDirection: "column"
+	},
+	children: /* @__PURE__ */ i(t, {
+		control: /* @__PURE__ */ i(r, { ...s }),
+		label: /* @__PURE__ */ i(e, { label: a }),
+		labelPlacement: o || "end"
+	})
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=radioButton.mjs.map

package/dist/radio/radioButton/radioButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radioButton.mjs","names":[],"sources":["../../../src/radio/radioButton/radioButton.tsx"],"sourcesContent":["import { FormControlLabel, Grid, Radio as RadioMui } from '@mui/material';\nimport type { RadioProps } from './radioButton.types';\nimport { FieldLabel } from '../../components/fieldLabel';\n\nconst RadioButton = ({ label, labelPlacement, ...rest }: RadioProps) => {\n  return (\n    <Grid\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n      }}\n    >\n      <FormControlLabel\n        control={<RadioMui {...rest} />}\n        label={<FieldLabel label={label} />}\n        labelPlacement={labelPlacement || 'end'}\n      />\n    </Grid>\n  );\n};\n\nexport default RadioButton;\n"],"mappings":";;;;AAIA,IAAM,KAAe,EAAE,UAAO,mBAAgB,GAAG,QAE7C,kBAAC,GAAD;CACE,IAAI;EACF,SAAS;EACT,eAAe;CACjB;CAEA,UAAA,kBAAC,GAAD;EACE,SAAS,kBAAC,GAAD,EAAU,GAAI,EAAO,CAAA;EAC9B,OAAO,kBAAC,GAAD,EAAmB,SAAQ,CAAA;EAClC,gBAAgB,KAAkB;CACnC,CAAA;AACG,CAAA"}

package/dist/radio/radioGroup/radioGroup.mjs

@@ -0,0 +1,46 @@
+import e from "../../components/fieldError/fieldError.mjs";
+import t from "../../components/fieldLabel/fieldLabel.mjs";
+import { FormComponentPrecisaDeControl as n } from "../../formComponentPrecisaDeControl.mjs";
+import { useController as r, useFormContext as i } from "react-hook-form";
+import { RadioGroup as a, Stack as o } from "@mui/material";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/radio/radioGroup/radioGroup.tsx
+var l = ({ name: l, rules: u, defaultValue: d, shouldUnregister: f, control: p, label: m, required: h, children: g, orientation: _ = "row", disableIconError: v, ...y }) => {
+	let b = i()?.control, x = p ?? b;
+	if (!x) throw new n("RadioGroup");
+	let { field: S } = r({
+		control: x,
+		name: l,
+		rules: u,
+		defaultValue: d,
+		shouldUnregister: f
+	});
+	return /* @__PURE__ */ c(o, { children: [
+		m && /* @__PURE__ */ s(t, {
+			label: m,
+			required: h
+		}),
+		/* @__PURE__ */ s(a, {
+			value: S.value || "",
+			name: l,
+			...y,
+			onChange: (e) => {
+				y?.onChange?.(e, e.target?.value), S.onChange(e);
+			},
+			style: {
+				display: "flex",
+				flexDirection: _
+			},
+			children: g
+		}, l),
+		/* @__PURE__ */ s(e, {
+			name: l,
+			disableIcon: v,
+			control: x
+		})
+	] });
+};
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=radioGroup.mjs.map

package/dist/radio/radioGroup/radioGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radioGroup.mjs","names":[],"sources":["../../../src/radio/radioGroup/radioGroup.tsx"],"sourcesContent":["import { RadioGroup as RadioGroupMui, Stack } from '@mui/material';\nimport { type FieldPath, type FieldValues, useController, useFormContext } from 'react-hook-form';\nimport { FieldError } from '../../components/fieldError';\nimport { FieldLabel } from '../../components/fieldLabel';\nimport type { RadioGroupProps } from './radioGroup.types';\nimport { FormComponentPrecisaDeControl } from '../../formComponentPrecisaDeControl';\n\nconst RadioGroup = ({\n  // RHF\n  name,\n  rules,\n  defaultValue,\n  shouldUnregister,\n  control: controlFromProps,\n  // Component Props\n  label,\n  required,\n  children,\n  orientation = 'row',\n  disableIconError,\n  ...rest\n}: RadioGroupProps) => {\n  const controlFromContext = useFormContext()?.control;\n\n  const control = controlFromProps ?? controlFromContext;\n\n  if (!control) {\n    throw new FormComponentPrecisaDeControl('RadioGroup');\n  }\n\n  const { field } = useController({\n    control,\n    name,\n    rules,\n    defaultValue,\n    shouldUnregister,\n  });\n\n  return (\n    <Stack>\n      {label && <FieldLabel label={label} required={required} />}\n      <RadioGroupMui\n        key={name}\n        value={field.value || ''}\n        name={name}\n        {...rest}\n        onChange={(e) => {\n          rest?.onChange?.(e, e.target?.value);\n          field.onChange(e);\n        }}\n        style={{\n          display: 'flex',\n          flexDirection: orientation,\n        }}\n      >\n        {children}\n      </RadioGroupMui>\n      <FieldError name={name} disableIcon={disableIconError} control={control} />\n    </Stack>\n  );\n};\n\nexport default RadioGroup;\n"],"mappings":";;;;;;;AAOA,IAAM,KAAc,EAElB,SACA,UACA,iBACA,qBACA,SAAS,GAET,UACA,aACA,aACA,iBAAc,OACd,qBACA,GAAG,QACkB;CACrB,IAAM,IAAqB,EAAe,CAAC,EAAE,SAEvC,IAAU,KAAoB;CAEpC,IAAI,CAAC,GACH,MAAM,IAAI,EAA8B,YAAY;CAGtD,IAAM,EAAE,aAAU,EAAc;EAC9B;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,kBAAC,GAAD,EAAA,UAAA;EACG,KAAS,kBAAC,GAAD;GAAmB;GAAiB;EAAW,CAAA;EACzD,kBAAC,GAAD;GAEE,OAAO,EAAM,SAAS;GAChB;GACN,GAAI;GACJ,WAAW,MAAM;IAEf,AADA,GAAM,WAAW,GAAG,EAAE,QAAQ,KAAK,GACnC,EAAM,SAAS,CAAC;GAClB;GACA,OAAO;IACL,SAAS;IACT,eAAe;GACjB;GAEC;EACY,GAdR,CAcQ;EACf,kBAAC,GAAD;GAAkB;GAAM,aAAa;GAA2B;EAAU,CAAA;CACrE,EAAA,CAAA;AAEX"}

package/dist/searchable/searchable.mjs

@@ -0,0 +1,111 @@
+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 { useController as o, useFormContext as s, useFormState as c } from "react-hook-form";
+import { Autocomplete as l, Divider as u, TextField as d } from "@mui/material";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { createElement as h, forwardRef as g } from "react";
+import "@s_mart/tokens";
+import _ from "lodash-es/isEqual";
+var v = i((i) => {
+	let { name: v, rules: y, defaultValue: b, shouldUnregister: x, control: S, label: C, required: w, options: T, textFieldProps: E, noOptionsText: D, footer: O, multiple: k, info: A, placeholder: j, onChange: M, onInputChange: N, getOptionAfterLabel: P, getOptionLabel: F, getInputValueLabel: I, getOptionKey: L, ...R } = i, z = s()?.control, B = S ?? z;
+	if (!B) throw new r("Searchable");
+	let V = c({
+		control: B,
+		name: v
+	}), H = e(V.errors, v), { field: U } = o({
+		name: v,
+		control: B,
+		rules: y,
+		defaultValue: b,
+		shouldUnregister: x
+	}), W = U.value ? U.value : k ? [] : null;
+	return /* @__PURE__ */ m("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column"
+		},
+		children: [
+			/* @__PURE__ */ m("div", {
+				style: { display: "flex" },
+				children: [C && /* @__PURE__ */ p(n, {
+					label: C,
+					required: w
+				}), A && /* @__PURE__ */ p(a, { title: A })]
+			}),
+			/* @__PURE__ */ p(l, {
+				onChange: (e, t) => {
+					U.onChange(t), M?.(t);
+				},
+				onInputChange: (e, t, n) => {
+					n === "input" && N?.(t);
+				},
+				value: W,
+				options: T,
+				multiple: k,
+				readOnly: R.disabled,
+				slotProps: {
+					...R.slotProps,
+					listbox: { component: g(function(e, t) {
+						return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("ul", {
+							...e,
+							ref: t
+						}), O === void 0 ? null : /* @__PURE__ */ m("div", {
+							...e,
+							children: [/* @__PURE__ */ p("div", {
+								style: {
+									paddingTop: "0.5rem",
+									paddingBottom: "0.5rem"
+								},
+								children: /* @__PURE__ */ p(u, {})
+							}), O()]
+						}, "searchable-footer")] });
+					}) }
+				},
+				noOptionsText: /* @__PURE__ */ m(f, { children: [D || "Nenhuma opção encontrada", O === void 0 ? null : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+					style: {
+						paddingTop: "0.5rem",
+						paddingBottom: "0.5rem"
+					},
+					children: /* @__PURE__ */ p(u, {})
+				}), O()] })] }),
+				isOptionEqualToValue: (e, t) => _(e, t),
+				getOptionLabel: P && I || F,
+				getOptionKey: L,
+				renderOption: typeof P == "function" ? (e, t) => {
+					let n = P(t), r = L(t);
+					return /* @__PURE__ */ h("li", {
+						...e,
+						key: r
+					}, /* @__PURE__ */ m("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							flex: 1
+						},
+						children: [/* @__PURE__ */ p("span", { children: F(t) }), typeof n == "string" ? /* @__PURE__ */ p("span", { children: n }) : n]
+					}));
+				} : void 0,
+				...R,
+				renderInput: (e) => /* @__PURE__ */ p(d, {
+					error: !!H,
+					placeholder: j,
+					...e,
+					...E,
+					inputRef: U.ref
+				})
+			}, v),
+			/* @__PURE__ */ p(t, {
+				name: v,
+				control: B
+			})
+		]
+	});
+});
+//#endregion
+export { v as default };
+
+//# sourceMappingURL=searchable.mjs.map

package/dist/searchable/searchable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchable.mjs","names":[],"sources":["../../src/searchable/searchable.tsx"],"sourcesContent":["import { forwardRef, type LegacyRef } from 'react';\n\nimport { colorPalette } from '@s_mart/tokens';\n\nimport type { AutocompleteValue } from '@mui/material';\nimport { Autocomplete, Divider, TextField } from '@mui/material';\nimport isEqual from 'lodash-es/isEqual';\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 type { SearchableProps } from './searchable.types';\n\nconst Searchable = <\n  FieldValue,\n  Multiple extends boolean | undefined = undefined,\n  DisableClearable extends boolean | undefined = undefined,\n  FreeSolo extends boolean | undefined = undefined,\n>(\n  props: SearchableProps<FieldValue, Multiple, DisableClearable, FreeSolo>,\n) => {\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    textFieldProps,\n    noOptionsText,\n    footer,\n    multiple,\n    info,\n    placeholder,\n    onChange: onChangeProp,\n    onInputChange,\n    getOptionAfterLabel,\n    getOptionLabel,\n    getInputValueLabel,\n    getOptionKey,\n    ...rest\n  } = props;\n\n  const controlFromContext = useFormContext()?.control;\n\n  const control = controlFromProps ?? controlFromContext;\n\n  if (!control) {\n    throw new FormComponentPrecisaDeControl('Searchable');\n  }\n\n  const formState = useFormState({ control, name });\n\n  const formattedError = erroFieldFormatado(formState.errors, name);\n\n  const { field } = useController({\n    name,\n    control,\n    rules,\n    defaultValue,\n    shouldUnregister,\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      <Autocomplete<FieldValue, Multiple, DisableClearable, FreeSolo>\n        key={name}\n        onChange={(_, value) => {\n          field.onChange(value);\n          onChangeProp?.(value);\n        }}\n        onInputChange={(_, value, reason) => {\n          if (reason === 'input') {\n            onInputChange?.(value);\n          }\n        }}\n        value={fieldValue}\n        options={options}\n        multiple={multiple}\n        readOnly={rest.disabled}\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='searchable-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        noOptionsText={\n          <>\n            {noOptionsText || 'Nenhuma opção encontrada'}\n            {typeof footer !== 'undefined' ? (\n              <>\n                <div style={{ paddingTop: '0.5rem', paddingBottom: '0.5rem' }}>\n                  <Divider />\n                </div>\n                {footer()}\n              </>\n            ) : null}\n          </>\n        }\n        isOptionEqualToValue={(option, value) => isEqual(option, value)}\n        getOptionLabel={getOptionAfterLabel ? getInputValueLabel || getOptionLabel : getOptionLabel}\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        renderInput={(params) => {\n          return (\n            <TextField\n              error={Boolean(formattedError)}\n              placeholder={placeholder}\n              {...params}\n              {...textFieldProps}\n              inputRef={field.ref}\n            />\n          );\n        }}\n      />\n      <FieldError name={name} control={control} />\n    </div>\n  );\n};\n\nexport default typedMemo(Searchable);\n"],"mappings":";;;;;;;;;;;;AA6KA,IAAA,IAAe,GA/Ib,MACG;CACH,IAAM,EAEJ,SACA,UACA,iBACA,qBACA,SAAS,GAET,UACA,aACA,YACA,mBACA,kBACA,WACA,aACA,SACA,gBACA,UAAU,GACV,kBACA,wBACA,mBACA,uBACA,iBACA,GAAG,MACD,GAEE,IAAqB,EAAe,CAAC,EAAE,SAEvC,IAAU,KAAoB;CAEpC,IAAI,CAAC,GACH,MAAM,IAAI,EAA8B,YAAY;CAGtD,IAAM,IAAY,EAAa;EAAE;EAAS;CAAK,CAAC,GAE1C,IAAiB,EAAmB,EAAU,QAAQ,CAAI,GAE1D,EAAE,aAAU,EAAc;EAC9B;EACA;EACA;EACA;EACA;CACF,CAAC,GAEK,IAAc,EAAM,QAAiC,EAAM,QAA9B,IAAW,CAAC,IAAI;CAEnD,OACE,kBAAC,OAAD;EAAK,OAAO;GAAE,SAAS;GAAQ,eAAe;EAAS;EAAvD,UAAA;GACE,kBAAC,OAAD;IAAK,OAAO,EAAE,SAAS,OAAO;IAA9B,UAAA,CACG,KAAS,kBAAC,GAAD;KAAmB;KAAiB;IAAW,CAAA,GACxD,KAAQ,kBAAC,GAAD,EAAW,OAAO,EAAO,CAAA,CAC/B;;GACL,kBAAC,GAAD;IAEE,WAAW,GAAG,MAAU;KAEtB,AADA,EAAM,SAAS,CAAK,GACpB,IAAe,CAAK;IACtB;IACA,gBAAgB,GAAG,GAAO,MAAW;KACnC,AAAI,MAAW,WACb,IAAgB,CAAK;IAEzB;IACA,OAAO;IACE;IACC;IACV,UAAU,EAAK;IACf,WAAW;KACT,GAAG,EAAK;KAER,SAAS,EACP,WAAW,EAAW,SAAY,GAAO,GAAkC;MACzE,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,GAAI;OAAY;MAAM,CAAA,GAElB,MAAW,SAOf,OANF,kBAAC,OAAD;OAA6B,GAAI;OAAjC,UAAA,CACE,kBAAC,OAAD;QAAK,OAAO;SAAE,YAAY;SAAU,eAAe;QAAS;QAC1D,UAAA,kBAAC,GAAD,CAAU,CAAA;OACP,CAAA,GACJ,EAAO,CACL;MALI,GAAA,mBAKJ,CAEP,EAAA,CAAA;KAEN,CAAC,EACH;IACF;IACA,eACE,kBAAA,GAAA,EAAA,UAAA,CACG,KAAiB,4BACV,MAAW,SAOf,OANF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,OAAO;MAAE,YAAY;MAAU,eAAe;KAAS;KAC1D,UAAA,kBAAC,GAAD,CAAU,CAAA;IACP,CAAA,GACJ,EAAO,CACR,EAAA,CAAA,CAEJ,EAAA,CAAA;IAEJ,uBAAuB,GAAQ,MAAU,EAAQ,GAAQ,CAAK;IAC9D,gBAAgB,KAAsB,KAAuC;IAC/D;IACd,cACE,OAAO,KAAwB,cAC1B,GAAO,MAAW;KACjB,IAAM,IAAa,EAAoB,CAAM,GACvC,IAAM,EAAa,CAAM;KAC/B,OACE,kBAAC,MAAD;MAAI,GAAI;MAAY;KAKhB,GAJF,kBAAC,OAAD;MAAK,OAAO;OAAE,SAAS;OAAQ,eAAe;OAAU,MAAM;MAAE;MAAhE,UAAA,CACE,kBAAC,QAAD,EAAA,UAAO,EAAe,CAAM,EAAQ,CAAA,GACnC,OAAO,KAAe,WAAW,kBAAC,QAAD,EAAA,UAAO,EAAiB,CAAA,IAAI,CAC3D;KACH,CAAA,CAAA;IAER,IACA,KAAA;IAEN,GAAI;IACJ,cAAc,MAEV,kBAAC,GAAD;KACE,OAAO,EAAQ;KACF;KACb,GAAI;KACJ,GAAI;KACJ,UAAU,EAAM;IACjB,CAAA;GAGN,GAhFM,CAgFN;GACD,kBAAC,GAAD;IAAkB;IAAe;GAAU,CAAA;EACxC;;AAET,CAEmC"}

package/dist/select/select.mjs

@@ -0,0 +1,117 @@
+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 { SelectRenderValue as o } from "./selectRenderValue.mjs";
+import { useController as s, useFormContext as c, useFormState as l } from "react-hook-form";
+import { Divider as u, MenuItem as d, Select as f } from "@mui/material";
+import { IconButton as p, LIcon as m } from "@s_mart/core";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useState as v } from "react";
+import { colorPalette as y } from "@s_mart/tokens";
+import { lineTimes as b } from "@s_mart/regular-icons";
+var x = i((i) => {
+	let { name: x, rules: S, defaultValue: C, shouldUnregister: w, control: T, label: E, required: D, options: O, placeholder: k, clearable: A, info: j, footer: M, onChange: N, variant: P = "outlined", getOptionKey: F, getOptionLabel: I, getOptionAfterLabel: L, getInputValueLabel: R, getOptionIcon: z, ...B } = i, V = c()?.control, H = T ?? V, [U, W] = v(!1);
+	if (!H) throw new r("Select");
+	let G = l({
+		control: H,
+		name: x
+	}), K = e(G.errors, x), { field: q } = s({
+		control: H,
+		name: x,
+		rules: S,
+		defaultValue: C,
+		shouldUnregister: w
+	});
+	return /* @__PURE__ */ _("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column"
+		},
+		children: [
+			/* @__PURE__ */ _("div", {
+				style: { display: "flex" },
+				children: [E && /* @__PURE__ */ g(n, {
+					label: E,
+					required: D
+				}), j && /* @__PURE__ */ g(a, { title: j })]
+			}),
+			/* @__PURE__ */ _(f, {
+				open: U,
+				onOpen: () => W(!0),
+				onClose: () => W(!1),
+				displayEmpty: !!k,
+				variant: P,
+				autoComplete: "off",
+				value: q.value || null,
+				renderValue: (e) => /* @__PURE__ */ g(o, {
+					getOptionLabel: L && R || I,
+					placeholder: k,
+					value: e
+				}),
+				onChange: (e) => {
+					q.onChange(e.target.value), N?.(e.target.value);
+				},
+				error: !!K,
+				size: B.size || "medium",
+				inputRef: q.ref,
+				...B,
+				endAdornment: /* @__PURE__ */ _(h, { children: [B.endAdornment, !!(A && q.value) && /* @__PURE__ */ g(p, {
+					variant: "text",
+					color: "neutral",
+					size: "small",
+					sx: {
+						borderRadius: "50%",
+						position: "absolute",
+						right: "2rem"
+					},
+					style: { padding: 0 },
+					"aria-label": "Limpar",
+					title: "Limpar",
+					onClick: () => {
+						q.onChange(null), N?.(null);
+					},
+					children: /* @__PURE__ */ g(m, {
+						icon: b,
+						color: y.neutral[100],
+						size: "25px",
+						removeMargin: !0
+					})
+				})] }),
+				children: [O.map((e) => {
+					let t = F(e), n = I(e), r = z?.(e);
+					return /* @__PURE__ */ g(d, {
+						value: e,
+						children: /* @__PURE__ */ _("div", {
+							style: {
+								display: "flex",
+								flexDirection: "column",
+								flex: 1
+							},
+							children: [r === void 0 ? n : /* @__PURE__ */ _("div", {
+								style: {
+									display: "flex",
+									alignItems: "center"
+								},
+								children: [r, n]
+							}), /* @__PURE__ */ g("span", { children: L?.(e) ?? null })]
+						})
+					}, t);
+				}), M !== void 0 && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("div", {
+					style: { padding: "8px 16px" },
+					children: /* @__PURE__ */ g(u, {})
+				}, "footer-divider"), /* @__PURE__ */ g("div", { children: M({ closeSelect: () => W(!1) }) }, "footer-content")] }, "footer")]
+			}, x),
+			/* @__PURE__ */ g(t, {
+				name: x,
+				control: H
+			})
+		]
+	});
+});
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=select.mjs.map

package/dist/select/select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.mjs","names":[],"sources":["../../src/select/select.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { IconButton, LIcon } from '@s_mart/core';\nimport { lineTimes } from '@s_mart/regular-icons';\nimport { colorPalette } from '@s_mart/tokens';\n\nimport { Divider, MenuItem, Select as SelectMui } from '@mui/material';\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 type { SelectProps } from './select.types';\nimport { SelectRenderValue } from './selectRenderValue';\n\nconst Select = <FieldValue extends FieldValues | string | number>(\n  props: SelectProps<FieldValue>,\n) => {\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    placeholder,\n    clearable,\n    info,\n    footer,\n    onChange: onChangeProp,\n    variant = 'outlined',\n    getOptionKey,\n    getOptionLabel,\n    getOptionAfterLabel,\n    getInputValueLabel,\n    getOptionIcon,\n    ...rest\n  } = props;\n\n  const controlFromContext = useFormContext()?.control;\n\n  const control = controlFromProps ?? controlFromContext;\n\n  const [showSelect, setShowSelect] = useState(false);\n\n  if (!control) {\n    throw new FormComponentPrecisaDeControl('Select');\n  }\n\n  const formState = useFormState({ control, name });\n\n  const formattedError = erroFieldFormatado(formState.errors, name);\n\n  const { field } = useController({\n    control,\n    name,\n    rules,\n    defaultValue,\n    shouldUnregister,\n  });\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      <SelectMui<FieldValue>\n        key={name}\n        open={showSelect}\n        onOpen={() => setShowSelect(true)}\n        onClose={() => setShowSelect(false)}\n        displayEmpty={Boolean(placeholder)}\n        variant={variant}\n        autoComplete='off'\n        value={field.value || null}\n        renderValue={(value) => {\n          return (\n            <SelectRenderValue\n              getOptionLabel={\n                getOptionAfterLabel ? getInputValueLabel || getOptionLabel : getOptionLabel\n              }\n              placeholder={placeholder}\n              value={value}\n            />\n          );\n        }}\n        onChange={(e) => {\n          field.onChange(e.target.value);\n          onChangeProp?.(e.target.value as FieldValue);\n        }}\n        error={Boolean(formattedError)}\n        size={rest.size || 'medium'}\n        inputRef={field.ref}\n        {...rest}\n        endAdornment={\n          <>\n            {rest.endAdornment}\n\n            {Boolean(clearable && field.value) && (\n              <IconButton\n                variant='text'\n                color='neutral'\n                size='small'\n                sx={{ borderRadius: '50%', position: 'absolute', right: '2rem' }}\n                style={{ padding: 0 }}\n                aria-label='Limpar'\n                title='Limpar'\n                onClick={() => {\n                  field.onChange(null);\n                  onChangeProp?.(null);\n                }}\n              >\n                <LIcon\n                  icon={lineTimes}\n                  color={colorPalette.neutral[100]}\n                  size='25px'\n                  removeMargin\n                />\n              </IconButton>\n            )}\n          </>\n        }\n      >\n        {options.map((option) => {\n          const key = getOptionKey(option);\n          const label = getOptionLabel(option);\n          const icon = getOptionIcon?.(option);\n          return (\n            <MenuItem key={key} value={option as any}>\n              <div style={{ display: 'flex', flexDirection: 'column', flex: 1 }}>\n                {icon !== undefined ? (\n                  <div style={{ display: 'flex', alignItems: 'center' }}>\n                    {icon}\n                    {label}\n                  </div>\n                ) : (\n                  label\n                )}\n                <span>{getOptionAfterLabel?.(option) ?? null}</span>\n              </div>\n            </MenuItem>\n          );\n        })}\n        {footer !== undefined && (\n          <div key='footer'>\n            <div key='footer-divider' style={{ padding: '8px 16px' }}>\n              <Divider />\n            </div>\n            <div key='footer-content'>{footer({ closeSelect: () => setShowSelect(false) })}</div>\n          </div>\n        )}\n      </SelectMui>\n      <FieldError name={name} control={control} />\n    </div>\n  );\n};\n\nexport default typedMemo(Select);\n"],"mappings":";;;;;;;;;;;;;;AA4KA,IAAA,IAAe,GAlJb,MACG;CACH,IAAM,EAEJ,SACA,UACA,iBACA,qBACA,SAAS,GAET,UACA,aACA,YACA,gBACA,cACA,SACA,WACA,UAAU,GACV,aAAU,YACV,iBACA,mBACA,wBACA,uBACA,kBACA,GAAG,MACD,GAEE,IAAqB,EAAe,CAAC,EAAE,SAEvC,IAAU,KAAoB,GAE9B,CAAC,GAAY,KAAiB,EAAS,EAAK;CAElD,IAAI,CAAC,GACH,MAAM,IAAI,EAA8B,QAAQ;CAGlD,IAAM,IAAY,EAAa;EAAE;EAAS;CAAK,CAAC,GAE1C,IAAiB,EAAmB,EAAU,QAAQ,CAAI,GAE1D,EAAE,aAAU,EAAc;EAC9B;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,kBAAC,OAAD;EAAK,OAAO;GAAE,SAAS;GAAQ,eAAe;EAAS;EAAvD,UAAA;GACE,kBAAC,OAAD;IAAK,OAAO,EAAE,SAAS,OAAO;IAA9B,UAAA,CACG,KAAS,kBAAC,GAAD;KAAmB;KAAiB;IAAW,CAAA,GACxD,KAAQ,kBAAC,GAAD,EAAW,OAAO,EAAO,CAAA,CAC/B;;GACL,kBAAC,GAAD;IAEE,MAAM;IACN,cAAc,EAAc,EAAI;IAChC,eAAe,EAAc,EAAK;IAClC,cAAc,EAAQ;IACb;IACT,cAAa;IACb,OAAO,EAAM,SAAS;IACtB,cAAc,MAEV,kBAAC,GAAD;KACE,gBACE,KAAsB,KAAuC;KAElD;KACN;IACR,CAAA;IAGL,WAAW,MAAM;KAEf,AADA,EAAM,SAAS,EAAE,OAAO,KAAK,GAC7B,IAAe,EAAE,OAAO,KAAmB;IAC7C;IACA,OAAO,EAAQ;IACf,MAAM,EAAK,QAAQ;IACnB,UAAU,EAAM;IAChB,GAAI;IACJ,cACE,kBAAA,GAAA,EAAA,UAAA,CACG,EAAK,cAEL,GAAQ,KAAa,EAAM,UAC1B,kBAAC,GAAD;KACE,SAAQ;KACR,OAAM;KACN,MAAK;KACL,IAAI;MAAE,cAAc;MAAO,UAAU;MAAY,OAAO;KAAO;KAC/D,OAAO,EAAE,SAAS,EAAE;KACpB,cAAW;KACX,OAAM;KACN,eAAe;MAEb,AADA,EAAM,SAAS,IAAI,GACnB,IAAe,IAAI;KACrB;KAEA,UAAA,kBAAC,GAAD;MACE,MAAM;MACN,OAAO,EAAa,QAAQ;MAC5B,MAAK;MACL,cAAA;KACD,CAAA;IACS,CAAA,CAEd,EAAA,CAAA;IAtDN,UAAA,CAyDG,EAAQ,KAAK,MAAW;KACvB,IAAM,IAAM,EAAa,CAAM,GACzB,IAAQ,EAAe,CAAM,GAC7B,IAAO,IAAgB,CAAM;KACnC,OACE,kBAAC,GAAD;MAAoB,OAAO;MACzB,UAAA,kBAAC,OAAD;OAAK,OAAO;QAAE,SAAS;QAAQ,eAAe;QAAU,MAAM;OAAE;OAAhE,UAAA,CACG,MAAS,KAAA,IAMR,IALA,kBAAC,OAAD;QAAK,OAAO;SAAE,SAAS;SAAQ,YAAY;QAAS;QAApD,UAAA,CACG,GACA,CACE;OAEL,CAAA,GAEF,kBAAC,QAAD,EAAA,UAAO,IAAsB,CAAM,KAAK,KAAW,CAAA,CAChD;;KACG,GAZK,CAYL;IAEd,CAAC,GACA,MAAW,KAAA,KACV,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAA0B,OAAO,EAAE,SAAS,WAAW;KACrD,UAAA,kBAAC,GAAD,CAAU,CAAA;IACP,GAFI,gBAEJ,GACL,kBAAC,OAAD,EAAA,UAA2B,EAAO,EAAE,mBAAmB,EAAc,EAAK,EAAE,CAAC,EAAO,GAA3E,gBAA2E,CACjF,EAAA,GALI,QAKJ,CAEE;GApFJ,GAAA,CAoFI;GACX,kBAAC,GAAD;IAAkB;IAAe;GAAU,CAAA;EACxC;;AAET,CAE+B"}

package/dist/select/selectRenderValue.mjs

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import { colorPalette as t } from "@s_mart/tokens";
+//#region src/select/selectRenderValue.tsx
+var n = ({ value: n, placeholder: r, getOptionLabel: i }) => n === null || n?.length === 0 ? /* @__PURE__ */ e("p", {
+	style: { color: t.neutral[100] },
+	children: r
+}) : i(n);
+//#endregion
+export { n as SelectRenderValue };
+
+//# sourceMappingURL=selectRenderValue.mjs.map

package/dist/select/selectRenderValue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectRenderValue.mjs","names":[],"sources":["../../src/select/selectRenderValue.tsx"],"sourcesContent":["import { colorPalette } from '@s_mart/tokens';\n\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\nimport type { SelectReturnValueProps } from './select.types';\n\nexport const SelectRenderValue = <\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  value,\n  placeholder,\n  getOptionLabel,\n}: SelectReturnValueProps<TFieldValues, TFieldName>) => {\n  if (value === null || value?.length === 0) {\n    return <p style={{ color: colorPalette.neutral[100] }}>{placeholder}</p>;\n  }\n\n  return getOptionLabel(value);\n};\n"],"mappings":";;;AAMA,IAAa,KAGX,EACA,UACA,gBACA,wBAEI,MAAU,QAAQ,GAAO,WAAW,IAC/B,kBAAC,KAAD;CAAG,OAAO,EAAE,OAAO,EAAa,QAAQ,KAAK;CAAI,UAAA;AAAe,CAAA,IAGlE,EAAe,CAAK"}

package/dist/slider/slider.mjs

@@ -0,0 +1,26 @@
+import { FormComponentPrecisaDeControl as e } from "../formComponentPrecisaDeControl.mjs";
+import { useController as t, useFormContext as n } from "react-hook-form";
+import { Slider as r } from "@mui/material";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/slider/slider.tsx
+var a = ({ name: a, rules: o, defaultValue: s, shouldUnregister: c, control: l, ...u }) => {
+	let d = n()?.control, f = l ?? d;
+	if (!f) throw new e("Slider");
+	let { field: p } = t({
+		control: f,
+		name: a,
+		rules: o,
+		defaultValue: s,
+		shouldUnregister: c
+	});
+	return /* @__PURE__ */ i(r, {
+		value: p.value || u?.min || 0,
+		onChange: p.onChange,
+		valueLabelDisplay: "auto",
+		...u
+	}, a);
+};
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=slider.mjs.map

package/dist/slider/slider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.mjs","names":[],"sources":["../../src/slider/slider.tsx"],"sourcesContent":["import { type FieldPath, type FieldValues, useController, useFormContext } from 'react-hook-form';\nimport type { SliderProps } from './slider.types';\nimport { Slider as SliderMui } from '@mui/material';\nimport { FormComponentPrecisaDeControl } from '../formComponentPrecisaDeControl';\n\nconst Slider = ({ name, rules, defaultValue, shouldUnregister, control: controlFromProps, ...rest }: SliderProps) => {\n  const controlFromContext = useFormContext()?.control;\n\n  const control = controlFromProps ?? controlFromContext;\n\n  if (!control) {\n    throw new FormComponentPrecisaDeControl('Slider');\n  }\n\n  const { field } = useController({\n    control,\n    name,\n    rules,\n    defaultValue,\n    shouldUnregister,\n  });\n\n  return (\n    <SliderMui\n      key={name}\n      value={field.value || rest?.min || 0}\n      onChange={field.onChange}\n      valueLabelDisplay='auto'\n      {...rest}\n    />\n  );\n};\n\nexport default Slider;\n"],"mappings":";;;;;AAKA,IAAM,KAAU,EAAE,SAAM,UAAO,iBAAc,qBAAkB,SAAS,GAAkB,GAAG,QAAwB;CACnH,IAAM,IAAqB,EAAe,CAAC,EAAE,SAEvC,IAAU,KAAoB;CAEpC,IAAI,CAAC,GACH,MAAM,IAAI,EAA8B,QAAQ;CAGlD,IAAM,EAAE,aAAU,EAAc;EAC9B;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,kBAAC,GAAD;EAEE,OAAO,EAAM,SAAS,GAAM,OAAO;EACnC,UAAU,EAAM;EAChB,mBAAkB;EAClB,GAAI;CACL,GALM,CAKN;AAEL"}

package/dist/switch/switch.mjs

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

package/dist/switch/switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.mjs","names":[],"sources":["../../src/switch/switch.tsx"],"sourcesContent":["import { FormControlLabel, Stack, Switch as SwitchMui } from '@mui/material';\nimport { useController, useFormContext } from 'react-hook-form';\nimport { FieldError } from '../components/fieldError';\nimport { FieldLabel } from '../components/fieldLabel';\nimport type { SwitchProps } from './switch.types';\nimport { FormComponentPrecisaDeControl } from '../formComponentPrecisaDeControl';\nimport { typedMemo } from '../utils/typedMemo';\nimport { useCallback } from 'react';\n\nconst Switch = ({\n  // RHF\n  name,\n  rules,\n  defaultValue,\n  defaultChecked,\n  shouldUnregister,\n  control: controlFromProps,\n  // Component Props\n  label,\n  labelPlacement = 'end',\n  disableIconError,\n  onChange: onChangeProp,\n  ...rest\n}: SwitchProps) => {\n  const controlFromContext = useFormContext()?.control;\n\n  const control = controlFromProps ?? controlFromContext;\n\n  if (!control) {\n    throw new FormComponentPrecisaDeControl('Switch');\n  }\n\n  const { field } = useController<Record<string, boolean>>({\n    control,\n    name,\n    rules,\n    defaultValue: defaultChecked ?? defaultValue ?? false,\n    shouldUnregister,\n  });\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => {\n      field.onChange(checked);\n      onChangeProp?.(event, checked);\n    },\n    [field, onChangeProp],\n  );\n\n  return (\n    <Stack>\n      <FormControlLabel\n        control={<SwitchMui {...rest} {...field} checked={Boolean(field.value)} onChange={handleChange} />}\n        label={<FieldLabel label={label} />}\n        labelPlacement={labelPlacement}\n      />\n      <FieldError name={name} disableIcon={disableIconError} control={control} />\n    </Stack>\n  );\n};\n\nexport default Switch;\n"],"mappings":";;;;;;;;AASA,IAAM,KAAU,EAEd,SACA,UACA,iBACA,mBACA,qBACA,SAAS,GAET,UACA,oBAAiB,OACjB,qBACA,UAAU,GACV,GAAG,QACc;CACjB,IAAM,IAAqB,EAAe,CAAC,EAAE,SAEvC,IAAU,KAAoB;CAEpC,IAAI,CAAC,GACH,MAAM,IAAI,EAA8B,QAAQ;CAGlD,IAAM,EAAE,aAAU,EAAuC;EACvD;EACA;EACA;EACA,cAAc,KAAkB,KAAgB;EAChD;CACF,CAAC,GAEK,IAAe,GAClB,GAA4C,MAAqB;EAEhE,AADA,EAAM,SAAS,CAAO,GACtB,IAAe,GAAO,CAAO;CAC/B,GACA,CAAC,GAAO,CAAY,CACtB;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,SAAS,kBAAC,GAAD;GAAW,GAAI;GAAM,GAAI;GAAO,SAAS,EAAQ,EAAM;GAAQ,UAAU;EAAe,CAAA;EACjG,OAAO,kBAAC,GAAD,EAAmB,SAAQ,CAAA;EAClB;CACjB,CAAA,GACD,kBAAC,GAAD;EAAkB;EAAM,aAAa;EAA2B;CAAU,CAAA,CACrE,EAAA,CAAA;AAEX"}

package/dist/textField/textField.mjs

@@ -0,0 +1,102 @@
+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 { useController as a, useFormContext as o, useFormState as s } from "react-hook-form";
+import { InputAdornment as c, Stack as l, TextField as u, Tooltip as d } from "@mui/material";
+import { LIcon as f } from "@s_mart/core";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useRef as h, useState as g } from "react";
+import { lineEye as _, lineEyeSlash as v, lineInfoCircle as y } from "@s_mart/solid-icons";
+import * as b from "@s_mart/masks";
+var x = i(({ name: i, rules: x, defaultValue: S, shouldUnregister: C, control: w, label: T, required: E, mask: D, variant: O = "outlined", info: k, parse: A, format: j, onInputChange: M, disableIconError: N, ...P }) => {
+	let F = o()?.control, I = w ?? F, L = h(S || void 0);
+	if (!I) throw new r("TextField");
+	let [R, z] = g(!1), B = (e) => {
+		let t = e;
+		return t = j?.(e) ?? e, D ? b?.[D]?.format(t) : t;
+	}, V = (e) => {
+		let t = e;
+		return t = A?.(e) ?? t, D ? b?.[D]?.parse(t, L.current) : t;
+	}, H = (e) => {
+		if (!e || D !== "porcentagem" && D !== "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: U } = a({
+		control: I,
+		name: i,
+		rules: x,
+		defaultValue: S,
+		shouldUnregister: C
+	}), W = s({
+		control: I,
+		name: i
+	}), G = e(W.errors, i);
+	return /* @__PURE__ */ m(l, { children: [
+		/* @__PURE__ */ m("div", {
+			style: { display: "flex" },
+			children: [T && /* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(n, {
+				label: T,
+				required: E
+			}) }), k && /* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(d, {
+				title: k,
+				placement: "top",
+				children: /* @__PURE__ */ p("div", {
+					style: { width: "fit-content" },
+					children: /* @__PURE__ */ p(f, {
+						icon: y,
+						color: "#757575"
+					})
+				})
+			}) })]
+		}),
+		/* @__PURE__ */ p(u, {
+			variant: O,
+			defaultValue: S,
+			value: B(U.value || (U.value == 0 ? U.value : "")),
+			onChange: (e) => {
+				let t = V(e?.target?.value);
+				U.onChange(t), M?.(t), L.current = e.target.value;
+			},
+			error: !!G,
+			...P,
+			type: P.type === "password" ? R ? "text" : "password" : P.type,
+			autoComplete: P.autoComplete || "off",
+			slotProps: {
+				...P.slotProps,
+				input: {
+					onKeyDown: H,
+					inputRef: U.ref,
+					endAdornment: P.type === "password" && /* @__PURE__ */ p(c, {
+						position: "start",
+						onClick: () => z(!R),
+						style: { cursor: "pointer" },
+						children: /* @__PURE__ */ p(f, {
+							icon: R ? _ : v,
+							size: "24px",
+							removeMargin: !0
+						})
+					}),
+					...P.slotProps?.input
+				}
+			}
+		}, i),
+		/* @__PURE__ */ p(t, {
+			name: i,
+			disableIcon: N,
+			control: I
+		})
+	] });
+});
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=textField.mjs.map

package/dist/textField/textField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textField.mjs","names":[],"sources":["../../src/textField/textField.tsx"],"sourcesContent":["import { Grid, InputAdornment, Stack, TextField as TextFieldMui, Tooltip } from '@mui/material';\nimport { LIcon } from '@s_mart/core';\nimport * as masks from '@s_mart/masks';\nimport { lineEye, lineEyeSlash, lineInfoCircle } from '@s_mart/solid-icons';\nimport { useRef, useState } from 'react';\nimport { type FieldPath, type FieldValues, useController, useFormContext, useFormState } from 'react-hook-form';\nimport { FieldError } from '../components/fieldError';\nimport { FieldLabel } from '../components/fieldLabel';\nimport { erroFieldFormatado } from '../utils/erroFieldFormatado';\nimport type { TextFieldProps } from './textField.types';\nimport { FormComponentPrecisaDeControl } from '../formComponentPrecisaDeControl';\nimport { typedMemo } from '../utils/typedMemo';\n\nconst TextField = ({\n  // RHF\n  name,\n  rules,\n  defaultValue,\n  shouldUnregister,\n  control: controlFromProps,\n  // Component Props\n  label,\n  required,\n  mask,\n  variant = 'outlined',\n  info,\n  parse,\n  format,\n  onInputChange,\n  disableIconError,\n  ...rest\n}: TextFieldProps) => {\n  const controlFromContext = useFormContext()?.control;\n\n  const control = controlFromProps ?? controlFromContext;\n\n  const previousValue = useRef<string | undefined>(defaultValue || undefined);\n\n  if (!control) {\n    throw new FormComponentPrecisaDeControl('TextField');\n  }\n\n  const [showPassword, setShowPassword] = useState(false);\n\n  const _handleFormat = (value: string) => {\n    let _value = value;\n\n    _value = format?.(value) ?? value;\n\n    if (mask) {\n      return masks?.[mask]?.format(_value);\n    }\n\n    return _value;\n  };\n\n  const handleParse = (value: string) => {\n    let _value = value;\n\n    _value = parse?.(value) ?? _value;\n\n    if (mask) {\n      return masks?.[mask]?.parse(_value, previousValue.current);\n    }\n    return _value;\n  };\n\n  const onKeyDown = (event?: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>): void => {\n    if (!event) return;\n\n    if (mask !== 'porcentagem' && mask !== 'porcentagem0') {\n      return;\n    }\n\n    event?.stopPropagation();\n\n    const value = (event?.target as HTMLInputElement).value;\n\n    if (value) {\n      const str = String(value);\n\n      if (str.length > 0) {\n        const percentIndex = str.indexOf('%');\n\n        if (percentIndex > -1) {\n          event.currentTarget.selectionEnd = percentIndex;\n        }\n      }\n    }\n  };\n\n  const { field } = useController({\n    control,\n    name,\n    rules,\n    defaultValue,\n    shouldUnregister,\n  });\n\n  const formState = useFormState({ control, name });\n\n  const formattedError = erroFieldFormatado(formState.errors, name);\n\n  return (\n    <Stack>\n      <div style={{ display: 'flex' }}>\n        {label && (\n          <div>\n            <FieldLabel label={label} required={required} />\n          </div>\n        )}\n        {info && (\n          <div>\n            <Tooltip title={info} placement='top'>\n              <div style={{ width: 'fit-content' }}>\n                <LIcon icon={lineInfoCircle} color='#757575' />\n              </div>\n            </Tooltip>\n          </div>\n        )}\n      </div>\n      <TextFieldMui\n        key={name}\n        variant={variant}\n        defaultValue={defaultValue}\n        // biome-ignore lint/suspicious/noDoubleEquals: Comparamos com != pois pode ser que o valor seja '0' ou 0\n        value={_handleFormat(field.value || (field.value != 0 ? '' : field.value))}\n        onChange={(e) => {\n          const parsedValue = handleParse(e?.target?.value);\n          field.onChange(parsedValue);\n          onInputChange?.(parsedValue);\n\n          previousValue.current = e.target.value;\n        }}\n        error={Boolean(formattedError)}\n        {...rest}\n        type={rest.type === 'password' ? (showPassword ? 'text' : 'password') : rest.type}\n        autoComplete={rest.autoComplete || 'off'}\n        slotProps={{\n          ...rest.slotProps,\n          input: {\n            onKeyDown,\n            inputRef: field.ref,\n            endAdornment: rest.type === 'password' && (\n              <InputAdornment\n                position='start'\n                onClick={() => setShowPassword(!showPassword)}\n                style={{ cursor: 'pointer' }}\n              >\n                <LIcon icon={showPassword ? lineEye : lineEyeSlash} size='24px' removeMargin />\n              </InputAdornment>\n            ),\n            ...rest.slotProps?.input,\n          },\n        }}\n      />\n      <FieldError name={name} disableIcon={disableIconError} control={control} />\n    </Stack>\n  );\n};\n\nexport default typedMemo(TextField);\n"],"mappings":";;;;;;;;;;;;AAiKA,IAAA,IAAe,GApJI,EAEjB,SACA,UACA,iBACA,qBACA,SAAS,GAET,UACA,aACA,SACA,aAAU,YACV,SACA,UACA,WACA,kBACA,qBACA,GAAG,QACiB;CACpB,IAAM,IAAqB,EAAe,CAAC,EAAE,SAEvC,IAAU,KAAoB,GAE9B,IAAgB,EAA2B,KAAgB,KAAA,CAAS;CAE1E,IAAI,CAAC,GACH,MAAM,IAAI,EAA8B,WAAW;CAGrD,IAAM,CAAC,GAAc,KAAmB,EAAS,EAAK,GAEhD,KAAiB,MAAkB;EACvC,IAAI,IAAS;EAQb,OANA,IAAS,IAAS,CAAK,KAAK,GAExB,IACK,IAAQ,EAAK,EAAE,OAAO,CAAM,IAG9B;CACT,GAEM,KAAe,MAAkB;EACrC,IAAI,IAAS;EAOb,OALA,IAAS,IAAQ,CAAK,KAAK,GAEvB,IACK,IAAQ,EAAK,EAAE,MAAM,GAAQ,EAAc,OAAO,IAEpD;CACT,GAEM,KAAa,MAA8E;EAG/F,IAFI,CAAC,KAED,MAAS,iBAAiB,MAAS,gBACrC;EAGF,GAAO,gBAAgB;EAEvB,IAAM,KAAS,GAAO,OAAA,CAA4B;EAElD,IAAI,GAAO;GACT,IAAM,IAAM,OAAO,CAAK;GAExB,IAAI,EAAI,SAAS,GAAG;IAClB,IAAM,IAAe,EAAI,QAAQ,GAAG;IAEpC,AAAI,IAAe,OACjB,EAAM,cAAc,eAAe;GAEvC;EACF;CACF,GAEM,EAAE,aAAU,EAAc;EAC9B;EACA;EACA;EACA;EACA;CACF,CAAC,GAEK,IAAY,EAAa;EAAE;EAAS;CAAK,CAAC,GAE1C,IAAiB,EAAmB,EAAU,QAAQ,CAAI;CAEhE,OACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,OAAD;GAAK,OAAO,EAAE,SAAS,OAAO;GAA9B,UAAA,CACG,KACC,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;IAAmB;IAAiB;GAAW,CAAA,EAC5C,CAAA,GAEN,KACC,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;IAAS,OAAO;IAAM,WAAU;IAC9B,UAAA,kBAAC,OAAD;KAAK,OAAO,EAAE,OAAO,cAAc;KACjC,UAAA,kBAAC,GAAD;MAAO,MAAM;MAAgB,OAAM;KAAW,CAAA;IAC3C,CAAA;GACE,CAAA,EACN,CAAA,CAEJ;;EACL,kBAAC,GAAD;GAEW;GACK;GAEd,OAAO,EAAc,EAAM,UAAU,EAAM,SAAS,IAAS,EAAM,QAAX,GAAiB;GACzE,WAAW,MAAM;IACf,IAAM,IAAc,EAAY,GAAG,QAAQ,KAAK;IAIhD,AAHA,EAAM,SAAS,CAAW,GAC1B,IAAgB,CAAW,GAE3B,EAAc,UAAU,EAAE,OAAO;GACnC;GACA,OAAO,EAAQ;GACf,GAAI;GACJ,MAAM,EAAK,SAAS,aAAc,IAAe,SAAS,aAAc,EAAK;GAC7E,cAAc,EAAK,gBAAgB;GACnC,WAAW;IACT,GAAG,EAAK;IACR,OAAO;KACL;KACA,UAAU,EAAM;KAChB,cAAc,EAAK,SAAS,cAC1B,kBAAC,GAAD;MACE,UAAS;MACT,eAAe,EAAgB,CAAC,CAAY;MAC5C,OAAO,EAAE,QAAQ,UAAU;MAE3B,UAAA,kBAAC,GAAD;OAAO,MAAM,IAAe,IAAU;OAAc,MAAK;OAAO,cAAA;MAAc,CAAA;KAChE,CAAA;KAElB,GAAG,EAAK,WAAW;IACrB;GACF;EACD,GAjCM,CAiCN;EACD,kBAAC,GAAD;GAAkB;GAAM,aAAa;GAA2B;EAAU,CAAA;CACrE,EAAA,CAAA;AAEX,CAEkC"}

package/dist/timePicker/timePicker.mjs

@@ -0,0 +1,76 @@
+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 "./timePicker.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 { composeValidators as f, time as p } from "@s_mart/rules";
+import { AdapterDayjs as m } from "@mui/x-date-pickers/AdapterDayjs";
+import { LocalizationProvider as h } from "@mui/x-date-pickers/LocalizationProvider";
+import "dayjs/locale/pt-br";
+import { TimePicker as g } from "@mui/x-date-pickers/TimePicker";
+var _ = i(({ rules: i, defaultValue: _, shouldUnregister: v, name: y, control: b, required: x, label: S, disabled: C, disableIconError: w, size: T, ...E }) => {
+	let D = s()?.control, O = b ?? D;
+	if (!O) throw new r("TimePicker");
+	let k = c({
+		control: O,
+		name: y
+	}), A = e(k.errors, y), j = E.format || "HH:mm", M = i ? f([p(j), i]) : p(j), { field: N } = o({
+		control: O,
+		name: y,
+		rules: M,
+		defaultValue: _,
+		shouldUnregister: v
+	});
+	return /* @__PURE__ */ u(h, {
+		dateAdapter: m,
+		children: /* @__PURE__ */ d(l, { children: [
+			S && /* @__PURE__ */ u(n, {
+				label: S,
+				required: x
+			}),
+			/* @__PURE__ */ u(g, {
+				ampm: !1,
+				format: j,
+				value: N.value ?? null,
+				disabled: C,
+				...E,
+				onChange: (e, t) => {
+					N.onChange(e, t), E?.onChange?.(e, t);
+				},
+				slots: { openPickerButton: a },
+				slotProps: {
+					...E.slotProps,
+					textField: {
+						error: !!A,
+						size: T,
+						...E.slotProps?.textField,
+						slotProps: {
+							...E.slotProps?.textField?.slotProps,
+							input: {
+								...(E.slotProps?.textField)?.slotProps?.input,
+								inputRef: N.ref
+							}
+						}
+					},
+					actionBar: {
+						actions: [],
+						...E.slotProps?.actionBar
+					}
+				}
+			}, y),
+			/* @__PURE__ */ u(t, {
+				name: y,
+				disableIcon: w,
+				control: O
+			})
+		] })
+	});
+});
+//#endregion
+export { _ as default };
+
+//# sourceMappingURL=timePicker.mjs.map

package/dist/timePicker/timePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"timePicker.mjs","names":[],"sources":["../../src/timePicker/timePicker.tsx"],"sourcesContent":["import { composeValidators, time } from '@s_mart/rules';\n\nimport { Stack } from '@mui/material';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { TimePicker as TimePickerMui } from '@mui/x-date-pickers/TimePicker';\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 './timePicker.styles';\nimport type { TimePickerProps } from './timePicker.types';\n\nimport 'dayjs/locale/pt-br';\n\nconst TimePicker = ({\n  // RHF\n  rules,\n  defaultValue,\n  shouldUnregister,\n  name,\n  control: controlFromProps,\n  // Component Props\n  required,\n  label,\n  disabled,\n  disableIconError,\n  size,\n  ...rest\n}: TimePickerProps) => {\n  const controlFromContext = useFormContext()?.control;\n\n  const control = controlFromProps ?? controlFromContext;\n\n  if (!control) {\n    throw new FormComponentPrecisaDeControl('TimePicker');\n  }\n\n  const formState = useFormState({ control, name });\n\n  const formattedError = erroFieldFormatado(formState.errors, name);\n\n  const timeFormat = rest.format || 'HH:mm';\n  const newRules = rules ? composeValidators([time(timeFormat), rules as any]) : time(timeFormat);\n\n  const { field } = useController({\n    control,\n    name,\n    rules: newRules,\n    defaultValue,\n    shouldUnregister,\n  });\n\n  return (\n    <LocalizationProvider dateAdapter={AdapterDayjs}>\n      <Stack>\n        {label && <FieldLabel label={label} required={required} />}\n        <TimePickerMui\n          key={name}\n          ampm={false}\n          format={timeFormat}\n          value={field.value ?? null}\n          disabled={disabled}\n          {...rest}\n          onChange={(value, context) => {\n            field.onChange(value, context);\n            rest?.onChange?.(value, context);\n          }}\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            actionBar: {\n              actions: [],\n              ...rest.slotProps?.actionBar,\n            },\n          }}\n        />\n        <FieldError name={name} disableIcon={disableIconError} control={control} />\n      </Stack>\n    </LocalizationProvider>\n  );\n};\n\nexport default typedMemo(TimePicker);\n"],"mappings":";;;;;;;;;;;;;;AAoGA,IAAA,IAAe,GAlFK,EAElB,UACA,iBACA,qBACA,SACA,SAAS,GAET,aACA,UACA,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,GAE1C,IAAiB,EAAmB,EAAU,QAAQ,CAAI,GAE1D,IAAa,EAAK,UAAU,SAC5B,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;EAAsB,aAAa;EACjC,UAAA,kBAAC,GAAD,EAAA,UAAA;GACG,KAAS,kBAAC,GAAD;IAAmB;IAAiB;GAAW,CAAA;GACzD,kBAAC,GAAD;IAEE,MAAM;IACN,QAAQ;IACR,OAAO,EAAM,SAAS;IACZ;IACV,GAAI;IACJ,WAAW,GAAO,MAAY;KAE5B,AADA,EAAM,SAAS,GAAO,CAAO,GAC7B,GAAM,WAAW,GAAO,CAAO;IACjC;IACA,OAAO,EACL,kBAAkB,EACpB;IACA,WAAW;KACT,GAAG,EAAK;KACR,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;KACA,WAAW;MACT,SAAS,CAAC;MACV,GAAG,EAAK,WAAW;KACrB;IACF;GACD,GAhCM,CAgCN;GACD,kBAAC,GAAD;IAAkB;IAAM,aAAa;IAA2B;GAAU,CAAA;EACrE,EAAA,CAAA;CACa,CAAA;AAE1B,CAEmC"}