asma-ui-core 3.18.0 → 3.20.0

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

@@ -0,0 +1,16 @@
+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 {
+  f as StyledAccordionDetails
+};

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

@@ -0,0 +1,33 @@
+import { ChevronDownIcon as a } from "../../../icons/chevron-down-icon/ChevronDownIcon.js";
+import r from "./StyledAccordion.module.js";
+import t from "clsx";
+import "react";
+import { Fragment as s, jsx as o, jsxs as c } from "react/jsx-runtime";
+import { Accordion as g } from "@base-ui/react/accordion";
+var S = ({ size: m = "large", expandChevronRight: n, className: l, headerClassName: d, sx: p, children: i, ...x }) => {
+  const e = m === "small", h = {
+    "--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__ */ o(g.Header, {
+    className: t(r.Header, d),
+    children: /* @__PURE__ */ o(g.Trigger, {
+      ...x,
+      className: t(r.Trigger, l),
+      style: h,
+      children: n ? /* @__PURE__ */ c(s, { children: [i, /* @__PURE__ */ o(a, {
+        className: t(r.TriggerIcon, r.TriggerIconRight),
+        "data-state-icon": !0
+      })] }) : /* @__PURE__ */ c(s, { children: [/* @__PURE__ */ o(a, {
+        className: r.TriggerIcon,
+        "data-state-icon": !0
+      }), i] })
+    })
+  });
+};
+export {
+  S as StyledAccordionSummary
+};

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

@@ -0,0 +1,31 @@
+import { ContentCopyIcon as c } from "../../icons/content-copy-icon/ContentCopyIcon.js";
+import { StyledTooltip as d } from "../../data-display/tooltip/StyledTooltip.js";
+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();
+  return /* @__PURE__ */ t(d, {
+    title: i,
+    children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(m, {
+      dataTest: "copy-button",
+      className: r,
+      size: "small",
+      variant: "text",
+      startIcon: /* @__PURE__ */ t(c, {
+        width: 20,
+        height: 20
+      }),
+      onClick: () => {
+        navigator.clipboard.writeText(e).then(() => {
+          n(o === "no" ? "Kopiert til utklippstavle" : "Copied to clipboard");
+        }).catch((a) => console.error("Copying failed with this: ", a));
+      },
+      children: !l && (p ?? i)
+    }) })
+  });
+};
+export {
+  v as CopyButton
+};

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

@@ -0,0 +1,32 @@
+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 { 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", {
+  className: m("flex items-center hover:text-gama-500", e["copy-wrapper"], i),
+  children: [n, /* @__PURE__ */ t(s, {
+    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
+      })
+    }) })
+  })]
+});
+export {
+  w as CopyWrapper
+};

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

@@ -0,0 +1,7 @@
+var p = {
+  "copy-wrapper": "_copy-wrapper_1gjzc_1",
+  "hidden-copy": "_hidden-copy_1gjzc_1"
+};
+export {
+  p as default
+};

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

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

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

