@reportportal/ui-kit 0.0.1-alpha.115 → 0.0.1-alpha.117

package/dist/index.js

@@ -1,43 +1,43 @@
-import { A as P } from "./index-1a874a8b.js";
-import { B as F } from "./baseIconButton-251479f7.js";
-import { B as D } from "./breadcrumbs-8e5ca8d7.js";
-import { B as y } from "./bubblesLoader-f3ffa240.js";
-import { B as h } from "./button-97d9e587.js";
-import { C as B } from "./checkbox-ed6cc375.js";
+import { A as C } from "./index-1a874a8b.js";
+import { B as g } from "./baseIconButton-251479f7.js";
+import { B as b } from "./breadcrumbs-8e5ca8d7.js";
+import { B as T } from "./bubblesLoader-f3ffa240.js";
+import { B as A } from "./button-97d9e587.js";
+import { C as v } from "./checkbox-ed6cc375.js";
 import { D as w } from "./datePicker-efa4e2d6.js";
 import "react-datepicker";
-import { D as k } from "./dropdown-ec754bbe.js";
-import { FieldLabel as L } from "./fieldLabel.js";
-import { F as R } from "./fieldNumber-d1b5a7a1.js";
+import { D as E } from "./dropdown-ec754bbe.js";
+import { FieldLabel as R } from "./fieldLabel.js";
+import { F as U } from "./fieldNumber-d1b5a7a1.js";
 import { F as J } from "./fieldText-ba8a917c.js";
