asma-ui-core 3.42.0 → 3.43.0

package/dist/components/utils/accordion/base-ui/StyledAccordion.js

@@ -1,33 +1,26 @@
-import { cn as A } from "../../../../helpers/cn.js";
-import I from "./StyledAccordion.module.js";
-import { AccordionContext as S } from "./AccordionContext.js";
-import { useId as l, useMemo as y, useState as C } from "react";
-import { jsx as s } from "react/jsx-runtime";
-var N = ({ className: d, children: m, expanded: t, defaultExpanded: p, disabled: e, onChange: u, ...f }) => {
-  const n = l(), r = l(), c = t !== void 0, [a, v] = C(!!p), o = c ? !!t : a, g = () => {
-    const i = !o;
-    c || v(i), u?.(i);
-  }, x = y(() => ({
-    open: o,
-    toggle: g,
-    disabled: e,
-    triggerId: n,
-    panelId: r
-  }), [
-    o,
-    e,
-    n,
-    r
-  ]);
-  return /* @__PURE__ */ s("div", {
-    ...f,
-    className: A(I.AccordionRoot, d),
-    children: /* @__PURE__ */ s(S.Provider, {
-      value: x,
-      children: m
+import { cn as u } from "../../../../helpers/cn.js";
+import s from "./StyledAccordion.module.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import { Accordion as e } from "@base-ui/react/accordion";
+var g = ({ className: c, children: i, expanded: r, defaultExpanded: l, onChange: m, ...n }) => {
+  const o = "item", d = {
+    ...n,
+    type: "single",
+    className: u(s.AccordionRoot, c),
+    onValueChange: (a) => {
+      m?.(a.includes(o));
+    },
+    ...r !== void 0 ? { value: r ? [o] : [] } : { defaultValue: l ? [o] : [] }
+  };
+  return /* @__PURE__ */ t(e.Root, {
+    ...d,
+    children: /* @__PURE__ */ t(e.Item, {
+      value: o,
+      children: i
     })
   });
 };
 export {
-  N as StyledAccordion
+  g as StyledAccordion
 };

package/dist/components/utils/accordion/base-ui/StyledAccordion.module.js

@@ -1,12 +1,12 @@
-var r = "_AccordionRoot_p579g_1", _ = "_Trigger_p579g_9", g = "_Header_p579g_18", e = "_TriggerIcon_p579g_40", o = "_TriggerIconRight_p579g_48", a = "_Panel_p579g_56", n = "_Content_p579g_64", t = {
+var r = "_AccordionRoot_wzlmo_1", o = "_Trigger_wzlmo_9", _ = "_Header_wzlmo_18", e = "_TriggerIcon_wzlmo_40", a = "_TriggerIconRight_wzlmo_48", g = "_Panel_wzlmo_56", l = "_Content_wzlmo_67", n = {
   AccordionRoot: r,
-  Trigger: _,
-  Header: g,
+  Trigger: o,
+  Header: _,
   TriggerIcon: e,
-  TriggerIconRight: o,
-  Panel: a,
-  Content: n
+  TriggerIconRight: a,
+  Panel: g,
+  Content: l
 };
 export {
-  t as default
+  n as default
 };

package/dist/components/utils/accordion/base-ui/StyledAccordionDetails.js

@@ -1,30 +1,16 @@
-import n from "./StyledAccordion.module.js";
-import { useAccordionContext as g } from "./AccordionContext.js";
-import { clsx as s } from "clsx";
-import { useEffect as h, useRef as v, useState as x } from "react";
-import { jsx as c } from "react/jsx-runtime";
-var C = ({ children: r, className: i, contentClassName: l, ...a }) => {
-  const { open: d, panelId: m, triggerId: u } = g(), e = v(null), [f, p] = x(0);
-  return h(() => {
-    if (!e.current) return;
-    const t = () => p(e.current?.scrollHeight ?? 0);
-    t();
-    const o = new ResizeObserver(t);
-    return o.observe(e.current), () => o.disconnect();
-  }, [r]), /* @__PURE__ */ c("div", {
-    ...a,
-    id: m,
-    role: "region",
-    "aria-labelledby": u,
-    className: s(n.Panel, i),
-    style: { "--accordion-panel-height": d ? `${f}px` : "0px" },
-    children: /* @__PURE__ */ c("div", {
-      ref: e,
-      className: s(n.Content, l),
-      children: r
-    })
-  });
-};
+import o from "./StyledAccordion.module.js";
+import { clsx as r } from "clsx";
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+import { Accordion as c } from "@base-ui/react/accordion";
+var f = ({ children: m, className: t, contentClassName: i, ...l }) => /* @__PURE__ */ e(c.Panel, {
+  ...l,
+  className: r(o.Panel, t),
+  children: /* @__PURE__ */ e("div", {
+    className: r(o.Content, i),
+    children: m
+  })
+});
 export {
-  C as StyledAccordionDetails
+  f as StyledAccordionDetails
 };

package/dist/components/utils/accordion/base-ui/StyledAccordionSummary.js

@@ -1,39 +1,35 @@
-import { ChevronDownIcon as b } from "../../../icons/chevron-down-icon/ChevronDownIcon.js";
-import e from "./StyledAccordion.module.js";
-import { useAccordionContext as A } from "./AccordionContext.js";
+import { ChevronDownIcon as a } from "../../../icons/chevron-down-icon/ChevronDownIcon.js";
+import r from "./StyledAccordion.module.js";
 import o from "clsx";
 import "react";
-import { Fragment as c, jsx as t, jsxs as l } from "react/jsx-runtime";
-var _ = ({ size: d = "large", expandChevronRight: i, className: g, headerClassName: m, sx: p, children: n, onClick: x, ...h }) => {
-  const { open: a, toggle: u, disabled: f, triggerId: y, panelId: I } = A(), r = d === "small", v = {
-    "--trigger-height": r ? "48px" : "72px",
-    "--trigger-padding-x": r ? "8px" : "16px",
-    "--trigger-font-size": r ? "14px" : "18px",
-    "--chevron-size": r ? "20px" : "24px",
+import { Fragment as n, jsx as e, jsxs as s } from "react/jsx-runtime";
+import { Accordion as c } from "@base-ui/react/accordion";
+var N = ({ size: g = "large", expandChevronRight: m, className: l, headerClassName: d, sx: p, children: i, ...x }) => {
+  const t = g === "small", f = {
+    "--trigger-height": t ? "48px" : "72px",
+    "--trigger-padding-x": t ? "8px" : "16px",
+    "--trigger-font-size": t ? "14px" : "18px",
+    "--chevron-size": t ? "20px" : "24px",
     ...p
-  }, s = /* @__PURE__ */ t(b, {
-    className: o(e.TriggerIcon, i && e.TriggerIconRight),
-    "data-state-icon": !0
-  });
-  return /* @__PURE__ */ t("h3", {
-    className: o(e.Header, m),
-    children: /* @__PURE__ */ t("button", {
-      ...h,
-      type: "button",
-      id: y,
-      "aria-expanded": a,
-      "aria-controls": I,
-      disabled: f,
-      onClick: (S) => {
-        x?.(S), u();
-      },
-      className: o(e.Trigger, g),
-      style: v,
-      "data-panel-open": a ? "" : void 0,
-      children: i ? /* @__PURE__ */ l(c, { children: [n, s] }) : /* @__PURE__ */ l(c, { children: [s, n] })
+  };
+  return /* @__PURE__ */ e(c.Header, {
+    className: o(r.Header, d),
+    children: /* @__PURE__ */ e(c.Trigger, {
+      ...x,
+      nativeButton: !1,
+      render: /* @__PURE__ */ e("div", {}),
+      className: o(r.Trigger, l),
+      style: f,
+      children: m ? /* @__PURE__ */ s(n, { children: [i, /* @__PURE__ */ e(a, {
+        className: o(r.TriggerIcon, r.TriggerIconRight),
+        "data-state-icon": !0
+      })] }) : /* @__PURE__ */ s(n, { children: [/* @__PURE__ */ e(a, {
+        className: r.TriggerIcon,
+        "data-state-icon": !0
+      }), i] })
     })
   });
 };
 export {
-  _ as StyledAccordionSummary
+  N as StyledAccordionSummary
 };

package/dist/components/utils/popover/StyledPopover.js

@@ -1,46 +1,17 @@
-import { cn as w } from "../../../helpers/cn.js";
-import { resolveSx as l } from "../../../helpers/sx.js";
-import { useMemo as x } from "react";
-import { jsx as i } from "react/jsx-runtime";
-import { FloatingPortal as z, autoUpdate as R, flip as A, offset as D, shift as M, useDismiss as N, useFloating as S, useInteractions as k, useMergeRefs as C } from "@floating-ui/react";
-var E = {
-  vertical: "bottom",
-  horizontal: "left"
-}, P = {
-  vertical: "top",
-  horizontal: "left"
-}, T = (e, t) => `${t.vertical === "bottom" ? "top" : t.vertical === "top" ? "bottom" : e.vertical === "top" ? "top" : "bottom"}${e.horizontal === "left" ? "-start" : e.horizontal === "right" ? "-end" : ""}`, j = ({ open: e, anchorEl: t, onClose: s, anchorOrigin: r = E, transformOrigin: a = P, id: n, className: p, sx: m, slotProps: o, onClick: c, children: f }) => {
-  const { refs: d, floatingStyles: u, context: v } = S({
-    open: e,
-    placement: x(() => T(r, a), [r, a]),
-    whileElementsMounted: R,
-    elements: { reference: t ?? void 0 },
-    middleware: [
-      D(4),
-      A({ padding: 8 }),
-      M({ padding: 8 })
-    ],
-    onOpenChange: (y, F, b) => {
-      y || s?.(F ?? {}, b === "escape-key" ? "escapeKeyDown" : "backdropClick");
-    }
-  }), { getFloatingProps: g } = k([N(v, {
-    outsidePress: !0,
-    escapeKey: !0
-  })]), h = C([d.setFloating]);
-  return e ? /* @__PURE__ */ i(z, { children: /* @__PURE__ */ i("div", {
-    ref: h,
-    id: n,
-    style: {
-      ...u,
-      ...l(m),
-      ...l(o?.paper?.sx),
-      ...o?.paper?.style
-    },
-    ...g({ onClick: c }),
-    className: w("z-[1300] overflow-auto rounded bg-white shadow-lg", p ?? "my-1", o?.paper?.className),
-    children: f
-  }) }) : null;
-};
+import { Popover as a } from "@mui/material";
+import { jsx as e } from "react/jsx-runtime";
+var n = ({ anchorOrigin: o, transformOrigin: r, className: t, ...i }) => /* @__PURE__ */ e(a, {
+  anchorOrigin: o ?? {
+    vertical: "bottom",
+    horizontal: "left"
+  },
+  transformOrigin: r ?? {
+    vertical: "top",
+    horizontal: "left"
+  },
+  className: t ?? "my-1",
+  ...i
+});
 export {
-  j as StyledPopover
+  n as StyledPopover
 };

package/dist/datetime/components/date-picker/StyledDatePicker.js

@@ -3,17 +3,17 @@ import { StyledDayPicker as k } from "./components/StyledDayPicker.js";
 import { StyledCalendarPicker as u } from "./components/StyledCalendarPicker.js";
 import { DatePickerInputIndex as x } from "./components/DatePickerInputIndex.js";
 import { useIsMobileView as C } from "../../hooks/useWindowWidthSize.hook.js";
-import { StyledDrawer as h } from "../../../components/navigation/drawer/StyledDrawer.js";
-import { useBackNavigationClose as v } from "../../hooks/useBackNavigationClose.hook.js";
+import { useBackNavigationClose as h } from "../../hooks/useBackNavigationClose.hook.js";
 import { useState as s } from "react";
-import { Fragment as b, jsx as o, jsxs as y } from "react/jsx-runtime";
+import { Drawer as v } from "@mui/material";
+import { Fragment as b, jsx as o, jsxs as D } from "react/jsx-runtime";
 var j = (c) => {
   const a = C(), [e, n] = s(null), [p, m] = s(!1), [d, i] = s(!1), P = (l) => {
     n(l.currentTarget), f(l, m);
   }, r = () => {
     i(!0), n(null);
   };
-  v({
+  h({
     open: !!e,
     onClose: r
   });
@@ -22,7 +22,7 @@ var j = (c) => {
     validateOnCalendarClose: d,
     onValidatedOnce: () => i(!1)
   };
-  return /* @__PURE__ */ y(b, { children: [
+  return /* @__PURE__ */ D(b, { children: [
     /* @__PURE__ */ o(x, {
       datePickerProps: t,
       onClick: P
@@ -36,7 +36,7 @@ var j = (c) => {
       },
       positionAbove: p
     }),
-    a && /* @__PURE__ */ o(h, {
+    a && /* @__PURE__ */ o(v, {
       anchor: "bottom",
       open: !!e,
       onClose: r,

package/dist/datetime/components/date-picker/components/BaseDatePickerInput.js

@@ -1,5 +1,5 @@
-import { StyledInputField as G } from "../../../../components/inputs/input-field/StyledInputField.js";
 import { getValue as x } from "../helpers.js";
+import { StyledInputField as G } from "../../../shared-components/StyledInputField.js";
 import { cn as J } from "../../../helpers/cn.js";
 import { DatePickerButton as K } from "./DatePickerButton.js";
 import { useDatePickerMask as L } from "../hooks/useDatePickerMask.js";

package/dist/datetime/components/date-picker/components/HelperTextWithTooltip.js

@@ -1,6 +1,6 @@
-import { StyledTooltip as a } from "../../../../components/data-display/tooltip/StyledTooltip.js";
-import { cn as s } from "../../../helpers/cn.js";
-import { OutlineErrorRounded as m } from "../../../shared-components/OutlineErrorRounded.js";
+import { cn as a } from "../../../helpers/cn.js";
+import { OutlineErrorRounded as s } from "../../../shared-components/OutlineErrorRounded.js";
+import { StyledTooltip as m } from "../../../shared-components/StyledTooltip.js";
 import "react";
 import { Fragment as d, jsx as r, jsxs as p } from "react/jsx-runtime";
 var b = ({ text: e, hasError: i }) => {
@@ -8,8 +8,8 @@ var b = ({ text: e, hasError: i }) => {
   const t = i ? 35 : 40, o = e.length > t, n = o ? e.slice(0, t) + "…" : e, l = /* @__PURE__ */ p("div", {
     className: "flex items-start gap-1",
     children: [/* @__PURE__ */ r("div", {
-      className: s("flex", "transform-gpu transition-all duration-300 ease-in-out"),
-      children: i && /* @__PURE__ */ r(m, {
+      className: a("flex", "transform-gpu transition-all duration-300 ease-in-out"),
+      children: i && /* @__PURE__ */ r(s, {
         width: 20,
         height: 20,
         color: "var(--colors-error-500)"
@@ -27,7 +27,7 @@ var b = ({ text: e, hasError: i }) => {
       children: n
     })]
   });
-  return o ? /* @__PURE__ */ r(a, {
+  return o ? /* @__PURE__ */ r(m, {
     title: e,
     placement: "right",
     arrow: !0,

package/dist/datetime/components/date-picker/components/StyledCalendarPicker.js

@@ -1,25 +1,25 @@
-import { StyledPopover as n } from "../../../../components/utils/popover/StyledPopover.js";
-import { StyledDayPicker as c } from "./StyledDayPicker.js";
+import { StyledDayPicker as n } from "./StyledDayPicker.js";
+import { Popover as c } from "@mui/material";
 import { jsx as r } from "react/jsx-runtime";
-var h = ({ datePickerProps: e, popoverProps: t, positionAbove: o }) => {
-  const { open: l, anchorEl: i, onClose: a } = t;
-  return /* @__PURE__ */ r(n, {
-    open: l,
-    anchorEl: i,
+var h = ({ datePickerProps: e, popoverProps: o, positionAbove: t }) => {
+  const { open: i, anchorEl: l, onClose: a } = o;
+  return /* @__PURE__ */ r(c, {
+    open: i,
+    anchorEl: l,
     onClose: a,
     anchorOrigin: {
-      vertical: o ? "top" : 50,
+      vertical: t ? "top" : 50,
       horizontal: "left"
     },
     transformOrigin: {
-      vertical: o ? "bottom" : "top",
+      vertical: t ? "bottom" : "top",
       horizontal: "left"
     },
     children: /* @__PURE__ */ r("div", {
       className: "p-4",
-      children: /* @__PURE__ */ r(c, {
+      children: /* @__PURE__ */ r(n, {
         datePickerProps: e,
-        popoverProps: t
+        popoverProps: o
       })
     })
   });

package/dist/datetime/components/date-picker/components/StyledCalendarPickerFooter.js

@@ -2,10 +2,11 @@ import { ChevronLeftIcon as c } from "../../../shared-components/ChevronLeftIcon
 import { ChevronRightIcon as f } from "../../../shared-components/ChevronRightIcon.js";
 import { StyledButton as a } from "../../../shared-components/button/StyledButton.js";
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { useNavigation as y } from "react-day-picker";
-import { isDate as v, isValid as u } from "date-fns";
-var b = ({ onClose: m, isNb: e, selected: i, removeSelection: h, setMonth: l, onClear: d, required: p }) => {
-  const { nextMonth: n, previousMonth: r } = y();
+import { useNavigation as v } from "react-day-picker";
+import { isDate as y, isValid as x } from "date-fns";
+import { compact as u, isArray as g, isObject as C } from "lodash-es";
+var W = ({ onClose: m, isNb: l, selected: i, removeSelection: h, setMonth: e, onClear: d, required: p }) => {
+  const { nextMonth: n, previousMonth: r } = v();
   return /* @__PURE__ */ s("div", {
     style: {
       marginTop: "8px",
@@ -17,12 +18,12 @@ var b = ({ onClose: m, isNb: e, selected: i, removeSelection: h, setMonth: l, on
         dataTest: "",
         variant: "text",
         onClick: (o) => {
-          d ? d() : h(o), l(new Date(Date.now()));
+          d ? d() : h(o), e(new Date(Date.now()));
         },
         size: "small",
-        disabled: !!p || i === null || Array.isArray(i) && i.length === 0 || v(i) && !u(i) || typeof i == "object" && i !== null && !Object.values(i).filter(Boolean).length,
+        disabled: !!p || i === null || g(i) && i.length === 0 || y(i) && !x(i) || C(i) && !u(Object.values(i)).length,
         style: { minWidth: "60px" },
-        children: e ? "Nullstill" : "Clear"
+        children: l ? "Nullstill" : "Clear"
       }),
       /* @__PURE__ */ s("div", {
         style: {
@@ -36,7 +37,7 @@ var b = ({ onClose: m, isNb: e, selected: i, removeSelection: h, setMonth: l, on
             size: "small",
             disabled: !r,
             onClick: () => {
-              r && l(r);
+              r && e(r);
             },
             style: { minWidth: "25px" },
             children: /* @__PURE__ */ t(c, {
@@ -48,10 +49,10 @@ var b = ({ onClose: m, isNb: e, selected: i, removeSelection: h, setMonth: l, on
             dataTest: "",
             size: "small",
             onClick: () => {
-              l(new Date(Date.now()));
+              e(new Date(Date.now()));
             },
             variant: "outlined",
-            children: e ? "I dag" : "Today"
+            children: l ? "I dag" : "Today"
           }),
           /* @__PURE__ */ t(a, {
             dataTest: "",
@@ -59,7 +60,7 @@ var b = ({ onClose: m, isNb: e, selected: i, removeSelection: h, setMonth: l, on
             size: "small",
             disabled: !n,
             onClick: () => {
-              n && l(n);
+              n && e(n);
             },
             style: { minWidth: "25px" },
             children: /* @__PURE__ */ t(f, {
@@ -77,11 +78,11 @@ var b = ({ onClose: m, isNb: e, selected: i, removeSelection: h, setMonth: l, on
           m?.(o, "backdropClick");
         },
         style: { minWidth: "60px" },
-        children: e ? "Velg" : "Select"
+        children: l ? "Velg" : "Select"
       })
     ]
   });
 };
 export {
-  b as StyledCalendarPickerFooter
+  W as StyledCalendarPickerFooter
 };

package/dist/datetime/components/date-picker/components/StyledCalendarPickerSelectMonth.js

@@ -1,17 +1,17 @@
-import { StyledSelect as c } from "../../../../components/inputs/select/StyledSelect.js";
-import { StyledSelectItem as b } from "../../../../components/inputs/select/StyledSelectItem.js";
-import { StyledFormControl as f } from "../../../../components/miscellaneous/StyledFormControl.js";
+import { StyledFormControl as c } from "../../../shared-components/StyledFormControl.js";
+import { StyledSelect as b } from "../../../shared-components/StyledSelect.js";
+import { StyledSelectItem as f } from "../../../shared-components/StyledSelectItem.js";
 import u from "./StyledCalendarPickerSelectPeriod.module.js";
-import { jsx as a } from "react/jsx-runtime";
-var h = (r) => r.charAt(0).toUpperCase() + r.slice(1).toLowerCase();
-function g(r) {
-  const { options: o = [], onChange: t, value: l, disabled: d, className: n, style: i, name: m } = r, s = r["aria-label"];
-  return /* @__PURE__ */ a(f, {
+import { jsx as r } from "react/jsx-runtime";
+import { capitalize as S } from "lodash-es";
+function x(a) {
+  const { options: o = [], onChange: l, value: t, disabled: d, className: n, style: i, name: m } = a, s = a["aria-label"];
+  return /* @__PURE__ */ r(c, {
     style: {
       marginLeft: "-2px",
       marginRight: "8px"
     },
-    children: /* @__PURE__ */ a(c, {
+    children: /* @__PURE__ */ r(b, {
       dataTest: "StyledCalendarPickerSelectMonth",
       size: "small",
       variant: "standard",
@@ -20,8 +20,8 @@ function g(r) {
       disabled: d,
       className: n,
       style: i,
-      value: l ?? "",
-      onChange: (e) => t?.(e),
+      value: t ?? "",
+      onChange: (e) => l?.(e),
       MenuProps: { className: u["styled-calendar-picker-select-period-menu"] },
       sx: {
         "&::before": { borderBottom: "none" },
@@ -29,14 +29,14 @@ function g(r) {
         "&:hover:not(.Mui-disabled, .Mui-error)::before": { borderBottom: "none" },
         "&:focus::before": { borderBottom: "none" }
       },
-      children: o.map((e) => /* @__PURE__ */ a(b, {
+      children: o.map((e) => /* @__PURE__ */ r(f, {
         value: e.value,
         disabled: e.disabled,
-        children: h(e.label)
+        children: S(e.label)
       }, e.value))
     })
   });
 }
 export {
-  g as StyledCalendarPickerSelectMonth
+  x as StyledCalendarPickerSelectMonth
 };

package/dist/datetime/components/date-picker/components/StyledCalendarPickerSelectYear.js

@@ -1,16 +1,16 @@
-import { StyledSelect as o } from "../../../../components/inputs/select/StyledSelect.js";
-import { StyledSelectItem as u } from "../../../../components/inputs/select/StyledSelectItem.js";
-import { StyledFormControl as S } from "../../../../components/miscellaneous/StyledFormControl.js";
+import { StyledFormControl as o } from "../../../shared-components/StyledFormControl.js";
+import { StyledSelect as u } from "../../../shared-components/StyledSelect.js";
+import { StyledSelectItem as S } from "../../../shared-components/StyledSelectItem.js";
 import y from "./StyledCalendarPickerSelectPeriod.module.js";
 import { jsx as a } from "react/jsx-runtime";
 function C(l) {
   const { options: r = [], onChange: t, value: d, disabled: i, className: n, style: m, name: c } = l, s = l["aria-label"];
-  return /* @__PURE__ */ a(S, {
+  return /* @__PURE__ */ a(o, {
     style: {
       width: "70px",
       marginLeft: "5px"
     },
-    children: /* @__PURE__ */ a(o, {
+    children: /* @__PURE__ */ a(u, {
       dataTest: "StyledCalendarPickerSelectYear",
       size: "small",
       variant: "standard",
@@ -22,7 +22,7 @@ function C(l) {
       value: d ?? "",
       onChange: (e) => t?.(e),
       MenuProps: { className: y["styled-calendar-picker-select-period-menu"] },
-      children: r.map((e) => /* @__PURE__ */ a(u, {
+      children: r.map((e) => /* @__PURE__ */ a(S, {
         value: e.value,
         disabled: e.disabled,
         children: e.label

package/dist/datetime/components/date-picker/components/StyledDayPicker.js

@@ -5,11 +5,12 @@ import { StyledCalendarPickerSelectYear as N } from "./StyledCalendarPickerSelec
 import e from "./StyledCalendarPicker.module.js";
 import { buildDisabled as Y } from "../helpers.js";
 import { useState as F } from "react";
+import "@mui/material";
 import { jsx as i } from "react/jsx-runtime";
 import { DayPicker as W } from "react-day-picker";
 import { endOfMonth as q, startOfToday as R } from "date-fns";
 import { enGB as T } from "date-fns/locale";
-var K = ({ datePickerProps: t, popoverProps: y }) => {
+var Q = ({ datePickerProps: t, popoverProps: y }) => {
   const { showOutsideDays: h = !0, locale: s = T, numberOfMonths: b, disabledDays: w, onClear: f, title: j, ...g } = t, { onClose: m } = y, [_, c] = F((t.mode === "range" ? t.selected?.from : t.selected) ?? /* @__PURE__ */ new Date()), u = s.code === "nb", v = (b ?? 1) < 2, D = Y(w, "disallowPast" in t ? t.disallowPast : void 0, "disallowFuture" in t ? t.disallowFuture : void 0, R()), S = (n) => {
     if (!t.selected || !t.onSelect) return;
     const o = /* @__PURE__ */ new Date(), a = {};
@@ -29,8 +30,8 @@ var K = ({ datePickerProps: t, popoverProps: y }) => {
       if (c(n), !!t.onSelect && (!t.mode || t.mode === "single")) {
         const o = t.selected;
         if (o instanceof Date) {
-          const a = n.getFullYear(), d = n.getMonth(), l = o.getDate(), M = q(new Date(a, d, 1)).getDate(), p = Math.min(l, M), r = new Date(o);
-          r.setFullYear(a, d, p), t.onSelect(r, r, {}, {});
+          const a = n.getFullYear(), d = n.getMonth(), l = o.getDate(), p = q(new Date(a, d, 1)).getDate(), M = Math.min(l, p), r = new Date(o);
+          r.setFullYear(a, d, M), t.onSelect(r, r, {}, {});
         }
       }
     },
@@ -105,5 +106,5 @@ var K = ({ datePickerProps: t, popoverProps: y }) => {
   });
 };
 export {
-  K as StyledDayPicker
+  Q as StyledDayPicker
 };

package/dist/datetime/components/date-picker/hooks/useDatePickerMask.js

@@ -1,9 +1,9 @@
-import { useInputMask as a } from "../../../../helpers/inputMask.js";
-var s = () => ({ maskRef: a({
+import { useMask as e } from "@react-input/mask";
+var a = () => ({ maskRef: e({
   mask: "  /  /    ",
-  maskChar: " ",
+  replacement: { " ": /\d/ },
   showMask: !0
 }) });
 export {
-  s as useDatePickerMask
+  a as useDatePickerMask
 };