asma-ui-core 3.41.0 → 3.42.1

package/dist/components/navigation/tabs/StyledTab.js

@@ -1,27 +1,15 @@
-import { cn as l } from "../../../helpers/cn.js";
-import { resolveSx as p } from "../../../helpers/sx.js";
-import { useTabsContext as f } from "./TabsContext.js";
-import { useCallback as x } from "react";
-import { jsx as u } from "react/jsx-runtime";
-var d = ({ value: n, label: i, disabled: r, className: s, sx: m, index: c }) => {
-  const e = f(), t = n !== void 0 ? n : c, o = e ? e.value === t : !1;
-  return /* @__PURE__ */ u("button", {
-    ref: x((a) => {
-      e?.register(t, a);
-    }, [e, t]),
-    type: "button",
-    role: "tab",
-    "aria-selected": o,
-    "aria-disabled": r ? !0 : void 0,
-    disabled: r,
-    tabIndex: o ? 0 : -1,
-    "data-tab-value": typeof t == "string" || typeof t == "number" ? String(t) : void 0,
-    onClick: (a) => !r && e?.onSelect(a, t),
-    className: l("inline-flex min-h-12 shrink-0 items-center justify-center whitespace-nowrap px-4 py-3 text-sm font-medium normal-case tracking-normal transition-colors", e?.size === "small" && "min-h-9 px-3 py-2", o ? "text-gama-500" : "text-gray-600", r && "text-gray-300", !r && "cursor-pointer hover:text-gama-500", s),
-    style: p(m),
-    children: i
-  });
-};
+import { Tab as o } from "@mui/material";
+import { jsx as a } from "react/jsx-runtime";
+var e = (r) => /* @__PURE__ */ a(o, {
+  ...r,
+  sx: {
+    textTransform: "none",
+    letterSpacing: "normal",
+    "&.MuiTab-textColorPrimary.Mui-selected": { color: "var(--colors-gama-500)" },
+    "&.MuiTab-textColorPrimary": { color: "var(--colors-gray-600)" },
+    "&.MuiTab-textColorPrimary.Mui-disabled": { color: "var(--colors-gray-300)" }
+  }
+});
 export {
-  d as StyledTab
+  e as StyledTab
 };

package/dist/components/navigation/tabs/StyledTabs.js