-import { F as U } from "./fieldTextFlex-2f51c173.js";
-import { FileDropArea as G } from "./fileDropArea.js";
-import { Modal as X } from "./modal.js";
-import { MultipleAutocomplete as q, SingleAutocomplete as K } from "./autocompletes.js";
-import { P as V } from "./pagination-43330c73.js";
-import { Popover as Z } from "./popover.js";
-import { R as $ } from "./radio-62546efa.js";
-import { S as ro } from "./selection-9124d029.js";
-import { S as no } from "./spinLoader-c4a53718.js";
-import { SystemAlert as ao } from "./systemAlert.js";
-import { S as po } from "./systemMessage-924fdaa6.js";
-import { T as mo } from "./table-8e223d5d.js";
-import { T as so } from "./themeProvider-46c2be7b.js";
-import { T as xo } from "./toggle-304107fa.js";
-import { Tooltip as uo } from "./tooltip.js";
-import { SidePanel as Po } from "./sidePanel.js";
-import { AddCsvIcon as Fo, AddImageIcon as go, AddJarIcon as Do, BreadcrumbsTreeIcon as bo, CalendarIcon as yo, CheckmarkIcon as To, ChevronRightBreadcrumbsIcon as ho, ConfigurationIcon as Ao, CopyIcon as Bo, CoveredManuallyIcon as vo, DeleteIcon as wo, DragAndDropIcon as Mo, DragNDropIcon as ko, DurationIcon as Eo, EditIcon as Lo, ExportIcon as Oo, FilterFilledIcon as Ro, FilterOutlineIcon as Ho, FlagIcon as Jo, GroupByIcon as No, HideIcon as Uo, LaunchTypeIcon as zo, MaximizeIcon as Go, MoveToFolderIcon as Wo, OwnerIcon as Xo, PinFilledIcon as jo, PinOutlineIcon as qo, PriorityBlockerIcon as Ko, PriorityCriticalIcon as Qo, PriorityHighIcon as Vo, PriorityLowIcon as Yo, PriorityMediumIcon as Zo, PriorityUnspecifiedIcon as _o, RefreshIcon as $o, RerunIcon as or, SearchIcon as rr, SortIcon as er, StatusSuccessIcon as nr, TestPlanIcon as tr, WarningIcon as ar } from "./icons.js";
-import { S as pr, a as ir, b as mr } from "./chevronDownDropdown-66f5b1af.js";
-import { S as sr } from "./calendarArrow-44c7e60e.js";
-import { S as xr, a as fr, b as dr } from "./openEye-7b9cf080.js";
-import { S as Sr } from "./close-4d480ef7.js";
-import { S as Cr, a as Fr, b as gr, c as Dr, d as br, e as yr, f as Tr } from "./xls-995781cc.js";
-import { S as Ar } from "./dropdown-0260bb66.js";
-import { S as vr, a as wr, b as Mr } from "./success-8fd8bd2c.js";
-import { S as Er, a as Lr } from "./tree-c3dd3d45.js";
-import { S as Rr } from "./minus-2857540f.js";
+import { F as z } from "./fieldTextFlex-2f51c173.js";
+import { FileDropArea as W } from "./fileDropArea.js";
+import { Modal as j } from "./modal.js";
+import { MultipleAutocomplete as K, SingleAutocomplete as Q } from "./autocompletes.js";
+import { P as Y } from "./pagination-43330c73.js";
+import { Popover as _ } from "./popover.js";
+import { R as oo } from "./radio-62546efa.js";
+import { S as eo } from "./selection-9124d029.js";
+import { S as to } from "./spinLoader-c4a53718.js";
+import { SystemAlert as co } from "./systemAlert.js";
+import { S as io } from "./systemMessage-924fdaa6.js";
+import { T as so } from "./table-8e223d5d.js";
+import { T as lo } from "./themeProvider-46c2be7b.js";
+import { T as fo } from "./toggle-304107fa.js";
+import { Tooltip as So } from "./tooltip.js";
+import { SidePanel as Co } from "./sidePanel.js";
+import { AddCsvIcon as go, AddImageIcon as Do, AddJarIcon as bo, BreadcrumbsTreeIcon as yo, CalendarIcon as To, CheckmarkIcon as ho, ChevronRightBreadcrumbsIcon as Ao, ConfigurationIcon as Bo, CopyIcon as vo, CoveredManuallyIcon as Mo, DeleteIcon as wo, DragAndDropIcon as ko, DragNDropIcon as Eo, DurationIcon as Lo, EditIcon as Ro, ExportIcon as Oo, FilterFilledIcon as Uo, FilterOutlineIcon as Ho, FlagIcon as Jo, GroupByIcon as No, HideIcon as zo, LaunchTypeIcon as Go, MaximizeIcon as Wo, MoveToFolderIcon as Xo, PinFilledIcon as jo, PinOutlineIcon as qo, PriorityBlockerIcon as Ko, PriorityCriticalIcon as Qo, PriorityHighIcon as Vo, PriorityLowIcon as Yo, PriorityMediumIcon as Zo, PriorityUnspecifiedIcon as _o, RefreshIcon as $o, RerunIcon as or, SearchIcon as rr, SortIcon as er, StatusSuccessIcon as nr, TestPlanIcon as tr, UserIcon as ar, WarningIcon as cr } from "./icons.js";
+import { S as ir, a as mr, b as sr } from "./chevronDownDropdown-66f5b1af.js";
+import { S as lr } from "./calendarArrow-44c7e60e.js";
+import { S as fr, a as dr, b as ur } from "./openEye-7b9cf080.js";
+import { S as Pr } from "./close-4d480ef7.js";
+import { S as Fr, a as gr, b as Dr, c as br, d as yr, e as Tr, f as hr } from "./xls-995781cc.js";
+import { S as Br } from "./dropdown-0260bb66.js";
+import { S as Mr, a as wr, b as kr } from "./success-8fd8bd2c.js";
+import { S as Lr, a as Rr } from "./tree-c3dd3d45.js";
+import { S as Ur } from "./minus-2857540f.js";
 import { S as Jr } from "./plus-199fb2a8.js";
-import { S as Ur, a as zr } from "./prevPage-87faf576.js";
+import { S as zr, a as Gr } from "./prevPage-87faf576.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
@@ -52,99 +52,100 @@ import "./isEmpty-ccacb5ff.js";
 import "react-dropzone";
 import "framer-motion";
 import "@floating-ui/react";