@@ -0,0 +1,63 @@
+import { FilterIcon as p } from "../../icons/filter-icon/FilterIcon.js";
+import { StyledButton as A } from "../../inputs/button/StyledButton.js";
+import { StyledPopover as O } from "../popover/StyledPopover.js";
+import v from "clsx";
+import h, { useState as E } from "react";
+import { Fragment as b, jsx as e, jsxs as d } from "react/jsx-runtime";
+var k = () => {
+  const [r, t] = E(null), c = (o) => {
+    t(() => o.currentTarget);
+  }, l = () => {
+    t(() => null);
+  };
+  return {
+    anchorEl: r,
+    onClose: l,
+    onAnchorClick: (o) => {
+      r ? l() : c(o);
+    }
+  };
+}, C = (r) => h.isValidElement(r) || typeof r == "string" || typeof r == "number" || r === null || Array.isArray(r), I = ({ filterIsActive: r, popoverContent: t, dataTest: c, disabled: l, size: n = "large", variant: o = "outlined", popoverProps: a, anchorNode: m, label: f, hideLabel: y }) => {
+  const { onAnchorClick: g, onClose: s, anchorEl: i } = k(), u = m?.({
+    isOpen: !!i,
+    onClose: s
+  });
+  return /* @__PURE__ */ d(b, { children: [/* @__PURE__ */ d("div", {
+    className: "relative h-fit w-fit",
+    children: [m && h.isValidElement(u) ? h.cloneElement(u, { onClick: g }) : /* @__PURE__ */ e(A, {
+      type: "button",
+      disabled: l,
+      variant: o,
+      startIcon: /* @__PURE__ */ e(p, {
+        width: n === "large" ? 24 : 20,
+        height: n === "large" ? 24 : 20
+      }),
+      onClick: g,
+      size: n,
+      dataTest: c,
+      "data-popover-open": !!i || void 0,
+      children: !y && (f ?? "Filter")
+    }), r && /* @__PURE__ */ e("div", { className: v("absolute h-2 w-2 rounded-full bg-gama-400", n === "large" ? "right-2 top-2" : "right-1 top-1") })]
+  }), /* @__PURE__ */ e(O, {
+    ...a,
+    open: !!i,
+    anchorEl: i,
+    onClose: s,
+    anchorOrigin: a?.anchorOrigin ?? {
+      vertical: "bottom",
+      horizontal: "right"
+    },
+    transformOrigin: a?.transformOrigin ?? {
+      vertical: "top",
+      horizontal: "right"
+    },
+    className: a?.className ?? "my-1",
+    children: C(t) ? t : t({
+      isOpen: !!i,
+      onClose: s
+    })
+  })] });
+};
+export {
+  I as StyledFilterMenu
+};

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

@@ -0,0 +1,17 @@
+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 {
+  n as StyledPopover
+};

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

@@ -0,0 +1,61 @@
+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) => {
+    n(l.currentTarget), f(l, m);
+  }, r = () => {
+    i(!0), n(null);
+  };
+  h({
+    open: !!e,
+    onClose: r
+  });
+  const t = {
+    ...c,
+    validateOnCalendarClose: d,
+    onValidatedOnce: () => i(!1)
+  };
+  return /* @__PURE__ */ D(b, { children: [
+    /* @__PURE__ */ o(x, {
+      datePickerProps: t,
+      onClick: P
+    }),
+    !a && /* @__PURE__ */ o(u, {
+      datePickerProps: { ...t },
+      popoverProps: {
+        open: !!e,
+        anchorEl: e,
+        onClose: r
+      },
+      positionAbove: p
+    }),
+    a && /* @__PURE__ */ o(v, {
+      anchor: "bottom",
+      open: !!e,
+      onClose: r,
+      sx: { zIndex: 1300 },
+      className: "z-[1300]",
+      children: /* @__PURE__ */ o("div", {
+        className: "mx-auto max-w-[360px]",
+        children: /* @__PURE__ */ o(k, {
+          datePickerProps: { ...t },
+          popoverProps: {
+            open: !!e,
+            anchorEl: e,
+            onClose: r
+          }
+        })
+      })
+    })
+  ] });
+};
+export {
+  j as StyledDatePicker
+};

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