@@ -1,116 +1,68 @@
-import { cn as d } from "../../../helpers/cn.js";
-import { resolveSx as T } from "../../../helpers/sx.js";
-import { ChevronRightIcon as H } from "../../icons/chevron-right-icon/ChevronRightIcon.js";
-import { ChevronLeftIcon as K } from "../../icons/chevron-left-icon/ChevronLeftIcon.js";
-import { TabsContext as M } from "./TabsContext.js";
-import { Children as P, cloneElement as V, isValidElement as _, useCallback as u, useLayoutEffect as q, useMemo as z, useRef as R, useState as S } from "react";
-import { jsx as o, jsxs as E } from "react/jsx-runtime";
-var I = 120, Z = ({ value: n, onChange: m, variant: b = "standard", scrollButtons: w = "auto", centered: A, size: h = "default", className: N, sx: j, children: g }) => {
-  const i = R(null), a = R(/* @__PURE__ */ new Map()), [x, W] = S({
-    left: 0,
-    width: 0
-  }), [c, B] = S({
-    left: !1,
-    right: !1
-  }), y = b === "scrollable", p = u((e, t) => {
-    t ? a.current.set(e, t) : a.current.delete(e);
-  }, []), v = u((e, t) => m?.(e, t), [m]), f = u(() => {
-    const e = a.current.get(n), t = i.current;
-    if (e && W({
-      left: e.offsetLeft,
-      width: e.offsetWidth
-    }), t) {
-      const { scrollLeft: l, scrollWidth: r, clientWidth: s } = t;
-      B({
-        left: l > 1,
-        right: l + s < r - 1
-      });
-    }
-  }, [n]);
-  q(() => {
-    f();
-    const e = i.current;
-    if (!e) return;
-    const t = new ResizeObserver(f);
-    return t.observe(e), () => t.disconnect();
-  }, [f, g]);
-  const k = (e) => {
-    i.current?.scrollBy({
-      left: e,
-      behavior: "smooth"
-    });
-  }, D = (e) => {
-    if (![
-      "ArrowRight",
-      "ArrowLeft",
-      "Home",
-      "End"
-    ].includes(e.key)) return;
-    e.preventDefault();
-    const t = Array.from(a.current.values()).filter((s) => !s.disabled);
-    if (t.length === 0) return;
-    const l = t.findIndex((s) => s === document.activeElement);
-    let r = l;
-    e.key === "ArrowRight" ? r = (l + 1) % t.length : e.key === "ArrowLeft" ? r = (l - 1 + t.length) % t.length : e.key === "Home" ? r = 0 : e.key === "End" && (r = t.length - 1), t[r]?.focus();
-  }, C = y && w !== !1 && (w === !0 || c.left || c.right), O = z(() => ({
-    value: n,
-    size: h,
-    onSelect: v,
-    register: p
-  }), [
-    n,
-    h,
-    v,
-    p
-  ]), L = "flex h-10 w-10 shrink-0 items-center justify-center self-center rounded-[10%] border border-delta-500 text-delta-700 transition-colors hover:bg-gama-50 disabled:invisible";
-  return /* @__PURE__ */ o(M.Provider, {
-    value: O,
-    children: /* @__PURE__ */ E("div", {
-      className: d("relative flex items-center rounded-t-lg bg-white px-4", N),
-      style: T(j),
-      children: [
-        C && /* @__PURE__ */ o("button", {
-          type: "button",
-          "aria-label": "scroll tabs left",
-          className: d(L, "mr-2"),
-          disabled: !c.left,
-          onClick: () => k(-I),
-          children: /* @__PURE__ */ o(K, {
-            width: 24,
-            height: 24
-          })
-        }),
-        /* @__PURE__ */ E("div", {
-          ref: i,
-          role: "tablist",
-          "aria-orientation": "horizontal",
-          onKeyDown: D,
-          onScroll: f,
-          className: d("relative flex border-b border-delta-200 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", y ? "flex-1 overflow-x-auto" : "w-full", b === "fullWidth" && "[&>*]:flex-1", A && "justify-center", h === "small" && "min-h-9"),
-          children: [P.map(g, (e, t) => _(e) ? V(e, { index: t }) : e), /* @__PURE__ */ o("span", {
-            "aria-hidden": !0,
-            className: "absolute bottom-0 h-0.5 bg-gama-500 transition-all duration-300",
-            style: {
-              left: x.left,
-              width: x.width
-            }
-          })]
-        }),
-        C && /* @__PURE__ */ o("button", {
-          type: "button",
-          "aria-label": "scroll tabs right",
-          className: d(L, "ml-2"),
-          disabled: !c.right,
-          onClick: () => k(I),
-          children: /* @__PURE__ */ o(H, {
-            width: 24,
-            height: 24
-          })
-        })
-      ]
-    })
+import { cn as s } from "../../../helpers/cn.js";
+import { Tabs as e } from "@mui/material";
+import { jsx as l } from "react/jsx-runtime";
+function n(r) {
+  return Array.isArray(r);
+}
+function d(r) {
+  return r != null && !Array.isArray(r);
+}
+var c = {
+  "& .MuiTabs-scroller": { borderBottom: "1px solid var(--colors-delta-200)" },
+  "& .MuiTabs-scrollButtons": {
+    border: "1px solid var(--colors-delta-500)",
+    width: 40,
+    height: 40,
+    borderRadius: "10%",
+    display: "none",
+    justifyContent: "center",
+    alignItems: "center",
+    alignSelf: "center",
+    "& svg": {
+      fontSize: 24,
+      color: "var(--colors-delta-700)"
+    },
+    "&:hover": { backgroundColor: "var(--colors-gama-50)" },
+    "&:first-of-type": { marginRight: "8px" },
+    "&:last-of-type": { marginLeft: "8px" },
+    transition: "opacity 0.3s ease, transform 0.3s ease",
+    opacity: 0,
+    transform: "scale(0)"
+  },
+  "& .MuiTabs-scrollButtons.Mui-disabled": { display: "none" },
+  "& .MuiTabs-scrollButtons:not(.Mui-disabled)": {
+    display: "flex",
+    opacity: 1,
+    transform: "scale(1)"
+  }
+}, p = {
+  minHeight: 36,
+  "& .MuiTab-root": {
+    height: 36,
+    minHeight: 36,
+    paddingLeft: "12px",
+    paddingRight: "12px",
+    paddingTop: "8px",
+    paddingBottom: "8px"
+  }
+}, f = ({ className: r, size: i = "default", sx: o, ...t }) => {
+  const a = [c];
+  return i === "small" && a.push(p), n(o) ? a.push(...o) : d(o) && a.push(o), /* @__PURE__ */ l(e, {
+    ...t,
+    className: s("relative rounded-t-lg bg-white px-4", r),
+    slotProps: {
+      ...t.slotProps,
+      indicator: {
+        style: {
+          background: "var(--colors-gama-500)",
+          color: "var(--colors-gama-500)"
+        },
+        ...t.slotProps?.indicator ?? {}
+      }
+    },
+    sx: a
   });
 };
 export {
-  Z as StyledTabs
+  f as StyledTabs
 };

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
       })
     })
   });