asma-ui-core 3.34.0 → 3.35.0

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

@@ -1,16 +1,30 @@
-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
-  })
-});
+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
+    })
+  });
+};
 export {
-  f as StyledAccordionDetails
+  C as StyledAccordionDetails
 };

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

@@ -1,35 +1,39 @@
-import { ChevronDownIcon as a } from "../../../icons/chevron-down-icon/ChevronDownIcon.js";
-import r from "./StyledAccordion.module.js";
+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 o from "clsx";
 import "react";
-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",
+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",
     ...p
-  };
-  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] })
+  }, 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] })
     })
   });
 };
 export {
-  N as StyledAccordionSummary
+  _ as StyledAccordionSummary
 };

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

@@ -1,17 +1,45 @@
-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
-});
+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 P, useInteractions as S, useMergeRefs as k } from "@floating-ui/react";
+var C = {
+  vertical: "bottom",
+  horizontal: "left"
+}, E = {
+  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: o = C, transformOrigin: r = E, id: n, className: p, sx: m, slotProps: a, onClick: c, children: f }) => {
+  const { refs: d, floatingStyles: u, context: v } = P({
+    open: e,
+    placement: x(() => T(o, r), [o, r]),
+    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 } = S([N(v, {
+    outsidePress: !0,
+    escapeKey: !0
+  })]), h = k([d.setFloating]);
+  return e ? /* @__PURE__ */ i(z, { children: /* @__PURE__ */ i("div", {
+    ref: h,
+    id: n,
+    style: {
+      ...u,
+      ...l(m),
+      ...l(a?.paper?.sx)
+    },
+    ...g({ onClick: c }),
+    className: w("z-[1300] overflow-auto rounded bg-white shadow-lg", p ?? "my-1", a?.paper?.className),
+    children: f
+  }) }) : null;
+};
 export {
-  n as StyledPopover
+  j 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 { useBackNavigationClose as h } from "../../hooks/useBackNavigationClose.hook.js";
+import { StyledDrawer as h } from "../../../components/navigation/drawer/StyledDrawer.js";
+import { useBackNavigationClose as v } from "../../hooks/useBackNavigationClose.hook.js";
 import { useState as s } from "react";
-import { Drawer as v } from "@mui/material";
-import { Fragment as b, jsx as o, jsxs as D } from "react/jsx-runtime";
+import { Fragment as b, jsx as o, jsxs as y } 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);
   };