@@ -0,0 +1,138 @@
+import { getValue as N } from "../helpers.js";
+import { StyledInputField as X } from "../../../shared-components/StyledInputField.js";
+import { cn as Z } from "../../../helpers/cn.js";
+import { DatePickerButton as _ } from "./DatePickerButton.js";
+import { useDatePickerMask as $ } from "../hooks/useDatePickerMask.js";
+import { useDatePickerValidation as ee } from "../hooks/useDatePickerValidation.js";
+import { HelperTextWithTooltip as te } from "./HelperTextWithTooltip.js";
+import { useEffect as P, useState as w } from "react";
+import { jsx as a, jsxs as y } from "react/jsx-runtime";
+import { isValid as ae, parse as le } from "date-fns";
+var he = (F) => {
+  const { onClick: B, inputClassName: I, dateFormat: f, selected: l, error: S, helperText: Y, errorText: E, onInputChange: C, hideCalendar: O, locale: t, disabledDays: o, label: W, title: b, readOnly: e, disallowPast: r, disallowFuture: i, validateOnCalendarClose: T, onValidatedOnce: V, hideDefaultHelperText: j, required: s, minDate: n, ...h } = F, { validationError: R, handleValidation: d, errHelperText: q, clearValidation: H } = ee(), { maskRef: z } = $(), x = l ? N(l, f) : "", [m, M] = w(x), [k, v] = w(!1), A = t?.code?.startsWith("nb") ? "DD/MM/ÅÅÅÅ" : "DD/MM/YYYY", G = j ? void 0 : A, u = !!(R || S), J = u ? E ?? q : Y ?? G, D = k ? m : x;
+  P(() => {
+    if (!l) {
+      H();
+      return;
+    }
+    d({
+      value: N(l, f),
+      disabledDays: o,
+      localeCode: t?.code,
+      disallowPast: r,
+      disallowFuture: i,
+      required: s,
+      minDate: n
+    });
+  }, [
+    l,
+    f,
+    o,
+    t?.code,
+    r,
+    i,
+    s,
+    n,
+    d,
+    H
+  ]);
+  const K = D.replace(/\D/g, "").length > 0, L = (c) => {
+    const p = c.target.value, U = p.replace(/\D/g, "");
+    v(!0), M(U.length ? p : "");
+  };
+  P(() => {
+    T && (d({
+      value: m,
+      disabledDays: o,
+      localeCode: t?.code,
+      disallowPast: r,
+      disallowFuture: i,
+      required: s,
+      minDate: n
+    }), V?.());
+  }, [
+    T,
+    m,
+    o,
+    t?.code,
+    r,
+    i,
+    s,
+    n,
+    V,
+    d
+  ]);
+  const Q = () => {
+    const c = k ? m : x;
+    if (d({
+      value: c,
+      disabledDays: o,
+      localeCode: t?.code,
+      disallowPast: r,
+      disallowFuture: i,
+      required: s,
+      minDate: n
+    })) return;
+    if (!c.replace(/\D/g, "").length) {
+      v(!1), M(""), C?.(void 0);
+      return;
+    }
+    const p = le(c, "dd/MM/yyyy", /* @__PURE__ */ new Date());
+    v(!1), C?.(ae(p) ? p : void 0);
+  }, g = e ? 120 : 160;
+  return /* @__PURE__ */ y("div", {
+    className: "cursor-default",
+    children: [b && /* @__PURE__ */ a("div", {
+      className: "pb-1 font-roboto font-semibold text-delta-800",
+      children: b
+    }), /* @__PURE__ */ y("div", {
+      className: "flex gap-1",
+      style: { height: e ? 40 : 75 },
+      children: [/* @__PURE__ */ y("div", {
+        style: { width: g },
+        children: [/* @__PURE__ */ a("div", {
+          className: "relative",
+          children: /* @__PURE__ */ a(X, {
+            ...h,
+            label: W,
+            readOnly: e,
+            "data-testid": h.dataTest,
+            autoComplete: "off",
+            inputRef: e ? void 0 : z,
+            placeholder: !e && !K ? "  /  /    " : void 0,
+            size: "small",
+            value: e ? D.replaceAll("/", ".") : D,
+            className: I,
+            style: { width: g },
+            error: u,
+            onBlur: e ? void 0 : Q,
+            helperText: null,
+            FormHelperTextProps: { sx: { m: 0 } },
+            inputProps: { ...e ? {} : {
+              inputMode: "numeric",
+              style: { fontFamily: "monospace" }
+            } },
+            onChange: L
+          })
+        }), !e && /* @__PURE__ */ a("div", {
+          className: Z("pt-1 text-[14px]", u ? "text-error-500" : "text-delta-600"),
+          style: {
+            maxWidth: g,
+            maxHeight: 34,
+            lineHeight: "16px"
+          },
+          children: /* @__PURE__ */ a(te, {
+            text: J,
+            hasError: u
+          })
+        })]
+      }), !O && !e && /* @__PURE__ */ a(_, {
+        onClick: B,
+        disabled: !!h.disabled
+      })]
+    })]
+  });
+};
+export {
+  he as BaseDatePickerInput
+};

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

