asma-ui-core 3.44.0 → 3.45.0

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

@@ -1,26 +1,33 @@
-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
+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
     })
   });
 };
 export {
-  g as StyledAccordion
+  N as StyledAccordion
 };

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

@@ -1,12 +1,12 @@
-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 = {
+var r = "_AccordionRoot_95gyk_1", _ = "_Trigger_95gyk_9", g = "_Header_95gyk_18", e = "_TriggerIcon_95gyk_42", o = "_TriggerIconRight_95gyk_50", a = "_Panel_95gyk_58", n = "_Content_95gyk_66", t = {
   AccordionRoot: r,
-  Trigger: o,
-  Header: _,
+  Trigger: _,
+  Header: g,
   TriggerIcon: e,
-  TriggerIconRight: a,
-  Panel: g,
-  Content: l
+  TriggerIconRight: o,
+  Panel: a,
+  Content: n
 };
 export {
-  n as default
+  t as default
 };

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

package/dist/components/utils/copy-wrapper/CopyButton.js

@@ -4,13 +4,14 @@ import { StyledButton as m } from "../../inputs/button/StyledButton.js";
 import { useMobileMediaQuery as s } from "../../../hooks/useMediaQuery.hook.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
-var v = ({ className: r, contentToCopy: e, locale: o, messageInfo: n, text: p }) => {
-  const i = o === "en" ? "Copy" : "Kopier", l = s();
+var v = ({ className: e, contentToCopy: n, locale: i, messageInfo: p, text: r }) => {
+  const o = i === "en" ? "Copy" : "Kopier", l = s();
   return /* @__PURE__ */ t(d, {
-    title: i,
+    title: o,
     children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(m, {
       dataTest: "copy-button",
-      className: r,
+      "aria-label": r ?? o,
+      className: e,
       size: "small",
       variant: "text",
       startIcon: /* @__PURE__ */ t(c, {
@@ -18,11 +19,11 @@ var v = ({ className: r, contentToCopy: e, locale: o, messageInfo: n, text: p })
         height: 20
       }),
       onClick: () => {
-        navigator.clipboard.writeText(e).then(() => {
-          n(o === "no" ? "Kopiert til utklippstavle" : "Copied to clipboard");
+        navigator.clipboard.writeText(n).then(() => {
+          p(i === "no" ? "Kopiert til utklippstavle" : "Copied to clipboard");
         }).catch((a) => console.error("Copying failed with this: ", a));
       },
-      children: !l && (p ?? i)
+      children: !l && (r ?? o)
     }) })
   });
 };

package/dist/components/utils/copy-wrapper/CopyWrapper.js

@@ -1,32 +1,35 @@
 import { cn as m } from "../../../helpers/cn.js";
-import { ContentCopyIcon as c } from "../../icons/content-copy-icon/ContentCopyIcon.js";
-import { StyledTooltip as s } from "../../data-display/tooltip/StyledTooltip.js";
+import { ContentCopyIcon as s } from "../../icons/content-copy-icon/ContentCopyIcon.js";
+import { StyledTooltip as c } from "../../data-display/tooltip/StyledTooltip.js";
 import { StyledButton as d } from "../../inputs/button/StyledButton.js";
 import e from "./CopyWrapper.module.js";
 import "react";
 import { jsx as t, jsxs as h } from "react/jsx-runtime";
-var w = ({ className: i, contentToCopy: p, locale: o, messageInfo: a, children: n }) => /* @__PURE__ */ h("div", {
+var b = ({ className: i, contentToCopy: p, locale: o, messageInfo: a, children: n }) => /* @__PURE__ */ h("div", {
   className: m("flex items-center hover:text-gama-500", e["copy-wrapper"], i),
-  children: [n, /* @__PURE__ */ t(s, {
+  children: [n, /* @__PURE__ */ t(c, {
     title: o === "no" ? "Kopier" : "Copy",
-    className: e["hidden-copy"],
-    children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(d, {
-      dataTest: "copy-button",
-      size: "small",
-      variant: "text",
-      className: "cursor-pointer",
-      onClick: (r) => {
-        r.preventDefault(), r.stopPropagation(), navigator.clipboard.writeText(p).then(() => {
-          a(o === "no" ? "Kopiert til utklippstavle" : "Copied to clipboard");
-        }).catch((l) => console.error("Copying failed with this: ", l));
-      },
-      startIcon: /* @__PURE__ */ t(c, {
-        width: 20,
-        height: 20
+    children: /* @__PURE__ */ t("div", {
+      className: e["hidden-copy"],
+      children: /* @__PURE__ */ t(d, {
+        dataTest: "copy-button",
+        "aria-label": o === "no" ? "Kopier" : "Copy",
+        size: "small",
+        variant: "text",
+        className: "cursor-pointer",
+        onClick: (r) => {
+          r.preventDefault(), r.stopPropagation(), navigator.clipboard.writeText(p).then(() => {
+            a(o === "no" ? "Kopiert til utklippstavle" : "Copied to clipboard");
+          }).catch((l) => console.error("Copying failed with this: ", l));
+        },
+        startIcon: /* @__PURE__ */ t(s, {
+          width: 20,
+          height: 20
+        })
       })
-    }) })
+    })
   })]
 });
 export {
-  w as CopyWrapper
+  b as CopyWrapper
 };

package/dist/components/utils/filter-menu/StyledFilterButton.js

@@ -1,25 +1,26 @@
 import { FilterIcon as d } from "../../icons/filter-icon/FilterIcon.js";
-import { StyledButton as m } from "../../inputs/button/StyledButton.js";
-import { useDynamicToolbarLayout as c } from "../../custom/module/header-layout/DynamicToolbarLayoutContext.js";
-import s from "clsx";
-import { Fragment as g, jsx as r, jsxs as h } from "react/jsx-runtime";
-var x = ({ filterIsActive: e, label: o, hideLabel: l, size: t = "large", variant: i = "outlined", ...a }) => {
-  const { filterIconOnly: n } = c();
-  return /* @__PURE__ */ r(g, { children: /* @__PURE__ */ h("div", {
+import { StyledButton as c } from "../../inputs/button/StyledButton.js";
+import { useDynamicToolbarLayout as s } from "../../custom/module/header-layout/DynamicToolbarLayoutContext.js";
+import g from "clsx";
+import { Fragment as h, jsx as r, jsxs as u } from "react/jsx-runtime";
+var F = ({ filterIsActive: i, label: o, hideLabel: l, size: t = "large", variant: a = "outlined", ...n }) => {
+  const { filterIconOnly: m } = s(), e = l ?? m;
+  return /* @__PURE__ */ r(h, { children: /* @__PURE__ */ u("div", {
     className: "relative h-fit w-fit",
-    children: [/* @__PURE__ */ r(m, {
-      ...a,
+    children: [/* @__PURE__ */ r(c, {
+      ...n,
       type: "button",
+      "aria-label": e ? o ?? "Filter" : void 0,
       startIcon: /* @__PURE__ */ r(d, {
         width: t === "large" ? 24 : 20,
         height: t === "large" ? 24 : 20
       }),
-      variant: i,
+      variant: a,
       size: t,
-      children: !(l ?? n) && (o ?? "Filter")
-    }), e && /* @__PURE__ */ r("div", { className: s("absolute h-2 w-2 rounded-full bg-gama-400", t === "large" ? "right-2 top-2" : "right-1 top-1") })]
+      children: !e && (o ?? "Filter")
+    }), i && /* @__PURE__ */ r("div", { className: g("absolute h-2 w-2 rounded-full bg-gama-400", t === "large" ? "right-2 top-2" : "right-1 top-1") })]
   }) });
 };
 export {
-  x as StyledFilterButton
+  F as StyledFilterButton
 };

package/dist/components/utils/filter-menu/StyledFilterMenu.js

@@ -1,12 +1,12 @@
 import { FilterIcon as b } from "../../icons/filter-icon/FilterIcon.js";
 import { StyledButton as v } from "../../inputs/button/StyledButton.js";
 import { StyledPopover as E } from "../popover/StyledPopover.js";
-import { useDynamicToolbarLayout as k } from "../../custom/module/header-layout/DynamicToolbarLayoutContext.js";
-import x from "clsx";
-import c, { useState as C } from "react";
-import { Fragment as F, jsx as e, jsxs as f } from "react/jsx-runtime";
+import { useDynamicToolbarLayout as F } from "../../custom/module/header-layout/DynamicToolbarLayoutContext.js";
+import k from "clsx";
+import c, { useState as x } from "react";
+import { Fragment as C, jsx as e, jsxs as y } from "react/jsx-runtime";
 var I = () => {
-  const [r, t] = C(null), s = (a) => {
+  const [r, t] = x(null), s = (a) => {
     const o = a.currentTarget;
     t(o);
   }, l = () => {
@@ -19,14 +19,14 @@ var I = () => {
       r ? l() : s(a);
     }
   };
-}, N = (r) => c.isValidElement(r) || typeof r == "string" || typeof r == "number" || r === null || Array.isArray(r), $ = ({ filterIsActive: r, popoverContent: t, dataTest: s, disabled: l, size: i = "large", variant: a = "outlined", popoverProps: o, anchorNode: h, label: p, hideLabel: y }) => {
-  const { onAnchorClick: d, onClose: m, anchorEl: n } = I(), { filterIconOnly: A } = k(), O = y ?? A, u = h?.({
+}, N = (r) => c.isValidElement(r) || typeof r == "string" || typeof r == "number" || r === null || Array.isArray(r), $ = ({ filterIsActive: r, popoverContent: t, dataTest: s, disabled: l, size: i = "large", variant: a = "outlined", popoverProps: o, anchorNode: h, label: d, hideLabel: A }) => {
+  const { onAnchorClick: u, onClose: m, anchorEl: n } = I(), { filterIconOnly: O } = F(), g = A ?? O, f = h?.({
     isOpen: !!n,
     onClose: m
-  }), g = c.useId();
-  return /* @__PURE__ */ f(F, { children: [/* @__PURE__ */ f("div", {
+  }), p = c.useId();
+  return /* @__PURE__ */ y(C, { children: [/* @__PURE__ */ y("div", {
     className: "relative h-fit w-fit",
-    children: [h && c.isValidElement(u) ? c.cloneElement(u, { onClick: d }) : /* @__PURE__ */ e(v, {
+    children: [h && c.isValidElement(f) ? c.cloneElement(f, { onClick: u }) : /* @__PURE__ */ e(v, {
       type: "button",
       disabled: l,
       variant: a,
@@ -34,17 +34,18 @@ var I = () => {
         width: i === "large" ? 24 : 20,
         height: i === "large" ? 24 : 20
       }),
-      onClick: d,
+      onClick: u,
       size: i,
       dataTest: s,
+      "aria-label": g ? d ?? "Filter" : void 0,
       "aria-haspopup": "true",
       "aria-expanded": !!n,
-      "aria-controls": n ? g : void 0,
-      children: !O && (p ?? "Filter")
-    }), r && /* @__PURE__ */ e("div", { className: x("absolute h-2 w-2 rounded-full bg-gama-400", i === "large" ? "right-2 top-2" : "right-1 top-1") })]
+      "aria-controls": n ? p : void 0,
+      children: !g && (d ?? "Filter")
+    }), r && /* @__PURE__ */ e("div", { className: k("absolute h-2 w-2 rounded-full bg-gama-400", i === "large" ? "right-2 top-2" : "right-1 top-1") })]
   }), /* @__PURE__ */ e(E, {
     ...o,
-    id: g,
+    id: p,
     open: !!n,
     anchorEl: n,
     onClose: m,

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

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

package/dist/components/utils/virtual-list/VirtualList.js

@@ -0,0 +1,46 @@
+import o from "clsx";
+import { useRef as v } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { useVirtualizer as y } from "@tanstack/react-virtual";
+var E = ({ items: i, itemSize: t, height: d, width: f = "100%", measureRows: n = !1, overscan: c = 5, getItemKey: m, className: u, contentClassName: p, contentStyle: x, dataTest: h, renderItem: g }) => {
+  const s = v(null), r = y({
+    count: i.length,
+    getScrollElement: () => s.current,
+    estimateSize: typeof t == "function" ? t : () => t,
+    getItemKey: m,
+    overscan: c
+  });
+  return /* @__PURE__ */ l("div", {
+    ref: s,
+    tabIndex: 0,
+    className: o("overflow-auto", u),
+    style: {
+      height: d,
+      width: f
+    },
+    "data-testid": h,
+    children: /* @__PURE__ */ l("div", {
+      className: o("relative w-full", p),
+      style: {
+        height: r.getTotalSize(),
+        ...x
+      },
+      children: r.getVirtualItems().map((e) => {
+        const a = i[e.index];
+        return a === void 0 ? null : /* @__PURE__ */ l("div", {
+          "data-index": e.index,
+          ref: n ? r.measureElement : void 0,
+          className: "absolute left-0 top-0 w-full",
+          style: {
+            transform: `translateY(${e.start}px)`,
+            height: n ? void 0 : e.size
+          },
+          children: g(a, e.index)
+        }, e.key);
+      })
+    })
+  });
+};
+export {
+  E as VirtualList
+};

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

@@ -1,49 +1,49 @@
 import { setPickerPosition as f } from "./helpers.js";
 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 { 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";
-var j = (c) => {
-  const a = C(), [e, n] = s(null), [p, m] = s(!1), [d, i] = s(!1), P = (l) => {
+import { StyledCalendarPicker as x } from "./components/StyledCalendarPicker.js";
+import { DatePickerInputIndex as u } from "./components/DatePickerInputIndex.js";
+import { useIsMobileView as v } from "../../hooks/useWindowWidthSize.hook.js";
+import { StyledDrawer as C } from "../../../components/navigation/drawer/StyledDrawer.js";
+import { useBackNavigationClose as b } from "../../hooks/useBackNavigationClose.hook.js";
+import { useState as a } from "react";
+import { Fragment as h, jsx as o, jsxs as y } from "react/jsx-runtime";
+var j = (p) => {
+  const s = v(), [e, n] = a(null), [c, m] = a(!1), [d, i] = a(!1), P = (l) => {
     n(l.currentTarget), f(l, m);
   }, r = () => {
     i(!0), n(null);
   };
-  h({
+  b({
     open: !!e,
     onClose: r
   });
   const t = {
-    ...c,
+    ...p,
     validateOnCalendarClose: d,
     onValidatedOnce: () => i(!1)
   };
-  return /* @__PURE__ */ D(b, { children: [
-    /* @__PURE__ */ o(x, {
+  return /* @__PURE__ */ y(h, { children: [
+    /* @__PURE__ */ o(u, {
       datePickerProps: t,
       onClick: P
     }),
-    !a && /* @__PURE__ */ o(u, {
+    !s && /* @__PURE__ */ o(x, {
       datePickerProps: { ...t },
       popoverProps: {
         open: !!e,
         anchorEl: e,
         onClose: r
       },
-      positionAbove: p
+      positionAbove: c
     }),
-    a && /* @__PURE__ */ o(v, {
+    s && /* @__PURE__ */ o(C, {
       anchor: "bottom",
       open: !!e,
       onClose: r,
       sx: { zIndex: 1300 },
       className: "z-[1300]",
       children: /* @__PURE__ */ o("div", {
-        className: "mx-auto max-w-[360px]",
+        className: "mx-auto max-w-[360px] px-2 pb-[max(1.5rem,env(safe-area-inset-bottom))]",
         children: /* @__PURE__ */ o(k, {
           datePickerProps: { ...t },
           popoverProps: {