-  h({
+  v({
     open: !!e,
     onClose: r
   });
@@ -22,7 +22,7 @@ var j = (c) => {
     validateOnCalendarClose: d,
     onValidatedOnce: () => i(!1)
   };
-  return /* @__PURE__ */ D(b, { children: [
+  return /* @__PURE__ */ y(b, { children: [
     /* @__PURE__ */ o(x, {
       datePickerProps: t,
       onClick: P
@@ -36,7 +36,7 @@ var j = (c) => {
       },
       positionAbove: p
     }),
-    a && /* @__PURE__ */ o(v, {
+    a && /* @__PURE__ */ o(h, {
       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 { 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 { 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 "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: a("flex", "transform-gpu transition-all duration-300 ease-in-out"),
-      children: i && /* @__PURE__ */ r(s, {
+      className: s("flex", "transform-gpu transition-all duration-300 ease-in-out"),
+      children: i && /* @__PURE__ */ r(m, {
         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(m, {
+  return o ? /* @__PURE__ */ r(a, {
     title: e,
     placement: "right",
     arrow: !0,

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

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

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

@@ -2,11 +2,10 @@ 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 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();
+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();
   return /* @__PURE__ */ s("div", {
     style: {
       marginTop: "8px",
@@ -18,12 +17,12 @@ var W = ({ onClose: m, isNb: l, selected: i, removeSelection: h, setMonth: e, on
         dataTest: "",
         variant: "text",
         onClick: (o) => {
-          d ? d() : h(o), e(new Date(Date.now()));
+          d ? d() : h(o), l(new Date(Date.now()));
         },
         size: "small",
-        disabled: !!p || i === null || g(i) && i.length === 0 || y(i) && !x(i) || C(i) && !u(Object.values(i)).length,
+        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,
         style: { minWidth: "60px" },
-        children: l ? "Nullstill" : "Clear"
+        children: e ? "Nullstill" : "Clear"
       }),
       /* @__PURE__ */ s("div", {
         style: {
@@ -37,7 +36,7 @@ var W = ({ onClose: m, isNb: l, selected: i, removeSelection: h, setMonth: e, on
             size: "small",
             disabled: !r,
             onClick: () => {
-              r && e(r);
+              r && l(r);
             },
             style: { minWidth: "25px" },
             children: /* @__PURE__ */ t(c, {
@@ -49,10 +48,10 @@ var W = ({ onClose: m, isNb: l, selected: i, removeSelection: h, setMonth: e, on
             dataTest: "",
             size: "small",
             onClick: () => {
-              e(new Date(Date.now()));
+              l(new Date(Date.now()));
             },
             variant: "outlined",
-            children: l ? "I dag" : "Today"
+            children: e ? "I dag" : "Today"
           }),
           /* @__PURE__ */ t(a, {
             dataTest: "",
@@ -60,7 +59,7 @@ var W = ({ onClose: m, isNb: l, selected: i, removeSelection: h, setMonth: e, on
             size: "small",
             disabled: !n,
             onClick: () => {
-              n && e(n);
+              n && l(n);
             },
             style: { minWidth: "25px" },
             children: /* @__PURE__ */ t(f, {
@@ -78,11 +77,11 @@ var W = ({ onClose: m, isNb: l, selected: i, removeSelection: h, setMonth: e, on
           m?.(o, "backdropClick");
         },
         style: { minWidth: "60px" },
-        children: l ? "Velg" : "Select"
+        children: e ? "Velg" : "Select"
       })
     ]
   });
 };
 export {
-  W as StyledCalendarPickerFooter
+  b as StyledCalendarPickerFooter
 };

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

@@ -1,17 +1,17 @@
-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 { 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 u from "./StyledCalendarPickerSelectPeriod.module.js";
-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, {
+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, {
     style: {
       marginLeft: "-2px",
       marginRight: "8px"
     },
-    children: /* @__PURE__ */ r(b, {
+    children: /* @__PURE__ */ a(c, {
       dataTest: "StyledCalendarPickerSelectMonth",
       size: "small",
       variant: "standard",
@@ -20,8 +20,8 @@ function x(a) {
       disabled: d,
       className: n,
       style: i,
-      value: t ?? "",
-      onChange: (e) => l?.(e),
+      value: l ?? "",
+      onChange: (e) => t?.(e),
       MenuProps: { className: u["styled-calendar-picker-select-period-menu"] },
       sx: {
         "&::before": { borderBottom: "none" },
@@ -29,14 +29,14 @@ function x(a) {
         "&:hover:not(.Mui-disabled, .Mui-error)::before": { borderBottom: "none" },
         "&:focus::before": { borderBottom: "none" }
       },
-      children: o.map((e) => /* @__PURE__ */ r(f, {
+      children: o.map((e) => /* @__PURE__ */ a(b, {
         value: e.value,
         disabled: e.disabled,
-        children: S(e.label)
+        children: h(e.label)
       }, e.value))
     })
   });
 }
 export {
-  x as StyledCalendarPickerSelectMonth
+  g as StyledCalendarPickerSelectMonth
 };

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

@@ -1,16 +1,16 @@
-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 { 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 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(o, {
+  return /* @__PURE__ */ a(S, {
     style: {
       width: "70px",
       marginLeft: "5px"
     },
-    children: /* @__PURE__ */ a(u, {
+    children: /* @__PURE__ */ a(o, {
       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(S, {
+      children: r.map((e) => /* @__PURE__ */ a(u, {
         value: e.value,
         disabled: e.disabled,
         children: e.label

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

@@ -5,12 +5,11 @@ 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 Q = ({ datePickerProps: t, popoverProps: y }) => {
+var K = ({ 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 = {};
@@ -30,8 +29,8 @@ var Q = ({ 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(), 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, {}, {});
+          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, {}, {});
         }
       }
     },
@@ -106,5 +105,5 @@ var Q = ({ datePickerProps: t, popoverProps: y }) => {
   });
 };
 export {
-  Q as StyledDayPicker
+  K as StyledDayPicker
 };

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

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

package/dist/datetime/components/time-picker/StyledTimePicker.js

@@ -1,63 +1,63 @@
-import { TimePickerPopper as j } from "./TimePickerPopper.js";
-import { getTimeFromValue as H } from "./helpers/getTimeFromValue.js";
+import { PopupState as j } from "../../../hooks/usePopupState.js";
+import { ClickAwayListener as D } from "../../../components/mui-compat/ClickAwayListener.js";
+import { TimePickerPopper as E } from "./TimePickerPopper.js";
+import { getTimeFromValue as P } from "./helpers/getTimeFromValue.js";
 import { TimePickerInput as T } from "./TimePickerInput.js";
 import { useState as h } from "react";
-import { ClickAwayListener as D } from "@mui/material";
-import { jsx as o, jsxs as E } from "react/jsx-runtime";
-import { format as v, isBefore as A, isValid as B } from "date-fns";
-import N from "material-ui-popup-state";
-var J = (i) => {
-  const { value: a, onSelect: l, notBeforeTime: m } = i, V = a ? v(a, "HH:mm") : "", [x, s] = h(V), [w, t] = h(!1), [g, n] = h(!0), c = w ? x : V, u = (e) => !e || !m || !B(m) || !A(e, m), k = c.length === 5 ? H(c, a) : null, y = k ? u(k) : !0, P = (e) => {
+import { jsx as o, jsxs as A } from "react/jsx-runtime";
+import { format as v, isBefore as B, isValid as N } from "date-fns";
+var J = (l) => {
+  const { value: a, onSelect: i, notBeforeTime: m } = l, V = a ? v(a, "HH:mm") : "", [x, s] = h(V), [w, t] = h(!1), [g, n] = h(!0), c = w ? x : V, u = (e) => !e || !m || !N(m) || !B(e, m), k = c.length === 5 ? P(c, a) : null, y = k ? u(k) : !0, C = (e) => {
     const r = e.close;
     r?.();
-  }, C = (e, r) => {
+  }, H = (e, r) => {
     const d = e.target.value;
     if (t(!0), s(d), d.length !== 5) {
       n(!1);
       return;
     }
-    const f = H(d, a);
+    const f = P(d, a);
     if (!f) {
-      l(void 0), n(!1);
+      i(void 0), n(!1);
       return;
     }
-    n(!0), u(f) ? (l(f), t(!1), P(r)) : l(void 0);
+    n(!0), u(f) ? (i(f), t(!1), C(r)) : i(void 0);
   }, I = (e) => {
     if (n(!0), u(e)) {
-      l(e), s(e ? v(e, "HH:mm") : ""), t(!1);
+      i(e), s(e ? v(e, "HH:mm") : ""), t(!1);
       return;
     }
-    l(void 0), s(e ? v(e, "HH:mm") : ""), t(!0);
+    i(void 0), s(e ? v(e, "HH:mm") : ""), t(!0);
   }, L = () => {
-    l(void 0), s(""), t(!1), n(!0);
+    i(void 0), s(""), t(!1), n(!0);
   };
-  return /* @__PURE__ */ o(N, {
+  return /* @__PURE__ */ o(j, {
     variant: "popper",
     popupId: "time-picker-popper",
-    children: (e) => i.disabled || i.readOnly ? /* @__PURE__ */ o(T, {
-      ...i,
+    children: (e) => l.disabled || l.readOnly ? /* @__PURE__ */ o(T, {
+      ...l,
       popupState: e,
       localValue: c,
       isValidTime: g,
       isValidEndTime: y,
-      handleChange: (r) => C(r, e)
+      handleChange: (r) => H(r, e)
     }) : /* @__PURE__ */ o(D, {
       mouseEvent: "onMouseDown",
-      onClickAway: () => P(e),
-      children: /* @__PURE__ */ E("div", {
+      onClickAway: () => C(e),
+      children: /* @__PURE__ */ A("div", {
         className: "relative h-auto w-auto",
         children: [/* @__PURE__ */ o("div", {
           className: "m-0 flex h-fit items-center justify-center p-0",
           children: /* @__PURE__ */ o(T, {
-            ...i,
+            ...l,
             popupState: e,
             localValue: c,
             isValidTime: g,
             isValidEndTime: y,
-            handleChange: (r) => C(r, e)
+            handleChange: (r) => H(r, e)
           })
-        }), e.isOpen && /* @__PURE__ */ o(j, {
-          ...i,
+        }), e.isOpen && /* @__PURE__ */ o(E, {
+          ...l,
           popupState: e,
           handleClear: L,
           onSelect: (r) => I(r)