+import "./floatingUi-41f8c7b5.js";
 import "react-dom";
 export {
-  Fo as AddCsvIcon,
-  go as AddImageIcon,
-  Do as AddJarIcon,
-  pr as ArrowDownIcon,
-  ir as ArrowUpIcon,
-  P as AttachedFile,
-  F as BaseIconButton,
-  D as Breadcrumbs,
-  bo as BreadcrumbsTreeIcon,
-  y as BubblesLoader,
-  h as Button,
-  sr as CalendarArrowIcon,
-  yo as CalendarIcon,
-  B as Checkbox,
-  To as CheckmarkIcon,
-  mr as ChevronDownDropdownIcon,
-  ho as ChevronRightBreadcrumbsIcon,
-  xr as ClearIcon,
-  fr as CloseEyeIcon,
-  Sr as CloseIcon,
-  Ao as ConfigurationIcon,
-  Bo as CopyIcon,
-  vo as CoveredManuallyIcon,
-  Cr as CsvIcon,
+  go as AddCsvIcon,
+  Do as AddImageIcon,
+  bo as AddJarIcon,
+  ir as ArrowDownIcon,
+  mr as ArrowUpIcon,
+  C as AttachedFile,
+  g as BaseIconButton,
+  b as Breadcrumbs,
+  yo as BreadcrumbsTreeIcon,
+  T as BubblesLoader,
+  A as Button,
+  lr as CalendarArrowIcon,
+  To as CalendarIcon,
+  v as Checkbox,
+  ho as CheckmarkIcon,
+  sr as ChevronDownDropdownIcon,
+  Ao as ChevronRightBreadcrumbsIcon,
+  fr as ClearIcon,
+  dr as CloseEyeIcon,
+  Pr as CloseIcon,
+  Bo as ConfigurationIcon,
+  vo as CopyIcon,
+  Mo as CoveredManuallyIcon,
+  Fr as CsvIcon,
   w as DatePicker,
   wo as DeleteIcon,
-  Mo as DragAndDropIcon,
-  ko as DragNDropIcon,
-  k as Dropdown,
-  Ar as DropdownIcon,
-  Eo as DurationIcon,
-  Lo as EditIcon,
-  vr as ErrorIcon,
+  ko as DragAndDropIcon,
+  Eo as DragNDropIcon,
+  E as Dropdown,
+  Br as DropdownIcon,
+  Lo as DurationIcon,
+  Ro as EditIcon,
+  Mr as ErrorIcon,
   Oo as ExportIcon,
-  Fr as ExternalLinkIcon,
-  L as FieldLabel,
-  R as FieldNumber,
+  gr as ExternalLinkIcon,
+  R as FieldLabel,
+  U as FieldNumber,
   J as FieldText,
-  U as FieldTextFlex,
-  G as FileDropArea,
-  gr as FileOtherIcon,
-  Ro as FilterFilledIcon,
+  z as FieldTextFlex,
+  W as FileDropArea,
+  Dr as FileOtherIcon,
+  Uo as FilterFilledIcon,
   Ho as FilterOutlineIcon,
   Jo as FlagIcon,
   No as GroupByIcon,
-  Uo as HideIcon,
-  Dr as ImageIcon,
+  zo as HideIcon,
+  br as ImageIcon,
   wr as InfoIcon,
-  br as JarIcon,
-  zo as LaunchTypeIcon,
-  Go as MaximizeIcon,
-  Er as MeatballMenuIcon,
-  Rr as MinusIcon,
-  X as Modal,
-  Wo as MoveToFolderIcon,
-  q as MultipleAutocomplete,
-  dr as OpenEyeIcon,
-  Xo as OwnerIcon,
-  V as Pagination,
-  yr as PdfIcon,
+  yr as JarIcon,
+  Go as LaunchTypeIcon,
+  Wo as MaximizeIcon,
+  Lr as MeatballMenuIcon,
+  Ur as MinusIcon,
+  j as Modal,
+  Xo as MoveToFolderIcon,
+  K as MultipleAutocomplete,
+  ur as OpenEyeIcon,
+  Y as Pagination,
+  Tr as PdfIcon,
   jo as PinFilledIcon,
   qo as PinOutlineIcon,
   Jr as PlusIcon,
-  Z as Popover,
-  Ur as PrevChapterIcon,
-  zr as PrevPageIcon,
+  _ as Popover,
+  zr as PrevChapterIcon,
+  Gr as PrevPageIcon,
   Ko as PriorityBlockerIcon,
   Qo as PriorityCriticalIcon,
   Vo as PriorityHighIcon,
   Yo as PriorityLowIcon,
   Zo as PriorityMediumIcon,
   _o as PriorityUnspecifiedIcon,
-  $ as Radio,
+  oo as Radio,
   $o as RefreshIcon,
   or as RerunIcon,
   rr as SearchIcon,
-  ro as Selection,
-  Po as SidePanel,
-  K as SingleAutocomplete,
+  eo as Selection,
+  Co as SidePanel,
+  Q as SingleAutocomplete,
   er as SortIcon,
-  no as SpinLoader,
+  to as SpinLoader,
   nr as StatusSuccessIcon,
-  Mr as SuccessIcon,
-  ao as SystemAlert,
-  po as SystemMessage,
-  mo as Table,
+  kr as SuccessIcon,
+  co as SystemAlert,
+  io as SystemMessage,
+  so as Table,
   tr as TestPlanIcon,
-  so as ThemeProvider,
-  xo as Toggle,
-  uo as Tooltip,
-  Lr as TreeIcon,
-  ar as WarningIcon,
-  Tr as XlsIcon
+  lo as ThemeProvider,
+  fo as Toggle,
+  So as Tooltip,
+  Rr as TreeIcon,
+  ar as UserIcon,
+  cr as WarningIcon,
+  hr as XlsIcon
 };

