@reportportal/ui-kit 0.0.1-alpha.140 → 0.0.1-alpha.141

package/dist/pagination-a3dee614.js

@@ -1,347 +0,0 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { c as _ } from "./bind-06a7ff84.js";
-import { useState as b } from "react";
-import { Popover as I } from "./popover.js";
-import { B as x } from "./button-97d9e587.js";
-import { F as j } from "./fieldText-1749da7a.js";
-import { B as h } from "./baseIconButton-251479f7.js";
-import { S as z, a as T } from "./prevPage-87faf576.js";
-import { Tooltip as A } from "./tooltip.js";
-const B = {
-  "item-counter": "_item-counter_4g6do_1"
-}, W = _.bind(B), P = ({
-  activePage: o,
-  pageSize: n,
-  totalItems: s,
-  ofText: r,
-  itemsText: a
-}) => {
-  const c = o * n, i = c - n;
-  return /* @__PURE__ */ p("div", { className: W("item-counter"), children: [
-    `${i + 1} - ${c < s ? c : s}`,
-    ` ${r} ${s} ${a}`
-  ] });
-}, E = "_selected_cjnvy_23", M = {
-  "size-selector": "_size-selector_cjnvy_1",
-  "size-option": "_size-option_cjnvy_6",
-  selected: E
-}, C = _.bind(M), V = ({
-  currentSize: o,
-  options: n,
-  onClickOption: s
-}) => /* @__PURE__ */ t("div", { className: C("size-selector"), children: n.map((r) => /* @__PURE__ */ t(
-  "button",
-  {
-    className: C("size-option", { selected: r === o }),
-    onClick: () => {
-      s(r);
-    },
-    children: r
-  },
-  r
-)) }), D = {
-  "page-size-control": "_page-size-control_suy7z_1",
-  "page-size-options": "_page-size-options_suy7z_9",
-  "size-selector-button": "_size-selector-button_suy7z_13"
-}, y = _.bind(D), F = ({
-  size: o,
-  sizeOptions: n,
-  perPageText: s,
-  changeSize: r
-}) => {
-  const [a, c] = b(!1), i = (e) => {
-    r(e), c(!1);
-  };
-  return /* @__PURE__ */ p("div", { className: y("page-size-control"), children: [
-    /* @__PURE__ */ t(
-      I,
-      {
-        content: /* @__PURE__ */ t(V, { options: n, onClickOption: i, currentSize: o }),
-        placement: "top",
-        isOpened: a,
-        setIsOpened: c,
-        className: y("page-size-options"),
-        children: /* @__PURE__ */ t(x, { className: y("size-selector-button"), variant: "text", adjustWidthOn: "content", children: o })
-      }
-    ),
-    ` ${s}`
-  ] });
-}, G = {
-  "page-selector": "_page-selector_rtho4_1",
-  "field-wrapper": "_field-wrapper_rtho4_6",
-  "apply-button": "_apply-button_rtho4_10"
-}, N = _.bind(G), H = ({
-  totalPages: o,
-  pageText: n,
-  goActionText: s,
-  selectPage: r
-}) => {
-  const [a, c] = b(""), [i, e] = b(!0), d = (u) => {
-    const v = u.target.value.replace(/\D/g, ""), $ = Number(v), k = $ > 0 && $ <= o;
-    e(k), c(v);
-  }, l = () => {
-    r(Number(a));
-  };
-  return /* @__PURE__ */ p("div", { className: N("page-selector"), children: [
-    /* @__PURE__ */ t("div", { className: N("field-wrapper"), children: /* @__PURE__ */ t(
-      j,
-      {
-        onChange: d,
-        value: a,
-        placeholder: n,
-        error: i ? "" : "Error",
-        touched: !0,
-        defaultWidth: !1,
-        displayError: !1
-      }
-    ) }),
-    /* @__PURE__ */ t(x, { onClick: l, disabled: !a || !i, className: N("apply-button"), children: s })
-  ] });
-}, L = {
-  "active-page": "_active-page_1gl9o_1",
-  "page-selector": "_page-selector_1gl9o_10",
-  "page-selector-button": "_page-selector-button_1gl9o_14"
-}, f = _.bind(L), R = ({
-  activePage: o,
-  totalPages: n,
-  pageText: s,
-  goToText: r,
-  goActionText: a,
-  changePage: c
-}) => {
-  const [i, e] = b(!1), d = (l) => {
-    c(l), e(!1);
-  };
-  return /* @__PURE__ */ p("div", { className: f("active-page"), children: [
-    `${s} `,
-    /* @__PURE__ */ t(
-      I,
-      {
-        content: /* @__PURE__ */ t(
-          H,
-          {
-            pageText: s,
-            goActionText: a,
-            selectPage: d,
-            totalPages: n
-          }
-        ),
-        title: r,
-        placement: "top",
-        isOpened: i,
-        setIsOpened: e,
-        className: f("page-selector"),
-        children: /* @__PURE__ */ t(x, { className: f("page-selector-button"), variant: "text", adjustWidthOn: "content", children: o })
-      }
-    )
-  ] });
-}, 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_y74hy_9",
-  section: J,
-  selected: K,
-  "tooltip-wrapper": "_tooltip-wrapper_y74hy_37",
-  tooltip: Q,
-  "tooltip-text": "_tooltip-text_y74hy_48",
-  "page-number": "_page-number_y74hy_52"
-}, g = _.bind(U), S = 13, w = 260, X = ({
-  totalPages: o,
-  activePage: n,
-  changePage: s,
-  captions: r
-}) => {
-  const a = w / o, c = Math.min(Math.ceil(w / S), o), i = Math.max(S, a), e = [];
-  for (let l = 1; l <= o; l++)
-    e.push({
-      end: l * a,
-      pageNumber: l
-    });
-  const d = Array.from({ length: c }, () => ({ pages: { from: void 0, to: void 0 } }));
-  return d.forEach((l, u) => {
-    for (l.pages.from = e[0].pageNumber; i * (u + 1) > e[0].end; )
-      e.shift();
-    l.pages.to = e[0].pageNumber, e.shift();
-  }), /* @__PURE__ */ t("div", { className: g("bar"), children: d.map((l, u) => /* @__PURE__ */ t(
-    "div",
-    {
-      className: g("section-with-tooltip"),
-      style: { width: i },
-      onClick: () => l.pages.from && s(l.pages.from),
-      children: /* @__PURE__ */ t(
-        A,
-        {
-          content: /* @__PURE__ */ p("div", { className: g("tooltip"), children: [
-            /* @__PURE__ */ t("div", { className: g("tooltip-text"), children: r.goTo }),
-            /* @__PURE__ */ t("div", { className: g("page-number"), children: l.pages.from })
-          ] }),
-          wrapperClassName: g("tooltip-wrapper"),
-          placement: "top",
-          children: /* @__PURE__ */ t(
-            "div",
-            {
-              className: g("section", {
-                selected: l.pages.from && l.pages.to && l.pages.from <= n && n <= l.pages.to
-              })
-            }
-          )
-        }
-      )
-    },
-    u
-  )) });
-}, Y = "_next_pyt8p_21", Z = {
-  "page-navigator": "_page-navigator_pyt8p_1",
-  "page-buttons": "_page-buttons_pyt8p_7",
-  "page-button": "_page-button_pyt8p_7",
-  next: Y
-}, m = _.bind(Z), ee = ({
-  activePage: o,
-  changePage: n,
-  totalPages: s,
-  captions: r
-}) => {
-  const a = () => {
-    n(1);
-  }, c = () => {
-    n(o - 1);
-  }, i = () => {
-    n(o + 1);
-  }, e = () => {
-    n(s);
-  };
-  return /* @__PURE__ */ p("div", { className: m("page-navigator"), children: [
-    /* @__PURE__ */ p("div", { className: m("page-buttons"), children: [
-      /* @__PURE__ */ t(
-        h,
-        {
-          className: m("page-button"),
-          onClick: a,
-          disabled: o === 1,
-          children: /* @__PURE__ */ t(z, {})
-        }
-      ),
-      /* @__PURE__ */ t(
-        h,
-        {
-          className: m("page-button"),
-          onClick: c,
-          disabled: o === 1,
-          children: /* @__PURE__ */ t(T, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t(
-      X,
-      {
-        totalPages: s,
-        activePage: o,
-        changePage: n,
-        captions: r
-      }
-    ),
-    /* @__PURE__ */ p("div", { className: m("page-buttons"), children: [
-      /* @__PURE__ */ t(
-        h,
-        {
-          className: m("page-button", "next"),
-          onClick: i,
-          disabled: o === s,
-          children: /* @__PURE__ */ t(T, {})
-        }
-      ),
-      /* @__PURE__ */ t(
-        h,
-        {
-          className: m("page-button", "next"),
-          onClick: e,
-          disabled: o === s,
-          children: /* @__PURE__ */ t(z, {})
-        }
-      )
-    ] })
-  ] });
-}, te = {
-  "page-controls": "_page-controls_thyf8_1",
-  "total-pages": "_total-pages_thyf8_8"
-}, O = _.bind(te), oe = ({
-  activePage: o,
-  changePage: n,
-  captions: s,
-  totalPages: r
-}) => /* @__PURE__ */ p("div", { className: O("page-controls"), children: [
-  /* @__PURE__ */ t(
-    R,
-    {
-      activePage: o,
-      totalPages: r,
-      changePage: n,
-      pageText: s.page,
-      goToText: s.goTo,
-      goActionText: s.goAction
-    }
-  ),
-  /* @__PURE__ */ t(
-    ee,
-    {
-      changePage: n,
-      activePage: o,
-      totalPages: r,
-      captions: { goTo: s.goTo }
-    }
-  ),
-  /* @__PURE__ */ p("span", { className: O("total-pages"), children: [
-    `${s.of} `,
-    r
-  ] })
-] }), se = "_pagination_w2r3n_1", ne = {
-  pagination: se
-}, re = _.bind(ne), ue = ({
-  activePage: o,
-  totalPages: n,
-  pageSize: s,
-  totalItems: r,
-  pageSizeOptions: a,
-  changePage: c,
-  changePageSize: i,
-  captions: e
-}) => {
-  const d = (e == null ? void 0 : e.of) || "of", l = (e == null ? void 0 : e.page) || "Page";
-  return /* @__PURE__ */ p("div", { className: re("pagination"), children: [
-    /* @__PURE__ */ t(
-      P,
-      {
-        activePage: o,
-        pageSize: s,
-        totalItems: r,
-        ofText: d,
-        itemsText: (e == null ? void 0 : e.items) || "items"
-      }
-    ),
-    n > 1 && /* @__PURE__ */ t(
-      oe,
-      {
-        activePage: o,
-        totalPages: n,
-        changePage: c,
-        captions: {
-          page: l,
-          of: d,
-          goTo: (e == null ? void 0 : e.goTo) || "Go to page",
-          goAction: (e == null ? void 0 : e.goAction) || "Go"
-        }
-      }
-    ),
-    /* @__PURE__ */ t(
-      F,
-      {
-        size: s,
-        sizeOptions: a,
-        changeSize: i,
-        perPageText: (e == null ? void 0 : e.perPage) || "per page"
-      }
-    )
-  ] });
-};
-export {
-  ue as P
-};

package/dist/pagination.js

@@ -1,22 +0,0 @@
-import { P as t } from "./pagination-a3dee614.js";
-import "react/jsx-runtime";
-import "./bind-06a7ff84.js";
-import "react";
-import "./popover.js";
-import "@floating-ui/react";
-import "./floatingUi-41f8c7b5.js";
-import "./button-97d9e587.js";
-import "./fieldText-1749da7a.js";
-import "./clear-53660571.js";
-import "./openEye-950159cb.js";
-import "./baseIconButton-251479f7.js";
-import "./spinLoader-c4a53718.js";
-import "./maxValueDisplay-9be01a75.js";
-import "./fieldLabel.js";
-import "./prevPage-87faf576.js";
-import "./tooltip.js";
-import "react-dom";
-export {
-  t as Pagination,
-  t as default
-};

package/dist/plus-199fb2a8.js

@@ -1,5 +0,0 @@
-import * as e from "react";
-const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.00117 2.62046C7.63142 2.6189 7.33294 2.91738 7.3345 3.28712L7.35159 7.35159L3.28712 7.3345C2.91738 7.33295 2.6189 7.63142 2.62045 8.00117C2.62201 8.37091 2.92301 8.67191 3.29275 8.67346L7.35722 8.69056L7.37391 12.6599C7.37547 13.0296 7.67647 13.3306 8.04621 13.3322C8.41596 13.3337 8.71443 13.0352 8.71288 12.6655L8.69619 8.69619L12.6655 8.71288C13.0352 8.71444 13.3337 8.41596 13.3322 8.04621C13.3306 7.67647 13.0296 7.37547 12.6599 7.37392L8.69056 7.35722L8.67346 3.29275C8.67191 2.92301 8.37091 2.62201 8.00117 2.62046Z" }));
-export {
-  l as S
-};

package/dist/popover.js

@@ -1,80 +0,0 @@
-import { jsxs as f, Fragment as G, jsx as s } from "react/jsx-runtime";
-import { useRef as H, useState as O, useCallback as j } from "react";
-import { useFloating as C, offset as L, flip as M, arrow as W, autoUpdate as U, useClick as q, useDismiss as z, useRole as B, useInteractions as J, FloatingFocusManager as K, FloatingArrow as Q } from "@floating-ui/react";
-import { c as V } from "./bind-06a7ff84.js";
-import { g as X, T as g, a as Y, m as Z, b as $, A as ee } from "./floatingUi-41f8c7b5.js";
-const te = "_popover_n3nff_1", se = "_title_n3nff_28", oe = {
-  "popover-wrapper": "_popover-wrapper_n3nff_1",
-  popover: te,
-  title: se
-}, l = V.bind(oe), ce = ({
-  className: u,
-  content: d,
-  children: _,
-  placement: v = "bottom",
-  fallbackPlacements: A = $,
-  title: i,
-  arrowOffset: o = ee,
-  safeZone: h = 4,
-  arrowColor: x = "white",
-  dataAutomationId: F,
-  isOpened: R,
-  setIsOpened: n,
-  isCentered: r = !0
-}) => {
-  const c = H(null), [w, N] = O(!1), p = n ? R : w, T = (e) => {
-    n ? n(e) : N(e);
-  }, b = j(
-    (e, a) => X(e, a, o, r),
-    [o, r]
-  ), { placement: E, refs: m, floatingStyles: P, context: t } = C({
-    open: p,
-    onOpenChange: T,
-    placement: v,
-    middleware: [
-      L(({ rects: e, placement: a }) => ({
-        mainAxis: h + g,
-        alignmentAxis: b(e, a)
-      })),
-      M({
-        fallbackAxisSideDirection: "start",
-        fallbackPlacements: A
-      }),
-      W({
-        element: c
-      })
-    ],
-    whileElementsMounted: U
-  }), k = q(t), I = z(t), S = B(t), { getReferenceProps: y, getFloatingProps: D } = J([k, I, S]);
-  return /* @__PURE__ */ f(G, { children: [
-    /* @__PURE__ */ s("div", { ref: m.setReference, ...y(), className: l("popover-wrapper"), children: _ }),
-    p && /* @__PURE__ */ s(K, { context: t, modal: !1, children: /* @__PURE__ */ f(
-      "div",
-      {
-        className: l("popover", u),
-        "data-automation-id": F,
-        ref: m.setFloating,
-        style: P,
-        ...D,
-        children: [
-          /* @__PURE__ */ s(
-            Q,
-            {
-              ref: c,
-              context: t,
-              width: Y,
-              height: g,
-              fill: x,
-              staticOffset: Z.includes(E) ? null : o
-            }
-          ),
-          i && /* @__PURE__ */ s("div", { className: l("title"), children: i }),
-          d
-        ]
-      }
-    ) })
-  ] });
-};
-export {
-  ce as Popover
-};

package/dist/prevPage-87faf576.js

@@ -1,6 +0,0 @@
-import * as e from "react";
-const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 13, height: 12, viewBox: "0 0 13 12", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 12L2 12L2 2.38498e-08L1.90798e-07 0L0 12ZM13 1L5 6L13 11L13 1Z" })), a = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M12 13L4 8L12 3L12 13Z" }));
-export {
-  l as S,
-  a
-};

package/dist/radio-62546efa.js

@@ -1,76 +0,0 @@
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
-import { useRef as g, useId as k } from "react";
-import { c as p } from "./bind-06a7ff84.js";
-import { K as o } from "./keyCodes-f63c0e11.js";
-const y = "_disabled_1fetm_9", E = "_toggler_1fetm_15", x = "_checked_1fetm_21", C = "_input_1fetm_28", D = {
-  "radio-button": "_radio-button_1fetm_1",
-  disabled: y,
-  "children-container": "_children-container_1fetm_12",
-  toggler: E,
-  checked: x,
-  input: C
-}, a = p.bind(D), j = ({
-  option: e,
-  value: u,
-  onChange: b,
-  onFocus: K,
-  onBlur: N,
-  className: _,
-  ...m
-}) => {
-  const d = g(null), l = k(), s = String(e.value) === String(u), f = (c) => {
-    var n, i;
-    const { keyCode: r } = c;
-    if (r === o.SPACE_KEY_CODE) {
-      c.preventDefault(), (n = d.current) == null || n.click();
-      return;
-    }
-    r === o.ENTER_KEY_CODE && (c.preventDefault(), (i = d.current) == null || i.click());
-  };
-  return (
-    // eslint-disable-next-line
-    /* @__PURE__ */ h(
-      "label",
-      {
-        id: l,
-        className: a(_, "radio-button", {
-          disabled: e.disabled
-        }),
-        tabIndex: e.disabled ? -1 : 0,
-        onKeyDown: e.disabled ? void 0 : f,
-        children: [
-          /* @__PURE__ */ t(
-            "input",
-            {
-              tabIndex: -1,
-              ref: d,
-              type: "radio",
-              className: a("input"),
-              disabled: e.disabled,
-              onChange: b,
-              value: e.value,
-              checked: s,
-              ...m
-            }
-          ),
-          /* @__PURE__ */ t(
-            "span",
-            {
-              role: "radio",
-              "aria-labelledby": l,
-              "aria-checked": s,
-              className: a("toggler", {
-                disabled: e.disabled,
-                checked: s
-              })
-            }
-          ),
-          /* @__PURE__ */ t("span", { className: a("children-container"), children: e.label })
-        ]
-      }
-    )
-  );
-};
-export {
-  j as R
-};

package/dist/radio.js

@@ -1,9 +0,0 @@
-import { R as r } from "./radio-62546efa.js";
-import "react/jsx-runtime";
-import "react";
-import "./bind-06a7ff84.js";
-import "./keyCodes-f63c0e11.js";
-export {
-  r as Radio,
-  r as default
-};

package/dist/selection-9124d029.js

@@ -1,38 +0,0 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import "react";
-import { S as a } from "./close-4d480ef7.js";
-import { c as l } from "./bind-06a7ff84.js";
-import { B as r } from "./button-97d9e587.js";
-const d = "_divider_p4emi_23", p = "_button_p4emi_30", m = {
-  "selection-wrapper": "_selection-wrapper_p4emi_1",
-  "selected-count-text": "_selected-count-text_p4emi_7",
-  "selected-count-caption": "_selected-count-caption_p4emi_16",
-  divider: d,
-  button: p
-}, t = l.bind(m), _ = { selected: "selected", buttonCaption: "Clear Selection" }, C = ({
-  selectedCount: s,
-  onClearSelection: n,
-  captions: c = _,
-  icon: i = /* @__PURE__ */ e(a, {})
-}) => /* @__PURE__ */ o("div", { className: t("selection-wrapper"), children: [
-  /* @__PURE__ */ o("p", { children: [
-    /* @__PURE__ */ e("span", { className: t("selected-count-text"), children: s }),
-    /* @__PURE__ */ e("span", { className: t("selected-count-caption"), children: c.selected })
-  ] }),
-  /* @__PURE__ */ e("div", { className: t("divider") }),
-  /* @__PURE__ */ e(
-    r,
-    {
-      icon: i,
-      className: t("button"),
-      iconPlace: "start",
-      variant: "text",
-      onClick: n,
-      "aria-label": `${c.buttonCaption} - ${s} ${c.selected}`,
-      children: c.buttonCaption
-    }
-  )
-] });
-export {
-  C as S
-};

package/dist/selection.js

@@ -1,10 +0,0 @@
-import { S as t } from "./selection-9124d029.js";
-import "react/jsx-runtime";
-import "react";
-import "./close-4d480ef7.js";
-import "./bind-06a7ff84.js";
-import "./button-97d9e587.js";
-export {
-  t as Selection,
-  t as default
-};

package/dist/sidePanel.js

@@ -1,88 +0,0 @@
-import { jsxs as s, jsx as i, Fragment as p } from "react/jsx-runtime";
-import { useId as N, useEffect as y } from "react";
-import { c as g } from "./bind-06a7ff84.js";
-import { K as E } from "./keyCodes-f63c0e11.js";
-import { S as x } from "./close-4d480ef7.js";
-import { B as k } from "./baseIconButton-251479f7.js";
-const I = "_active_6bj2z_15", K = "_compact_6bj2z_39", S = "_header_6bj2z_35", w = "_title_6bj2z_65", B = "_description_6bj2z_76", D = "_content_6bj2z_85", L = "_footer_6bj2z_92", P = "_divider_6bj2z_98", $ = {
-  "side-panel": "_side-panel_6bj2z_1",
-  active: I,
-  "side-right": "_side-right_6bj2z_19",
-  "side-left": "_side-left_6bj2z_27",
-  "header-section": "_header-section_6bj2z_35",
-  compact: K,
-  header: S,
-  "header-content": "_header-content_6bj2z_55",
-  "close-button": "_close-button_6bj2z_59",
-  title: w,
-  description: B,
-  content: D,
-  footer: L,
-  divider: P
-}, e = g.bind($), J = ({
-  className: h,
-  title: c,
-  descriptionComponent: r,
-  headerComponent: d,
-  contentComponent: n,
-  footerComponent: o,
-  top: _ = 0,
-  side: b = "right",
-  isOpen: a = !0,
-  onClose: t,
-  closeButtonAriaLabel: v = "Close panel"
-}) => {
-  const l = N(), f = () => {
-    t == null || t();
-  };
-  y(() => {
-    if (!a || !t)
-      return;
-    const m = (z) => {
-      const { keyCode: u } = z;
-      u === E.ESCAPE_KEY_CODE && t();
-    };
-    return document.addEventListener("keydown", m, !1), () => {
-      document.removeEventListener("keydown", m, !1);
-    };
-  }, [a, t]);
-  const j = !!(d || r);
-  return /* @__PURE__ */ s(
-    "aside",
-    {
-      className: e("side-panel", `side-${b}`, { active: a }, h),
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-hidden": !a,
-      "aria-labelledby": c ? l : void 0,
-      style: { top: _, height: `calc(100vh - ${_}px)` },
-      tabIndex: -1,
-      children: [
-        /* @__PURE__ */ s("div", { className: e("header-section", { compact: !j }), children: [
-          (d || c) && /* @__PURE__ */ s("div", { className: e("header"), children: [
-            c ? /* @__PURE__ */ i("span", { id: l, className: e("title"), children: c }) : d,
-            t && /* @__PURE__ */ i(
-              k,
-              {
-                className: e("close-button"),
-                onClick: f,
-                "aria-label": v,
-                children: /* @__PURE__ */ i(x, {})
-              }
-            )
-          ] }),
-          r
-        ] }),
-        /* @__PURE__ */ i("div", { className: e("divider") }),
-        n && /* @__PURE__ */ i("div", { className: e("content"), children: n }),
-        o && /* @__PURE__ */ s(p, { children: [
-          /* @__PURE__ */ i("div", { className: e("divider") }),
-          /* @__PURE__ */ i("div", { className: e("footer"), children: o })
-        ] })
-      ]
-    }
-  );
-};
-export {
-  J as SidePanel
-};