@epilot/volt-ui-experimental-griffel 0.3.0 → 0.3.1

package/dist/components/date-time-picker/date-time-picker-panel.js

@@ -1,16 +1,16 @@
-import { j as e } from "../../vendor/react/jsx-dev-runtime.js";
-import * as p from "react";
-import { shorthands as d } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
-import { SLOT_ATTR as a } from "../../packages/volt-runtime/dist/renderer/contract.js";
-import { mergeClasses as H } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-import { Button as L } from "../button/button.js";
-import { PopoverPortal as ee, PopoverContent as te } from "../popover/popover.js";
-import { makeVoltStyles as ie } from "../../styles/make-styles.js";
-import { spacingElement2 as re, spacingGroup1 as $, spacingElement3 as oe, spacingGroup2 as ae } from "../../tokens/index.js";
-import { Calendar as B } from "./calendar.js";
-import { TimePicker as W } from "./time-picker.js";
-import { useDateTimePickerContext as le } from "./date-time-picker-context.js";
-const ne = ie({
+import { jsx as t, jsxs as k, Fragment as W } from "react/jsx-runtime";
+import * as m from "react";
+import { shorthands as f } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
+import { SLOT_ATTR as r } from "../../packages/volt-runtime/dist/renderer/contract.js";
+import { mergeClasses as j } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { Button as Y } from "../button/button.js";
+import { PopoverPortal as ie, PopoverContent as oe } from "../popover/popover.js";
+import { makeVoltStyles as ne } from "../../styles/make-styles.js";
+import { spacingElement2 as re, spacingGroup1 as G, spacingElement3 as ae, spacingGroup2 as se } from "../../tokens/index.js";
+import { Calendar as I } from "./calendar.js";
+import { TimePicker as M } from "./time-picker.js";
+import { useDateTimePickerContext as de } from "./date-time-picker-context.js";
+const ce = ne({
   content: {
     overflowX: "hidden",
     overflowY: "hidden"
@@ -21,19 +21,19 @@ const ne = ie({
   panelContent: {
     display: "flex",
     flexDirection: "column",
-    ...d.gap(ae),
-    ...d.padding(oe)
+    ...f.gap(se),
+    ...f.padding(ae)
   },
   body: {
     display: "flex"
   },
   bodyBottom: {
     flexDirection: "column",
-    ...d.gap($)
+    ...f.gap(G)
   },
   bodySide: {
     flexDirection: "row",
-    ...d.gap($),
+    ...f.gap(G),
     position: "relative"
   },
   dateSection: {
@@ -60,331 +60,223 @@ const ne = ie({
   footer: {
     display: "flex",
     justifyContent: "flex-end",
-    ...d.gap(re)
+    ...f.gap(re)
   }
-}), Ne = p.forwardRef(function({
-  showTimePicker: w = !0,
-  timePickerPosition: b = "bottom",
-  okLabel: Y = "Apply",
-  cancelLabel: G = "Cancel",
-  previousMonthLabel: j = "Previous month",
-  nextMonthLabel: C = "Next month",
-  hoursLabel: V,
-  minutesLabel: S,
-  showTodayButton: U = !1,
-  todayLabel: R = "Today",
-  showWeekNumbers: z = !1,
-  className: I,
-  minuteStep: A = 1
-}, M) {
-  const i = ne(), {
-    tempValue: f,
-    isOpen: F,
-    locale: T,
-    disablePast: u,
-    currentTimeInTimezone: x,
-    handleDateChange: k,
-    confirm: X,
-    cancel: Q
-  } = le(), [_, J] = p.useState(!0);
-  p.useEffect(() => {
-    if (b !== "side") return;
-    const l = () => J(window.innerWidth >= 480);
-    return l(), window.addEventListener("resize", l), () => window.removeEventListener("resize", l);
-  }, [b]);
-  const g = p.useRef(null);
-  p.useLayoutEffect(() => {
-    if (!F) return;
-    const l = () => {
-      const t = g.current;
-      if (!t) return;
-      t.dataset.widthLocked || (t.style.width = `${t.offsetWidth}px`, t.dataset.widthLocked = "true");
-      const N = t.closest(
+}), Ce = m.forwardRef(function({
+  showTimePicker: C = !0,
+  timePickerPosition: S = "bottom",
+  okLabel: V = "Apply",
+  cancelLabel: X = "Cancel",
+  previousMonthLabel: z = "Previous month",
+  nextMonthLabel: A = "Next month",
+  hoursLabel: D,
+  minutesLabel: N,
+  showTodayButton: F = !1,
+  todayLabel: T = "Today",
+  showWeekNumbers: O = !1,
+  className: Q,
+  minuteStep: P = 1
+}, _) {
+  const i = ce(), {
+    tempValue: p,
+    isOpen: q,
+    locale: H,
+    disablePast: h,
+    currentTimeInTimezone: u,
+    handleDateChange: y,
+    confirm: J,
+    cancel: K
+  } = de(), [U, Z] = m.useState(!0);
+  m.useEffect(() => {
+    if (S !== "side") return;
+    const a = () => Z(window.innerWidth >= 480);
+    return a(), window.addEventListener("resize", a), () => window.removeEventListener("resize", a);
+  }, [S]);
+  const w = m.useRef(null);
+  m.useLayoutEffect(() => {
+    if (!q) return;
+    const a = () => {
+      const e = w.current;
+      if (!e) return;
+      e.dataset.widthLocked || (e.style.width = `${e.offsetWidth}px`, e.dataset.widthLocked = "true");
+      const x = e.closest(
         "[data-radix-popper-content-wrapper]"
       );
-      if (!N) return;
-      const n = t.querySelector(
-        `[${a}="datetimepicker-body"]`
+      if (!x) return;
+      const s = e.querySelector(
+        `[${r}="datetimepicker-body"]`
       );
-      n && (n.style.maxHeight = "", n.style.overflowY = "");
-      const r = N.getBoundingClientRect(), E = window.innerHeight, P = window.innerWidth, o = 8, q = E - 2 * o;
-      let D = { m41: 0, m42: 0 };
+      s && (s.style.maxHeight = "", s.style.overflowY = "");
+      const o = x.getBoundingClientRect(), R = window.innerHeight, $ = window.innerWidth, n = 8, B = R - 2 * n;
+      let E = { m41: 0, m42: 0 };
       try {
-        const m = getComputedStyle(N).transform;
-        typeof DOMMatrixReadOnly < "u" && m && m !== "none" && (D = new DOMMatrixReadOnly(m));
+        const c = getComputedStyle(x).transform;
+        typeof DOMMatrixReadOnly < "u" && c && c !== "none" && (E = new DOMMatrixReadOnly(c));
       } catch {
       }
-      let s = 0, c = 0;
-      if (r.height > q) {
-        if (n) {
-          const m = t.querySelector(
-            `[${a}="datetimepicker-footer"]`
-          ), Z = m ? m.getBoundingClientRect().height : 0;
-          n.style.maxHeight = `${q - Z}px`, n.style.overflowY = "auto";
+      let d = 0, l = 0;
+      if (o.height > B) {
+        if (s) {
+          const c = e.querySelector(
+            `[${r}="datetimepicker-footer"]`
+          ), te = c ? c.getBoundingClientRect().height : 0;
+          s.style.maxHeight = `${B - te}px`, s.style.overflowY = "auto";
         }
-        s = o - r.top;
+        d = n - o.top;
       } else
-        r.bottom > E - o && (s = E - o - r.bottom), r.top + s < o && (s = o - r.top);
-      r.right > P - o && (c = P - o - r.right), r.left + c < o && (c = o - r.left), (c !== 0 || s !== 0) && (N.style.transform = `translate(${D.m41 + c}px, ${D.m42 + s}px)`);
-    }, K = requestAnimationFrame(() => {
-      requestAnimationFrame(l);
+        o.bottom > R - n && (d = R - n - o.bottom), o.top + d < n && (d = n - o.top);
+      o.right > $ - n && (l = $ - n - o.right), o.left + l < n && (l = n - o.left), (l !== 0 || d !== 0) && (x.style.transform = `translate(${E.m41 + l}px, ${E.m42 + d}px)`);
+    }, ee = requestAnimationFrame(() => {
+      requestAnimationFrame(a);
     });
     let v = 0;
-    const O = () => {
-      const t = g.current;
-      t && (t.style.width = "", delete t.dataset.widthLocked), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
-        v = requestAnimationFrame(l);
+    const L = () => {
+      const e = w.current;
+      e && (e.style.width = "", delete e.dataset.widthLocked), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
+        v = requestAnimationFrame(a);
       });
     };
-    window.addEventListener("resize", O);
-    const y = g.current;
+    window.addEventListener("resize", L);
+    const b = w.current;
     return () => {
-      cancelAnimationFrame(K), cancelAnimationFrame(v), window.removeEventListener("resize", O), y && (y.style.width = "", delete y.dataset.widthLocked);
+      cancelAnimationFrame(ee), cancelAnimationFrame(v), window.removeEventListener("resize", L), b && (b.style.width = "", delete b.dataset.widthLocked);
     };
-  }, [F]);
-  const h = w && b === "side" && _;
-  return /* @__PURE__ */ e.jsxDEV(ee, { children: /* @__PURE__ */ e.jsxDEV(
-    te,
+  }, [q]);
+  const g = C && S === "side" && U;
+  return /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t(
+    oe,
     {
       align: "start",
-      className: H(
+      className: j(
         i.content,
-        !h && i.contentNarrow,
-        I
+        !g && i.contentNarrow,
+        Q
       ),
       collisionPadding: 8,
       flush: !0,
-      ref: M,
+      ref: _,
       side: "bottom",
       sideOffset: 4,
       sticky: "always",
-      children: /* @__PURE__ */ e.jsxDEV(
+      children: /* @__PURE__ */ k(
         "div",
         {
           className: i.panelContent,
           "data-slot": "datetimepicker-content",
-          [a]: "datetimepicker-content",
-          ref: g,
+          [r]: "datetimepicker-content",
+          ref: w,
           children: [
-            /* @__PURE__ */ e.jsxDEV(
+            /* @__PURE__ */ k(
               "div",
               {
-                className: H(
+                className: j(
                   i.body,
-                  h ? i.bodySide : i.bodyBottom
+                  g ? i.bodySide : i.bodyBottom
                 ),
                 "data-slot": "datetimepicker-body",
-                [a]: "datetimepicker-body",
+                [r]: "datetimepicker-body",
                 children: [
-                  h && w ? /* @__PURE__ */ e.jsxDEV(
+                  g && C ? /* @__PURE__ */ t(
                     "div",
                     {
                       className: i.dateSection,
                       "data-slot": "datetimepicker-date-section",
-                      [a]: "datetimepicker-date-section",
-                      children: /* @__PURE__ */ e.jsxDEV(
-                        B,
+                      [r]: "datetimepicker-date-section",
+                      children: /* @__PURE__ */ t(
+                        I,
                         {
-                          currentTimeInTimezone: x,
-                          disablePast: u,
-                          locale: T,
-                          nextMonthLabel: C,
-                          onChange: k,
-                          previousMonthLabel: j,
-                          showTodayButton: U,
-                          showWeekNumbers: z,
-                          todayLabel: R,
-                          value: f
-                        },
-                        void 0,
-                        !1,
-                        {
-                          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-panel.tsx",
-                          lineNumber: 292,
-                          columnNumber: 17
-                        },
-                        this
+                          currentTimeInTimezone: u,
+                          disablePast: h,
+                          locale: H,
+                          nextMonthLabel: A,
+                          onChange: y,
+                          previousMonthLabel: z,
+                          showTodayButton: F,
+                          showWeekNumbers: O,
+                          todayLabel: T,
+                          value: p
+                        }
                       )
-                    },
-                    void 0,
-                    !1,
-                    {
-                      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-panel.tsx",
-                      lineNumber: 287,
-                      columnNumber: 15
-                    },
-                    this
-                  ) : /* @__PURE__ */ e.jsxDEV(
-                    B,
-                    {
-                      currentTimeInTimezone: x,
-                      disablePast: u,
-                      locale: T,
-                      nextMonthLabel: C,
-                      onChange: k,
-                      previousMonthLabel: j,
-                      showTodayButton: U,
-                      showWeekNumbers: z,
-                      todayLabel: R,
-                      value: f
-                    },
-                    void 0,
-                    !1,
+                    }
+                  ) : /* @__PURE__ */ t(
+                    I,
                     {
-                      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-panel.tsx",
-                      lineNumber: 306,
-                      columnNumber: 15
-                    },
-                    this
+                      currentTimeInTimezone: u,
+                      disablePast: h,
+                      locale: H,
+                      nextMonthLabel: A,
+                      onChange: y,
+                      previousMonthLabel: z,
+                      showTodayButton: F,
+                      showWeekNumbers: O,
+                      todayLabel: T,
+                      value: p
+                    }
                   ),
-                  w && /* @__PURE__ */ e.jsxDEV(e.Fragment, { children: h ? /* @__PURE__ */ e.jsxDEV(e.Fragment, { children: [
-                    /* @__PURE__ */ e.jsxDEV(
+                  C && /* @__PURE__ */ t(W, { children: g ? /* @__PURE__ */ k(W, { children: [
+                    /* @__PURE__ */ t(
                       "div",
                       {
                         className: i.timeSpacer,
                         "data-slot": "datetimepicker-time-spacer",
-                        [a]: "datetimepicker-time-spacer"
-                      },
-                      void 0,
-                      !1,
-                      {
-                        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-panel.tsx",
-                        lineNumber: 323,
-                        columnNumber: 21
-                      },
-                      this
+                        [r]: "datetimepicker-time-spacer"
+                      }
                     ),
-                    /* @__PURE__ */ e.jsxDEV(
+                    /* @__PURE__ */ t(
                       "div",
                       {
                         className: i.timeSection,
                         "data-slot": "datetimepicker-time-section",
-                        [a]: "datetimepicker-time-section",
-                        children: /* @__PURE__ */ e.jsxDEV(
-                          W,
+                        [r]: "datetimepicker-time-section",
+                        children: /* @__PURE__ */ t(
+                          M,
                           {
-                            currentTimeInTimezone: x,
-                            disablePast: u,
+                            currentTimeInTimezone: u,
+                            disablePast: h,
                             fillHeight: !0,
-                            hoursLabel: V,
-                            minuteStep: A,
-                            minutesLabel: S,
-                            onChange: k,
-                            value: f
-                          },
-                          void 0,
-                          !1,
-                          {
-                            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-panel.tsx",
-                            lineNumber: 333,
-                            columnNumber: 23
-                          },
-                          this
+                            hoursLabel: D,
+                            minuteStep: P,
+                            minutesLabel: N,
+                            onChange: y,
+                            value: p
+                          }
                         )
-                      },
-                      void 0,
-                      !1,
-                      {
-                        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-panel.tsx",
-                        lineNumber: 328,
-                        columnNumber: 21
-                      },
-                      this
+                      }
                     )
-                  ] }, void 0, !0, {
-                    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-panel.tsx",
-                    lineNumber: 322,
-                    columnNumber: 19
-                  }, this) : /* @__PURE__ */ e.jsxDEV(
-                    W,
+                  ] }) : /* @__PURE__ */ t(
+                    M,
                     {
-                      currentTimeInTimezone: x,
-                      disablePast: u,
-                      hoursLabel: V,
-                      minuteStep: A,
-                      minutesLabel: S,
-                      onChange: k,
-                      value: f
-                    },
-                    void 0,
-                    !1,
-                    {
-                      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-panel.tsx",
-                      lineNumber: 346,
-                      columnNumber: 19
-                    },
-                    this
-                  ) }, void 0, !1, {
-                    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-panel.tsx",
-                    lineNumber: 320,
-                    columnNumber: 15
-                  }, this)
+                      currentTimeInTimezone: u,
+                      disablePast: h,
+                      hoursLabel: D,
+                      minuteStep: P,
+                      minutesLabel: N,
+                      onChange: y,
+                      value: p
+                    }
+                  ) })
                 ]
-              },
-              void 0,
-              !0,
-              {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-panel.tsx",
-                lineNumber: 278,
-                columnNumber: 11
-              },
-              this
+              }
             ),
-            /* @__PURE__ */ e.jsxDEV(
+            /* @__PURE__ */ k(
               "div",
               {
                 className: i.footer,
                 "data-slot": "datetimepicker-footer",
-                [a]: "datetimepicker-footer",
+                [r]: "datetimepicker-footer",
                 children: [
-                  /* @__PURE__ */ e.jsxDEV(L, { onClick: Q, size: "sm", variant: "secondary", children: G }, void 0, !1, {
-                    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-panel.tsx",
-                    lineNumber: 364,
-                    columnNumber: 13
-                  }, this),
-                  /* @__PURE__ */ e.jsxDEV(L, { onClick: X, size: "sm", variant: "primary", children: Y }, void 0, !1, {
-                    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-panel.tsx",
-                    lineNumber: 367,
-                    columnNumber: 13
-                  }, this)
+                  /* @__PURE__ */ t(Y, { onClick: K, size: "sm", variant: "secondary", children: X }),
+                  /* @__PURE__ */ t(Y, { onClick: J, size: "sm", variant: "primary", children: V })
                 ]
-              },
-              void 0,
-              !0,
-              {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-panel.tsx",
-                lineNumber: 359,
-                columnNumber: 11
-              },
-              this
+              }
             )
           ]
-        },
-        void 0,
-        !0,
-        {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-panel.tsx",
-          lineNumber: 272,
-          columnNumber: 9
-        },
-        this
+        }
       )
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-panel.tsx",
-      lineNumber: 258,
-      columnNumber: 7
-    },
-    this
-  ) }, void 0, !1, {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-panel.tsx",
-    lineNumber: 257,
-    columnNumber: 5
-  }, this);
+    }
+  ) });
 });
 export {
-  Ne as DateTimePickerPanel
+  Ce as DateTimePickerPanel
 };
 //# sourceMappingURL=date-time-picker-panel.js.map

package/dist/components/date-time-picker/date-time-picker-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-picker-panel.js","sources":["../../../src/components/date-time-picker/date-time-picker-panel.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeClasses, shorthands } from \"@epilot/volt-ui-runtime\"\n\nimport { Button } from \"../button/button\"\nimport { PopoverContent, PopoverPortal } from \"../popover/popover\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nimport { Calendar } from \"./calendar\"\nimport { TimePicker } from \"./time-picker\"\nimport { useDateTimePickerContext } from \"./date-time-picker-context\"\n\nexport type DateTimePickerPanelProps = {\n  showTimePicker?: boolean\n  timePickerPosition?: \"bottom\" | \"side\"\n  okLabel?: string\n  cancelLabel?: string\n  previousMonthLabel?: string\n  nextMonthLabel?: string\n  hoursLabel?: string\n  minutesLabel?: string\n  showTodayButton?: boolean\n  todayLabel?: string\n  showWeekNumbers?: boolean\n  className?: string\n  minuteStep?: number\n}\n\nconst useStyles = makeVoltStyles({\n  content: {\n    overflowX: \"hidden\",\n    overflowY: \"hidden\",\n  },\n  contentNarrow: {\n    width: \"300px\",\n  },\n  panelContent: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingGroup2),\n    ...shorthands.padding(tokens.spacingElement3),\n  },\n  body: {\n    display: \"flex\",\n  },\n  bodyBottom: {\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingGroup1),\n  },\n  bodySide: {\n    flexDirection: \"row\",\n    ...shorthands.gap(tokens.spacingGroup1),\n    position: \"relative\",\n  },\n  dateSection: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    minWidth: \"0\",\n  },\n  timeSpacer: {\n    width: \"9rem\",\n    flexShrink: 0,\n  },\n  timeSection: {\n    position: \"absolute\",\n    top: 0,\n    bottom: 0,\n    right: 0,\n    width: \"9rem\",\n    overflowX: \"hidden\",\n    overflowY: \"hidden\",\n    display: \"flex\",\n    alignItems: \"stretch\",\n  },\n  footer: {\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    ...shorthands.gap(tokens.spacingElement2),\n  },\n})\n\nexport const DateTimePickerPanel = React.forwardRef<\n  HTMLDivElement,\n  DateTimePickerPanelProps\n>(function DateTimePickerPanel(\n  {\n    showTimePicker = true,\n    timePickerPosition = \"bottom\",\n    okLabel = \"Apply\",\n    cancelLabel = \"Cancel\",\n    previousMonthLabel = \"Previous month\",\n    nextMonthLabel = \"Next month\",\n    hoursLabel,\n    minutesLabel,\n    showTodayButton = false,\n    todayLabel = \"Today\",\n    showWeekNumbers = false,\n    className,\n    minuteStep = 1,\n  },\n  ref\n) {\n  const styles = useStyles()\n  const {\n    tempValue,\n    isOpen,\n    locale,\n    disablePast,\n    currentTimeInTimezone,\n    handleDateChange,\n    confirm,\n    cancel,\n  } = useDateTimePickerContext()\n\n  // Responsive: fall back to bottom layout on narrow viewports.\n  const [isWideEnough, setIsWideEnough] = React.useState(true)\n\n  React.useEffect(() => {\n    if (timePickerPosition !== \"side\") return\n\n    const update = () => setIsWideEnough(window.innerWidth >= 480)\n\n    update()\n    window.addEventListener(\"resize\", update)\n\n    return () => window.removeEventListener(\"resize\", update)\n  }, [timePickerPosition])\n\n  // Fix viewport overflow: Floating UI's shift middleware may not work in all\n  // environments (e.g. microfrontend hosts). Manually detect overflow and\n  // adjust the popper wrapper's transform to keep the popover within viewport.\n  const contentRef = React.useRef<HTMLDivElement>(null)\n\n  React.useLayoutEffect(() => {\n    if (!isOpen) return\n\n    const adjustPosition = () => {\n      const el = contentRef.current\n      if (!el) return\n\n      // Lock popover width on first open to prevent resizing on calendar view changes\n      if (!el.dataset.widthLocked) {\n        el.style.width = `${el.offsetWidth}px`\n        el.dataset.widthLocked = \"true\"\n      }\n\n      const wrapper = el.closest(\n        \"[data-radix-popper-content-wrapper]\"\n      ) as HTMLElement | null\n      if (!wrapper) return\n\n      // Reset previous constraints so we measure natural size\n      const body = el.querySelector(\n        `[${SLOT_ATTR}=\"datetimepicker-body\"]`\n      ) as HTMLElement | null\n      if (body) {\n        body.style.maxHeight = \"\"\n        body.style.overflowY = \"\"\n      }\n\n      const rect = wrapper.getBoundingClientRect()\n      const vh = window.innerHeight\n      const vw = window.innerWidth\n      const pad = 8\n      const maxH = vh - 2 * pad\n\n      let matrix = { m41: 0, m42: 0 }\n      try {\n        const computedTransform = getComputedStyle(wrapper).transform\n        if (\n          typeof DOMMatrixReadOnly !== \"undefined\" &&\n          computedTransform &&\n          computedTransform !== \"none\"\n        ) {\n          matrix = new DOMMatrixReadOnly(computedTransform)\n        }\n      } catch {\n        // Fallback if transform cannot be parsed\n      }\n      let dy = 0\n      let dx = 0\n\n      if (rect.height > maxH) {\n        // Popover is taller than viewport — constrain the body area\n        // (keep footer visible) and pin to top padding\n        if (body) {\n          const footer = el.querySelector(\n            `[${SLOT_ATTR}=\"datetimepicker-footer\"]`\n          ) as HTMLElement | null\n          const footerH = footer ? footer.getBoundingClientRect().height : 0\n          body.style.maxHeight = `${maxH - footerH}px`\n          body.style.overflowY = \"auto\"\n        }\n        dy = pad - rect.top\n      } else {\n        // Fits in viewport — just shift to stay within bounds\n        if (rect.bottom > vh - pad) {\n          dy = vh - pad - rect.bottom\n        }\n        if (rect.top + dy < pad) {\n          dy = pad - rect.top\n        }\n      }\n\n      // Keep the popover on-screen horizontally\n      if (rect.right > vw - pad) {\n        dx = vw - pad - rect.right\n      }\n      if (rect.left + dx < pad) {\n        dx = pad - rect.left\n      }\n\n      if (dx !== 0 || dy !== 0) {\n        wrapper.style.transform = `translate(${matrix.m41 + dx}px, ${matrix.m42 + dy}px)`\n      }\n    }\n\n    // Wait for Floating UI to finish positioning\n    const raf = requestAnimationFrame(() => {\n      requestAnimationFrame(adjustPosition)\n    })\n\n    let resizeRaf = 0\n    const onResize = () => {\n      const el = contentRef.current\n      if (el) {\n        el.style.width = \"\"\n        delete el.dataset.widthLocked\n      }\n      cancelAnimationFrame(resizeRaf)\n      resizeRaf = requestAnimationFrame(() => {\n        resizeRaf = requestAnimationFrame(adjustPosition)\n      })\n    }\n    window.addEventListener(\"resize\", onResize)\n\n    const el = contentRef.current\n\n    return () => {\n      cancelAnimationFrame(raf)\n      cancelAnimationFrame(resizeRaf)\n      window.removeEventListener(\"resize\", onResize)\n      // Reset locked width on close so next open re-measures\n      if (el) {\n        el.style.width = \"\"\n        delete el.dataset.widthLocked\n      }\n    }\n  }, [isOpen])\n\n  const isSideLayout =\n    showTimePicker && timePickerPosition === \"side\" && isWideEnough\n\n  return (\n    <PopoverPortal>\n      <PopoverContent\n        align=\"start\"\n        className={mergeClasses(\n          styles.content,\n          !isSideLayout && styles.contentNarrow,\n          className\n        )}\n        collisionPadding={8}\n        flush\n        ref={ref}\n        side=\"bottom\"\n        sideOffset={4}\n        sticky=\"always\"\n      >\n        <div\n          className={styles.panelContent}\n          data-slot=\"datetimepicker-content\"\n          {...{ [SLOT_ATTR]: \"datetimepicker-content\" }}\n          ref={contentRef}\n        >\n          <div\n            className={mergeClasses(\n              styles.body,\n              isSideLayout ? styles.bodySide : styles.bodyBottom\n            )}\n            data-slot=\"datetimepicker-body\"\n            {...{ [SLOT_ATTR]: \"datetimepicker-body\" }}\n          >\n            {isSideLayout && showTimePicker ? (\n              <div\n                className={styles.dateSection}\n                data-slot=\"datetimepicker-date-section\"\n                {...{ [SLOT_ATTR]: \"datetimepicker-date-section\" }}\n              >\n                <Calendar\n                  currentTimeInTimezone={currentTimeInTimezone}\n                  disablePast={disablePast}\n                  locale={locale}\n                  nextMonthLabel={nextMonthLabel}\n                  onChange={handleDateChange}\n                  previousMonthLabel={previousMonthLabel}\n                  showTodayButton={showTodayButton}\n                  showWeekNumbers={showWeekNumbers}\n                  todayLabel={todayLabel}\n                  value={tempValue}\n                />\n              </div>\n            ) : (\n              <Calendar\n                currentTimeInTimezone={currentTimeInTimezone}\n                disablePast={disablePast}\n                locale={locale}\n                nextMonthLabel={nextMonthLabel}\n                onChange={handleDateChange}\n                previousMonthLabel={previousMonthLabel}\n                showTodayButton={showTodayButton}\n                showWeekNumbers={showWeekNumbers}\n                todayLabel={todayLabel}\n                value={tempValue}\n              />\n            )}\n            {showTimePicker && (\n              <>\n                {isSideLayout ? (\n                  <>\n                    <div\n                      className={styles.timeSpacer}\n                      data-slot=\"datetimepicker-time-spacer\"\n                      {...{ [SLOT_ATTR]: \"datetimepicker-time-spacer\" }}\n                    />\n                    <div\n                      className={styles.timeSection}\n                      data-slot=\"datetimepicker-time-section\"\n                      {...{ [SLOT_ATTR]: \"datetimepicker-time-section\" }}\n                    >\n                      <TimePicker\n                        currentTimeInTimezone={currentTimeInTimezone}\n                        disablePast={disablePast}\n                        fillHeight\n                        hoursLabel={hoursLabel}\n                        minuteStep={minuteStep}\n                        minutesLabel={minutesLabel}\n                        onChange={handleDateChange}\n                        value={tempValue}\n                      />\n                    </div>\n                  </>\n                ) : (\n                  <TimePicker\n                    currentTimeInTimezone={currentTimeInTimezone}\n                    disablePast={disablePast}\n                    hoursLabel={hoursLabel}\n                    minuteStep={minuteStep}\n                    minutesLabel={minutesLabel}\n                    onChange={handleDateChange}\n                    value={tempValue}\n                  />\n                )}\n              </>\n            )}\n          </div>\n          <div\n            className={styles.footer}\n            data-slot=\"datetimepicker-footer\"\n            {...{ [SLOT_ATTR]: \"datetimepicker-footer\" }}\n          >\n            <Button onClick={cancel} size=\"sm\" variant=\"secondary\">\n              {cancelLabel}\n            </Button>\n            <Button onClick={confirm} size=\"sm\" variant=\"primary\">\n              {okLabel}\n            </Button>\n          </div>\n        </div>\n      </PopoverContent>\n    </PopoverPortal>\n  )\n})\n"],"names":["useStyles","makeVoltStyles","shorthands","tokens.spacingGroup2","tokens.spacingElement3","tokens.spacingGroup1","tokens.spacingElement2","DateTimePickerPanel","React","showTimePicker","timePickerPosition","okLabel","cancelLabel","previousMonthLabel","nextMonthLabel","hoursLabel","minutesLabel","showTodayButton","todayLabel","showWeekNumbers","className","minuteStep","ref","styles","tempValue","isOpen","locale","disablePast","currentTimeInTimezone","handleDateChange","confirm","cancel","useDateTimePickerContext","isWideEnough","setIsWideEnough","update","contentRef","adjustPosition","el","wrapper","body","SLOT_ATTR","rect","vh","vw","pad","maxH","matrix","computedTransform","dy","dx","footer","footerH","raf","resizeRaf","onResize","isSideLayout","PopoverPortal","jsxDEV","PopoverContent","mergeClasses","Calendar","Fragment","TimePicker","Button"],"mappings":";;;;;;;;;;;;AA6BA,MAAMA,KAAYC,GAAe;AAAA,EAC/B,SAAS;AAAA,IACP,WAAW;AAAA,IACX,WAAW;AAAA,EAAA;AAAA,EAEb,eAAe;AAAA,IACb,OAAO;AAAA,EAAA;AAAA,EAET,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,GAAGC,EAAW,IAAIC,EAAoB;AAAA,IACtC,GAAGD,EAAW,QAAQE,EAAsB;AAAA,EAAA;AAAA,EAE9C,MAAM;AAAA,IACJ,SAAS;AAAA,EAAA;AAAA,EAEX,YAAY;AAAA,IACV,eAAe;AAAA,IACf,GAAGF,EAAW,IAAIG,CAAoB;AAAA,EAAA;AAAA,EAExC,UAAU;AAAA,IACR,eAAe;AAAA,IACf,GAAGH,EAAW,IAAIG,CAAoB;AAAA,IACtC,UAAU;AAAA,EAAA;AAAA,EAEZ,aAAa;AAAA,IACX,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,UAAU;AAAA,EAAA;AAAA,EAEZ,YAAY;AAAA,IACV,OAAO;AAAA,IACP,YAAY;AAAA,EAAA;AAAA,EAEd,aAAa;AAAA,IACX,UAAU;AAAA,IACV,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,WAAW;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,IACT,YAAY;AAAA,EAAA;AAAA,EAEd,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,GAAGH,EAAW,IAAII,EAAsB;AAAA,EAAA;AAE5C,CAAC,GAEYC,KAAsBC,EAAM,WAGvC,SACA;AAAA,EACE,gBAAAC,IAAiB;AAAA,EACjB,oBAAAC,IAAqB;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,oBAAAC,IAAqB;AAAA,EACrB,gBAAAC,IAAiB;AAAA,EACjB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,YAAAC,IAAa;AAAA,EACb,iBAAAC,IAAkB;AAAA,EAClB,WAAAC;AAAA,EACA,YAAAC,IAAa;AACf,GACAC,GACA;AACA,QAAMC,IAASvB,GAAA,GACT;AAAA,IACJ,WAAAwB;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,EAAA,IACEC,GAAA,GAGE,CAACC,GAAcC,CAAe,IAAI1B,EAAM,SAAS,EAAI;AAE3D,EAAAA,EAAM,UAAU,MAAM;AACpB,QAAIE,MAAuB,OAAQ;AAEnC,UAAMyB,IAAS,MAAMD,EAAgB,OAAO,cAAc,GAAG;AAE7D,WAAAC,EAAA,GACA,OAAO,iBAAiB,UAAUA,CAAM,GAEjC,MAAM,OAAO,oBAAoB,UAAUA,CAAM;AAAA,EAC1D,GAAG,CAACzB,CAAkB,CAAC;AAKvB,QAAM0B,IAAa5B,EAAM,OAAuB,IAAI;AAEpD,EAAAA,EAAM,gBAAgB,MAAM;AAC1B,QAAI,CAACiB,EAAQ;AAEb,UAAMY,IAAiB,MAAM;AAC3B,YAAMC,IAAKF,EAAW;AACtB,UAAI,CAACE,EAAI;AAGT,MAAKA,EAAG,QAAQ,gBACdA,EAAG,MAAM,QAAQ,GAAGA,EAAG,WAAW,MAClCA,EAAG,QAAQ,cAAc;AAG3B,YAAMC,IAAUD,EAAG;AAAA,QACjB;AAAA,MAAA;AAEF,UAAI,CAACC,EAAS;AAGd,YAAMC,IAAOF,EAAG;AAAA,QACd,IAAIG,CAAS;AAAA,MAAA;AAEf,MAAID,MACFA,EAAK,MAAM,YAAY,IACvBA,EAAK,MAAM,YAAY;AAGzB,YAAME,IAAOH,EAAQ,sBAAA,GACfI,IAAK,OAAO,aACZC,IAAK,OAAO,YACZC,IAAM,GACNC,IAAOH,IAAK,IAAIE;AAEtB,UAAIE,IAAS,EAAE,KAAK,GAAG,KAAK,EAAA;AAC5B,UAAI;AACF,cAAMC,IAAoB,iBAAiBT,CAAO,EAAE;AACpD,QACE,OAAO,oBAAsB,OAC7BS,KACAA,MAAsB,WAEtBD,IAAS,IAAI,kBAAkBC,CAAiB;AAAA,MAEpD,QAAQ;AAAA,MAER;AACA,UAAIC,IAAK,GACLC,IAAK;AAET,UAAIR,EAAK,SAASI,GAAM;AAGtB,YAAIN,GAAM;AACR,gBAAMW,IAASb,EAAG;AAAA,YAChB,IAAIG,CAAS;AAAA,UAAA,GAETW,IAAUD,IAASA,EAAO,sBAAA,EAAwB,SAAS;AACjE,UAAAX,EAAK,MAAM,YAAY,GAAGM,IAAOM,CAAO,MACxCZ,EAAK,MAAM,YAAY;AAAA,QACzB;AACA,QAAAS,IAAKJ,IAAMH,EAAK;AAAA,MAClB;AAEE,QAAIA,EAAK,SAASC,IAAKE,MACrBI,IAAKN,IAAKE,IAAMH,EAAK,SAEnBA,EAAK,MAAMO,IAAKJ,MAClBI,IAAKJ,IAAMH,EAAK;AAKpB,MAAIA,EAAK,QAAQE,IAAKC,MACpBK,IAAKN,IAAKC,IAAMH,EAAK,QAEnBA,EAAK,OAAOQ,IAAKL,MACnBK,IAAKL,IAAMH,EAAK,QAGdQ,MAAO,KAAKD,MAAO,OACrBV,EAAQ,MAAM,YAAY,aAAaQ,EAAO,MAAMG,CAAE,OAAOH,EAAO,MAAME,CAAE;AAAA,IAEhF,GAGMI,IAAM,sBAAsB,MAAM;AACtC,4BAAsBhB,CAAc;AAAA,IACtC,CAAC;AAED,QAAIiB,IAAY;AAChB,UAAMC,IAAW,MAAM;AACrB,YAAMjB,IAAKF,EAAW;AACtB,MAAIE,MACFA,EAAG,MAAM,QAAQ,IACjB,OAAOA,EAAG,QAAQ,cAEpB,qBAAqBgB,CAAS,GAC9BA,IAAY,sBAAsB,MAAM;AACtC,QAAAA,IAAY,sBAAsBjB,CAAc;AAAA,MAClD,CAAC;AAAA,IACH;AACA,WAAO,iBAAiB,UAAUkB,CAAQ;AAE1C,UAAMjB,IAAKF,EAAW;AAEtB,WAAO,MAAM;AACX,2BAAqBiB,CAAG,GACxB,qBAAqBC,CAAS,GAC9B,OAAO,oBAAoB,UAAUC,CAAQ,GAEzCjB,MACFA,EAAG,MAAM,QAAQ,IACjB,OAAOA,EAAG,QAAQ;AAAA,IAEtB;AAAA,EACF,GAAG,CAACb,CAAM,CAAC;AAEX,QAAM+B,IACJ/C,KAAkBC,MAAuB,UAAUuB;AAErD,kCACGwB,IAAA,EACC,UAAAC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAWC;AAAAA,QACTrC,EAAO;AAAA,QACP,CAACiC,KAAgBjC,EAAO;AAAA,QACxBH;AAAA,MAAA;AAAA,MAEF,kBAAkB;AAAA,MAClB,OAAK;AAAA,MACL,KAAAE;AAAA,MACA,MAAK;AAAA,MACL,YAAY;AAAA,MACZ,QAAO;AAAA,MAEP,UAAAoC,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWnC,EAAO;AAAA,UAClB,aAAU;AAAA,UACJ,CAACkB,CAAS,GAAG;AAAA,UACnB,KAAKL;AAAA,UAEL,UAAA;AAAA,YAAAsB,gBAAAA,EAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWE;AAAAA,kBACTrC,EAAO;AAAA,kBACPiC,IAAejC,EAAO,WAAWA,EAAO;AAAA,gBAAA;AAAA,gBAE1C,aAAU;AAAA,gBACJ,CAACkB,CAAS,GAAG;AAAA,gBAElB,UAAA;AAAA,kBAAAe,KAAgB/C,IACfiD,gBAAAA,EAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAWnC,EAAO;AAAA,sBAClB,aAAU;AAAA,sBACJ,CAACkB,CAAS,GAAG;AAAA,sBAEnB,UAAAiB,gBAAAA,EAAAA;AAAAA,wBAACG;AAAA,wBAAA;AAAA,0BACC,uBAAAjC;AAAA,0BACA,aAAAD;AAAA,0BACA,QAAAD;AAAA,0BACA,gBAAAZ;AAAA,0BACA,UAAUe;AAAA,0BACV,oBAAAhB;AAAA,0BACA,iBAAAI;AAAA,0BACA,iBAAAE;AAAA,0BACA,YAAAD;AAAA,0BACA,OAAOM;AAAA,wBAAA;AAAA,wBAVT;AAAA,wBAAA;AAAA,wBAAA;AAAA,0BAAA,UAAA;AAAA,0BAAA,YAAA;AAAA,0BAAA,cAAA;AAAA,wBAAA;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAWA;AAAA,oBAhBF;AAAA,oBAAA;AAAA,oBAAA;AAAA,sBAAA,UAAA;AAAA,sBAAA,YAAA;AAAA,sBAAA,cAAA;AAAA,oBAAA;AAAA,oBAAA;AAAA,kBAAA,IAmBAkC,gBAAAA,EAAAA;AAAAA,oBAACG;AAAA,oBAAA;AAAA,sBACC,uBAAAjC;AAAA,sBACA,aAAAD;AAAA,sBACA,QAAAD;AAAA,sBACA,gBAAAZ;AAAA,sBACA,UAAUe;AAAA,sBACV,oBAAAhB;AAAA,sBACA,iBAAAI;AAAA,sBACA,iBAAAE;AAAA,sBACA,YAAAD;AAAA,sBACA,OAAOM;AAAA,oBAAA;AAAA,oBAVT;AAAA,oBAAA;AAAA,oBAAA;AAAA,sBAAA,UAAA;AAAA,sBAAA,YAAA;AAAA,sBAAA,cAAA;AAAA,oBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAaDf,KACCiD,gBAAAA,EAAAA,OAAAI,EAAAA,UAAA,EACG,UAAAN,IACCE,gBAAAA,EAAAA,OAAAI,YAAA,EACE,UAAA;AAAA,oBAAAJ,gBAAAA,EAAAA;AAAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAWnC,EAAO;AAAA,wBAClB,aAAU;AAAA,wBACJ,CAACkB,CAAS,GAAG;AAAA,sBAA6B;AAAA,sBAHlD;AAAA,sBAAA;AAAA,sBAAA;AAAA,wBAAA,UAAA;AAAA,wBAAA,YAAA;AAAA,wBAAA,cAAA;AAAA,sBAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAKAiB,gBAAAA,EAAAA;AAAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAWnC,EAAO;AAAA,wBAClB,aAAU;AAAA,wBACJ,CAACkB,CAAS,GAAG;AAAA,wBAEnB,UAAAiB,gBAAAA,EAAAA;AAAAA,0BAACK;AAAA,0BAAA;AAAA,4BACC,uBAAAnC;AAAA,4BACA,aAAAD;AAAA,4BACA,YAAU;AAAA,4BACV,YAAAZ;AAAA,4BACA,YAAAM;AAAA,4BACA,cAAAL;AAAA,4BACA,UAAUa;AAAA,4BACV,OAAOL;AAAA,0BAAA;AAAA,0BART;AAAA,0BAAA;AAAA,0BAAA;AAAA,4BAAA,UAAA;AAAA,4BAAA,YAAA;AAAA,4BAAA,cAAA;AAAA,0BAAA;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBASA;AAAA,sBAdF;AAAA,sBAAA;AAAA,sBAAA;AAAA,wBAAA,UAAA;AAAA,wBAAA,YAAA;AAAA,wBAAA,cAAA;AAAA,sBAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAeA,EAAA,GArBF,QAAA,IAAA;AAAA,oBAAA,UAAA;AAAA,oBAAA,YAAA;AAAA,oBAAA,cAAA;AAAA,kBAAA,GAAA,IAsBA,IAEAkC,gBAAAA,EAAAA;AAAAA,oBAACK;AAAA,oBAAA;AAAA,sBACC,uBAAAnC;AAAA,sBACA,aAAAD;AAAA,sBACA,YAAAZ;AAAA,sBACA,YAAAM;AAAA,sBACA,cAAAL;AAAA,sBACA,UAAUa;AAAA,sBACV,OAAOL;AAAA,oBAAA;AAAA,oBAPT;AAAA,oBAAA;AAAA,oBAAA;AAAA,sBAAA,UAAA;AAAA,sBAAA,YAAA;AAAA,sBAAA,cAAA;AAAA,oBAAA;AAAA,oBAAA;AAAA,kBAAA,EAQA,GAlCJ,QAAA,IAAA;AAAA,oBAAA,UAAA;AAAA,oBAAA,YAAA;AAAA,oBAAA,cAAA;AAAA,kBAAA,GAAA,IAoCA;AAAA,gBAAA;AAAA,cAAA;AAAA,cA9EJ;AAAA,cAAA;AAAA,cAAA;AAAA,gBAAA,UAAA;AAAA,gBAAA,YAAA;AAAA,gBAAA,cAAA;AAAA,cAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAiFAkC,gBAAAA,EAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWnC,EAAO;AAAA,gBAClB,aAAU;AAAA,gBACJ,CAACkB,CAAS,GAAG;AAAA,gBAEnB,UAAA;AAAA,kBAAAiB,gBAAAA,EAAAA,OAACM,KAAO,SAASjC,GAAQ,MAAK,MAAK,SAAQ,aACxC,UAAAnB,EAAA,GADH,QAAA,IAAA;AAAA,oBAAA,UAAA;AAAA,oBAAA,YAAA;AAAA,oBAAA,cAAA;AAAA,kBAAA,GAAA,IAEA;AAAA,kBACA8C,gBAAAA,EAAAA,OAACM,KAAO,SAASlC,GAAS,MAAK,MAAK,SAAQ,WACzC,UAAAnB,EAAA,GADH,QAAA,IAAA;AAAA,oBAAA,UAAA;AAAA,oBAAA,YAAA;AAAA,oBAAA,cAAA;AAAA,kBAAA,GAAA,IAEA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAVF;AAAA,cAAA;AAAA,cAAA;AAAA,gBAAA,UAAA;AAAA,gBAAA,YAAA;AAAA,gBAAA,cAAA;AAAA,cAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAWA;AAAA,QAAA;AAAA,QAlGF;AAAA,QAAA;AAAA,QAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAmGA;AAAA,IAjHF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAA;AAAA,EAAA,EAkHA,GAnHF,QAAA,IAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,IAoHA;AAEJ,CAAC;"}
+{"version":3,"file":"date-time-picker-panel.js","sources":["../../../src/components/date-time-picker/date-time-picker-panel.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeClasses, shorthands } from \"@epilot/volt-ui-runtime\"\n\nimport { Button } from \"../button/button\"\nimport { PopoverContent, PopoverPortal } from \"../popover/popover\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nimport { Calendar } from \"./calendar\"\nimport { TimePicker } from \"./time-picker\"\nimport { useDateTimePickerContext } from \"./date-time-picker-context\"\n\nexport type DateTimePickerPanelProps = {\n  showTimePicker?: boolean\n  timePickerPosition?: \"bottom\" | \"side\"\n  okLabel?: string\n  cancelLabel?: string\n  previousMonthLabel?: string\n  nextMonthLabel?: string\n  hoursLabel?: string\n  minutesLabel?: string\n  showTodayButton?: boolean\n  todayLabel?: string\n  showWeekNumbers?: boolean\n  className?: string\n  minuteStep?: number\n}\n\nconst useStyles = makeVoltStyles({\n  content: {\n    overflowX: \"hidden\",\n    overflowY: \"hidden\",\n  },\n  contentNarrow: {\n    width: \"300px\",\n  },\n  panelContent: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingGroup2),\n    ...shorthands.padding(tokens.spacingElement3),\n  },\n  body: {\n    display: \"flex\",\n  },\n  bodyBottom: {\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingGroup1),\n  },\n  bodySide: {\n    flexDirection: \"row\",\n    ...shorthands.gap(tokens.spacingGroup1),\n    position: \"relative\",\n  },\n  dateSection: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    minWidth: \"0\",\n  },\n  timeSpacer: {\n    width: \"9rem\",\n    flexShrink: 0,\n  },\n  timeSection: {\n    position: \"absolute\",\n    top: 0,\n    bottom: 0,\n    right: 0,\n    width: \"9rem\",\n    overflowX: \"hidden\",\n    overflowY: \"hidden\",\n    display: \"flex\",\n    alignItems: \"stretch\",\n  },\n  footer: {\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    ...shorthands.gap(tokens.spacingElement2),\n  },\n})\n\nexport const DateTimePickerPanel = React.forwardRef<\n  HTMLDivElement,\n  DateTimePickerPanelProps\n>(function DateTimePickerPanel(\n  {\n    showTimePicker = true,\n    timePickerPosition = \"bottom\",\n    okLabel = \"Apply\",\n    cancelLabel = \"Cancel\",\n    previousMonthLabel = \"Previous month\",\n    nextMonthLabel = \"Next month\",\n    hoursLabel,\n    minutesLabel,\n    showTodayButton = false,\n    todayLabel = \"Today\",\n    showWeekNumbers = false,\n    className,\n    minuteStep = 1,\n  },\n  ref\n) {\n  const styles = useStyles()\n  const {\n    tempValue,\n    isOpen,\n    locale,\n    disablePast,\n    currentTimeInTimezone,\n    handleDateChange,\n    confirm,\n    cancel,\n  } = useDateTimePickerContext()\n\n  // Responsive: fall back to bottom layout on narrow viewports.\n  const [isWideEnough, setIsWideEnough] = React.useState(true)\n\n  React.useEffect(() => {\n    if (timePickerPosition !== \"side\") return\n\n    const update = () => setIsWideEnough(window.innerWidth >= 480)\n\n    update()\n    window.addEventListener(\"resize\", update)\n\n    return () => window.removeEventListener(\"resize\", update)\n  }, [timePickerPosition])\n\n  // Fix viewport overflow: Floating UI's shift middleware may not work in all\n  // environments (e.g. microfrontend hosts). Manually detect overflow and\n  // adjust the popper wrapper's transform to keep the popover within viewport.\n  const contentRef = React.useRef<HTMLDivElement>(null)\n\n  React.useLayoutEffect(() => {\n    if (!isOpen) return\n\n    const adjustPosition = () => {\n      const el = contentRef.current\n      if (!el) return\n\n      // Lock popover width on first open to prevent resizing on calendar view changes\n      if (!el.dataset.widthLocked) {\n        el.style.width = `${el.offsetWidth}px`\n        el.dataset.widthLocked = \"true\"\n      }\n\n      const wrapper = el.closest(\n        \"[data-radix-popper-content-wrapper]\"\n      ) as HTMLElement | null\n      if (!wrapper) return\n\n      // Reset previous constraints so we measure natural size\n      const body = el.querySelector(\n        `[${SLOT_ATTR}=\"datetimepicker-body\"]`\n      ) as HTMLElement | null\n      if (body) {\n        body.style.maxHeight = \"\"\n        body.style.overflowY = \"\"\n      }\n\n      const rect = wrapper.getBoundingClientRect()\n      const vh = window.innerHeight\n      const vw = window.innerWidth\n      const pad = 8\n      const maxH = vh - 2 * pad\n\n      let matrix = { m41: 0, m42: 0 }\n      try {\n        const computedTransform = getComputedStyle(wrapper).transform\n        if (\n          typeof DOMMatrixReadOnly !== \"undefined\" &&\n          computedTransform &&\n          computedTransform !== \"none\"\n        ) {\n          matrix = new DOMMatrixReadOnly(computedTransform)\n        }\n      } catch {\n        // Fallback if transform cannot be parsed\n      }\n      let dy = 0\n      let dx = 0\n\n      if (rect.height > maxH) {\n        // Popover is taller than viewport — constrain the body area\n        // (keep footer visible) and pin to top padding\n        if (body) {\n          const footer = el.querySelector(\n            `[${SLOT_ATTR}=\"datetimepicker-footer\"]`\n          ) as HTMLElement | null\n          const footerH = footer ? footer.getBoundingClientRect().height : 0\n          body.style.maxHeight = `${maxH - footerH}px`\n          body.style.overflowY = \"auto\"\n        }\n        dy = pad - rect.top\n      } else {\n        // Fits in viewport — just shift to stay within bounds\n        if (rect.bottom > vh - pad) {\n          dy = vh - pad - rect.bottom\n        }\n        if (rect.top + dy < pad) {\n          dy = pad - rect.top\n        }\n      }\n\n      // Keep the popover on-screen horizontally\n      if (rect.right > vw - pad) {\n        dx = vw - pad - rect.right\n      }\n      if (rect.left + dx < pad) {\n        dx = pad - rect.left\n      }\n\n      if (dx !== 0 || dy !== 0) {\n        wrapper.style.transform = `translate(${matrix.m41 + dx}px, ${matrix.m42 + dy}px)`\n      }\n    }\n\n    // Wait for Floating UI to finish positioning\n    const raf = requestAnimationFrame(() => {\n      requestAnimationFrame(adjustPosition)\n    })\n\n    let resizeRaf = 0\n    const onResize = () => {\n      const el = contentRef.current\n      if (el) {\n        el.style.width = \"\"\n        delete el.dataset.widthLocked\n      }\n      cancelAnimationFrame(resizeRaf)\n      resizeRaf = requestAnimationFrame(() => {\n        resizeRaf = requestAnimationFrame(adjustPosition)\n      })\n    }\n    window.addEventListener(\"resize\", onResize)\n\n    const el = contentRef.current\n\n    return () => {\n      cancelAnimationFrame(raf)\n      cancelAnimationFrame(resizeRaf)\n      window.removeEventListener(\"resize\", onResize)\n      // Reset locked width on close so next open re-measures\n      if (el) {\n        el.style.width = \"\"\n        delete el.dataset.widthLocked\n      }\n    }\n  }, [isOpen])\n\n  const isSideLayout =\n    showTimePicker && timePickerPosition === \"side\" && isWideEnough\n\n  return (\n    <PopoverPortal>\n      <PopoverContent\n        align=\"start\"\n        className={mergeClasses(\n          styles.content,\n          !isSideLayout && styles.contentNarrow,\n          className\n        )}\n        collisionPadding={8}\n        flush\n        ref={ref}\n        side=\"bottom\"\n        sideOffset={4}\n        sticky=\"always\"\n      >\n        <div\n          className={styles.panelContent}\n          data-slot=\"datetimepicker-content\"\n          {...{ [SLOT_ATTR]: \"datetimepicker-content\" }}\n          ref={contentRef}\n        >\n          <div\n            className={mergeClasses(\n              styles.body,\n              isSideLayout ? styles.bodySide : styles.bodyBottom\n            )}\n            data-slot=\"datetimepicker-body\"\n            {...{ [SLOT_ATTR]: \"datetimepicker-body\" }}\n          >\n            {isSideLayout && showTimePicker ? (\n              <div\n                className={styles.dateSection}\n                data-slot=\"datetimepicker-date-section\"\n                {...{ [SLOT_ATTR]: \"datetimepicker-date-section\" }}\n              >\n                <Calendar\n                  currentTimeInTimezone={currentTimeInTimezone}\n                  disablePast={disablePast}\n                  locale={locale}\n                  nextMonthLabel={nextMonthLabel}\n                  onChange={handleDateChange}\n                  previousMonthLabel={previousMonthLabel}\n                  showTodayButton={showTodayButton}\n                  showWeekNumbers={showWeekNumbers}\n                  todayLabel={todayLabel}\n                  value={tempValue}\n                />\n              </div>\n            ) : (\n              <Calendar\n                currentTimeInTimezone={currentTimeInTimezone}\n                disablePast={disablePast}\n                locale={locale}\n                nextMonthLabel={nextMonthLabel}\n                onChange={handleDateChange}\n                previousMonthLabel={previousMonthLabel}\n                showTodayButton={showTodayButton}\n                showWeekNumbers={showWeekNumbers}\n                todayLabel={todayLabel}\n                value={tempValue}\n              />\n            )}\n            {showTimePicker && (\n              <>\n                {isSideLayout ? (\n                  <>\n                    <div\n                      className={styles.timeSpacer}\n                      data-slot=\"datetimepicker-time-spacer\"\n                      {...{ [SLOT_ATTR]: \"datetimepicker-time-spacer\" }}\n                    />\n                    <div\n                      className={styles.timeSection}\n                      data-slot=\"datetimepicker-time-section\"\n                      {...{ [SLOT_ATTR]: \"datetimepicker-time-section\" }}\n                    >\n                      <TimePicker\n                        currentTimeInTimezone={currentTimeInTimezone}\n                        disablePast={disablePast}\n                        fillHeight\n                        hoursLabel={hoursLabel}\n                        minuteStep={minuteStep}\n                        minutesLabel={minutesLabel}\n                        onChange={handleDateChange}\n                        value={tempValue}\n                      />\n                    </div>\n                  </>\n                ) : (\n                  <TimePicker\n                    currentTimeInTimezone={currentTimeInTimezone}\n                    disablePast={disablePast}\n                    hoursLabel={hoursLabel}\n                    minuteStep={minuteStep}\n                    minutesLabel={minutesLabel}\n                    onChange={handleDateChange}\n                    value={tempValue}\n                  />\n                )}\n              </>\n            )}\n          </div>\n          <div\n            className={styles.footer}\n            data-slot=\"datetimepicker-footer\"\n            {...{ [SLOT_ATTR]: \"datetimepicker-footer\" }}\n          >\n            <Button onClick={cancel} size=\"sm\" variant=\"secondary\">\n              {cancelLabel}\n            </Button>\n            <Button onClick={confirm} size=\"sm\" variant=\"primary\">\n              {okLabel}\n            </Button>\n          </div>\n        </div>\n      </PopoverContent>\n    </PopoverPortal>\n  )\n})\n"],"names":["useStyles","makeVoltStyles","shorthands","tokens.spacingGroup2","tokens.spacingElement3","tokens.spacingGroup1","tokens.spacingElement2","DateTimePickerPanel","React","showTimePicker","timePickerPosition","okLabel","cancelLabel","previousMonthLabel","nextMonthLabel","hoursLabel","minutesLabel","showTodayButton","todayLabel","showWeekNumbers","className","minuteStep","ref","styles","tempValue","isOpen","locale","disablePast","currentTimeInTimezone","handleDateChange","confirm","cancel","useDateTimePickerContext","isWideEnough","setIsWideEnough","update","contentRef","adjustPosition","el","wrapper","body","SLOT_ATTR","rect","vh","vw","pad","maxH","matrix","computedTransform","dy","dx","footer","footerH","raf","resizeRaf","onResize","isSideLayout","PopoverPortal","jsx","PopoverContent","mergeClasses","jsxs","Calendar","Fragment","TimePicker","Button"],"mappings":"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"}