@@ -0,0 +1,20 @@
+import { StyledButton as a } from "../../../shared-components/button/StyledButton.js";
+import { cn as n } from "../../../helpers/cn.js";
+import { OutlineCalendarMonth as i } from "../../../shared-components/OutlineCalendarMonth.js";
+import "react";
+import { jsx as o } from "react/jsx-runtime";
+var f = ({ onClick: r, disabled: t }) => /* @__PURE__ */ o(a, {
+  type: "button",
+  size: "large",
+  dataTest: "DatePickerButton",
+  startIcon: /* @__PURE__ */ o(i, {
+    width: 24,
+    height: 24
+  }),
+  variant: "outlined",
+  onClick: (e) => !t && r(e),
+  className: n(t && "cursor-not-allowed")
+});
+export {
+  f as DatePickerButton
+};

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

@@ -0,0 +1,13 @@
+import { DatePickerInputRangeCompact as m } from "./DatePickerInputRangeCompact.js";
+import { DatePickerInputSingle as n } from "./DatePickerInputSingle.js";
+import { jsx as e } from "react/jsx-runtime";
+var i = ({ datePickerProps: r, onClick: t }) => r.mode === "range" ? /* @__PURE__ */ e(m, {
+  datePickerProps: r,
+  onClick: t
+}) : /* @__PURE__ */ e(n, {
+  datePickerProps: r,
+  onClick: t
+});
+export {
+  i as DatePickerInputIndex
+};

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

@@ -0,0 +1,72 @@
+import f from "./DatePickerInputRangeCompact.module.js";
+import { BaseDatePickerInput as u } from "./BaseDatePickerInput.js";
+import C from "clsx";
+import { jsx as x, jsxs as F } from "react/jsx-runtime";
+import { addDays as g } from "date-fns";
+var v = ({ datePickerProps: h, onClick: l }) => {
+  const { dataTest: b, className: D, inputClassName: i, disabled: a, readOnly: m, dateFormat: d, onInputChange: o, hideCalendar: s, locale: p, selected: t, disabledDays: n, validateOnCalendarClose: T, onValidatedOnce: c, ...e } = h;
+  return /* @__PURE__ */ F("div", {
+    "data-testid": b,
+    className: C(D, f["styled-date-picker-input-range-compact"], a && f["range-compact-disabled"]),
+    children: [/* @__PURE__ */ x(u, {
+      dataTest: "styled-date-picker-input-range-from",
+      dateFormat: d,
+      selected: t?.from,
+      inputClassName: i,
+      readOnly: m,
+      disabled: !!a,
+      onClick: l,
+      onInputChange: (r) => {
+        r && t?.to && r.getTime() > t?.to.getTime() ? o?.({
+          from: r,
+          to: g(r, 1)
+        }) : o?.({
+          from: r,
+          to: t?.to
+        });
+      },
+      hideCalendar: s,
+      locale: p,
+      disabledDays: n,
+      validateOnCalendarClose: T,
+      onValidatedOnce: c,
+      label: e.labelFrom,
+      error: e.errorFrom,
+      helperText: e.helperTextFrom,
+      errorText: e.errorTextFrom,
+      title: e.titleFrom,
+      hideDefaultHelperText: e.hideDefaultHelperTextFrom
+    }), /* @__PURE__ */ x(u, {
+      dataTest: "styled-date-picker-input-range-to",
+      dateFormat: d,
+      selected: t?.to,
+      inputClassName: i,
+      readOnly: m,
+      disabled: !!a,
+      onClick: l,
+      onInputChange: (r) => {
+        r && t?.from && r.getTime() < t?.from.getTime() ? o?.({
+          from: g(r, -1),
+          to: r
+        }) : o?.({
+          from: t?.from,
+          to: r
+        });
+      },
+      hideCalendar: s,
+      locale: p,
+      disabledDays: n,
+      validateOnCalendarClose: T,
+      onValidatedOnce: c,
+      label: e.labelTo,
+      error: e.errorTo,
+      helperText: e.helperTextTo,
+      errorText: e.errorTextTo,
+      title: e.titleTo,
+      hideDefaultHelperText: e.hideDefaultHelperTextTo
+    })]
+  });
+};
+export {
+  v as DatePickerInputRangeCompact
+};

