@tesouro/embedded-components-react 0.2.231 → 0.2.232

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index416.js

@@ -1,18 +1,24 @@
-import { useMoniteContext as e } from "./index57.js";
-const a = () => {
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as s } from "react-hot-toast";
+const m = (e) => {
   const {
     api: t,
     queryClient: i
-  } = e();
-  return t.finops.putEntitiesIdLogo.useMutation(void 0, {
-    onSuccess: async (s) => {
-      t.finops.getEntityUsersMyEntity.setQueryData({}, (o) => o && {
-        ...o,
-        logo: s
-      }, i), await t.finops.getEntityUsersMyEntity.invalidateQueries(i);
+  } = n(), {
+    i18n: o
+  } = a();
+  return t.finops.deleteMeasureUnitsId.useMutation(void 0, {
+    onSuccess: async () => {
+      e && (await t.finops.getMeasureUnits.invalidateQueries(i), s.success(o._("Unit {name} was deleted from the list.", {
+        name: e
+      })));
+    },
+    onError: (r) => {
+      console.error(r), s.error(o._("Failed to delete Unit."));
     }
   });
 };
 export {
-  a as useUploadEntityLogo
+  m as useDeleteMeasureUnit
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index417.js

@@ -1,26 +1,30 @@
-import { toast as o } from "react-hot-toast";
-import { useMoniteContext as n } from "./index57.js";
-import { useLingui as r } from "@lingui/react";
-const p = (i) => {
+import { useMoniteContext as u } from "./index57.js";
+import { getAPIErrorMessage as m } from "./index119.js";
+import { useLingui as c } from "@lingui/react";
+import { toast as n } from "react-hot-toast";
+const M = (a, i) => {
   const {
     api: t,
-    queryClient: s
-  } = n(), {
-    i18n: e
-  } = r();
-  return t.finops.deleteEntitiesIdLogo.useMutation({
-    path: {
-      entity_id: i
-    }
-  }, {
-    onSuccess: async () => {
-      await t.finops.getEntityUsersMyEntity.invalidateQueries(s), o.success(e._("Logo was removed."));
+    queryClient: o
+  } = u(), {
+    i18n: r
+  } = c();
+  return t.finops.postMeasureUnits.useMutation({}, {
+    onSuccess: async (e) => {
+      await t.finops.getMeasureUnits.invalidateQueries(o), n.success(r._("Unit {name} was added to the list", {
+        name: e.name
+      })), a?.();
     },
-    onError: () => {
-      o.error(e._("Failed to remove logo."));
+    onError: async (e) => {
+      const s = m(r, e);
+      if (s.includes("already exists")) {
+        i?.(s);
+        return;
+      } else
+        n.error(s);
     }
   });
 };
 export {
-  p as useDeleteEntityLogo
+  M as useCreateMeasureUnit
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index418.js

@@ -1,52 +1,40 @@
-import { jsx as t, jsxs as e, Fragment as c } from "@emotion/react/jsx-runtime";
-import { useEffect as f } from "react";
-import { useLingui as h } from "@lingui/react";
-import { X as g, CloudUpload as x, AlertCircle as N, CheckCircle2 as b } from "lucide-react";
-import { LoadingSpinner as y } from "./index150.js";
-import { Typography as l } from "./index85.js";
-import { twMerge as v } from "tailwind-merge";
-import { UploadBar as C } from "./index479.js";
-const U = ({
-  isUploading: o,
-  isSuccess: r,
-  isError: i,
-  isDraggingOver: d,
-  resetUpload: a,
-  fileName: m,
-  onClick: u
-}) => {
+import { useMoniteContext as p } from "./index57.js";
+import { getAPIErrorMessage as m } from "./index119.js";
+import { useLingui as d } from "@lingui/react";
+import { toast as n } from "react-hot-toast";
+const g = (i, o, u) => {
   const {
-    i18n: s
-  } = h(), w = o || r || i;
-  function p() {
-    return i ? /* @__PURE__ */ t(N, { className: "ttw:size-5 ttw:text-danger" }) : r ? /* @__PURE__ */ t(b, { className: "ttw:size-5 ttw:text-success" }) : /* @__PURE__ */ t(y, { className: "ttw:w-5 ttw:h-5" });
-  }
-  return f(() => {
-    let n;
-    return r && (n = setTimeout(() => a(), 2e3)), () => clearTimeout(n);
-  }, [r, a]), /* @__PURE__ */ t("div", { className: v("ttw:w-full ttw:h-38 ttw:bg-white ttw:box-border ttw:transition-all ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:text-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:px-4 ttw:py-6", d ? "ttw:border-solid ttw:border-primary" : "ttw:border-dashed ttw:border-border"), onClick: () => {
-    w || u();
-  }, children: w ? /* @__PURE__ */ e(c, { children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-4 ttw:justify-center ttw:w-full", children: [
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:w-1/2 ttw:items-center", children: [
-        p(),
-        /* @__PURE__ */ t("span", { className: "ttw:w-full ttw:text-sm ttw:leading-5 ttw:text-medium ttw:text-neutral ttw:truncate", children: m })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:items-center", children: [
-        /* @__PURE__ */ t(C, { shouldStartProgress: o, isError: i, isSuccess: r }),
-        i && /* @__PURE__ */ t("button", { type: "button", disabled: o, onClick: a, className: "ttw:border-none ttw:cursor-pointer", children: /* @__PURE__ */ t(g, { className: "ttw:size-4" }) })
-      ] })
-    ] }),
-    i && /* @__PURE__ */ t(l, { variant: "body2", color: "destructive", className: "ttw:font-medium", children: s._("Wrong file format. Please, upload the file in JPEG, PNG or GIF format.") })
-  ] }) : /* @__PURE__ */ e(c, { children: [
-    /* @__PURE__ */ t("div", { className: "ttw:p-3 ttw:bg-primary ttw:rounded-full", children: /* @__PURE__ */ t(x, { className: "ttw:text-white ttw:size-5" }) }),
-    /* @__PURE__ */ e(l, { variant: "body2", className: "ttw:font-medium", children: [
-      s._("Drop your files here, or "),
-      /* @__PURE__ */ t("span", { className: "ttw:text-primary ttw:underline ttw:hover:cursor-pointer", children: s._("click to browse") })
-    ] }),
-    /* @__PURE__ */ t(l, { variant: "caption", color: "muted", children: s._("PNG, JPG or GIF (max. 10MB)") })
-  ] }) });
+    api: e,
+    queryClient: r
+  } = p(), {
+    i18n: a
+  } = d();
+  return e.finops.patchMeasureUnitsId.useMutation({
+    path: {
+      unit_id: i
+    }
+  }, {
+    onSuccess: async (s) => {
+      await Promise.all([e.finops.getMeasureUnits.invalidateQueries(r), e.finops.getMeasureUnitsId.invalidateQueries({
+        parameters: {
+          path: {
+            unit_id: i
+          }
+        }
+      }, r)]), n.success(a._("Unit {name} was updated", {
+        name: s.name
+      })), o?.();
+    },
+    onError: (s) => {
+      const t = m(a, s);
+      if (t.includes("already exists")) {
+        u?.(t);
+        return;
+      } else
+        n.error(t);
+    }
+  });
 };
 export {
-  U as DragAndDropBox
+  g as useUpdateMeasureUnit
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index419.js

@@ -1,13 +1,12 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { Switch as a } from "radix-ui";
-import { cn as e } from "./index100.js";
-function o({
-  className: s,
-  size: r = "default",
-  ...i
-}) {
-  return /* @__PURE__ */ t(a.Root, { "data-slot": "switch", "data-size": r, className: e("ttw:peer ttw:group/switch ttw:inline-flex ttw:shrink-0 ttw:items-center ttw:rounded-full ttw:border ttw:border-transparent ttw:shadow-xs ttw:transition-all ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50 ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:data-[size=default]:h-[1.15rem] ttw:data-[size=default]:w-8 ttw:data-[size=sm]:h-3.5 ttw:data-[size=sm]:w-6 ttw:data-[state=checked]:bg-primary ttw:data-[state=unchecked]:bg-input ttw:dark:data-[state=unchecked]:bg-input/80", s), ...i, children: /* @__PURE__ */ t(a.Thumb, { "data-slot": "switch-thumb", className: e("ttw:pointer-events-none ttw:block ttw:rounded-full ttw:bg-background ttw:ring-0 ttw:transition-transform ttw:group-data-[size=default]/switch:size-4 ttw:group-data-[size=sm]/switch:size-3 ttw:data-[state=checked]:translate-x-[calc(100%-2px)] ttw:data-[state=unchecked]:translate-x-0 ttw:dark:data-[state=checked]:bg-primary-foreground ttw:dark:data-[state=unchecked]:bg-foreground") }) });
-}
+const o = ["draft", "new", "waiting_to_be_paid", "approve_in_progress"], s = (n) => {
+  if (!n.due_date) return 0;
+  const e = /* @__PURE__ */ new Date();
+  e.setUTCHours(0, 0, 0, 0);
+  const t = new Date(n.due_date);
+  if (t.setUTCHours(0, 0, 0, 0), t.getTime() === e.getTime()) return 0;
+  const r = o.includes(n.status), i = t.getTime() < e.getTime();
+  return !r || !i ? 0 : Math.floor((e.getTime() - t.getTime()) / 864e5);
+};
 export {
-  o as Switch
+  s as getInvoiceOverdueDays
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index42.js

@@ -3,14 +3,14 @@ import { useState as c, useCallback as r } from "react";
 import { ProductsTable as g } from "./index43.js";
 import { ProductDetails as v } from "./index45.js";
 import { MoniteScopedProviders as x } from "./index83.js";
-import { useUserPermissions as h } from "./index135.js";
+import { useUserPermissions as h } from "./index146.js";
 import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../shared/data-access/dist/lib/rest/client.gen.js";
 import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as R } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as S } from "./index136.js";
+import { AccessRestriction as S } from "./index157.js";
 import "./index84.js";
 import "clsx";
 import "tailwind-merge";

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index420.js

@@ -1,14 +1,14 @@
 import { jsx as t, jsxs as a } from "@emotion/react/jsx-runtime";
-import { getMeasureUnitValidationSchema as z } from "./index152.js";
+import { getMeasureUnitValidationSchema as z } from "./index182.js";
 import { Button as o } from "./index84.js";
-import { Input as p } from "./index119.js";
-import { TableRow as C, TableCell as M } from "./index275.js";
+import { Input as p } from "./index122.js";
+import { TableRow as C, TableCell as M } from "./index285.js";
 import { zodResolver as S } from "@hookform/resolvers/zod";
 import { useLingui as U } from "@lingui/react";
 import { Check as $, X as j } from "lucide-react";
 import { useForm as k, Controller as f } from "react-hook-form";
-import { useCreateMeasureUnit as E } from "./index412.js";
-import { useUpdateMeasureUnit as V } from "./index413.js";
+import { useCreateMeasureUnit as E } from "./index417.js";
+import { useUpdateMeasureUnit as V } from "./index418.js";
 const P = {
   name: "",
   description: ""

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index421.js

@@ -6,11 +6,11 @@ import { useLingui as x } from "@lingui/react";
 import "react-dom";
 import "./index57.js";
 import "@mui/x-data-grid";
-import { ConfirmationModal as y } from "./index273.js";
-import { Table as C, TableBody as _, TableRow as D, TableCell as l } from "./index275.js";
+import { ConfirmationModal as y } from "./index215.js";
+import { Table as C, TableBody as _, TableRow as D, TableCell as l } from "./index285.js";
 import { Typography as r } from "./index85.js";
 import { Loader2 as L } from "lucide-react";
-import { useGetProducts as T } from "./index147.js";
+import { useGetProducts as T } from "./index179.js";
 const R = ({
   onClose: c,
   onDelete: d,

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index422.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
-import { DropdownMenu as s, DropdownMenuTrigger as a, DropdownMenuContent as d, DropdownMenuItem as r } from "./index155.js";
+import { DropdownMenu as s, DropdownMenuTrigger as a, DropdownMenuContent as d, DropdownMenuItem as r } from "./index138.js";
 import { Button as c } from "./index84.js";
 import { useLingui as u } from "@lingui/react";
 import { MoreVertical as m, Pencil as p, Trash2 as h } from "lucide-react";

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index423.js

@@ -6,7 +6,7 @@ import { useLingui as d } from "@lingui/react";
 import "react-dom";
 import "./index57.js";
 import "@mui/x-data-grid";
-import { getTriggerKeyAndValue as f, isValidTriggerKey as p, isValidOperation as A, OPERATOR_OPERATIONS as o } from "./index477.js";
+import { getTriggerKeyAndValue as f, isValidTriggerKey as p, isValidOperation as A, OPERATOR_OPERATIONS as o } from "./index476.js";
 const O = ({
   approvalPolicy: i
 }) => {

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index43.js

@@ -1,8 +1,8 @@
 import { jsx as t, jsxs as a, Fragment as B } from "@emotion/react/jsx-runtime";
 import { useState as s, useMemo as N, useCallback as G } from "react";
-import { ProductDeleteModal as W } from "./index139.js";
-import { ProductType as q } from "./index140.js";
-import { Filters as H } from "./index141.js";
+import { ProductDeleteModal as W } from "./index174.js";
+import { ProductType as q } from "./index175.js";
+import { Filters as H } from "./index176.js";
 import { useMoniteContext as Y } from "./index57.js";
 import { MoniteScopedProviders as J } from "./index83.js";
 import { useCurrencies as Q } from "./index58.js";
@@ -10,27 +10,27 @@ import "./index92.js";
 import { useLingui as V } from "@lingui/react";
 import "react-dom";
 import "@mui/x-data-grid";
-import { useUserPermissions as X } from "./index135.js";
+import { useUserPermissions as X } from "./index146.js";
 import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../shared/data-access/dist/lib/rest/client.gen.js";
 import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as k } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as Z } from "./index136.js";
+import { AccessRestriction as Z } from "./index157.js";
 import { Button as f } from "./index84.js";
 import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-dialog";
 import { ArrowUp as ee, ArrowDown as te, ArrowUpDown as oe, Plus as ie } from "lucide-react";
-import { DataTable as re } from "./index142.js";
-import { GetNoRowsOverlay as ae } from "./index143.js";
-import { MeasureUnit as se } from "./index144.js";
-import { hasSelectedText as ne } from "./index145.js";
-import { FILTER_TYPE_SEARCH as S } from "./index146.js";
+import { DataTable as re } from "./index164.js";
+import { GetNoRowsOverlay as ae } from "./index163.js";
+import { MeasureUnit as se } from "./index177.js";
+import { hasSelectedText as ne } from "./index165.js";
+import { FILTER_TYPE_SEARCH as S } from "./index178.js";
 import "react-hot-toast";
-import { useGetProducts as le } from "./index147.js";
-import { ManageMeasureUnits as ce } from "./index148.js";
+import { useGetProducts as le } from "./index179.js";
+import { ManageMeasureUnits as ce } from "./index180.js";
 const Ge = (d) => /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(de, { ...d }) }), de = ({
   onFilterChanged: d,
   onSortChanged: g,

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index433.js

@@ -1,4 +1,4 @@
-import { ROLE_APPROVAL_CALLS as s } from "./index321.js";
+import { ROLE_APPROVAL_CALLS as s } from "./index343.js";
 const l = (o) => typeof o == "string" && s.includes(o);
 export {
   l as isRoleApprovalCall

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index435.js

@@ -1,31 +1,22 @@
-import { jsxs as r, jsx as t } from "@emotion/react/jsx-runtime";
-import { useMemo as d } from "react";
-import { styled as s, TableCell as i, Card as m, Table as c, TableBody as h, TableRow as p } from "@mui/material";
-const b = s(i)(({
-  theme: e,
-  isRequired: l
-}) => ({
-  color: l ? e.palette.error.main : e.palette.text.secondary,
-  minWidth: 120,
-  width: "35%"
-})), u = (e) => {
-  const l = d(() => !e.value && e.withEmptyStateFiller ? "—" : e.value, [e.value, e.withEmptyStateFiller]);
-  return l ? /* @__PURE__ */ r(p, { children: [
-    /* @__PURE__ */ t(b, { component: "th", scope: "row", children: e.label }),
-    /* @__PURE__ */ t(i, { children: l })
-  ] }) : null;
-}, y = ({
-  items: e,
-  children: l,
-  ...a
-}) => /* @__PURE__ */ r(m, { variant: "outlined", sx: {
-  overflow: "visible"
-}, ...a, children: [
-  /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(h, { children: e.map((o, n) => /* @__PURE__ */ t(u, { ...o }, n)) }) }),
-  l
-] });
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useState as l, useEffect as c } from "react";
+const u = ({
+  shouldStartProgress: e,
+  isError: d,
+  isSuccess: w
+}) => {
+  const [a, o] = l(0);
+  return c(() => {
+    let s;
+    return e && (s = setInterval(() => {
+      o((t) => t < 98 ? t + 2 : t === 98 ? t + 1 : t);
+    }, 200)), () => {
+      clearInterval(s);
+    };
+  }, [e]), w ? /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-success ttw:rounded-md" }) : d ? /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-danger ttw:rounded-md" }) : /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-neutral ttw:rounded-md", children: /* @__PURE__ */ r("div", { className: "ttw:bg-primary ttw:h-full ttw:rounded-md", style: {
+    width: `${a}%`
+  } }) });
+};
 export {
-  y as MoniteCard,
-  u as MoniteCardItem,
-  b as StyledLabelTableCell
+  u as UploadBar
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index436.js

@@ -1,71 +1,31 @@
-import { jsx as a, jsxs as x, Fragment as h } from "@emotion/react/jsx-runtime";
-import { Controller as y } from "react-hook-form";
-import { useRootElements as D } from "./index92.js";
-import { Alert as F } from "@mui/material";
-import { DatePicker as C } from "@mui/x-date-pickers";
-import { parse as P, format as T } from "date-fns";
-const M = ({
-  control: p,
-  name: n,
-  slotProps: o,
-  valueAs: c = "date",
-  stringFormat: s = "yyyy-MM-dd",
-  ...d
-}) => {
-  const i = (e) => e?.type === "custom", {
-    root: l
-  } = D();
-  return /* @__PURE__ */ a(y, { control: p, name: n, render: ({
-    field: e,
-    fieldState: {
-      error: r,
-      isTouched: u
-    },
-    formState: {
-      isValid: f
-    }
-  }) => {
-    const m = (u || !f) && !i(r), g = e.value !== null ? typeof e.value == "string" ? P(e.value, s, /* @__PURE__ */ new Date()) : new Date(e.value) : null;
-    return /* @__PURE__ */ x(h, { children: [
-      /* @__PURE__ */ a(
-        C,
-        {
-          ...e,
-          ...d,
-          value: g,
-          onChange: (t) => {
-            if (t instanceof Date && !Number.isNaN(t.getTime())) {
-              const v = c === "string" ? T(t, s) : t;
-              e.onChange(v);
-            } else
-              e.onChange(null);
-          },
-          slotProps: {
-            ...o,
-            popper: {
-              ...o?.popper,
-              container: l
-            },
-            dialog: {
-              ...o?.dialog,
-              container: l
-            },
-            textField: {
-              variant: "standard",
-              ...o?.textField,
-              id: n,
-              error: m && !!r?.message,
-              helperText: m && r?.message
-            }
-          }
-        }
-      ),
-      i(r) && /* @__PURE__ */ a(F, { severity: "error", icon: !1, sx: {
-        marginTop: -2
-      }, children: r?.message })
-    ] });
-  } });
-};
+import { jsxs as r, jsx as t } from "@emotion/react/jsx-runtime";
+import { useMemo as d } from "react";
+import { styled as s, TableCell as i, Card as m, Table as c, TableBody as h, TableRow as p } from "@mui/material";
+const b = s(i)(({
+  theme: e,
+  isRequired: l
+}) => ({
+  color: l ? e.palette.error.main : e.palette.text.secondary,
+  minWidth: 120,
+  width: "35%"
+})), u = (e) => {
+  const l = d(() => !e.value && e.withEmptyStateFiller ? "—" : e.value, [e.value, e.withEmptyStateFiller]);
+  return l ? /* @__PURE__ */ r(p, { children: [
+    /* @__PURE__ */ t(b, { component: "th", scope: "row", children: e.label }),
+    /* @__PURE__ */ t(i, { children: l })
+  ] }) : null;
+}, y = ({
+  items: e,
+  children: l,
+  ...a
+}) => /* @__PURE__ */ r(m, { variant: "outlined", sx: {
+  overflow: "visible"
+}, ...a, children: [
+  /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(h, { children: e.map((o, n) => /* @__PURE__ */ t(u, { ...o }, n)) }) }),
+  l
+] });
 export {
-  M as RHFDatePicker
+  y as MoniteCard,
+  u as MoniteCardItem,
+  b as StyledLabelTableCell
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index437.js

@@ -1,59 +1,71 @@
-import { jsx as t, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
-import { Controller as v } from "react-hook-form";
-import { useRootElements as P } from "./index92.js";
-import { TextField as T, Alert as y } from "@mui/material";
-const j = ({
-  control: l,
+import { jsx as a, jsxs as x, Fragment as h } from "@emotion/react/jsx-runtime";
+import { Controller as y } from "react-hook-form";
+import { useRootElements as D } from "./index92.js";
+import { Alert as F } from "@mui/material";
+import { DatePicker as C } from "@mui/x-date-pickers";
+import { parse as P, format as T } from "date-fns";
+const M = ({
+  control: p,
   name: n,
-  SelectProps: s,
-  type: a,
-  ...c
+  slotProps: o,
+  valueAs: c = "date",
+  stringFormat: s = "yyyy-MM-dd",
+  ...d
 }) => {
   const i = (e) => e?.type === "custom", {
-    root: p
-  } = P();
-  return /* @__PURE__ */ t(v, { control: l, name: n, render: ({
+    root: l
+  } = D();
+  return /* @__PURE__ */ a(y, { control: p, name: n, render: ({
     field: e,
     fieldState: {
       error: r,
-      isTouched: d
+      isTouched: u
     },
     formState: {
-      isValid: u
+      isValid: f
     }
   }) => {
-    const m = (d || !u) && !i(r), g = (f) => {
-      const o = f.target.value;
-      a === "number" ? e.onChange(o === "" ? void 0 : Number(o)) : e.onChange(o);
-    };
-    return /* @__PURE__ */ h(x, { children: [
-      /* @__PURE__ */ t(
-        T,
+    const m = (u || !f) && !i(r), g = e.value !== null ? typeof e.value == "string" ? P(e.value, s, /* @__PURE__ */ new Date()) : new Date(e.value) : null;
+    return /* @__PURE__ */ x(h, { children: [
+      /* @__PURE__ */ a(
+        C,
         {
           ...e,
-          ...c,
-          id: n,
-          variant: "standard",
-          type: a,
-          value: e.value ?? "",
-          onChange: g,
-          error: m && !!r?.message,
-          helperText: m && r?.message,
-          SelectProps: {
-            ...s,
-            MenuProps: {
-              ...s?.MenuProps,
-              container: p
+          ...d,
+          value: g,
+          onChange: (t) => {
+            if (t instanceof Date && !Number.isNaN(t.getTime())) {
+              const v = c === "string" ? T(t, s) : t;
+              e.onChange(v);
+            } else
+              e.onChange(null);
+          },
+          slotProps: {
+            ...o,
+            popper: {
+              ...o?.popper,
+              container: l
+            },
+            dialog: {
+              ...o?.dialog,
+              container: l
+            },
+            textField: {
+              variant: "standard",
+              ...o?.textField,
+              id: n,
+              error: m && !!r?.message,
+              helperText: m && r?.message
             }
           }
         }
       ),
-      i(r) && /* @__PURE__ */ t(y, { severity: "error", icon: !1, sx: {
+      i(r) && /* @__PURE__ */ a(F, { severity: "error", icon: !1, sx: {
         marginTop: -2
       }, children: r?.message })
     ] });
   } });
 };
 export {
-  j as RHFTextField
+  M as RHFDatePicker
 };