package/dist/modal.js

@@ -11,6 +11,7 @@ import { B as J } from "./baseIconButton-251479f7.js";
 import { S as Q } from "./close-4d480ef7.js";
 import "react-dom";
 import "@floating-ui/react";
+import "./floatingUi-41f8c7b5.js";
 const V = () => {
   const [o, n] = p({ width: 0, height: 0 });
   return b(() => {
@@ -77,7 +78,7 @@ const V = () => {
   "size-default": "_size-default_yxql5_57",
   "size-small": "_size-small_yxql5_69",
   "size-large": "_size-large_yxql5_81"
-}, f = y.bind(ce), re = 0.9, me = 32 + 24, _e = 32 + 8, he = 36 + 16, ue = 32 * 2, ze = ({
+}, f = y.bind(ce), re = 0.9, me = 32 + 24, _e = 32 + 8, he = 36 + 16, ue = 32 * 2, Ae = ({
   title: o,
   children: n,
   footerNode: l,
@@ -148,7 +149,7 @@ const V = () => {
   ) }) });
 };
 export {
-  ze as Modal,
+  Ae as Modal,
   C as ModalContent,
   ne as ModalFooter,
   ae as ModalHeader

package/dist/pagination.js

@@ -4,6 +4,7 @@ import "./bind-06a7ff84.js";
 import "react";
 import "./popover.js";
 import "@floating-ui/react";
+import "./floatingUi-41f8c7b5.js";
 import "./button-97d9e587.js";
 import "./fieldText-ba8a917c.js";
 import "./openEye-7b9cf080.js";

package/dist/popover.js

@@ -1,99 +1,80 @@
-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_n3nff_1", $ = "_title_n3nff_28", O = {
+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: Z,
-  title: $
-}, r = Y.bind(O), d = 16, g = 8, tt = ["top", "right", "bottom", "left"], et = [
-  "right",
-  "right-start",
-  "right-end",
-  "left",
-  "left-start",
-  "left-end"
-], ot = [
-  "top",
-  "top-start",
-  "top-end",
-  "right",
-  "right-start",
-  "right-end",
-  "bottom",
-  "bottom-start",
-  "bottom-end",
-  "left",
-  "left-start",
-  "left-end"
-], it = ({
-  className: h,
-  content: u,
-  children: v,
-  placement: _ = "bottom",
-  fallbackPlacements: b = ot,
+  popover: te,
+  title: se
+}, l = V.bind(oe), ce = ({
+  className: u,
+  content: d,
+  children: _,
+  placement: v = "bottom",
+  fallbackPlacements: A = $,
   title: i,
-  arrowOffset: o = 16,
-  safeZone: w = 4,
+  arrowOffset: o = ee,
+  safeZone: h = 4,
   arrowColor: x = "white",
-  dataAutomationId: A,
-  isOpened: F,
-  setIsOpened: s,
-  isCentered: a = !0
+  dataAutomationId: F,
+  isOpened: R,
+  setIsOpened: n,
+  isCentered: r = !0
 }) => {
-  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) - d) / 2 - o : -o,
-    [o, a]
-  ), { placement: E, refs: m, floatingStyles: I, context: e } = M({
+  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: P,
-    placement: _,
+    onOpenChange: T,
+    placement: v,
     middleware: [
-      U(({ rects: t, placement: l }) => ({
-        mainAxis: w + g,
-        alignmentAxis: k(t, l)
+      L(({ rects: e, placement: a }) => ({
+        mainAxis: h + g,
+        alignmentAxis: b(e, a)
       })),
-      W({
+      M({
         fallbackAxisSideDirection: "start",
-        fallbackPlacements: b
+        fallbackPlacements: A
       }),
-      q({
+      W({
         element: c
       })
     ],
-    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__ */ n("div", { ref: m.setReference, ...G(), className: r("popover-wrapper"), children: v }),
-    p && /* @__PURE__ */ n(V, { context: e, modal: !1, children: /* @__PURE__ */ f(
+    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: r("popover", h),
-        "data-automation-id": A,
+        className: l("popover", u),
+        "data-automation-id": F,
         ref: m.setFloating,
-        style: I,
-        ...H,
+        style: P,
+        ...D,
         children: [
-          /* @__PURE__ */ n(
-            X,
+          /* @__PURE__ */ s(
+            Q,
             {
               ref: c,
-              context: e,
-              width: d,
+              context: t,
+              width: Y,
               height: g,
               fill: x,
-              staticOffset: tt.includes(E) ? null : o
+              staticOffset: Z.includes(E) ? null : o
             }
           ),
-          i && /* @__PURE__ */ n("div", { className: r("title"), children: i }),
-          u
+          i && /* @__PURE__ */ s("div", { className: l("title"), children: i }),
+          d
         ]
       }
     ) })
   ] });
 };
 export {
-  it as Popover
+  ce as Popover
 };

package/dist/sidePanel.js

@@ -1,69 +1,69 @@
-import { jsxs as i, jsx as t, Fragment as f } from "react/jsx-runtime";
-import { useId as p } from "react";
-import { c as N } from "./bind-06a7ff84.js";
-import { S as b } from "./close-4d480ef7.js";
-import { B as u } from "./baseIconButton-251479f7.js";
-const g = "_active_tzacv_15", x = "_header_tzacv_35", I = "_title_tzacv_59", y = "_description_tzacv_70", B = "_content_tzacv_79", S = "_footer_tzacv_86", j = "_divider_tzacv_92", $ = {
-  "side-panel": "_side-panel_tzacv_1",
+import { jsxs as a, jsx as i, Fragment as w } from "react/jsx-runtime";
+import { useId as f } from "react";
+import { c as p } from "./bind-06a7ff84.js";
+import { S as N } from "./close-4d480ef7.js";
+import { B as b } from "./baseIconButton-251479f7.js";
+const g = "_active_niweu_15", x = "_header_niweu_35", I = "_title_niweu_62", y = "_description_niweu_73", B = "_content_niweu_82", S = "_footer_niweu_89", j = "_divider_niweu_95", $ = {
+  "side-panel": "_side-panel_niweu_1",
   active: g,
-  "side-right": "_side-right_tzacv_19",
-  "side-left": "_side-left_tzacv_27",
-  "header-section": "_header-section_tzacv_35",
+  "side-right": "_side-right_niweu_19",
+  "side-left": "_side-left_niweu_27",
+  "header-section": "_header-section_niweu_35",
   header: x,
-  "header-content": "_header-content_tzacv_51",
-  "close-button": "_close-button_tzacv_55",
+  "header-content": "_header-content_niweu_52",
+  "close-button": "_close-button_niweu_56",
   title: I,
   description: y,
   content: B,
   footer: S,
   divider: j
-}, e = N.bind($), A = ({
+}, e = p.bind($), A = ({
   className: _,
-  title: a,
-  descriptionComponent: v,
-  headerComponent: s,
-  contentComponent: d,
-  footerComponent: r,
-  top: n = 0,
-  side: h = "right",
+  title: t,
+  descriptionComponent: h,
+  headerComponent: d,
+  contentComponent: n,
+  footerComponent: c,
+  top: r = 0,
+  side: u = "right",
   isOpen: l = !0,
-  onClose: c,
+  onClose: s,
   closeButtonAriaLabel: m = "Close panel"
 }) => {
-  const o = p(), z = () => {
-    c == null || c();
+  const o = f(), v = () => {
+    s == null || s();
   };
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ a(
     "aside",
     {
-      className: e("side-panel", `side-${h}`, { active: l }, _),
+      className: e("side-panel", `side-${u}`, { active: l }, _),
       role: "dialog",
       "aria-modal": "true",
       "aria-hidden": !l,
-      "aria-labelledby": a ? o : void 0,
-      style: { top: n, height: `calc(100vh - ${n}px)` },
+      "aria-labelledby": t ? o : void 0,
+      style: { top: r, height: `calc(100vh - ${r}px)` },
       tabIndex: -1,
       children: [
-        /* @__PURE__ */ i("div", { className: e("header-section"), children: [
-          (s || a) && /* @__PURE__ */ i("div", { className: e("header"), children: [
-            a ? /* @__PURE__ */ t("span", { id: o, className: e("title"), children: a }) : s,
-            c && /* @__PURE__ */ t(
-              u,
+        /* @__PURE__ */ a("div", { className: e("header-section"), children: [
+          (d || t) && /* @__PURE__ */ a("div", { className: e("header"), children: [
+            t ? /* @__PURE__ */ i("span", { id: o, className: e("title"), children: t }) : d,
+            s && /* @__PURE__ */ i(
+              b,
               {
                 className: e("close-button"),
-                onClick: z,
+                onClick: v,
                 "aria-label": m,
-                children: /* @__PURE__ */ t(b, {})
+                children: /* @__PURE__ */ i(N, {})
               }
             )
           ] }),
-          v
+          h
         ] }),
-        /* @__PURE__ */ t("div", { className: e("divider") }),
-        d && /* @__PURE__ */ t("div", { className: e("content"), children: d }),
-        r && /* @__PURE__ */ i(f, { children: [
-          /* @__PURE__ */ t("div", { className: e("divider") }),
-          /* @__PURE__ */ t("div", { className: e("footer"), children: r })
+        /* @__PURE__ */ i("div", { className: e("divider") }),
+        n && /* @__PURE__ */ i("div", { className: e("content"), children: n }),
+        c && /* @__PURE__ */ a(w, { children: [
+          /* @__PURE__ */ i("div", { className: e("divider") }),
+          /* @__PURE__ */ i("div", { className: e("footer"), children: c })
         ] })
       ]
     }