package/dist/datetime/components/date-picker/components/DatePickerInputRangeCompact.module.js

@@ -0,0 +1,7 @@
+var a = {
+  "styled-date-picker-input-range-compact": "_styled-date-picker-input-range-compact_wj0t8_1",
+  "range-compact-disabled": "_range-compact-disabled_wj0t8_4"
+};
+export {
+  a as default
+};

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

@@ -0,0 +1,33 @@
+import { BaseDatePickerInput as k } from "./BaseDatePickerInput.js";
+import { jsx as v } from "react/jsx-runtime";
+var F = ({ datePickerProps: e, onClick: a }) => {
+  const { inputClassName: r, disabled: t, helperText: l, label: d, error: n, locale: i, hideCalendar: o, dateFormat: s, disabledDays: p, dataTest: u, readOnly: m, errorText: c, disallowFuture: C, disallowPast: h, required: x, minDate: D, validateOnCalendarClose: b, onValidatedOnce: I, onInputChange: T, selected: f, title: g, hideDefaultHelperText: O } = e;
+  return /* @__PURE__ */ v(k, {
+    dataTest: u,
+    inputClassName: r,
+    readOnly: m,
+    disabled: !!t,
+    helperText: l,
+    onClick: a,
+    onInputChange: (P) => T?.(P),
+    selected: f,
+    error: !!n,
+    locale: i,
+    hideCalendar: o,
+    dateFormat: s,
+    disabledDays: p,
+    label: d,
+    errorText: c,
+    disallowFuture: C,
+    disallowPast: h,
+    required: x,
+    minDate: D,
+    validateOnCalendarClose: b,
+    onValidatedOnce: I,
+    title: g,
+    hideDefaultHelperText: O
+  });
+};
+export {
+  F as DatePickerInputSingle
+};

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

@@ -0,0 +1,39 @@
+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 }) => {
+  if (typeof e != "string") return /* @__PURE__ */ r(d, { children: e });
+  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, {
+        width: 20,
+        height: 20,
+        color: "var(--colors-error-500)"
+      })
+    }), /* @__PURE__ */ r("span", {
+      className: "flex-1 break-words pt-[2px] text-left leading-4",
+      style: {
+        display: "-webkit-box",
+        WebkitLineClamp: 2,
+        WebkitBoxOrient: "vertical",
+        overflow: "hidden",
+        maxHeight: 32,
+        fontFamily: "roboto, sans-serif"
+      },
+      children: n
+    })]
+  });
+  return o ? /* @__PURE__ */ r(m, {
+    title: e,
+    placement: "right",
+    arrow: !0,
+    children: /* @__PURE__ */ r("span", { children: l })
+  }) : l;
+};
+export {
+  b as HelperTextWithTooltip
+};

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

@@ -0,0 +1,29 @@
+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: o, positionAbove: t }) => {
+  const { open: i, anchorEl: l, onClose: a } = o;
+  return /* @__PURE__ */ r(c, {
+    open: i,
+    anchorEl: l,
+    onClose: a,
+    anchorOrigin: {
+      vertical: t ? "top" : 50,
+      horizontal: "left"
+    },
+    transformOrigin: {
+      vertical: t ? "bottom" : "top",
+      horizontal: "left"
+    },
+    children: /* @__PURE__ */ r("div", {
+      className: "p-4",
+      children: /* @__PURE__ */ r(n, {
+        datePickerProps: e,
+        popoverProps: o
+      })
+    })
+  });
+};
+export {
+  h as StyledCalendarPicker
+};