@s_mart/form 11.0.1 → 16.0.0

package/dist/index.mjs

@@ -1,15 +1,102 @@
-import{useController as Ke,useFormContext as We}from"react-hook-form";import{Checkbox as Ye,FormControlLabel as Je}from"@mui/material";import{Indicator as $e}from"@s_mart/core";import{useFormState as ze}from"react-hook-form";var w=(e,o)=>o.replace(/[[\]]/g,"").split(".").reduce((r,i)=>r?.[i],e);import{jsx as He}from"react/jsx-runtime";var qe=({name:e,disableIcon:o,control:t})=>{let r=ze({control:t,name:e}),i=w(r?.errors,e);return i?He($e,{severity:"error",icon:o?!1:void 0,children:i?.message}):null},v=qe;import{Typography as ue}from"@mui/material";import{toRem as Ge}from"@s_mart/utils";import{jsx as fe,jsxs as Ue}from"react/jsx-runtime";var Ne=({label:e,required:o,regular:t})=>Ue("span",{style:{display:"flex",alignItems:"center",gap:Ge(2)},children:[fe(ue,{variant:"caption",style:{display:"flex",alignItems:"center"},sx:{fontWeight:t?400:700},children:e}),o&&fe(ue,{variant:"caption",color:"error",sx:{fontWeight:900},children:"*"})]}),x=Ne;var P=class extends Error{constructor(o){super(`O componente ${o} precisa de um control para funcionar. Passe o control como prop ou coloque o componente dentro de um <Form />`),this.name="FormComponentPrecisaDeControl"}};import{memo as _e}from"react";var R=_e;import{jsx as Z,jsxs as Ze}from"react/jsx-runtime";var Xe=({name:e,rules:o,defaultValue:t,shouldUnregister:r,control:i,label:F,labelPlacement:y,required:u,disableIconError:h,onChange:l,...V})=>{let s=We()?.control,d=i??s;if(!d)throw new P("Checkbox");let{field:a}=Ke({control:d,name:e,rules:o,defaultValue:t,shouldUnregister:r});return Ze("span",{children:[Z(Je,{control:Z(Ye,{checked:!!a.value,value:a.value??"",defaultValue:a.value,onChange:(n,I)=>{a.onChange(n,I),l?.(n,I)},...V},e),label:Z(x,{label:F,required:u,regular:!0}),labelPlacement:y||"end"}),Z(v,{name:e,disableIcon:h,control:d})]})},Qe=R(Xe);import{forwardRef as io,useCallback as Q,useState as ao}from"react";import{useController as so,useFormContext as po,useFormState as mo}from"react-hook-form";import uo from"lodash-es/isObject";import fo from"lodash-es/isEmpty";import co from"lodash-es/isEqual";import{Autocomplete as Fo,TextField as yo,Divider as ye,Button as xo,IconButton as xe}from"@mui/material";import{LIcon as re}from"@s_mart/core";import{linePlus as Pe,linePen as Po}from"@s_mart/solid-icons";import{toRem as he}from"@s_mart/utils";import{css as je,styled as eo}from"@mui/material";import{toRem as oo}from"@s_mart/utils";var ce=je`
+import { FormProvider as e, useController as t, useForm as n, useFormContext as r, useFormState as i } from "react-hook-form";
+import { Autocomplete as a, Button as o, Checkbox as s, Divider as c, FormControlLabel as l, Grid as u, IconButton as d, InputAdornment as f, MenuItem as p, Radio as m, RadioGroup as h, Select as g, Slider as _, Stack as v, Switch as y, TextField as b, Tooltip as x, Typography as S, css as C, styled as w } from "@mui/material";
+import { IconButton as T, Indicator as E, LIcon as D } from "@s_mart/core";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { toRem as j } from "@s_mart/utils";
+import { createElement as M, forwardRef as N, memo as P, useCallback as F, useEffect as I, useRef as L, useState as R } from "react";
+import ee from "lodash-es/isObject";
+import te from "lodash-es/isEmpty";
+import ne from "lodash-es/isEqual";
+import { colorPalette as z } from "@s_mart/tokens";
+import { lineEye as re, lineEyeSlash as B, lineInfoCircle as V, linePen as ie, linePlus as ae } from "@s_mart/solid-icons";
+import { composeValidators as H, date as U, time as W } from "@s_mart/rules";
+import { DatePicker as oe } from "@mui/x-date-pickers";
+import { AdapterDayjs as G } from "@mui/x-date-pickers/AdapterDayjs";
+import { LocalizationProvider as K } from "@mui/x-date-pickers/LocalizationProvider";
+import { ptBR as se } from "@mui/x-date-pickers/locales";
+import "dayjs/locale/pt-br";
+import { zodResolver as ce } from "@hookform/resolvers/zod";
+import { lineTimes as le } from "@s_mart/regular-icons";
+import * as q from "@s_mart/masks";
+import { TimePicker as ue } from "@mui/x-date-pickers/TimePicker";
+//#region src/utils/erroFieldFormatado.ts
+var J = (e, t) => t.replace(/[[\]]/g, "").split(".").reduce((e, t) => e?.[t], e), Y = ({ name: e, disableIcon: t, control: n }) => {
+	let r = J(i({
+		control: n,
+		name: e
+	})?.errors, e);
+	return r ? /* @__PURE__ */ k(E, {
+		severity: "error",
+		icon: !t && void 0,
+		children: r?.message
+	}) : null;
+}, X = ({ label: e, required: t, regular: n }) => /* @__PURE__ */ A("span", {
+	style: {
+		display: "flex",
+		alignItems: "center",
+		gap: j(2)
+	},
+	children: [/* @__PURE__ */ k(S, {
+		variant: "caption",
+		style: {
+			display: "flex",
+			alignItems: "center"
+		},
+		sx: { fontWeight: n ? 400 : 700 },
+		children: e
+	}), t && /* @__PURE__ */ k(S, {
+		variant: "caption",
+		color: "error",
+		sx: { fontWeight: 900 },
+		children: "*"
+	})]
+}), Z = class extends Error {
+	constructor(e) {
+		super(`O componente ${e} precisa de um control para funcionar. Passe o control como prop ou coloque o componente dentro de um <Form />`), this.name = "FormComponentPrecisaDeControl";
+	}
+}, Q = P, de = Q(({ name: e, rules: n, defaultValue: i, shouldUnregister: a, control: o, label: c, labelPlacement: u, required: d, disableIconError: f, onChange: p, ...m }) => {
+	let h = r()?.control, g = o ?? h;
+	if (!g) throw new Z("Checkbox");
+	let { field: _ } = t({
+		control: g,
+		name: e,
+		rules: n,
+		defaultValue: i,
+		shouldUnregister: a
+	});
+	return /* @__PURE__ */ A("span", { children: [/* @__PURE__ */ k(l, {
+		control: /* @__PURE__ */ k(s, {
+			checked: !!_.value,
+			value: _.value ?? "",
+			defaultValue: _.value,
+			onChange: (e, t) => {
+				_.onChange(e, t), p?.(e, t);
+			},
+			...m
+		}, e),
+		label: /* @__PURE__ */ k(X, {
+			label: c,
+			required: d,
+			regular: !0
+		}),
+		labelPlacement: u || "end"
+	}), /* @__PURE__ */ k(Y, {
+		name: e,
+		disableIcon: f,
+		control: g
+	})] });
+}), fe = C`
   display: flex;
   align-items: center;
   justify-content: center;
