@reportportal/ui-kit 0.0.1-alpha.68 → 0.0.1-alpha.69

package/dist/modal.js

@@ -1,136 +1,136 @@
-import { jsx as e, jsxs as c, Fragment as G } from "react/jsx-runtime";
-import { useState as u, useEffect as g, useRef as K } from "react";
-import { Scrollbars as P } from "rc-scrollbars";
-import { AnimatePresence as B, motion as q } from "framer-motion";
-import { c as f } from "./bind-06a7ff84.js";
+import { jsx as e, jsxs as d, Fragment as F } from "react/jsx-runtime";
+import { useState as u, useEffect as y, useRef as G } from "react";
+import { Scrollbars as K } from "rc-scrollbars";
+import { AnimatePresence as P, motion as B } from "framer-motion";
+import { c as w } from "./bind-06a7ff84.js";
 import { u as Y } from "./useOnClickOutside-c332f7d3.js";
 import { K as U } from "./keyCodes-f63c0e11.js";
-import { B as N } from "./button-770f7b20.js";
+import { B as O } from "./button-33bc880f.js";
 import { B as X } from "./baseIconButton-251479f7.js";
 import { S as J } from "./close-4b33d7c1.js";
 const Q = () => {
   const [o, n] = u({ width: 0, height: 0 });
-  return g(() => {
-    const l = () => {
+  return y(() => {
+    const a = () => {
       n({
         width: window.innerWidth,
         height: window.innerHeight
       });
     };
-    return window.addEventListener("resize", l), l(), () => window.removeEventListener("resize", l);
+    return window.addEventListener("resize", a), a(), () => window.removeEventListener("resize", a);
   }, []), o;
-}, V = "_scrollable_qziry_12", Z = {
-  "modal-content": "_modal-content_qziry_1",
+}, V = "_scrollable_zh8d2_12", Z = {
+  "modal-content": "_modal-content_zh8d2_1",
   scrollable: V
-}, ee = f.bind(Z), O = ({ scrollable: o = !1, children: n }) => /* @__PURE__ */ e("div", { className: ee("modal-content", { scrollable: o }), children: n }), te = {
+}, ee = w.bind(Z), z = ({ scrollable: o = !1, children: n }) => /* @__PURE__ */ e("div", { className: ee("modal-content", { scrollable: o }), children: n }), te = {
   "buttons-block": "_buttons-block_1dgm4_1",
   "button-container": "_button-container_1dgm4_5",
   "modal-footer": "_modal-footer_1dgm4_14",
   "with-extra-node": "_with-extra-node_1dgm4_21",
   "size-small": "_size-small_1dgm4_25"
-}, m = f.bind(te), oe = ({
+}, m = w.bind(te), oe = ({
   footerNode: o,
   closeHandler: n,
-  okButton: l,
+  okButton: a,
   cancelButton: r,
-  size: s
-}) => /* @__PURE__ */ c("div", { className: m("modal-footer", { "with-extra-node": o, [`size-${s}`]: s }), children: [
+  size: l
+}) => /* @__PURE__ */ d("div", { className: m("modal-footer", { "with-extra-node": o, [`size-${l}`]: l }), children: [
   o && o,
-  /* @__PURE__ */ c("div", { className: m("buttons-block"), children: [
+  /* @__PURE__ */ d("div", { className: m("buttons-block"), children: [
     r && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(
-      N,
+      O,
       {
         variant: "ghost",
-        adjustWidthOn: s === "small" ? "parent" : "min-width",
+        adjustWidthOn: l === "small" ? "parent" : "min-width",
         onClick: n,
         ...r
       }
     ) }),
-    l && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(N, { adjustWidthOn: s === "small" ? "parent" : "min-width", ...l }) })
+    a && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(O, { adjustWidthOn: l === "small" ? "parent" : "min-width", ...a }) })
   ] })
 ] }), ne = {
-  "modal-header": "_modal-header_68lru_1",
-  "width-description": "_width-description_68lru_10",
-  "modal-header-content": "_modal-header-content_68lru_14",
-  "modal-title": "_modal-title_68lru_20",
-  "close-modal-icon": "_close-modal-icon_68lru_29"
-}, _ = f.bind(ne), le = ({ title: o, onClose: n, withDescription: l = !1 }) => /* @__PURE__ */ c("div", { className: _("modal-header", { "width-description": l }), children: [
+  "modal-header": "_modal-header_w4aaf_1",
+  "width-description": "_width-description_w4aaf_10",
+  "modal-header-content": "_modal-header-content_w4aaf_14",
+  "modal-title": "_modal-title_w4aaf_20",
+  "close-modal-icon": "_close-modal-icon_w4aaf_29"
+}, _ = w.bind(ne), ae = ({ title: o, onClose: n, withDescription: a = !1 }) => /* @__PURE__ */ d("div", { className: _("modal-header", { "width-description": a }), children: [
   /* @__PURE__ */ e("div", { className: _("modal-header-content"), children: o && /* @__PURE__ */ e("div", { className: _("modal-title"), children: o }) }),
   /* @__PURE__ */ e(X, { className: _("close-modal-icon"), onClick: n, children: /* @__PURE__ */ e(J, {}) })
-] }), se = "_modal_f3ckb_1", ae = "_description_f3ckb_43", ie = "_scrollable_f3ckb_53", ce = {
-  modal: se,
-  "overlay-default": "_overlay-default_f3ckb_12",
-  "overlay-light-cyan": "_overlay-light-cyan_f3ckb_16",
-  "scrolling-content": "_scrolling-content_f3ckb_20",
-  "modal-window": "_modal-window_f3ckb_26",
-  description: ae,
+] }), le = "_modal_yxql5_1", se = "_description_yxql5_43", ie = "_scrollable_yxql5_53", de = {
+  modal: le,
+  "overlay-default": "_overlay-default_yxql5_12",
+  "overlay-light-cyan": "_overlay-light-cyan_yxql5_16",
+  "scrolling-content": "_scrolling-content_yxql5_20",
+  "modal-window": "_modal-window_yxql5_26",
+  description: se,
   scrollable: ie,
-  "size-default": "_size-default_f3ckb_57",
-  "size-small": "_size-small_f3ckb_69",
-  "size-large": "_size-large_f3ckb_81"
-}, h = f.bind(ce), de = 0.9, re = 32 + 24, me = 32 + 8, _e = 36 + 16, he = 32 * 2, Ee = ({
+  "size-default": "_size-default_yxql5_57",
+  "size-small": "_size-small_yxql5_69",
+  "size-large": "_size-large_yxql5_81"
+}, h = w.bind(de), ce = 0.9, re = 32 + 24, me = 32 + 8, _e = 36 + 16, he = 32 * 2, Ee = ({
   title: o,
   children: n,
-  footerNode: l,
+  footerNode: a,
   okButton: r,
-  cancelButton: s,
-  className: z,
-  size: w = "default",
-  onClose: A = () => {
+  cancelButton: l,
+  className: A,
+  size: f = "default",
+  onClose: C = () => {
   },
-  overlay: p = "default",
-  zIndex: C = 2,
-  allowCloseOutside: D = !0,
-  scrollable: v = !1,
-  withoutFooter: y = !1,
-  createFooter: H = null,
-  description: a = null
+  overlay: x = "default",
+  zIndex: D = 2,
+  allowCloseOutside: S = !0,
+  scrollable: p = !1,
+  withoutFooter: v = !1,
+  createFooter: b = null,
+  description: s = null
 }) => {
-  const [S, k] = u(!1), [T, I] = u(0), [L, $] = u(!1), i = K(null), E = Q(), x = E.height, R = x * de, b = (x - T) / 2, W = () => {
-    let t = R - he;
-    return y || (t = t - _e), a ? t = t - me : t = t - re, t;
-  }, d = () => {
-    k(!1);
-  }, M = (t) => {
-    const { keyCode: F } = t;
-    F === U.ESCAPE_KEY_CODE && d();
-  }, j = () => {
+  const [T, H] = u(!1), [I, q] = u(0), [L, $] = u(!1), i = G(null), E = Q(), M = E.height, k = M * ce, g = (M - I) / 2, R = () => {
+    let t = k - he;
+    return v || (t = t - _e), s ? t = t - me : t = t - re, t;
+  }, c = () => {
+    H(!1);
+  }, N = (t) => {
+    const { keyCode: j } = t;
+    j === U.ESCAPE_KEY_CODE && c();
+  }, W = () => {
     var t;
     L || ((t = i.current) == null || t.focus(), $(!0));
   };
-  return g(() => {
+  return y(() => {
     if (i && i.current) {
       const { clientHeight: t } = i.current;
-      I(t);
+      q(t);
     }
-  }, [n, E]), g(() => (k(!0), document.addEventListener("keydown", M, !1), () => document.removeEventListener("keydown", M, !1)), []), Y(i, D ? d : void 0), /* @__PURE__ */ e(B, { onExitComplete: A, children: S && /* @__PURE__ */ e("div", { className: h("modal", { [`overlay-${p}`]: p }), style: { zIndex: C }, children: /* @__PURE__ */ c(
-    q.div,
+  }, [n, E]), y(() => (H(!0), document.addEventListener("keydown", N, !1), () => document.removeEventListener("keydown", N, !1)), []), Y(i, S ? c : void 0), /* @__PURE__ */ e(P, { onExitComplete: C, children: T && /* @__PURE__ */ e("div", { className: h("modal", { [`overlay-${x}`]: x }), style: { zIndex: D }, children: /* @__PURE__ */ d(
+    B.div,
     {
-      className: h("modal-window", { [`size-${w}`]: w }, z),
+      className: h("modal-window", { [`size-${f}`]: f }, A),
       ref: i,
       tabIndex: 0,
-      initial: { opacity: 0, marginTop: -b },
-      animate: { opacity: 1, marginTop: b },
-      exit: { opacity: 0, marginTop: -b },
+      initial: { opacity: 0, marginTop: -g },
+      animate: { opacity: 1, marginTop: g },
+      exit: { opacity: 0, marginTop: -g },
       transition: { duration: 0.3 },
-      onAnimationStart: j,
+      onAnimationStart: W,
       children: [
-        /* @__PURE__ */ e(le, { title: o, onClose: d, withDescription: !!a }),
-        v ? /* @__PURE__ */ c(P, { autoHeight: !0, autoHeightMax: W(), hideTracksWhenNotNeeded: !0, children: [
-          a && /* @__PURE__ */ e("span", { className: h("description", { scrollable: v }), children: a }),
-          /* @__PURE__ */ e(O, { scrollable: !0, children: n })
-        ] }) : /* @__PURE__ */ c(G, { children: [
-          a && /* @__PURE__ */ e("span", { className: h("description"), children: a }),
-          /* @__PURE__ */ e(O, { children: n })
+        /* @__PURE__ */ e(ae, { title: o, onClose: c, withDescription: !!s }),
+        p ? /* @__PURE__ */ d(K, { autoHeight: !0, autoHeightMax: R(), hideTracksWhenNotNeeded: !0, children: [
+          s && /* @__PURE__ */ e("span", { className: h("description", { scrollable: p }), children: s }),
+          /* @__PURE__ */ e(z, { scrollable: !0, children: n })
+        ] }) : /* @__PURE__ */ d(F, { children: [
+          s && /* @__PURE__ */ e("span", { className: h("description"), children: s }),
+          /* @__PURE__ */ e(z, { children: n })
         ] }),
-        !y && (H ? H(d) : /* @__PURE__ */ e(
+        !v && (b ? b(c) : /* @__PURE__ */ e(
           oe,
           {
-            size: w,
-            footerNode: l,
+            size: f,
+            footerNode: a,
             okButton: r,
-            cancelButton: s,
-            closeHandler: d
+            cancelButton: l,
+            closeHandler: c
           }
         ))
       ]
@@ -140,7 +140,7 @@ const Q = () => {
 };
 export {
   Ee as Modal,
-  O as ModalContent,
+  z as ModalContent,
   oe as ModalFooter,
-  le as ModalHeader
+  ae as ModalHeader
 };

package/dist/{pagination-91729c7d.js → pagination-ecbc9940.js}

@@ -1,15 +1,15 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { c as m } from "./bind-06a7ff84.js";
-import { useState as h } from "react";
+import { c as g } from "./bind-06a7ff84.js";
+import { useState as b } from "react";
 import { Popover as O } from "./popover.js";
-import { B as x } from "./button-770f7b20.js";
-import { F as A } from "./fieldText-94e2c8eb.js";
-import { B as f } from "./baseIconButton-251479f7.js";
-import { S as y, a as T } from "./prevPage-87faf576.js";
+import { B as x } from "./button-33bc880f.js";
+import { F as A } from "./fieldText-e605a521.js";
+import { B as h } from "./baseIconButton-251479f7.js";
+import { S as $, a as T } from "./prevPage-87faf576.js";
 import { Tooltip as B } from "./tooltip.js";
 const P = {
   "item-counter": "_item-counter_4g6do_1"
-}, E = m.bind(P), M = ({
+}, E = g.bind(P), M = ({
   activePage: o,
   pageSize: n,
   totalItems: s,
@@ -21,11 +21,11 @@ const P = {
     `${i + 1} - ${c < s ? c : s}`,
     ` ${r} ${s} ${a}`
   ] });
-}, V = "_selected_183l8_32", W = {
-  "size-selector": "_size-selector_183l8_1",
-  "size-option": "_size-option_183l8_6",
+}, V = "_selected_9ub70_32", W = {
+  "size-selector": "_size-selector_9ub70_1",
+  "size-option": "_size-option_9ub70_6",
   selected: V
-}, C = m.bind(W), D = ({
+}, C = g.bind(W), D = ({
   currentSize: o,
   options: n,
   onClickOption: s
@@ -40,15 +40,15 @@ const P = {
   },
   r
 )) }), F = {
-  "page-size-control": "_page-size-control_1y4na_1",
-  "size-selector-button": "_size-selector-button_1y4na_10"
-}, w = m.bind(F), j = ({
+  "page-size-control": "_page-size-control_sgwmi_1",
+  "size-selector-button": "_size-selector-button_sgwmi_10"
+}, w = g.bind(F), j = ({
   size: o,
   sizeOptions: n,
   perPageText: s,
   changeSize: r
 }) => {
-  const [a, c] = h(!1), i = (e) => {
+  const [a, c] = b(!1), i = (e) => {
     r(e), c(!1);
   };
   return /* @__PURE__ */ p("div", { className: w("page-size-control"), children: [
@@ -68,20 +68,20 @@ const P = {
   "page-selector": "_page-selector_rtho4_1",
   "field-wrapper": "_field-wrapper_rtho4_6",
   "apply-button": "_apply-button_rtho4_10"
-}, b = m.bind(G), H = ({
+}, N = g.bind(G), H = ({
   totalPages: o,
   pageText: n,
   goActionText: s,
   selectPage: r
 }) => {
-  const [a, c] = h(""), [i, e] = h(!0), d = (u) => {
-    const v = u.target.value.replace(/\D/g, ""), $ = Number(v), k = $ > 0 && $ <= o;
-    e(k), c(v);
+  const [a, c] = b(""), [i, e] = b(!0), d = (u) => {
+    const y = u.target.value.replace(/\D/g, ""), v = Number(y), k = v > 0 && v <= o;
+    e(k), c(y);
   }, l = () => {
     r(Number(a));
   };
-  return /* @__PURE__ */ p("div", { className: b("page-selector"), children: [
-    /* @__PURE__ */ t("div", { className: b("field-wrapper"), children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ p("div", { className: N("page-selector"), children: [
+    /* @__PURE__ */ t("div", { className: N("field-wrapper"), children: /* @__PURE__ */ t(
       A,
       {
         onChange: d,
@@ -93,13 +93,13 @@ const P = {
         displayError: !1
       }
     ) }),
-    /* @__PURE__ */ t(x, { onClick: l, disabled: !a || !i, className: b("apply-button"), children: s })
+    /* @__PURE__ */ t(x, { onClick: l, disabled: !a || !i, className: N("apply-button"), children: s })
   ] });
 }, L = {
-  "active-page": "_active-page_rmw5h_1",
-  "page-selector": "_page-selector_rmw5h_10",
-  "page-selector-button": "_page-selector-button_rmw5h_14"
-}, N = m.bind(L), R = ({
+  "active-page": "_active-page_1gl9o_1",
+  "page-selector": "_page-selector_1gl9o_10",
+  "page-selector-button": "_page-selector-button_1gl9o_14"
+}, f = g.bind(L), R = ({
   activePage: o,
   totalPages: n,
   pageText: s,
@@ -107,10 +107,10 @@ const P = {
   goActionText: a,
   changePage: c
 }) => {
-  const [i, e] = h(!1), d = (l) => {
+  const [i, e] = b(!1), d = (l) => {
     c(l), e(!1);
   };
-  return /* @__PURE__ */ p("div", { className: N("active-page"), children: [
+  return /* @__PURE__ */ p("div", { className: f("active-page"), children: [
     `${s} `,
     /* @__PURE__ */ t(
       O,
@@ -128,21 +128,21 @@ const P = {
         placement: "top",
         isOpened: i,
         setIsOpened: e,
-        className: N("page-selector"),
-        children: /* @__PURE__ */ t(x, { className: N("page-selector-button"), variant: "text", children: o })
+        className: f("page-selector"),
+        children: /* @__PURE__ */ t(x, { className: f("page-selector-button"), variant: "text", children: o })
       }
     )
   ] });
-}, q = "_bar_dfnmf_1", J = "_section_dfnmf_9", K = "_selected_dfnmf_33", Q = "_tooltip_dfnmf_37", U = {
+}, q = "_bar_y74hy_1", J = "_section_y74hy_9", K = "_selected_y74hy_33", Q = "_tooltip_y74hy_37", U = {
   bar: q,
-  "section-with-tooltip": "_section-with-tooltip_dfnmf_9",
+  "section-with-tooltip": "_section-with-tooltip_y74hy_9",
   section: J,
   selected: K,
-  "tooltip-wrapper": "_tooltip-wrapper_dfnmf_37",
+  "tooltip-wrapper": "_tooltip-wrapper_y74hy_37",
   tooltip: Q,
-  "tooltip-text": "_tooltip-text_dfnmf_48",
-  "page-number": "_page-number_dfnmf_52"
-}, _ = m.bind(U), S = 13, z = 260, X = ({
+  "tooltip-text": "_tooltip-text_y74hy_48",
+  "page-number": "_page-number_y74hy_52"
+}, _ = g.bind(U), S = 13, z = 260, X = ({
   totalPages: o,
   activePage: n,
   changePage: s,
@@ -192,7 +192,7 @@ const P = {
   "page-buttons": "_page-buttons_1p2t5_6",
   "page-button": "_page-button_1p2t5_6",
   next: Y
-}, g = m.bind(Z), ee = ({
+}, m = g.bind(Z), ee = ({
   activePage: o,
   changePage: n,
   totalPages: s,
@@ -207,21 +207,21 @@ const P = {
   }, e = () => {
     n(s);
   };
-  return /* @__PURE__ */ p("div", { className: g("page-navigator"), children: [
-    /* @__PURE__ */ p("div", { className: g("page-buttons"), children: [
+  return /* @__PURE__ */ p("div", { className: m("page-navigator"), children: [
+    /* @__PURE__ */ p("div", { className: m("page-buttons"), children: [
       /* @__PURE__ */ t(
-        f,
+        h,
         {
-          className: g("page-button"),
+          className: m("page-button"),
           onClick: a,
           disabled: o === 1,
-          children: /* @__PURE__ */ t(y, {})
+          children: /* @__PURE__ */ t($, {})
         }
       ),
       /* @__PURE__ */ t(
-        f,
+        h,
         {
-          className: g("page-button"),
+          className: m("page-button"),
           onClick: c,
           disabled: o === 1,
           children: /* @__PURE__ */ t(T, {})
@@ -237,23 +237,23 @@ const P = {
         captions: r
       }
     ),
-    /* @__PURE__ */ p("div", { className: g("page-buttons"), children: [
+    /* @__PURE__ */ p("div", { className: m("page-buttons"), children: [
       /* @__PURE__ */ t(
-        f,
+        h,
         {
-          className: g("page-button", "next"),
+          className: m("page-button", "next"),
           onClick: i,
           disabled: o === s,
           children: /* @__PURE__ */ t(T, {})
         }
       ),
       /* @__PURE__ */ t(
-        f,
+        h,
         {
-          className: g("page-button", "next"),
+          className: m("page-button", "next"),
           onClick: e,
           disabled: o === s,
-          children: /* @__PURE__ */ t(y, {})
+          children: /* @__PURE__ */ t($, {})
         }
       )
     ] })
@@ -261,7 +261,7 @@ const P = {
 }, te = {
   "page-controls": "_page-controls_thyf8_1",
   "total-pages": "_total-pages_thyf8_8"
-}, I = m.bind(te), oe = ({
+}, I = g.bind(te), oe = ({
   activePage: o,
   changePage: n,
   captions: s,
@@ -291,9 +291,9 @@ const P = {
     `${s.of} `,
     r
   ] })
-] }), se = "_pagination_wi26a_1", ne = {
+] }), se = "_pagination_w2r3n_1", ne = {
   pagination: se
-}, re = m.bind(ne), ue = ({
+}, re = g.bind(ne), ue = ({
   activePage: o,
   totalPages: n,
   pageSize: s,

package/dist/pagination.js

@@ -1,11 +1,11 @@
-import { P as t } from "./pagination-91729c7d.js";
+import { P as t } from "./pagination-ecbc9940.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "react";
 import "./popover.js";
 import "@floating-ui/react";
-import "./button-770f7b20.js";
-import "./fieldText-94e2c8eb.js";
+import "./button-33bc880f.js";
+import "./fieldText-e605a521.js";
 import "./openEye-7b9cf080.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";

package/dist/popover.js

@@ -1,12 +1,12 @@
-import { jsxs as f, Fragment as S, jsx as s } from "react/jsx-runtime";
+import { jsxs as f, Fragment as S, jsx as n } from "react/jsx-runtime";
 import { useRef as j, useState as C, useCallback as L } from "react";
 import { useFloating as M, offset as U, flip as W, arrow as q, autoUpdate as z, useClick as B, useDismiss as J, useRole as K, useInteractions as Q, FloatingFocusManager as V, FloatingArrow as X } from "@floating-ui/react";
 import { c as Y } from "./bind-06a7ff84.js";
-const Z = "_popover_16ogt_1", $ = "_title_16ogt_28", O = {
-  "popover-wrapper": "_popover-wrapper_16ogt_1",
+const Z = "_popover_n3nff_1", $ = "_title_n3nff_28", O = {
+  "popover-wrapper": "_popover-wrapper_n3nff_1",
   popover: Z,
   title: $
-}, r = Y.bind(O), g = 16, d = 8, tt = ["top", "right", "bottom", "left"], et = [
+}, r = Y.bind(O), d = 16, g = 8, tt = ["top", "right", "bottom", "left"], et = [
   "right",
   "right-start",
   "right-end",
@@ -38,13 +38,13 @@ const Z = "_popover_16ogt_1", $ = "_title_16ogt_28", O = {
   arrowColor: x = "white",
   dataAutomationId: A,
   isOpened: F,
-  setIsOpened: n,
+  setIsOpened: s,
   isCentered: a = !0
 }) => {
-  const c = j(null), [R, N] = C(!1), p = n ? F : R, P = (t) => {
-    n ? n(t) : N(t);
+  const c = j(null), [R, N] = C(!1), p = s ? F : R, P = (t) => {
+    s ? s(t) : N(t);
   }, k = L(
-    (t, l) => a ? ((et.includes(l) ? t.reference.height : t.reference.width) - g) / 2 - o : -o,
+    (t, l) => a ? ((et.includes(l) ? t.reference.height : t.reference.width) - d) / 2 - o : -o,
     [o, a]
   ), { placement: E, refs: m, floatingStyles: I, context: e } = M({
     open: p,
@@ -52,7 +52,7 @@ const Z = "_popover_16ogt_1", $ = "_title_16ogt_28", O = {
     placement: _,
     middleware: [
       U(({ rects: t, placement: l }) => ({
-        mainAxis: w + d,
+        mainAxis: w + g,
         alignmentAxis: k(t, l)
       })),
       W({
@@ -66,8 +66,8 @@ const Z = "_popover_16ogt_1", $ = "_title_16ogt_28", O = {
     whileElementsMounted: z
   }), T = B(e), y = J(e), D = K(e), { getReferenceProps: G, getFloatingProps: H } = Q([T, y, D]);
   return /* @__PURE__ */ f(S, { children: [
-    /* @__PURE__ */ s("div", { ref: m.setReference, ...G(), className: r("popover-wrapper"), children: v }),
-    p && /* @__PURE__ */ s(V, { context: e, modal: !1, children: /* @__PURE__ */ f(
+    /* @__PURE__ */ n("div", { ref: m.setReference, ...G(), className: r("popover-wrapper"), children: v }),
+    p && /* @__PURE__ */ n(V, { context: e, modal: !1, children: /* @__PURE__ */ f(
       "div",
       {
         className: r("popover", h),
@@ -76,18 +76,18 @@ const Z = "_popover_16ogt_1", $ = "_title_16ogt_28", O = {
         style: I,
         ...H,
         children: [
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ n(
             X,
             {
               ref: c,
               context: e,
-              width: g,
-              height: d,
+              width: d,
+              height: g,
               fill: x,
               staticOffset: tt.includes(E) ? null : o
             }
           ),
-          i && /* @__PURE__ */ s("div", { className: r("title"), children: i }),
+          i && /* @__PURE__ */ n("div", { className: r("title"), children: i }),
           u
         ]
       }