asma-ui-core 3.86.1 → 3.87.0

package/dist/components/feedback/minimizable-dialog/MinimizableDialog.js

@@ -1,25 +1,28 @@
 import { cn as h } from "../../../helpers/cn.js";
-import { DotsVerticalIcon as re } from "../../icons/dots-vertical-icon/DotsVerticalIcon.js";
-import { LoadingIcon as $ } from "../../icons/loading-icon/LoadingIcon.js";
+import { DotsVerticalIcon as ae } from "../../icons/dots-vertical-icon/DotsVerticalIcon.js";
+import { LoadingIcon as A } from "../../icons/loading-icon/LoadingIcon.js";
 import { CloseIcon as K } from "../../icons/close-icon/CloseIcon.js";
-import { MinimizeIcon as de } from "../../icons/minimize-icon/MinimizeIcon.js";
-import { KeyboardCapslockIcon as ae } from "../../icons/keyboard-capslock-icon/KeyboardCapslockIcon.js";
-import { ArrowExpandIcon as ne } from "../../icons/arrow-expand-icon/ArrowExpandIcon.js";
-import { ArrowShrinkIcon as oe } from "../../icons/arrow-shrink-icon/ArrowShrinkIcon.js";
+import { MinimizeIcon as oe } from "../../icons/minimize-icon/MinimizeIcon.js";
+import { KeyboardCapslockIcon as se } from "../../icons/keyboard-capslock-icon/KeyboardCapslockIcon.js";
+import { ArrowExpandIcon as ce } from "../../icons/arrow-expand-icon/ArrowExpandIcon.js";
+import { ArrowShrinkIcon as me } from "../../icons/arrow-shrink-icon/ArrowShrinkIcon.js";
+import { firstTabbable as he } from "../../../helpers/focusable.js";
 import { StyledTooltip as f } from "../../data-display/tooltip/StyledTooltip.js";