-`,Fe=eo("div")`
+`, pe = w("div")`
   display: flex;
 
   div.endAdornments {
     position: absolute;
     right: 0;
 
-    ${ce}
+    ${fe}
   }
 
   .MuiAutocomplete-endAdornment {
@@ -23,30 +110,756 @@ import{useController as Ke,useFormContext as We}from"react-hook-form";import{Che
 
   .creatable,
   .editable {
-    ${ce}
+    ${fe}
 
     .divider {
       width: 1px;
-      height: ${oo(20)};
-      background-color: ${({theme:e})=>e.palette.grey[400]};
+      height: ${j(20)};
+      background-color: ${({ theme: e }) => e.palette.grey[400]};
     }
   }
-`;import{Tooltip as to}from"@mui/material";import{LIcon as ro}from"@s_mart/core";import{lineInfoCircle as lo}from"@s_mart/solid-icons";import{jsx as te}from"react/jsx-runtime";var no=({title:e})=>te(to,{title:e,placement:"top",children:te("div",{style:{width:"fit-content"},children:te(ro,{icon:lo,color:"#757575"})})}),K=no;import{Fragment as le,jsx as C,jsxs as A}from"react/jsx-runtime";import{createElement as go}from"react";function ho(e){let{name:o,rules:t,defaultValue:r,shouldUnregister:i,control:F,label:y,required:u,options:h,footer:l,showCreatableButton:V=!0,showEditableButton:s,onEditOption:d,onCreateOption:a,getOptionKey:n,getOptionLabel:I,getOptionAfterLabel:f,getInputValueLabel:k,multiple:T,info:_,noOptionsText:$="Nenhuma op\xE7\xE3o encontrada",onChange:z,onInputChange:D,placeholder:L,...S}=e,[N,m]=ao(""),c=po()?.control,p=F??c;if(!p)throw new P("CreatableV2");let b=mo({control:p,name:o}),B=w(b.errors,o),W=!V||S.disabled,{field:U}=so({name:o,control:p,rules:t,defaultValue:r,shouldUnregister:i}),Le=E=>{let g=0;return e.slotProps?.textField?.slotProps?.input||(g+=2.5),W||(g+=2.56,de(E)&&(g+=2.56)),!S.disableClearable&&!S.disabled&&(g+=1.3),`${g}rem`},de=E=>S.disabled?!1:s&&uo(E)&&!fo(E),we=()=>S.disabled?!1:V,me=Q(()=>{typeof a<"u"&&(a(N),m(""))},[N,a]),Re=Q(()=>{d?.(U.value)},[U.value,d]),Be=Q((E,g,Y)=>{Y==="input"&&(m(g),D?.(g))},[D]),Me=Q((E,g)=>{m(""),U.onChange(g),z?.(g)},[U.onChange,z]),De=Q(E=>{S?.onBlur?.(E),m("")},[S?.onBlur]),Ae=U.value?U.value:T?[]:null;return A("div",{style:{display:"flex",flexDirection:"column"},children:[A("div",{style:{display:"flex"},children:[y&&C(x,{label:y,required:u}),_&&C(K,{title:_})]}),C(Fe,{children:C(Fo,{fullWidth:!0,onChange:Me,onInputChange:Be,onBlur:De,slotProps:{...S.slotProps,listbox:{component:io(function(g,Y){return A(le,{children:[C("ul",{...g,ref:Y}),typeof l<"u"?A("div",{...g,children:[C("div",{style:{paddingTop:"0.5rem",paddingBottom:"0.5rem"},children:C(ye,{})}),l()]},"creatable-footer"):null]})})}},value:Ae,options:h,multiple:T,readOnly:S.disabled,noOptionsText:A(le,{children:[$,!W&&A(xo,{sx:{justifyContent:"flex-start",padding:`${he(6)} ${he(-16)}`,margin:0},fullWidth:!0,onClick:me,variant:"text",startIcon:C(re,{icon:Pe}),children:["Adicionar ",`"${N}"`]}),typeof l<"u"&&A(le,{children:[C("div",{style:{paddingTop:"0.5rem",paddingBottom:"0.5rem"},children:C(ye,{})}),l()]})]}),isOptionEqualToValue:(E,g)=>co(E,g),getOptionLabel:f&&k||I,getOptionKey:n,renderOption:typeof f=="function"?(E,g)=>{let Y=f(g),Oe=n(g);return go("li",{...E,key:Oe},A("div",{style:{display:"flex",flexDirection:"column",flex:1},children:[C("span",{children:I(g)}),typeof Y=="string"?C("span",{children:Y}):Y]}))}:void 0,...S,sx:{"& div.MuiInputBase-root":{paddingRight:`${Le(U.value)} !important`},...S.sx},renderInput:E=>C(yo,{placeholder:L,...E,error:!!B,...e.slotProps?.textField,slotProps:{input:{...E.InputProps,...e.slotProps?.textField?.slotProps?.input,inputRef:U.ref,endAdornment:A("div",{className:"endAdornments",children:[E.InputProps.endAdornment,e.slotProps?.textField?.slotProps?.input?.endAdornment??null,de(U.value)?A("div",{className:"editable",children:[C("div",{className:"divider"}),C(xe,{size:"small",onClick:Re,sx:{mx:"3px"},tabIndex:-1,children:C(re,{icon:Po,size:"24px",removeMargin:!0})})]}):null,we()&&A("div",{className:"creatable",children:[C("div",{className:"divider"}),C(xe,{size:"small",onClick:me,sx:{mx:"3px"},tabIndex:-1,children:C(re,{icon:Pe,size:"24px",removeMargin:!0})})]})]})}}})},o)}),C(v,{name:o,control:p})]})}var bo=R(ho);import{Stack as Io}from"@mui/material";import{AdapterDayjs as To}from"@mui/x-date-pickers/AdapterDayjs";import{DatePicker as ko}from"@mui/x-date-pickers";import{LocalizationProvider as Eo}from"@mui/x-date-pickers/LocalizationProvider";import{ptBR as Lo}from"@mui/x-date-pickers/locales";import{composeValidators as wo,date as ge}from"@s_mart/rules";import{useController as Ro,useFormContext as Bo,useFormState as Mo}from"react-hook-form";import{IconButton as vo,styled as Co}from"@mui/material";import{toRem as q}from"@s_mart/utils";var Vo=e=>{switch(e){case"small":return q(16);case"large":return q(24);default:return q(20)}},So=e=>{switch(e){case"small":return`${q(2)} ${q(8)}`;case"large":return`${q(10)}`;default:return`${q(6)} ${q(8)}`}},be=Co(vo)`
+`, $ = ({ title: e }) => /* @__PURE__ */ k(x, {
+	title: e,
+	placement: "top",
+	children: /* @__PURE__ */ k("div", {
+		style: { width: "fit-content" },
+		children: /* @__PURE__ */ k(D, {
+			icon: V,
+			color: "#757575"
+		})
+	})
+});
+//#endregion
+//#region src/creatableV2/creatableV2.tsx
+function me(e) {
+	let { name: n, rules: s, defaultValue: l, shouldUnregister: u, control: f, label: p, required: m, options: h, footer: g, showCreatableButton: _ = !0, showEditableButton: v, onEditOption: y, onCreateOption: x, getOptionKey: S, getOptionLabel: C, getOptionAfterLabel: w, getInputValueLabel: T, multiple: E, info: P, noOptionsText: I = "Nenhuma opção encontrada", onChange: L, onInputChange: z, placeholder: re, ...B } = e, [V, H] = R(""), U = r()?.control, W = f ?? U;
+	if (!W) throw new Z("CreatableV2");
+	let oe = J(i({
+		control: W,
+		name: n
+	}).errors, n), G = !_ || B.disabled, { field: K } = t({
+		name: n,
+		control: W,
+		rules: s,
+		defaultValue: l,
+		shouldUnregister: u
+	}), se = (t) => {
+		let n = 0;
+		return e.slotProps?.textField?.slotProps?.input || (n += 2.5), G || (n += 2.56, ce(t) && (n += 2.56)), !B.disableClearable && !B.disabled && (n += 1.3), `${n}rem`;
+	}, ce = (e) => !B.disabled && v && ee(e) && !te(e), le = () => !B.disabled && _, q = F(() => {
+		x !== void 0 && (x(V), H(""));
+	}, [V, x]), ue = F(() => {
+		y?.(K.value);
+	}, [K.value, y]), Q = F((e, t, n) => {
+		n === "input" && (H(t), z?.(t));
+	}, [z]), de = F((e, t) => {
+		H(""), K.onChange(t), L?.(t);
+	}, [K.onChange, L]), fe = F((e) => {
+		B?.onBlur?.(e), H("");
+	}, [B?.onBlur]), me = K.value ? K.value : E ? [] : null;
+	return /* @__PURE__ */ A("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column"
+		},
+		children: [
+			/* @__PURE__ */ A("div", {
+				style: { display: "flex" },
+				children: [p && /* @__PURE__ */ k(X, {
+					label: p,
+					required: m
+				}), P && /* @__PURE__ */ k($, { title: P })]
+			}),
+			/* @__PURE__ */ k(pe, { children: /* @__PURE__ */ k(a, {
+				fullWidth: !0,
+				onChange: de,
+				onInputChange: Q,
+				onBlur: fe,
+				slotProps: {
+					...B.slotProps,
+					listbox: { component: N(function(e, t) {
+						return /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k("ul", {
+							...e,
+							ref: t
+						}), g === void 0 ? null : /* @__PURE__ */ A("div", {
+							...e,
+							children: [/* @__PURE__ */ k("div", {
+								style: {
+									paddingTop: "0.5rem",
+									paddingBottom: "0.5rem"
+								},
+								children: /* @__PURE__ */ k(c, {})
+							}), g()]
+						}, "creatable-footer")] });
+					}) }
+				},
+				value: me,
+				options: h,
+				multiple: E,
+				readOnly: B.disabled,
+				noOptionsText: /* @__PURE__ */ A(O, { children: [
+					I,
+					!G && /* @__PURE__ */ A(o, {
+						sx: {
+							justifyContent: "flex-start",
+							padding: `${j(6)} ${j(-16)}`,
+							margin: 0
+						},
+						fullWidth: !0,
+						onClick: q,
+						variant: "text",
+						startIcon: /* @__PURE__ */ k(D, { icon: ae }),
+						children: ["Adicionar ", `"${V}"`]
+					}),
+					g !== void 0 && /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k("div", {
+						style: {
+							paddingTop: "0.5rem",
+							paddingBottom: "0.5rem"
+						},
+						children: /* @__PURE__ */ k(c, {})
+					}), g()] })
+				] }),
+				isOptionEqualToValue: (e, t) => ne(e, t),
+				getOptionLabel: w && T || C,
+				getOptionKey: S,
+				renderOption: typeof w == "function" ? (e, t) => {
+					let n = w(t), r = S(t);
+					return /* @__PURE__ */ M("li", {
+						...e,
+						key: r
+					}, /* @__PURE__ */ A("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							flex: 1
+						},
+						children: [/* @__PURE__ */ k("span", { children: C(t) }), typeof n == "string" ? /* @__PURE__ */ k("span", { children: n }) : n]
+					}));
+				} : void 0,
+				...B,
+				sx: {
+					"& div.MuiInputBase-root": { paddingRight: `${se(K.value)} !important` },
+					...B.sx
+				},
+				renderInput: (t) => /* @__PURE__ */ k(b, {
+					placeholder: re,
+					...t,
+					error: !!oe,
+					...e.slotProps?.textField,
+					slotProps: {
+						...t.slotProps,
+						input: {
+							...t.slotProps.input,
+							...e.slotProps?.textField?.slotProps?.input,
+							inputRef: K.ref,
+							endAdornment: /* @__PURE__ */ A("div", {
+								className: "endAdornments",
+								children: [
+									t.slotProps.input.endAdornment,
+									e.slotProps?.textField?.slotProps?.input?.endAdornment ?? null,
+									ce(K.value) ? /* @__PURE__ */ A("div", {
+										className: "editable",
+										children: [/* @__PURE__ */ k("div", { className: "divider" }), /* @__PURE__ */ k(d, {
+											size: "small",
+											onClick: ue,
+											sx: { mx: "3px" },
+											tabIndex: -1,
+											children: /* @__PURE__ */ k(D, {
+												icon: ie,
+												size: "24px",
+												removeMargin: !0
+											})
+										})]
+									}) : null,
+									le() && /* @__PURE__ */ A("div", {
+										className: "creatable",
+										children: [/* @__PURE__ */ k("div", { className: "divider" }), /* @__PURE__ */ k(d, {
+											size: "small",
+											onClick: q,
+											sx: { mx: "3px" },
+											tabIndex: -1,
+											children: /* @__PURE__ */ k(D, {
+												icon: ae,
+												size: "24px",
+												removeMargin: !0
+											})
+										})]
+									})
+								]
+							})
+						}
+					}
+				})
+			}, n) }),
+			/* @__PURE__ */ k(Y, {
+				name: n,
+				control: W
+			})
+		]
+	});
+}
+var he = Q(me), ge = (e) => {
+	switch (e) {
+		case "small": return j(16);
+		case "large": return j(24);
+		default: return j(20);
+	}
+}, _e = (e) => {
+	switch (e) {
+		case "small": return `${j(2)} ${j(8)}`;
+		case "large": return `${j(10)}`;
+		default: return `${j(6)} ${j(8)}`;
+	}
+}, ve = w(d)`
   margin: 0px;
 
-  padding: ${({size:e})=>So(e)};
-  border-radius: 0 ${q(4)} ${q(4)} 0;
+  padding: ${({ size: e }) => _e(e)};
+  border-radius: 0 ${j(4)} ${j(4)} 0;
 
   svg {
-    width: ${({size:e})=>Vo(e)} !important;
+    width: ${({ size: e }) => ge(e)} !important;
   }
-`;import"dayjs/locale/pt-br";import{jsx as ne,jsxs as $o}from"react/jsx-runtime";import{createElement as Oo}from"react";var Do=({rules:e,name:o,defaultValue:t,shouldUnregister:r,control:i,label:F,required:y,disabled:u,disableIconError:h,...l})=>{let V=Bo()?.control,s=i??V;if(!s)throw new P("DatePicker");let d=Mo({control:s,name:o}),a=w(d.errors,o),n=l?.format||"DD/MM/YYYY",I=e?wo([ge(n),e]):ge(n),{field:f}=Ro({control:s,name:o,rules:I,defaultValue:t,shouldUnregister:r});return ne(Eo,{dateAdapter:To,localeText:Lo.components.MuiLocalizationProvider.defaultProps.localeText,children:$o(Io,{children:[F&&ne(x,{label:F,required:y}),Oo(ko,{...l,key:o,value:f.value??null,format:n,onChange:(k,T)=>{f.onChange(k,T),l?.onChange?.(k,T)},disabled:u,enableAccessibleFieldDOMStructure:!1,slots:{openPickerButton:be},slotProps:{...l?.slotProps,textField:{error:!!a,...l.slotProps?.textField,inputRef:f.ref}}}),ne(v,{name:o,disableIcon:h,control:s})]})})},Ao=R(Do);import{FormProvider as zo}from"react-hook-form";import{jsx as ve}from"react/jsx-runtime";function qo({children:e,style:o,onSubmit:t,...r}){return ve(zo,{...r,children:ve("form",{onSubmit:i=>{i.preventDefault(),i.stopPropagation(),t(i)},style:o,children:e})})}var ie=qo;import{useEffect as Ho}from"react";import{useForm as Go}from"react-hook-form";import{zodResolver as No}from"@hookform/resolvers/zod";var Uo=({disableDefaultValuesUpdate:e,onSubmit:o,...t})=>{let r=Go({...t,resolver:t.schema&&No(t.schema)});return Ho(()=>{e||r.reset(t.defaultValues)},[t.defaultValues,r.reset]),{...r,onSubmit:r.handleSubmit(i=>o(i,r))}},ae=Uo;import{jsx as Wo}from"react/jsx-runtime";function _o({children:e,style:o,...t}){let r=ae(t);return Wo(ie,{...r,style:o,children:typeof e=="function"?e(r):e})}var Ko=_o;import{RadioGroup as Yo,Stack as Jo}from"@mui/material";import{useController as Xo,useFormContext as Qo}from"react-hook-form";import{jsx as se,jsxs as et}from"react/jsx-runtime";var Zo=({name:e,rules:o,defaultValue:t,shouldUnregister:r,control:i,label:F,required:y,children:u,orientation:h="row",disableIconError:l,...V})=>{let s=Qo()?.control,d=i??s;if(!d)throw new P("RadioGroup");let{field:a}=Xo({control:d,name:e,rules:o,defaultValue:t,shouldUnregister:r});return et(Jo,{children:[F&&se(x,{label:F,required:y}),se(Yo,{value:a.value||"",name:e,...V,onChange:n=>{V?.onChange?.(n,n.target?.value),a.onChange(n)},style:{display:"flex",flexDirection:h},children:u},e),se(v,{name:e,disableIcon:l,control:d})]})},jo=Zo;import{FormControlLabel as ot,Grid as tt,Radio as rt}from"@mui/material";import{jsx as j}from"react/jsx-runtime";var lt=({label:e,labelPlacement:o,...t})=>j(tt,{sx:{display:"flex",flexDirection:"column"},children:j(ot,{control:j(rt,{...t}),label:j(x,{label:e}),labelPlacement:o||"end"})}),nt=lt;import{Autocomplete as it,Divider as Ce,TextField as at}from"@mui/material";import st from"lodash-es/isEqual";import{forwardRef as pt}from"react";import{useController as dt,useFormContext as mt,useFormState as ut}from"react-hook-form";import{Fragment as pe,jsx as M,jsxs as J}from"react/jsx-runtime";import{createElement as Ft}from"react";var ft=e=>{let{name:o,rules:t,defaultValue:r,shouldUnregister:i,control:F,label:y,required:u,options:h,textFieldProps:l,noOptionsText:V,footer:s,multiple:d,info:a,placeholder:n,onChange:I,onInputChange:f,getOptionAfterLabel:k,getOptionLabel:T,getInputValueLabel:_,getOptionKey:$,...z}=e,D=mt()?.control,L=F??D;if(!L)throw new P("SearchableV2");let S=ut({control:L,name:o}),N=w(S.errors,o),{field:m}=dt({name:o,control:L,rules:t,defaultValue:r,shouldUnregister:i}),c=m.value?m.value:d?[]:null;return J("div",{style:{display:"flex",flexDirection:"column"},children:[J("div",{style:{display:"flex"},children:[y&&M(x,{label:y,required:u}),a&&M(K,{title:a})]}),M(it,{onChange:(p,b)=>{m.onChange(b),I?.(b)},onInputChange:(p,b,B)=>{B==="input"&&f?.(b)},value:c,options:h,multiple:d,readOnly:z.disabled,slotProps:{...z.slotProps,listbox:{component:pt(function(b,B){return J(pe,{children:[M("ul",{...b,ref:B}),typeof s<"u"?J("div",{...b,children:[M("div",{style:{paddingTop:"0.5rem",paddingBottom:"0.5rem"},children:M(Ce,{})}),s()]},"searchable-footer"):null]})})}},noOptionsText:J(pe,{children:[V||"Nenhuma op\xE7\xE3o encontrada",typeof s<"u"?J(pe,{children:[M("div",{style:{paddingTop:"0.5rem",paddingBottom:"0.5rem"},children:M(Ce,{})}),s()]}):null]}),isOptionEqualToValue:(p,b)=>st(p,b),getOptionLabel:k&&_||T,getOptionKey:$,renderOption:typeof k=="function"?(p,b)=>{let B=k(b),W=$(b);return Ft("li",{...p,key:W},J("div",{style:{display:"flex",flexDirection:"column",flex:1},children:[M("span",{children:T(b)}),typeof B=="string"?M("span",{children:B}):B]}))}:void 0,...z,renderInput:p=>M(at,{error:!!N,placeholder:n,...p,...l,inputRef:m.ref})},o),M(v,{name:o,control:L})]})},ct=R(ft);import{useState as Pt}from"react";import{useController as ht,useFormContext as bt,useFormState as gt}from"react-hook-form";import{IconButton as vt,LIcon as Ct}from"@s_mart/core";import{lineTimes as Vt}from"@s_mart/regular-icons";import{colorPalette as St}from"@s_mart/tokens";import{Select as It,MenuItem as Tt,Divider as kt}from"@mui/material";import{colorPalette as yt}from"@s_mart/tokens";import{jsx as xt}from"react/jsx-runtime";var Ve=({value:e,placeholder:o,getOptionLabel:t})=>e===null||e?.length===0?xt("p",{style:{color:yt.neutral[100]},children:o}):t(e);import{Fragment as wt,jsx as O,jsxs as X}from"react/jsx-runtime";var Et=e=>{let{name:o,rules:t,defaultValue:r,shouldUnregister:i,control:F,label:y,required:u,options:h,placeholder:l,clearable:V,info:s,footer:d,onChange:a,variant:n="outlined",getOptionKey:I,getOptionLabel:f,getOptionAfterLabel:k,getInputValueLabel:T,getOptionIcon:_,...$}=e,z=bt()?.control,D=F??z,[L,S]=Pt(!1);if(!D)throw new P("SelectV2");let N=gt({control:D,name:o}),m=w(N.errors,o),{field:c}=ht({control:D,name:o,rules:t,defaultValue:r,shouldUnregister:i});return X("div",{style:{display:"flex",flexDirection:"column"},children:[X("div",{style:{display:"flex"},children:[y&&O(x,{label:y,required:u}),s&&O(K,{title:s})]}),X(It,{open:L,onOpen:()=>S(!0),onClose:()=>S(!1),displayEmpty:!!l,variant:n,autoComplete:"off",value:c.value||null,renderValue:p=>O(Ve,{getOptionLabel:k&&T||f,placeholder:l,value:p}),onChange:p=>{c.onChange(p.target.value),a?.(p.target.value)},error:!!m,size:$.size||"medium",inputRef:c.ref,...$,endAdornment:X(wt,{children:[$.endAdornment,!!(V&&c.value)&&O(vt,{variant:"text",color:"neutral",size:"small",sx:{borderRadius:"50%",position:"absolute",right:"2rem"},style:{padding:0},"aria-label":"Limpar",title:"Limpar",onClick:()=>{c.onChange(null),a?.(null)},children:O(Ct,{icon:Vt,color:St.neutral[100],size:"25px",removeMargin:!0})})]}),children:[h.map(p=>{let b=I(p),B=f(p),W=_?.(p);return O(Tt,{value:p,children:X("div",{style:{display:"flex",flexDirection:"column",flex:1},children:[W!==void 0?X("div",{style:{display:"flex",alignItems:"center"},children:[W,B]}):B,O("span",{children:k?.(p)??null})]})},b)}),d!==void 0&&X("div",{children:[O("div",{style:{padding:"8px 16px"},children:O(kt,{})},"footer-divider"),O("div",{children:d({closeSelect:()=>S(!1)})},"footer-content")]},"footer")]},o),O(v,{name:o,control:D})]})},Lt=R(Et);import{useController as Rt,useFormContext as Bt}from"react-hook-form";import{Slider as Mt}from"@mui/material";import{jsx as Ot}from"react/jsx-runtime";var Dt=({name:e,rules:o,defaultValue:t,shouldUnregister:r,control:i,...F})=>{let y=Bt()?.control,u=i??y;if(!u)throw new P("Slider");let{field:h}=Rt({control:u,name:e,rules:o,defaultValue:t,shouldUnregister:r});return Ot(Mt,{value:h.value||F?.min||0,onChange:h.onChange,valueLabelDisplay:"auto",...F},e)},At=Dt;import{FormControlLabel as $t,Stack as zt,Switch as qt}from"@mui/material";import{useController as Ht,useFormContext as Gt}from"react-hook-form";import{useCallback as Nt}from"react";import{jsx as ee,jsxs as Kt}from"react/jsx-runtime";var Ut=({name:e,rules:o,defaultValue:t,defaultChecked:r,shouldUnregister:i,control:F,label:y,labelPlacement:u="end",disableIconError:h,onChange:l,...V})=>{let s=Gt()?.control,d=F??s;if(!d)throw new P("Switch");let{field:a}=Ht({control:d,name:e,rules:o,defaultValue:r??t??!1,shouldUnregister:i}),n=Nt((I,f)=>{a.onChange(f),l?.(I,f)},[a,l]);return Kt(zt,{children:[ee($t,{control:ee(qt,{...V,...a,checked:!!a.value,onChange:n}),label:ee(x,{label:y}),labelPlacement:u}),ee(v,{name:e,disableIcon:h,control:d})]})},_t=Ut;import{InputAdornment as Wt,Stack as Yt,TextField as Jt,Tooltip as Xt}from"@mui/material";import{LIcon as Se}from"@s_mart/core";import*as Ie from"@s_mart/masks";import{lineEye as Qt,lineEyeSlash as Zt,lineInfoCircle as jt}from"@s_mart/solid-icons";import{useRef as er,useState as or}from"react";import{useController as tr,useFormContext as rr,useFormState as lr}from"react-hook-form";import{jsx as H,jsxs as Te}from"react/jsx-runtime";var nr=({name:e,rules:o,defaultValue:t,shouldUnregister:r,control:i,label:F,required:y,mask:u,variant:h="outlined",info:l,parse:V,format:s,onInputChange:d,disableIconError:a,...n})=>{let I=rr()?.control,f=i??I,k=er(t||void 0);if(!f)throw new P("TextField");let[T,_]=or(!1),$=m=>{let c=m;return c=s?.(m)??m,u?Ie?.[u]?.format(c):c},z=m=>{let c=m;return c=V?.(m)??c,u?Ie?.[u]?.parse(c,k.current):c},D=m=>{if(!m||u!=="porcentagem"&&u!=="porcentagem0")return;m?.stopPropagation();let c=(m?.target).value;if(c){let p=String(c);if(p.length>0){let b=p.indexOf("%");b>-1&&(m.currentTarget.selectionEnd=b)}}},{field:L}=tr({control:f,name:e,rules:o,defaultValue:t,shouldUnregister:r}),S=lr({control:f,name:e}),N=w(S.errors,e);return Te(Yt,{children:[Te("div",{style:{display:"flex"},children:[F&&H("div",{children:H(x,{label:F,required:y})}),l&&H("div",{children:H(Xt,{title:l,placement:"top",children:H("div",{style:{width:"fit-content"},children:H(Se,{icon:jt,color:"#757575"})})})})]}),H(Jt,{variant:h,defaultValue:t,value:$(L.value||(L.value!=0?"":L.value)),onChange:m=>{let c=z(m?.target?.value);L.onChange(c),d?.(c),k.current=m.target.value},error:!!N,...n,type:n.type==="password"?T?"text":"password":n.type,autoComplete:n.autoComplete||"off",slotProps:{...n.slotProps,input:{onKeyDown:D,inputRef:L.ref,endAdornment:n.type==="password"&&H(Wt,{position:"start",onClick:()=>_(!T),style:{cursor:"pointer"},children:H(Se,{icon:T?Qt:Zt,size:"24px",removeMargin:!0})}),...n.slotProps?.input}}},e),H(v,{name:e,disableIcon:a,control:f})]})},ir=R(nr);import{Stack as mr}from"@mui/material";import{AdapterDayjs as ur}from"@mui/x-date-pickers/AdapterDayjs";import{LocalizationProvider as fr}from"@mui/x-date-pickers/LocalizationProvider";import{TimePicker as cr}from"@mui/x-date-pickers/TimePicker";import{composeValidators as Fr,time as Ee}from"@s_mart/rules";import{useController as yr,useFormContext as xr,useFormState as Pr}from"react-hook-form";import{styled as ar}from"@mui/material";import{IconButton as sr}from"@mui/material";import{toRem as G}from"@s_mart/utils";var pr=e=>{switch(e){case"small":return G(16);case"large":return G(24);default:return G(20)}},dr=e=>{switch(e){case"small":return`${G(2)} ${G(8)}`;case"large":return G(10);default:return`${G(6)} ${G(8)}`}},ke=ar(sr)`
+`, ye = Q(({ rules: e, name: n, defaultValue: a, shouldUnregister: o, control: s, label: c, required: l, disabled: u, disableIconError: d, size: f, ...p }) => {
+	let m = r()?.control, h = s ?? m;
+	if (!h) throw new Z("DatePicker");
+	let g = J(i({
+		control: h,
+		name: n
+	}).errors, n), _ = p?.format || "DD/MM/YYYY", y = e ? H([U(_), e]) : U(_), { field: b } = t({
+		control: h,
+		name: n,
+		rules: y,
+		defaultValue: a,
+		shouldUnregister: o
+	});
+	return /* @__PURE__ */ k(K, {
+		dateAdapter: G,
+		localeText: se.components.MuiLocalizationProvider.defaultProps.localeText,
+		children: /* @__PURE__ */ A(v, { children: [
+			c && /* @__PURE__ */ k(X, {
+				label: c,
+				required: l
+			}),
+			/* @__PURE__ */ M(oe, {
+				...p,
+				key: n,
+				value: b.value ?? null,
+				format: _,
+				onChange: (e, t) => {
+					b.onChange(e, t), p?.onChange?.(e, t);
+				},
+				disabled: u,
+				slots: { openPickerButton: ve },
+				slotProps: {
+					...p?.slotProps,
+					textField: {
+						error: !!g,
+						size: f,
+						...p.slotProps?.textField,
+						slotProps: {
+							...p.slotProps?.textField?.slotProps,
+							input: {
+								...(p.slotProps?.textField)?.slotProps?.input,
+								inputRef: b.ref
+							}
+						}
+					}
+				}
+			}),
+			/* @__PURE__ */ k(Y, {
+				name: n,
+				disableIcon: d,
+				control: h
+			})
+		] })
+	});
+});
+//#endregion
+//#region src/form/formProvider.tsx
+function be({ children: t, style: n, onSubmit: r, ...i }) {
+	return /* @__PURE__ */ k(e, {
+		...i,
+		children: /* @__PURE__ */ k("form", {
+			onSubmit: (e) => {
+				e.preventDefault(), e.stopPropagation(), r(e);
+			},
+			style: n,
+			children: t
+		})
+	});
+}
+//#endregion
+//#region src/form/useForm.ts
+var xe = ({ disableDefaultValuesUpdate: e, onSubmit: t, ...r }) => {
+	let i = n({
+		...r,
+		resolver: r.schema && ce(r.schema)
+	});
+	return I(() => {
+		e || i.reset(r.defaultValues);
+	}, [r.defaultValues, i.reset]), {
+		...i,
+		onSubmit: i.handleSubmit((e) => t(e, i))
+	};
+};
+//#endregion
+//#region src/form/form.tsx
+function Se({ children: e, style: t, ...n }) {
+	let r = xe(n);
+	return /* @__PURE__ */ k(be, {
+		...r,
+		style: t,
+		children: typeof e == "function" ? e(r) : e
+	});
+}
+//#endregion
+//#region src/radio/radioGroup/radioGroup.tsx
+var Ce = ({ name: e, rules: n, defaultValue: i, shouldUnregister: a, control: o, label: s, required: c, children: l, orientation: u = "row", disableIconError: d, ...f }) => {
+	let p = r()?.control, m = o ?? p;
+	if (!m) throw new Z("RadioGroup");
+	let { field: g } = t({
+		control: m,
+		name: e,
+		rules: n,
+		defaultValue: i,
+		shouldUnregister: a
+	});
+	return /* @__PURE__ */ A(v, { children: [
+		s && /* @__PURE__ */ k(X, {
+			label: s,
+			required: c
+		}),
+		/* @__PURE__ */ k(h, {
+			value: g.value || "",
+			name: e,
+			...f,
+			onChange: (e) => {
+				f?.onChange?.(e, e.target?.value), g.onChange(e);
+			},
+			style: {
+				display: "flex",
+				flexDirection: u
+			},
+			children: l
+		}, e),
+		/* @__PURE__ */ k(Y, {
+			name: e,
+			disableIcon: d,
+			control: m
+		})
+	] });
+}, we = ({ label: e, labelPlacement: t, ...n }) => /* @__PURE__ */ k(u, {
+	sx: {
+		display: "flex",
+		flexDirection: "column"
+	},
+	children: /* @__PURE__ */ k(l, {
+		control: /* @__PURE__ */ k(m, { ...n }),
+		label: /* @__PURE__ */ k(X, { label: e }),
+		labelPlacement: t || "end"
+	})
+}), Te = Q((e) => {
+	let { name: n, rules: o, defaultValue: s, shouldUnregister: l, control: u, label: d, required: f, options: p, textFieldProps: m, noOptionsText: h, footer: g, multiple: _, info: v, placeholder: y, onChange: x, onInputChange: S, getOptionAfterLabel: C, getOptionLabel: w, getInputValueLabel: T, getOptionKey: E, ...D } = e, j = r()?.control, P = u ?? j;
+	if (!P) throw new Z("SearchableV2");
+	let F = J(i({
+		control: P,
+		name: n
+	}).errors, n), { field: I } = t({
+		name: n,
+		control: P,
+		rules: o,
+		defaultValue: s,
+		shouldUnregister: l
+	}), L = I.value ? I.value : _ ? [] : null;
+	return /* @__PURE__ */ A("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column"
+		},
+		children: [
+			/* @__PURE__ */ A("div", {
+				style: { display: "flex" },
+				children: [d && /* @__PURE__ */ k(X, {
+					label: d,
+					required: f
+				}), v && /* @__PURE__ */ k($, { title: v })]
+			}),
+			/* @__PURE__ */ k(a, {
+				onChange: (e, t) => {
+					I.onChange(t), x?.(t);
+				},
+				onInputChange: (e, t, n) => {
+					n === "input" && S?.(t);
+				},
+				value: L,
+				options: p,
+				multiple: _,
+				readOnly: D.disabled,
+				slotProps: {
+					...D.slotProps,
+					listbox: { component: N(function(e, t) {
+						return /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k("ul", {
+							...e,
+							ref: t
+						}), g === void 0 ? null : /* @__PURE__ */ A("div", {
+							...e,
+							children: [/* @__PURE__ */ k("div", {
+								style: {
+									paddingTop: "0.5rem",
+									paddingBottom: "0.5rem"
+								},
+								children: /* @__PURE__ */ k(c, {})
+							}), g()]
+						}, "searchable-footer")] });
+					}) }
+				},
+				noOptionsText: /* @__PURE__ */ A(O, { children: [h || "Nenhuma opção encontrada", g === void 0 ? null : /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k("div", {
+					style: {
+						paddingTop: "0.5rem",
+						paddingBottom: "0.5rem"
+					},
+					children: /* @__PURE__ */ k(c, {})
+				}), g()] })] }),
+				isOptionEqualToValue: (e, t) => ne(e, t),
+				getOptionLabel: C && T || w,
+				getOptionKey: E,
+				renderOption: typeof C == "function" ? (e, t) => {
+					let n = C(t), r = E(t);
+					return /* @__PURE__ */ M("li", {
+						...e,
+						key: r
+					}, /* @__PURE__ */ A("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							flex: 1
+						},
+						children: [/* @__PURE__ */ k("span", { children: w(t) }), typeof n == "string" ? /* @__PURE__ */ k("span", { children: n }) : n]
+					}));
+				} : void 0,
+				...D,
+				renderInput: (e) => /* @__PURE__ */ k(b, {
+					error: !!F,
+					placeholder: y,
+					...e,
+					...m,
+					inputRef: I.ref
+				})
+			}, n),
+			/* @__PURE__ */ k(Y, {
+				name: n,
+				control: P
+			})
+		]
+	});
+}), Ee = ({ value: e, placeholder: t, getOptionLabel: n }) => e === null || e?.length === 0 ? /* @__PURE__ */ k("p", {
+	style: { color: z.neutral[100] },
+	children: t
+}) : n(e), De = Q((e) => {
+	let { name: n, rules: a, defaultValue: o, shouldUnregister: s, control: l, label: u, required: d, options: f, placeholder: m, clearable: h, info: _, footer: v, onChange: y, variant: b = "outlined", getOptionKey: x, getOptionLabel: S, getOptionAfterLabel: C, getInputValueLabel: w, getOptionIcon: E, ...j } = e, M = r()?.control, N = l ?? M, [P, F] = R(!1);
+	if (!N) throw new Z("SelectV2");
+	let I = J(i({
+		control: N,
+		name: n
+	}).errors, n), { field: L } = t({
+		control: N,
+		name: n,
+		rules: a,
+		defaultValue: o,
+		shouldUnregister: s
+	});
+	return /* @__PURE__ */ A("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column"
+		},
+		children: [
+			/* @__PURE__ */ A("div", {
+				style: { display: "flex" },
+				children: [u && /* @__PURE__ */ k(X, {
+					label: u,
+					required: d
+				}), _ && /* @__PURE__ */ k($, { title: _ })]
+			}),
+			/* @__PURE__ */ A(g, {
+				open: P,
+				onOpen: () => F(!0),
+				onClose: () => F(!1),
+				displayEmpty: !!m,
+				variant: b,
+				autoComplete: "off",
+				value: L.value || null,
+				renderValue: (e) => /* @__PURE__ */ k(Ee, {
+					getOptionLabel: C && w || S,
+					placeholder: m,
+					value: e
+				}),
+				onChange: (e) => {
+					L.onChange(e.target.value), y?.(e.target.value);
+				},
+				error: !!I,
+				size: j.size || "medium",
+				inputRef: L.ref,
+				...j,
+				endAdornment: /* @__PURE__ */ A(O, { children: [j.endAdornment, !!(h && L.value) && /* @__PURE__ */ k(T, {
+					variant: "text",
+					color: "neutral",
+					size: "small",
+					sx: {
+						borderRadius: "50%",
+						position: "absolute",
+						right: "2rem"
+					},
+					style: { padding: 0 },
+					"aria-label": "Limpar",
+					title: "Limpar",
+					onClick: () => {
+						L.onChange(null), y?.(null);
+					},
+					children: /* @__PURE__ */ k(D, {
+						icon: le,
+						color: z.neutral[100],
+						size: "25px",
+						removeMargin: !0
+					})
+				})] }),
+				children: [f.map((e) => {
+					let t = x(e), n = S(e), r = E?.(e);
+					return /* @__PURE__ */ k(p, {
+						value: e,
+						children: /* @__PURE__ */ A("div", {
+							style: {
+								display: "flex",
+								flexDirection: "column",
+								flex: 1
+							},
+							children: [r === void 0 ? n : /* @__PURE__ */ A("div", {
+								style: {
+									display: "flex",
+									alignItems: "center"
+								},
+								children: [r, n]
+							}), /* @__PURE__ */ k("span", { children: C?.(e) ?? null })]
+						})
+					}, t);
+				}), v !== void 0 && /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("div", {
+					style: { padding: "8px 16px" },
+					children: /* @__PURE__ */ k(c, {})
+				}, "footer-divider"), /* @__PURE__ */ k("div", { children: v({ closeSelect: () => F(!1) }) }, "footer-content")] }, "footer")]
+			}, n),
+			/* @__PURE__ */ k(Y, {
+				name: n,
+				control: N
+			})
+		]
+	});
+}), Oe = ({ name: e, rules: n, defaultValue: i, shouldUnregister: a, control: o, ...s }) => {
+	let c = r()?.control, l = o ?? c;
+	if (!l) throw new Z("Slider");
+	let { field: u } = t({
+		control: l,
+		name: e,
+		rules: n,
+		defaultValue: i,
+		shouldUnregister: a
+	});
+	return /* @__PURE__ */ k(_, {
+		value: u.value || s?.min || 0,
+		onChange: u.onChange,
+		valueLabelDisplay: "auto",
+		...s
+	}, e);
+}, ke = ({ name: e, rules: n, defaultValue: i, defaultChecked: a, shouldUnregister: o, control: s, label: c, labelPlacement: u = "end", disableIconError: d, onChange: f, ...p }) => {
+	let m = r()?.control, h = s ?? m;
+	if (!h) throw new Z("Switch");
+	let { field: g } = t({
+		control: h,
+		name: e,
+		rules: n,
+		defaultValue: a ?? i ?? !1,
+		shouldUnregister: o
+	}), _ = F((e, t) => {
+		g.onChange(t), f?.(e, t);
+	}, [g, f]);
+	return /* @__PURE__ */ A(v, { children: [/* @__PURE__ */ k(l, {
+		control: /* @__PURE__ */ k(y, {
+			...p,
+			...g,
+			checked: !!g.value,
+			onChange: _
+		}),
+		label: /* @__PURE__ */ k(X, { label: c }),
+		labelPlacement: u
+	}), /* @__PURE__ */ k(Y, {
+		name: e,
+		disableIcon: d,
+		control: h
+	})] });
+}, Ae = Q(({ name: e, rules: n, defaultValue: a, shouldUnregister: o, control: s, label: c, required: l, mask: u, variant: d = "outlined", info: p, parse: m, format: h, onInputChange: g, disableIconError: _, ...y }) => {
+	let S = r()?.control, C = s ?? S, w = L(a || void 0);
+	if (!C) throw new Z("TextField");
+	let [T, E] = R(!1), O = (e) => {
+		let t = e;
+		return t = h?.(e) ?? e, u ? q?.[u]?.format(t) : t;
+	}, j = (e) => {
+		let t = e;
+		return t = m?.(e) ?? t, u ? q?.[u]?.parse(t, w.current) : t;
+	}, M = (e) => {
+		if (!e || u !== "porcentagem" && u !== "porcentagem0") return;
+		e?.stopPropagation();
+		let t = (e?.target).value;
+		if (t) {
+			let n = String(t);
+			if (n.length > 0) {
+				let t = n.indexOf("%");
+				t > -1 && (e.currentTarget.selectionEnd = t);
+			}
+		}
+	}, { field: N } = t({
+		control: C,
+		name: e,
+		rules: n,
+		defaultValue: a,
+		shouldUnregister: o
+	}), P = J(i({
+		control: C,
+		name: e
+	}).errors, e);
+	return /* @__PURE__ */ A(v, { children: [
+		/* @__PURE__ */ A("div", {
+			style: { display: "flex" },
+			children: [c && /* @__PURE__ */ k("div", { children: /* @__PURE__ */ k(X, {
+				label: c,
+				required: l
+			}) }), p && /* @__PURE__ */ k("div", { children: /* @__PURE__ */ k(x, {
+				title: p,
+				placement: "top",
+				children: /* @__PURE__ */ k("div", {
+					style: { width: "fit-content" },
+					children: /* @__PURE__ */ k(D, {
+						icon: V,
+						color: "#757575"
+					})
+				})
+			}) })]
+		}),
+		/* @__PURE__ */ k(b, {
+			variant: d,
+			defaultValue: a,
+			value: O(N.value || (N.value == 0 ? N.value : "")),
+			onChange: (e) => {
+				let t = j(e?.target?.value);
+				N.onChange(t), g?.(t), w.current = e.target.value;
+			},
+			error: !!P,
+			...y,
+			type: y.type === "password" ? T ? "text" : "password" : y.type,
+			autoComplete: y.autoComplete || "off",
+			slotProps: {
+				...y.slotProps,
+				input: {
+					onKeyDown: M,
+					inputRef: N.ref,
+					endAdornment: y.type === "password" && /* @__PURE__ */ k(f, {
+						position: "start",
+						onClick: () => E(!T),
+						style: { cursor: "pointer" },
+						children: /* @__PURE__ */ k(D, {
+							icon: T ? re : B,
+							size: "24px",
+							removeMargin: !0
+						})
+					}),
+					...y.slotProps?.input
+				}
+			}
+		}, e),
+		/* @__PURE__ */ k(Y, {
+			name: e,
+			disableIcon: _,
+			control: C
+		})
+	] });
+}), je = (e) => {
+	switch (e) {
+		case "small": return j(16);
+		case "large": return j(24);
+		default: return j(20);
+	}
+}, Me = (e) => {
+	switch (e) {
+		case "small": return `${j(2)} ${j(8)}`;
+		case "large": return j(10);
+		default: return `${j(6)} ${j(8)}`;
+	}
+}, Ne = w(d)`
   margin: 0px;
 
-  padding: ${({size:e})=>dr(e)};
-  border-radius: 0 ${G(4)} ${G(4)} 0;
+  padding: ${({ size: e }) => Me(e)};
+  border-radius: 0 ${j(4)} ${j(4)} 0;
 
   svg {
-    width: ${({size:e})=>pr(e)} !important;
+    width: ${({ size: e }) => je(e)} !important;
   }
-`;import"dayjs/locale/pt-br";import{jsx as oe,jsxs as gr}from"react/jsx-runtime";var hr=({rules:e,defaultValue:o,shouldUnregister:t,name:r,control:i,required:F,label:y,disabled:u,disableIconError:h,...l})=>{let V=xr()?.control,s=i??V;if(!s)throw new P("TimePicker");let d=Pr({control:s,name:r}),a=w(d.errors,r),n=l.format||"HH:mm",I=e?Fr([Ee(n),e]):Ee(n),{field:f}=yr({control:s,name:r,rules:I,defaultValue:o,shouldUnregister:t});return oe(fr,{dateAdapter:ur,children:gr(mr,{children:[y&&oe(x,{label:y,required:F}),oe(cr,{ampm:!1,format:n,value:f.value??null,disabled:u,...l,enableAccessibleFieldDOMStructure:!1,onChange:(k,T)=>{f.onChange(k,T),l?.onChange?.(k,T)},slots:{openPickerButton:ke},slotProps:{...l.slotProps,textField:{error:!!a,...l.slotProps?.textField,inputRef:f.ref},actionBar:{actions:[],...l.slotProps?.actionBar}}},r),oe(v,{name:r,disableIcon:h,control:s})]})})},br=R(hr);export{Qe as Checkbox,bo as CreatableV2,Ao as DatePicker,v as FieldError,K as FieldInfo,x as FieldLabel,Ko as Form,ie as FormProvider,nt as RadioButton,jo as RadioGroup,ct as SearchableV2,Lt as SelectV2,At as Slider,_t as Switch,ir as TextField,br as TimePicker,ae as useForm};
+`, Pe = Q(({ rules: e, defaultValue: n, shouldUnregister: a, name: o, control: s, required: c, label: l, disabled: u, disableIconError: d, size: f, ...p }) => {
+	let m = r()?.control, h = s ?? m;
+	if (!h) throw new Z("TimePicker");
+	let g = J(i({
+		control: h,
+		name: o
+	}).errors, o), _ = p.format || "HH:mm", y = e ? H([W(_), e]) : W(_), { field: b } = t({
+		control: h,
+		name: o,
+		rules: y,
+		defaultValue: n,
+		shouldUnregister: a
+	});
+	return /* @__PURE__ */ k(K, {
+		dateAdapter: G,
+		children: /* @__PURE__ */ A(v, { children: [
+			l && /* @__PURE__ */ k(X, {
+				label: l,
+				required: c
+			}),
+			/* @__PURE__ */ k(ue, {
+				ampm: !1,
+				format: _,
+				value: b.value ?? null,
+				disabled: u,
+				...p,
+				onChange: (e, t) => {
+					b.onChange(e, t), p?.onChange?.(e, t);
+				},
+				slots: { openPickerButton: Ne },
+				slotProps: {
+					...p.slotProps,
+					textField: {
+						error: !!g,
+						size: f,
+						...p.slotProps?.textField,
+						slotProps: {
+							...p.slotProps?.textField?.slotProps,
+							input: {
+								...(p.slotProps?.textField)?.slotProps?.input,
+								inputRef: b.ref
+							}
+						}
+					},
+					actionBar: {
+						actions: [],
+						...p.slotProps?.actionBar
+					}
+				}
+			}, o),
+			/* @__PURE__ */ k(Y, {
+				name: o,
+				disableIcon: d,
+				control: h
+			})
+		] })
+	});
+});
+//#endregion
+export { de as Checkbox, he as CreatableV2, ye as DatePicker, Y as FieldError, $ as FieldInfo, X as FieldLabel, Se as Form, be as FormProvider, we as RadioButton, Ce as RadioGroup, Te as SearchableV2, De as SelectV2, Oe as Slider, ke as Switch, Ae as TextField, Pe as TimePicker, xe as useForm };
+
+//# sourceMappingURL=index.mjs.map