-import { StyledButton as t } from "../../inputs/button/StyledButton.js";
-import { StyledMenu as se } from "../../navigation/menu/StyledMenu.js";
-import { StyledMenuItem as ce } from "../../navigation/menu/StyledMenuItem.js";
-import { useFocusTrap as me } from "../../../hooks/useFocusTrap.hook.js";
-import q from "./MinimizableDialog.module.js";
-import { useToggleMenuVisibility as he } from "../../../hooks/useToggleMenuVisibility.hook.js";
-import H from "clsx";
-import { useRef as fe, useState as J } from "react";
-import { Fragment as z, jsx as e, jsxs as i } from "react/jsx-runtime";
-var Ee = ({ onCloseText: u = "", onMinimizeText: N = "", onExpandText: I = "", onFullScreenText: M = "", showCloseIcon: j = !0, showMinimizeIcon: Q = !0, showExpandIcon: T = !0, showFullScreenIcon: W = !0, title: s, label: b, children: g, open: C, onClose: x, className: _ = "", primaryButtonText: w, primaryButtonLoading: k = !1, secondaryButtonText: c, onPrimaryButtonClick: v, onSecondaryButtonClick: p, dataTest: F, actionNode: X, extraActions: r, extraActionsText: m, btnContainerClassName: G, footerClassName: Y, footerInfo: D, locale: l = "en", enableFullscreen: Z = !0, fullScreenState: E, handleFullScreenState: L }) => {
-  const [d, A] = J(!1), [R, P] = J(!1), { open: B, anchorEl: ee, handleOpen: ie, handleClose: te } = he(), S = fe(null), a = E ?? R, n = a && !d;
-  if (me(C && n, S, x), !C) return null;
-  const le = n ? {
+import { StyledButton as l } from "../../inputs/button/StyledButton.js";
+import { StyledMenu as fe } from "../../navigation/menu/StyledMenu.js";
+import { StyledMenuItem as ue } from "../../navigation/menu/StyledMenuItem.js";
+import { useFocusTrap as ve } from "../../../hooks/useFocusTrap.hook.js";
+import H from "./MinimizableDialog.module.js";
+import { useToggleMenuVisibility as pe } from "../../../hooks/useToggleMenuVisibility.hook.js";
+import J from "clsx";
+import { useLayoutEffect as be, useRef as Q, useState as T } from "react";
+import { Fragment as M, jsx as e, jsxs as t } from "react/jsx-runtime";
+var Oe = ({ onCloseText: u = "", onMinimizeText: j = "", onExpandText: C = "", onFullScreenText: F = "", showCloseIcon: _ = !0, showMinimizeIcon: W = !0, showExpandIcon: X = !0, showFullScreenIcon: Y = !0, title: s, label: g, children: x, open: E, onClose: w, className: G = "", primaryButtonText: y, primaryButtonLoading: k = !1, secondaryButtonText: c, onPrimaryButtonClick: v, onSecondaryButtonClick: p, dataTest: S, actionNode: Z, extraActions: n, extraActionsText: m, btnContainerClassName: D, footerClassName: P, footerInfo: L, locale: r = "en", enableFullscreen: B = !0, fullScreenState: R, handleFullScreenState: q }) => {
+  const [i, ee] = T(!1), [O, te] = T(!1), { open: ie, anchorEl: le, handleOpen: re, handleClose: ne } = pe(), b = Q(null), z = Q(null), d = R ?? O, a = d && !i;
+  if (ve(E && a, b, w), be(() => {
+    b.current?.toggleAttribute("inert", i), z.current?.toggleAttribute("inert", !i);
+  }, [i]), !E) return null;
+  const de = a ? {
     right: "auto",
     bottom: "auto",
     left: "50%",
@@ -27,45 +30,50 @@ var Ee = ({ onCloseText: u = "", onMinimizeText: N = "", onExpandText: I = "", o
     transform: "translate(-50%, -50%)",
     width: "min(1000px, calc(100vw - 32px))",
     height: "95dvh"
-  } : void 0, O = a ? l === "en" ? "Exit full screen" : "Avslutt fullskjerm" : l === "en" ? "Full screen" : "Fullskjerm", y = w ?? k, U = y || c, V = () => {
-    A(!d);
+  } : void 0, U = d ? r === "en" ? "Exit full screen" : "Avslutt fullskjerm" : r === "en" ? "Full screen" : "Fullskjerm", N = y ?? k, V = N || c, $ = () => {
+    const o = i ? b : z;
+    ee(!i), requestAnimationFrame(() => {
+      const I = o.current;
+      I && (I.querySelector('[data-testid="minimize-button"]') ?? he(I))?.focus({ preventScroll: !0 });
+    });
   };
-  return /* @__PURE__ */ i(z, { children: [
-    n && /* @__PURE__ */ e("div", { className: "fixed inset-0 z-[51] bg-[rgb(98,110,126)] bg-opacity-70" }),
+  return /* @__PURE__ */ t(M, { children: [
+    a && /* @__PURE__ */ e("div", { className: "fixed inset-0 z-[51] bg-[rgb(98,110,126)] bg-opacity-70" }),
     /* @__PURE__ */ e("div", {
+      ref: z,
       style: { zIndex: 51 },
-      className: h(q.dialog, !d && q.hidden),
-      children: /* @__PURE__ */ i("div", {
-        className: H("flex items-center justify-between", !d && "hidden"),
-        "data-testid": F,
+      className: h(H.dialog, !i && H.hidden),
+      children: /* @__PURE__ */ t("div", {
+        className: J("flex items-center justify-between", !i && "hidden"),
+        "data-testid": S,
         children: [/* @__PURE__ */ e("div", {
           className: "truncate text-lg font-semibold text-delta-800",
           children: s
-        }), /* @__PURE__ */ i("div", {
+        }), /* @__PURE__ */ t("div", {
           className: "flex items-center gap-x-1",
-          children: [T && /* @__PURE__ */ e(f, {
-            title: l === "en" ? "Expand" : "Utvid",
-            children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, {
+          children: [X && /* @__PURE__ */ e(f, {
+            title: r === "en" ? "Expand" : "Utvid",
+            children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(l, {
               dataTest: "minimize-button",
-              "aria-label": I ? void 0 : l === "en" ? "Expand" : "Utvid",
+              "aria-label": C ? void 0 : r === "en" ? "Expand" : "Utvid",
               variant: "text",
               size: "small",
-              onClick: V,
-              endIcon: /* @__PURE__ */ e(ae, {
+              onClick: $,
+              endIcon: /* @__PURE__ */ e(se, {
                 height: 20,
                 width: 20,
                 color: "text-gama-500"
               }),
-              children: I
+              children: C
             }) })
-          }), j && /* @__PURE__ */ e(f, {
-            title: l === "en" ? "Close" : "Lukk",
-            children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, {
+          }), _ && /* @__PURE__ */ e(f, {
+            title: r === "en" ? "Close" : "Lukk",
+            children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(l, {
               dataTest: "close-button",
-              "aria-label": u ? void 0 : l === "en" ? "Close" : "Lukk",
+              "aria-label": u ? void 0 : r === "en" ? "Close" : "Lukk",
               variant: "textGray",
               size: "small",
-              onClick: x,
+              onClick: w,
               endIcon: /* @__PURE__ */ e(K, {
                 height: 20,
                 width: 20,
@@ -77,74 +85,74 @@ var Ee = ({ onCloseText: u = "", onMinimizeText: N = "", onExpandText: I = "", o
         })]
       })
     }),
-    /* @__PURE__ */ i("div", {
-      ref: S,
-      style: le,
-      role: n ? "dialog" : void 0,
-      "aria-modal": n ? !0 : void 0,
-      "aria-label": n && typeof s == "string" ? s : void 0,
-      className: h("fixed bottom-4 right-4 z-[51] rounded-lg bg-white shadow-[0_4px_40px_0px_rgba(34,33,51,0.4)] transition-all duration-300", _ && !d && !a ? _ : "", d && "!h-0 !w-0 opacity-0 duration-0", n && "fixed duration-0"),
-      "data-testid": F,
-      children: [/* @__PURE__ */ i("div", {
+    /* @__PURE__ */ t("div", {
+      ref: b,
+      style: de,
+      role: a ? "dialog" : void 0,
+      "aria-modal": a ? !0 : void 0,
+      "aria-label": a && typeof s == "string" ? s : void 0,
+      className: h("fixed bottom-4 right-4 z-[51] rounded-lg bg-white shadow-[0_4px_40px_0px_rgba(34,33,51,0.4)] transition-all duration-300", G && !i && !d ? G : "", i && "!h-0 !w-0 opacity-0 duration-0", a && "fixed duration-0"),
+      "data-testid": S,
+      children: [/* @__PURE__ */ t("div", {
         className: "flex flex-col gap-y-2 border-b-[1px] border-delta-200 p-4",
-        children: [/* @__PURE__ */ i("div", {
+        children: [/* @__PURE__ */ t("div", {
           className: "flex items-center justify-between",
-          children: [b ? /* @__PURE__ */ e("div", {
+          children: [g ? /* @__PURE__ */ e("div", {
             className: "text-sm text-delta-700",
-            children: b
+            children: g
           }) : /* @__PURE__ */ e("div", {
             className: "text-2xl font-semibold text-delta-800",
             children: s
-          }), /* @__PURE__ */ i("div", {
+          }), /* @__PURE__ */ t("div", {
             className: "flex items-center gap-x-1",
             children: [
-              X,
-              Q && !a && /* @__PURE__ */ e(f, {
-                title: l === "en" ? "Minimize" : "Minimer",
-                children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, {
+              Z,
+              W && !d && /* @__PURE__ */ e(f, {
+                title: r === "en" ? "Minimize" : "Minimer",
+                children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(l, {
                   dataTest: "minimize-button",
-                  "aria-label": N ? void 0 : l === "en" ? "Minimize" : "Minimer",
+                  "aria-label": j ? void 0 : r === "en" ? "Minimize" : "Minimer",
                   variant: "textGray",
                   size: "small",
-                  onClick: V,
-                  endIcon: /* @__PURE__ */ e(de, {
+                  onClick: $,
+                  endIcon: /* @__PURE__ */ e(oe, {
                     height: 20,
                     width: 20,
                     color: "text-delta-700"
                   }),
-                  children: N
+                  children: j
                 }) })
               }),
-              Z && W && /* @__PURE__ */ e(f, {
-                title: O,
-                children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, {
+              B && Y && /* @__PURE__ */ e(f, {
+                title: U,
+                children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(l, {
                   dataTest: "fullscreen-button",
-                  "aria-label": M ? void 0 : O,
+                  "aria-label": F ? void 0 : U,
                   variant: "textGray",
                   size: "small",
-                  onClick: (o) => {
-                    E !== void 0 && L ? L() : P(!R), o.detail !== 0 && o.currentTarget.blur();
+                  onClick: () => {
+                    R !== void 0 && q ? q() : te(!O);
                   },
-                  endIcon: a ? /* @__PURE__ */ e(oe, {
+                  endIcon: d ? /* @__PURE__ */ e(me, {
                     width: 20,
                     height: 20,
                     color: "text-delta-700"
-                  }) : /* @__PURE__ */ e(ne, {
+                  }) : /* @__PURE__ */ e(ce, {
                     width: 20,
                     height: 20,
                     color: "text-delta-700"
                   }),
-                  children: M
+                  children: F
                 }) })
               }),
-              j && /* @__PURE__ */ e(f, {
-                title: l === "en" ? "Close" : "Lukk",
-                children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, {
+              _ && /* @__PURE__ */ e(f, {
+                title: r === "en" ? "Close" : "Lukk",
+                children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(l, {
                   dataTest: "close-button",
-                  "aria-label": u ? void 0 : l === "en" ? "Close" : "Lukk",
+                  "aria-label": u ? void 0 : r === "en" ? "Close" : "Lukk",
                   variant: "textGray",
                   size: "small",
-                  onClick: x,
+                  onClick: w,
                   endIcon: /* @__PURE__ */ e(K, {
                     height: 20,
                     width: 20,
@@ -155,77 +163,77 @@ var Ee = ({ onCloseText: u = "", onMinimizeText: N = "", onExpandText: I = "", o
               })
             ]
           })]
-        }), b && /* @__PURE__ */ e("div", {
+        }), g && /* @__PURE__ */ e("div", {
           className: "truncate text-2xl font-semibold text-delta-800",
           children: s
         })]
-      }), /* @__PURE__ */ i("div", {
-        className: H("flex flex-col", a && !d && "h-[87dvh]"),
+      }), /* @__PURE__ */ t("div", {
+        className: J("flex flex-col", d && !i && "h-[87dvh]"),
         children: [/* @__PURE__ */ e("div", {
           className: "flex-grow overflow-y-auto",
-          children: typeof g == "function" ? g({ fullScreen: a }) : g
-        }), (Array.isArray(r) && r.length || typeof r == "function") && m || D ? /* @__PURE__ */ i("div", {
-          className: h("flex items-center justify-between border-0 border-t-[1px] border-solid border-delta-200 bg-white p-4", Y),
+          children: typeof x == "function" ? x({ fullScreen: d }) : x
+        }), (Array.isArray(n) && n.length || typeof n == "function") && m || L ? /* @__PURE__ */ t("div", {
+          className: h("flex items-center justify-between border-0 border-t-[1px] border-solid border-delta-200 bg-white p-4", P),
           children: [
-            Array.isArray(r) && r.length && m ? /* @__PURE__ */ i(z, { children: [/* @__PURE__ */ e(t, {
+            Array.isArray(n) && n.length && m ? /* @__PURE__ */ t(M, { children: [/* @__PURE__ */ e(l, {
               dataTest: "extra-actions-button",
               variant: "textGray",
-              startIcon: /* @__PURE__ */ e(re, {
+              startIcon: /* @__PURE__ */ e(ae, {
                 width: 24,
                 height: 24
               }),
-              onClick: ie,
+              onClick: re,
               children: m
-            }), /* @__PURE__ */ e(se, {
-              open: B,
-              anchorEl: ee,
-              onClose: te,
-              children: r.map((o) => /* @__PURE__ */ e(ce, {
+            }), /* @__PURE__ */ e(fe, {
+              open: ie,
+              anchorEl: le,
+              onClose: ne,
+              children: n.map((o) => /* @__PURE__ */ e(ue, {
                 className: o.className,
                 onClick: o.onClick,
                 children: o.label
               }, o.label))
-            })] }) : m && typeof r == "function" && /* @__PURE__ */ e(t, {
+            })] }) : m && typeof n == "function" && /* @__PURE__ */ e(l, {
               dataTest: "extra-action-button",
               variant: "text",
-              onClick: r,
+              onClick: n,
               children: m
             }),
             " ",
-            D,
-            U ? /* @__PURE__ */ i("div", {
-              className: h("flex justify-end gap-x-2", G),
-              children: [c && p && /* @__PURE__ */ e(t, {
+            L,
+            V ? /* @__PURE__ */ t("div", {
+              className: h("flex justify-end gap-x-2", D),
+              children: [c && p && /* @__PURE__ */ e(l, {
                 dataTest: "cancel-button",
                 variant: "outlined",
                 onClick: p,
                 children: c
-              }), y && v && /* @__PURE__ */ e(t, {
+              }), N && v && /* @__PURE__ */ e(l, {
                 dataTest: "save-button",
-                startIcon: k && /* @__PURE__ */ e($, {
+                startIcon: k && /* @__PURE__ */ e(A, {
                   width: 24,
                   height: 24
                 }),
                 onClick: v,
-                children: w
+                children: y
               })]
             }) : null
           ]
-        }) : /* @__PURE__ */ e(z, { children: U ? /* @__PURE__ */ i("div", {
-          className: h("flex justify-end gap-x-2 border-t-[1px] border-delta-200 p-4", G),
-          children: [c && p && /* @__PURE__ */ e(t, {
+        }) : /* @__PURE__ */ e(M, { children: V ? /* @__PURE__ */ t("div", {
+          className: h("flex justify-end gap-x-2 border-t-[1px] border-delta-200 p-4", D),
+          children: [c && p && /* @__PURE__ */ e(l, {
             dataTest: "cancel-button",
             variant: "outlined",
             onClick: p,
             children: c
-          }), y && v && /* @__PURE__ */ e(t, {
+          }), N && v && /* @__PURE__ */ e(l, {
             dataTest: "save-button",
-            startIcon: k && /* @__PURE__ */ e($, {
+            startIcon: k && /* @__PURE__ */ e(A, {
               width: 24,
               height: 24
             }),
             onClick: v,
-            children: w
+            children: y
           })]
         }) : null })]
       })]
@@ -233,5 +241,5 @@ var Ee = ({ onCloseText: u = "", onMinimizeText: N = "", onExpandText: I = "", o
   ] });
 };
 export {
-  Ee as MinimizableDialog
+  Oe as MinimizableDialog
 };

package/dist/components/feedback/minimizable-dialog/components/FullscreenBtn.js

@@ -1,23 +1,21 @@
-import { ArrowExpandIcon as n } from "../../../icons/arrow-expand-icon/ArrowExpandIcon.js";
-import { ArrowShrinkIcon as a } from "../../../icons/arrow-shrink-icon/ArrowShrinkIcon.js";
-import { StyledTooltip as d } from "../../../data-display/tooltip/StyledTooltip.js";
-import { StyledButton as c } from "../../../inputs/button/StyledButton.js";
+import { ArrowExpandIcon as i } from "../../../icons/arrow-expand-icon/ArrowExpandIcon.js";
+import { ArrowShrinkIcon as n } from "../../../icons/arrow-shrink-icon/ArrowShrinkIcon.js";
+import { StyledTooltip as a } from "../../../data-display/tooltip/StyledTooltip.js";
+import { StyledButton as d } from "../../../inputs/button/StyledButton.js";
 import { jsx as r } from "react/jsx-runtime";
-var x = ({ fullScreen: o, showFullScreenIcon: l, tooltipTitle: t, onClick: i }) => l ? /* @__PURE__ */ r(d, {
+var u = ({ fullScreen: e, showFullScreenIcon: o, tooltipTitle: t, onClick: l }) => o ? /* @__PURE__ */ r(a, {
   title: t,
-  children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(c, {
+  children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(d, {
     dataTest: "fullscreen-button",
     "aria-label": t,
     variant: "textGray",
     size: "small",
-    onClick: (e) => {
-      i(), e.detail !== 0 && e.currentTarget.blur();
-    },
-    endIcon: o ? /* @__PURE__ */ r(a, {
+    onClick: l,
+    endIcon: e ? /* @__PURE__ */ r(n, {
       width: 20,
       height: 20,
       color: "text-delta-700"
-    }) : /* @__PURE__ */ r(n, {
+    }) : /* @__PURE__ */ r(i, {
       width: 20,
       height: 20,
       color: "text-delta-700"
@@ -25,5 +23,5 @@ var x = ({ fullScreen: o, showFullScreenIcon: l, tooltipTitle: t, onClick: i })
   }) })
 }) : null;
 export {
-  x as FullScreenBtn
+  u as FullScreenBtn
 };

package/dist/components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js

@@ -1,26 +1,37 @@
 import { cn as s } from "../../../../helpers/cn.js";
-import { StyledTooltip as j } from "../../../data-display/tooltip/StyledTooltip.js";
-import { useMobileMediaQuery as B } from "../../../../hooks/useMediaQuery.hook.js";
-import { useFocusTrap as D } from "../../../../hooks/useFocusTrap.hook.js";
-import { CloseBtn as y } from "../components/CloseBtn.js";
-import { MinimizeBtn as z } from "../components/MinimizeBtn.js";
-import { FullScreenBtn as R } from "../components/FullscreenBtn.js";
-import d from "./MinimizableDialogV2.module.js";
-import { useTranslations as V } from "./useTranslations.js";
-import { useControlledProps as W } from "./useControlledProps.js";
-import _ from "clsx";
-import { useRef as $ } from "react";
-import { Fragment as A, jsx as e, jsxs as o } from "react/jsx-runtime";
-var ee = (f) => {
-  const { showCloseIcon: h = !0, showMinimizeIcon: N = !0, showExpandIcon: w = !0, enableFullscreen: C = !0, title: n, label: m, children: F, open: u, onClose: T, classNameOverrides: c = {
+import { firstTabbable as q } from "../../../../helpers/focusable.js";
+import { StyledTooltip as E } from "../../../data-display/tooltip/StyledTooltip.js";
+import { useMobileMediaQuery as P } from "../../../../hooks/useMediaQuery.hook.js";
+import { useFocusTrap as V } from "../../../../hooks/useFocusTrap.hook.js";
+import { CloseBtn as w } from "../components/CloseBtn.js";
+import { MinimizeBtn as C } from "../components/MinimizeBtn.js";
+import { FullScreenBtn as W } from "../components/FullscreenBtn.js";
+import c from "./MinimizableDialogV2.module.js";
+import { useTranslations as _ } from "./useTranslations.js";
+import { useControlledProps as $ } from "./useControlledProps.js";
+import H from "clsx";
+import { useLayoutEffect as L, useRef as F } from "react";
+import { Fragment as O, jsx as e, jsxs as o } from "react/jsx-runtime";
+var ae = (h) => {
+  const { showCloseIcon: v = !0, showMinimizeIcon: S = !0, showExpandIcon: T = !0, enableFullscreen: M = !0, title: n, label: d, children: k, open: g, onClose: I, classNameOverrides: f = {
     maximized: "",
     minimized: "",
     fullscreen: ""
-  }, dataTest: M, actionNode: S, locale: k = "en", style: v } = f, a = B(), r = V(k), b = $(null), { minimized: i, setMinimized: x, fullScreen: l, setFullScreen: g } = W(f), t = l && !i, p = () => {
-    x(!1), T();
+  }, dataTest: j, actionNode: A, locale: R = "en", style: b } = h, r = P(), a = _(R), m = F(null), p = F(null), { minimized: i, setMinimized: z, fullScreen: t, setFullScreen: y } = $(h), l = t && !i, u = () => {
+    z(!1), I();
   };
-  D(u && t, b, p);
-  const I = t ? a ? {
+  L(() => {
+    m.current?.toggleAttribute("inert", i), p.current?.toggleAttribute("inert", !i);
+  }, [i]);
+  const N = () => {
+    const D = i ? m : p;
+    z(!i), requestAnimationFrame(() => {
+      const x = D.current;
+      x && (x.querySelector('[data-testid="toggle-minimize-btn"]') ?? q(x))?.focus({ preventScroll: !0 });
+    });
+  };
+  V(g && l, m, u);
+  const B = l ? r ? {
     inset: 0,
     maxHeight: "100dvh",
     maxWidth: "100dvw",
@@ -37,19 +48,20 @@ var ee = (f) => {
     maxWidth: "min(1000px, calc(100vw - 32px))",
     height: "95dvh"
   } : void 0;
-  return u ? /* @__PURE__ */ o(A, { children: [
+  return g ? /* @__PURE__ */ o(O, { children: [
     /* @__PURE__ */ e("div", {
+      ref: p,
       style: {
         zIndex: 51,
-        ...v
+        ...b
       },
-      className: s(d["minimized-dialog"], !i && d.hidden, c.minimized),
+      className: s(c["minimized-dialog"], !i && c.hidden, f.minimized),
       children: /* @__PURE__ */ o("div", {
-        className: _("flex items-center justify-between", !i && "hidden"),
-        "data-testid": M,
+        className: H("flex items-center justify-between", !i && "hidden"),
+        "data-testid": j,
         children: [/* @__PURE__ */ e("div", {
           className: "max-w-[303px] truncate pr-1 text-lg font-semibold text-delta-800",
-          children: /* @__PURE__ */ e(j, {
+          children: /* @__PURE__ */ e(E, {
             title: n,
             placement: "top",
             children: /* @__PURE__ */ e("div", {
@@ -59,86 +71,82 @@ var ee = (f) => {
           })
         }), /* @__PURE__ */ o("div", {
           className: "flex items-center gap-x-1",
-          children: [/* @__PURE__ */ e(z, {
+          children: [/* @__PURE__ */ e(C, {
             type: "expand",
-            visibility: w,
-            onClick: () => {
-              x(!i);
-            },
-            tooltipTitle: r.expand
-          }), /* @__PURE__ */ e(y, {
-            showCloseIcon: h,
-            onClick: p,
-            tooltipTitle: r.close
+            visibility: T,
+            onClick: N,
+            tooltipTitle: a.expand
+          }), /* @__PURE__ */ e(w, {
+            showCloseIcon: v,
+            onClick: u,
+            tooltipTitle: a.close
           })]
         })]
       })
     }),
-    t && /* @__PURE__ */ e("div", {
+    l && /* @__PURE__ */ e("div", {
       className: "fixed inset-0 z-[52] bg-[rgb(98,110,126)] bg-opacity-70",
       onClick: () => {
-        g(!1);
+        y(!1);
       }
     }),
     /* @__PURE__ */ o("div", {
       style: {
         zIndex: 51,
-        ...v,
-        ...I
+        ...b,
+        ...B
       },
-      ref: b,
-      role: t ? "dialog" : void 0,
-      "aria-modal": t ? !0 : void 0,
-      "aria-label": t && typeof n == "string" ? n : void 0,
-      className: s(d.dialog, i && d.hidden, !l && c.maximized, l && c.fullscreen, t && "fixed z-[53] duration-0"),
+      ref: m,
+      role: l ? "dialog" : void 0,
+      "aria-modal": l ? !0 : void 0,
+      "aria-label": l && typeof n == "string" ? n : void 0,
+      className: s(c.dialog, i && c.hidden, !t && f.maximized, t && f.fullscreen, l && "fixed z-[53] duration-0"),
       children: [/* @__PURE__ */ o("div", {
-        className: s("flex flex-col border-b-[1px] border-delta-200 px-4", a ? "py-3" : "py-4"),
+        className: s("flex flex-col border-b-[1px] border-delta-200 px-4", r ? "py-3" : "py-4"),
         children: [/* @__PURE__ */ o("div", {
           className: "flex items-center justify-between",
-          children: [m ? /* @__PURE__ */ e("div", {
+          children: [d ? /* @__PURE__ */ e("div", {
             className: "text-sm text-delta-700",
-            children: m
+            children: d
           }) : /* @__PURE__ */ e("div", {
-            className: s("font-semibold text-delta-800", a ? "line-clamp-2 text-xl" : "line-clamp-1 text-2xl"),
+            className: s("font-semibold text-delta-800", r ? "line-clamp-2 text-xl" : "line-clamp-1 text-2xl"),
             children: n
           }), /* @__PURE__ */ o("div", {
             className: "flex items-center gap-x-1",
             children: [
-              S,
-              /* @__PURE__ */ e(z, {
-                visibility: N && !a && !l,
+              A,
+              /* @__PURE__ */ e(C, {
+                visibility: S && !r && !t,
                 type: "minimize",
-                onClick: () => {
-                  x(!i);
-                },
-                tooltipTitle: r.minimize
+                onClick: N,
+                tooltipTitle: a.minimize
               }),
-              /* @__PURE__ */ e(R, {
-                showFullScreenIcon: C && !a,
-                fullScreen: l,
+              /* @__PURE__ */ e(W, {
+                showFullScreenIcon: M && !r,
+                fullScreen: t,
                 onClick: () => {
-                  g(!l);
+                  y(!t);
                 },
-                tooltipTitle: l ? r.exitFullscreen : r.fullscreen
+                tooltipTitle: t ? a.exitFullscreen : a.fullscreen
               }),
-              /* @__PURE__ */ e(y, {
-                showCloseIcon: h,
-                onClick: p,
-                tooltipTitle: r.close
+              /* @__PURE__ */ e(w, {
+                showCloseIcon: v,
+                onClick: u,
+                tooltipTitle: a.close
               })
             ]
           })]
-        }), m && /* @__PURE__ */ e("div", {
-          className: s("font-semibold text-delta-800", a ? "line-clamp-2 text-xl" : "line-clamp-1 text-2xl"),
+        }), d && /* @__PURE__ */ e("div", {
+          className: s("font-semibold text-delta-800", r ? "line-clamp-2 text-xl" : "line-clamp-1 text-2xl"),
           children: n
         })]
       }), /* @__PURE__ */ e("div", {
         className: s(i && "hidden", "flex flex-grow flex-col overflow-y-auto"),
-        children: F
+        children: k
       })]
     })
   ] }) : null;
 };
 export {
-  ee as MinimizableDialogV2
+  ae as MinimizableDialogV2
 };