@gearbox-protocol/ui-kit 4.2.1 → 4.4.0

package/dist/esm/components/base/index.js

@@ -2,154 +2,155 @@ import { AmountInput as t } from "./amount-input/amount-input.js";
 import { BorrowRateBlock as a } from "./borrow-rate-block/borrow-rate-block.js";
 import { BorrowRateBlockTest as p } from "./borrow-rate-block/constants.js";
 import { ChartWithSideCard as f } from "./chart-with-side-card/chart-with-side-card.js";
-import { ChartWithSideCardTest as x } from "./chart-with-side-card/constants.js";
+import { ChartWithSideCardTest as s } from "./chart-with-side-card/constants.js";
 import { DetailedPageTitle as T } from "./detailed-page-title/detailed-page-title.js";
 import { AsideAlignAnchor as d } from "./details-view/detail-aside/detail-aside-scope.js";
-import { DetailsView as g, DetailsViewLeftPane as c, DetailsViewManagePane as u } from "./details-view/details-view.js";
+import { DetailsView as g, DetailsViewLeftPane as c, DetailsViewManagePane as u, DetailsViewManagePaneSlot as B } from "./details-view/details-view.js";
 import { HealthFactorBlockTest as k } from "./health-factor-block/constants.js";
-import { HealthFactorBlock as L } from "./health-factor-block/health-factor-block.js";
-import { HistoryChart as A } from "./history-chart/history-chart.js";
-import { InfoLine as w, InfoList as V, PointsInfoLine as y } from "./info-list/info-list.js";
-import { LeverageInput as M } from "./leverage-input/leverage-input.js";
-import { LeveragePresetChipsTest as v } from "./leverage-preset-chips/constants.js";
-import { LeveragePresetChips as D } from "./leverage-preset-chips/leverage-preset-chips.js";
-import { LiquidationParamsTableTest as R } from "./liquidation-params-table/constants.js";
-import { LiquidationParamsTable as N } from "./liquidation-params-table/liquidation-params-table.js";
-import { LiquidationPriceBlockTest as W } from "./liquidation-price-block/constants.js";
-import { LiquidationPriceBlock as G } from "./liquidation-price-block/liquidation-price-block.js";
-import { ManagePane as E, ManagePaneActionTab as J, ManagePaneMessage as K, ManagePaneTab as O, ManagePaneTabDropdown as Q } from "./manage-pane/manage-pane.js";
-import { MoreAccordionTest as Y } from "./more-accordion/constants.js";
-import { MoreAccordion as _ } from "./more-accordion/more-accordion.js";
-import { NestedInfoStackTest as ee } from "./nested-info-stack/constants.js";
-import { NestedInfoStack as te } from "./nested-info-stack/nested-info-stack.js";
-import { PageHeadProvider as ae, PageTitle as ie } from "./page-title/page-title.js";
-import { PoolApyBreakdownCardTest as me } from "./pool-apy-breakdown-card/constants.js";
-import { PoolApyBreakdownCard as ne } from "./pool-apy-breakdown-card/pool-apy-breakdown-card.js";
-import { PositionAssetsTest as se } from "./position-assets/constants.js";
-import { PositionAssets as le } from "./position-assets/position-assets.js";
-import { ReviewButton as Pe } from "./review-button/review-button.js";
-import { SectionHeading as ce } from "./section-heading/section-heading.js";
-import { SegmentedTabs as Be } from "./segmented-tabs/segmented-tabs.js";
-import { Stack as Se } from "./stack/stack.js";
-import { StatBadge as be, StatBadgeGrid as Ae } from "./stat-badge/stat-badge.js";
-import { StrategyApyBreakdownCardTest as we } from "./strategy-apy-breakdown-card/constants.js";
+import { HealthFactorBlock as b } from "./health-factor-block/health-factor-block.js";
+import { HistoryChart as h } from "./history-chart/history-chart.js";
+import { InfoLine as V, InfoList as M, PointsInfoLine as y } from "./info-list/info-list.js";
+import { LeverageInput as I } from "./leverage-input/leverage-input.js";
+import { LeveragePresetChipsTest as D } from "./leverage-preset-chips/constants.js";
+import { LeveragePresetChips as q } from "./leverage-preset-chips/leverage-preset-chips.js";
+import { LiquidationParamsTableTest as F } from "./liquidation-params-table/constants.js";
+import { LiquidationParamsTable as U } from "./liquidation-params-table/liquidation-params-table.js";
+import { LiquidationPriceBlockTest as z } from "./liquidation-price-block/constants.js";
+import { LiquidationPriceBlock as j } from "./liquidation-price-block/liquidation-price-block.js";
+import { ManagePane as J, ManagePaneActionTab as K, ManagePaneMessage as O, ManagePaneTab as Q, ManagePaneTabDropdown as X } from "./manage-pane/manage-pane.js";
+import { MoreAccordionTest as Z } from "./more-accordion/constants.js";
+import { MoreAccordion as $ } from "./more-accordion/more-accordion.js";
+import { NestedInfoStackTest as oe } from "./nested-info-stack/constants.js";
+import { NestedInfoStack as re } from "./nested-info-stack/nested-info-stack.js";
+import { PageHeadProvider as ie, PageTitle as pe } from "./page-title/page-title.js";
+import { PoolApyBreakdownCardTest as fe } from "./pool-apy-breakdown-card/constants.js";
+import { PoolApyBreakdownCard as se } from "./pool-apy-breakdown-card/pool-apy-breakdown-card.js";
+import { PositionAssetsTest as Te } from "./position-assets/constants.js";
+import { PositionAssets as de } from "./position-assets/position-assets.js";
+import { ReviewButton as ge } from "./review-button/review-button.js";
+import { SectionHeading as ue } from "./section-heading/section-heading.js";
+import { SegmentedTabs as Se } from "./segmented-tabs/segmented-tabs.js";
+import { Stack as Le } from "./stack/stack.js";
+import { StatBadge as Ae, StatBadgeGrid as he } from "./stat-badge/stat-badge.js";
+import { StrategyApyBreakdownCardTest as Ve } from "./strategy-apy-breakdown-card/constants.js";
 import { StrategyApyBreakdownCard as ye } from "./strategy-apy-breakdown-card/strategy-apy-breakdown-card.js";
-import { Tabber as Me, TabberSection as Ie } from "./tabber/tabber.js";
+import { Tabber as Ie, TabberSection as ve } from "./tabber/tabber.js";
 import { useTitleText as He } from "./text/use-title-text.js";
-import { TimeToLiquidationBlockTest as qe } from "./time-to-liquidation-block/constants.js";
-import { TimeToLiquidationBlock as Fe } from "./time-to-liquidation-block/time-to-liquidation-block.js";
-import { TitleMetaTest as Ue } from "./title-meta/constants.js";
-import { TitleMeta as ze } from "./title-meta/title-meta.js";
-import { TokenAmount as je } from "./token-amount/token-amount.js";
-import { TokenPairSymbolTest as Je } from "./token-pair-symbol/constants.js";
-import { TokenPairSymbol as Oe } from "./token-pair-symbol/token-pair-symbol.js";
-import { NoValue as Xe } from "../no-value/no-value.js";
-import { PositionShortLabelTest as Ze, ValueTest as _e } from "./values/constants.js";
-import { PnlValue as eo } from "./values/pnl-value.js";
-import { PositionShortLabel as to } from "./values/position-short-label.js";
-import { PositionStatusBadge as ao } from "./values/position-status-badge.js";
-import { PositionTypeBadge as po } from "./values/position-type-badge.js";
-import { PriceImpactValue as fo } from "./values/price-impact-value.js";
-import { ApyValue as xo, HealthFactorValue as so, LeverageValue as To, TokenBigint as lo, UsdValue as Po, UtilizationValue as go } from "./values/scalars.js";
-import { AmountInputTest as uo } from "./amount-input/constants.js";
+import { TimeToLiquidationBlockTest as Re } from "./time-to-liquidation-block/constants.js";
+import { TimeToLiquidationBlock as Ne } from "./time-to-liquidation-block/time-to-liquidation-block.js";
+import { TitleMetaTest as We } from "./title-meta/constants.js";
+import { TitleMeta as Ge } from "./title-meta/title-meta.js";
+import { TokenAmount as Ee } from "./token-amount/token-amount.js";
+import { TokenPairSymbolTest as Ke } from "./token-pair-symbol/constants.js";
+import { TokenPairSymbol as Qe } from "./token-pair-symbol/token-pair-symbol.js";
+import { NoValue as Ye } from "../no-value/no-value.js";
+import { PositionShortLabelTest as _e, ValueTest as $e } from "./values/constants.js";
+import { PnlValue as oo } from "./values/pnl-value.js";
+import { PositionShortLabel as ro } from "./values/position-short-label.js";
+import { PositionStatusBadge as io } from "./values/position-status-badge.js";
+import { PositionTypeBadge as mo } from "./values/position-type-badge.js";
+import { PriceImpactValue as no } from "./values/price-impact-value.js";
+import { ApyValue as xo, HealthFactorValue as To, LeverageValue as lo, TokenBigint as Po, UsdValue as go, UtilizationValue as co } from "./values/scalars.js";
+import { AmountInputTest as Bo } from "./amount-input/constants.js";
 import { DetailedPageTitleTest as ko } from "./detailed-page-title/constants.js";
-import { DetailsViewTest as Lo } from "./details-view/constants.js";
-import { HistoryChartTest as Ao } from "./history-chart/constants.js";
-import { InfoListTest as wo } from "./info-list/constants.js";
+import { DetailsViewTest as bo } from "./details-view/constants.js";
+import { HistoryChartTest as ho } from "./history-chart/constants.js";
+import { InfoListTest as Vo } from "./info-list/constants.js";
 import { LeverageInputTest as yo } from "./leverage-input/constants.js";
-import { ManagePaneTest as Mo } from "./manage-pane/constants.js";
-import { PageTitleTest as vo } from "./page-title/constants.js";
-import { ReviewButtonTest as Do } from "./review-button/constants.js";
-import { SectionHeadingTest as Ro } from "./section-heading/constants.js";
-import { SegmentedTabsTest as No } from "./segmented-tabs/constants.js";
-import { StackTest as Wo } from "./stack/constants.js";
-import { StatBadgeTest as Go } from "./stat-badge/constants.js";
-import { TabberTest as Eo } from "./tabber/constants.js";
-import { TokenAmountTest as Ko } from "./token-amount/constants.js";
+import { ManagePaneTest as Io } from "./manage-pane/constants.js";
+import { PageTitleTest as Do } from "./page-title/constants.js";
+import { ReviewButtonTest as qo } from "./review-button/constants.js";
+import { SectionHeadingTest as Fo } from "./section-heading/constants.js";
+import { SegmentedTabsTest as Uo } from "./segmented-tabs/constants.js";
+import { StackTest as zo } from "./stack/constants.js";
+import { StatBadgeTest as jo } from "./stat-badge/constants.js";
+import { TabberTest as Jo } from "./tabber/constants.js";
+import { TokenAmountTest as Oo } from "./token-amount/constants.js";
 export {
   t as AmountInput,
-  uo as AmountInputTest,
+  Bo as AmountInputTest,
   xo as ApyValue,
   d as AsideAlignAnchor,
   a as BorrowRateBlock,
   p as BorrowRateBlockTest,
   f as ChartWithSideCard,
-  x as ChartWithSideCardTest,
+  s as ChartWithSideCardTest,
   T as DetailedPageTitle,
   ko as DetailedPageTitleTest,
   g as DetailsView,
   c as DetailsViewLeftPane,
   u as DetailsViewManagePane,
-  Lo as DetailsViewTest,
-  L as HealthFactorBlock,
+  B as DetailsViewManagePaneSlot,
+  bo as DetailsViewTest,
+  b as HealthFactorBlock,
   k as HealthFactorBlockTest,
-  so as HealthFactorValue,
-  A as HistoryChart,
-  Ao as HistoryChartTest,
-  w as InfoLine,
-  V as InfoList,
-  wo as InfoListTest,
-  M as LeverageInput,
+  To as HealthFactorValue,
+  h as HistoryChart,
+  ho as HistoryChartTest,
+  V as InfoLine,
+  M as InfoList,
+  Vo as InfoListTest,
+  I as LeverageInput,
   yo as LeverageInputTest,
-  D as LeveragePresetChips,
-  v as LeveragePresetChipsTest,
-  To as LeverageValue,
-  N as LiquidationParamsTable,
-  R as LiquidationParamsTableTest,
-  G as LiquidationPriceBlock,
-  W as LiquidationPriceBlockTest,
-  E as ManagePane,
-  J as ManagePaneActionTab,
-  K as ManagePaneMessage,
-  O as ManagePaneTab,
-  Q as ManagePaneTabDropdown,
-  Mo as ManagePaneTest,
-  _ as MoreAccordion,
-  Y as MoreAccordionTest,
-  te as NestedInfoStack,
-  ee as NestedInfoStackTest,
-  Xe as NoValue,
-  ae as PageHeadProvider,
-  ie as PageTitle,
-  vo as PageTitleTest,
-  eo as PnlValue,
+  q as LeveragePresetChips,
+  D as LeveragePresetChipsTest,
+  lo as LeverageValue,
+  U as LiquidationParamsTable,
+  F as LiquidationParamsTableTest,
+  j as LiquidationPriceBlock,
+  z as LiquidationPriceBlockTest,
+  J as ManagePane,
+  K as ManagePaneActionTab,
+  O as ManagePaneMessage,
+  Q as ManagePaneTab,
+  X as ManagePaneTabDropdown,
+  Io as ManagePaneTest,
+  $ as MoreAccordion,
+  Z as MoreAccordionTest,
+  re as NestedInfoStack,
+  oe as NestedInfoStackTest,
+  Ye as NoValue,
+  ie as PageHeadProvider,
+  pe as PageTitle,
+  Do as PageTitleTest,
+  oo as PnlValue,
   y as PointsInfoLine,
-  ne as PoolApyBreakdownCard,
-  me as PoolApyBreakdownCardTest,
-  le as PositionAssets,
-  se as PositionAssetsTest,
-  to as PositionShortLabel,
-  Ze as PositionShortLabelTest,
-  ao as PositionStatusBadge,
-  po as PositionTypeBadge,
-  fo as PriceImpactValue,
-  Pe as ReviewButton,
-  Do as ReviewButtonTest,
-  ce as SectionHeading,
-  Ro as SectionHeadingTest,
-  Be as SegmentedTabs,
-  No as SegmentedTabsTest,
-  Se as Stack,
-  Wo as StackTest,
-  be as StatBadge,
-  Ae as StatBadgeGrid,
-  Go as StatBadgeTest,
+  se as PoolApyBreakdownCard,
+  fe as PoolApyBreakdownCardTest,
+  de as PositionAssets,
+  Te as PositionAssetsTest,
+  ro as PositionShortLabel,
+  _e as PositionShortLabelTest,
+  io as PositionStatusBadge,
+  mo as PositionTypeBadge,
+  no as PriceImpactValue,
+  ge as ReviewButton,
+  qo as ReviewButtonTest,
+  ue as SectionHeading,
+  Fo as SectionHeadingTest,
+  Se as SegmentedTabs,
+  Uo as SegmentedTabsTest,
+  Le as Stack,
+  zo as StackTest,
+  Ae as StatBadge,
+  he as StatBadgeGrid,
+  jo as StatBadgeTest,
   ye as StrategyApyBreakdownCard,
-  we as StrategyApyBreakdownCardTest,
-  Me as Tabber,
-  Ie as TabberSection,
-  Eo as TabberTest,
-  Fe as TimeToLiquidationBlock,
-  qe as TimeToLiquidationBlockTest,
-  ze as TitleMeta,
-  Ue as TitleMetaTest,
-  je as TokenAmount,
-  Ko as TokenAmountTest,
-  lo as TokenBigint,
-  Oe as TokenPairSymbol,
-  Je as TokenPairSymbolTest,
-  Po as UsdValue,
-  go as UtilizationValue,
-  _e as ValueTest,
+  Ve as StrategyApyBreakdownCardTest,
+  Ie as Tabber,
+  ve as TabberSection,
+  Jo as TabberTest,
+  Ne as TimeToLiquidationBlock,
+  Re as TimeToLiquidationBlockTest,
+  Ge as TitleMeta,
+  We as TitleMetaTest,
+  Ee as TokenAmount,
+  Oo as TokenAmountTest,
+  Po as TokenBigint,
+  Qe as TokenPairSymbol,
+  Ke as TokenPairSymbolTest,
+  go as UsdValue,
+  co as UtilizationValue,
+  $e as ValueTest,
   He as useTitleText
 };

package/dist/esm/components/base/manage-pane/manage-pane.js

@@ -1,13 +1,13 @@
-import { jsxs as r, jsx as n } from "react/jsx-runtime";
-import { faEllipsis as _ } from "@fortawesome/free-solid-svg-icons";
-import { createContext as E, useState as N, Children as O, isValidElement as g, useRef as k, useContext as B } from "react";
-import { SegmentedTabs as j } from "../segmented-tabs/segmented-tabs.js";
-import { SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as z } from "../segmented-tabs/segmented-tabs-styles.js";
-import { Stack as i } from "../stack/stack.js";
-import { useTitleText as R } from "../text/use-title-text.js";
-import { Button as V } from "../../buttons/button/button.js";
-import { StyledDialogContainer as F } from "../../client-adapters/styled-dialog-container/styled-dialog-container.js";
-import { ConfirmMenu as G } from "../../confirm-menu/confirm-menu.js";
+import { jsxs as r, jsx as o, Fragment as E } from "react/jsx-runtime";
+import { faChevronDown as O, faEllipsis as k } from "@fortawesome/free-solid-svg-icons";
+import { createContext as z, useState as B, Children as j, isValidElement as h, useRef as F, useContext as R } from "react";
+import { SegmentedTabs as V } from "../segmented-tabs/segmented-tabs.js";
+import { SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as G } from "../segmented-tabs/segmented-tabs-styles.js";
+import { Stack as s } from "../stack/stack.js";
+import { useTitleText as L } from "../text/use-title-text.js";
+import { Button as U } from "../../buttons/button/button.js";
+import { StyledDialogContainer as q } from "../../client-adapters/styled-dialog-container/styled-dialog-container.js";
+import { ConfirmMenu as H } from "../../confirm-menu/confirm-menu.js";
 import "../../modal/modal.js";
 import "@radix-ui/react-dialog";
 import "../../dialog/dialog-container.js";
@@ -20,113 +20,117 @@ import "@gearbox-protocol/sdk/onchain";
 import "../../../utils/z-index.js";
 import "../../dialog/dialog-header.js";
 import "../../dialog/dialog-title.js";
-import { DialogModalContainer as L } from "../../dialog/dialog-modal-container.js";
+import { DialogModalContainer as J } from "../../dialog/dialog-modal-container.js";
 import "viem";
 import "../../input/input.js";
 import "../../label/label.js";
-import { FaIcon as U } from "../../icons/fa-icon.js";
-import { SimpleDropdown as q } from "../../simple-dropdown/simple-dropdown.js";
-import { SimpleDropdownMenuItem as H } from "../../simple-dropdown/simple-dropdown-menu-item.js";
+import { FaIcon as w } from "../../icons/fa-icon.js";
+import { SimpleDropdown as K } from "../../simple-dropdown/simple-dropdown.js";
+import { SimpleDropdownMenuItem as Q } from "../../simple-dropdown/simple-dropdown-menu-item.js";
 import { ManagePaneTest as e } from "./constants.js";
-const C = E({
+const I = z({
   current: null
 });
-function J({ children: o }) {
-  const p = k(null);
-  return /* @__PURE__ */ n(C.Provider, { value: p, children: o });
+function W({ children: n }) {
+  const a = F(null);
+  return /* @__PURE__ */ o(I.Provider, { value: a, children: n });
 }
-function K() {
-  const o = B(C);
-  return /* @__PURE__ */ n("div", { ref: o });
+function X() {
+  const n = R(I);
+  return /* @__PURE__ */ o("div", { ref: n });
 }
-function Q(o) {
+function Y(n) {
   return null;
 }
-function W(o) {
+function Z(n) {
   return null;
 }
-function X(o) {
+function $(n) {
   return null;
 }
-function Y(o) {
-  return g(o) && o.type === Q;
+function tt(n) {
+  return h(n) && n.type === Y;
 }
-function Z(o) {
-  return g(o) && o.type === W;
+function nt(n) {
+  return h(n) && n.type === Z;
 }
-function $(o) {
-  return g(o) && o.type === X;
+function ot(n) {
+  return h(n) && n.type === $;
 }
-function _t({
-  children: o,
-  activeTab: p,
+function Ot({
+  children: n,
+  activeTab: a,
   onTabChange: M,
-  header: I,
-  footer: P,
-  actions: d,
-  testId: S
+  header: P,
+  footer: S,
+  actions: m,
+  testId: A
 }) {
-  const m = R(), [w, h] = N(null), c = O.toArray(o), T = c.filter(Y), A = c.find(Z), a = c.filter($), x = T.filter((t) => !t.props.hidden), D = T.find((t) => t.props.id === p)?.props.children, l = A?.props.items ?? [], y = new Set(a.map((t) => t.props.id)), u = a.find((t) => t.props.id === w), b = () => h(null), f = [
+  const c = L(), [D, T] = B(null), u = j.toArray(n), C = u.filter(tt), v = u.find(nt), l = u.filter(ot), x = C.filter((t) => !t.props.hidden), y = C.find((t) => t.props.id === a)?.props.children, p = v?.props.items ?? [], i = p.find((t) => t.id === a), N = new Set(l.map((t) => t.props.id)), f = l.find((t) => t.props.id === D), b = () => T(null), g = [
     ...x.map((t) => ({
       id: t.props.id,
-      item: m(t.props.title),
+      item: c(t.props.title),
       disabled: t.props.disabled,
       testId: e.tab(t.props.id)
     })),
-    ...a.map((t) => ({
+    ...l.map((t) => ({
       id: t.props.id,
-      item: m(t.props.title),
+      item: c(t.props.title),
       testId: e.tab(t.props.id)
     }))
   ];
-  return /* @__PURE__ */ r(J, { children: [
-    /* @__PURE__ */ r(i, { gap: "md", "data-testid": S ?? e.root, children: [
-      I,
-      f.length > 0 || l.length > 0 || d ? /* @__PURE__ */ r(i, { direction: "row", align: "center", gap: "sm", children: [
-        f.length > 0 ? /* @__PURE__ */ n(
-          j,
+  return /* @__PURE__ */ r(W, { children: [
+    /* @__PURE__ */ r(s, { gap: "md", "data-testid": A ?? e.root, children: [
+      P,
+      g.length > 0 || p.length > 0 || m ? /* @__PURE__ */ r(s, { direction: "row", align: "center", gap: "sm", children: [
+        g.length > 0 ? /* @__PURE__ */ o(
+          V,
           {
-            items: f,
-            activeTab: p,
+            items: g,
+            activeTab: a,
             onTabChange: (t) => {
-              const s = a.find((v) => v.props.id === t);
-              if (s) {
-                s.props.children != null && h(s.props.id), s.props.onClick?.();
+              const d = l.find((_) => _.props.id === t);
+              if (d) {
+                d.props.children != null && T(d.props.id), d.props.onClick?.();
                 return;
               }
-              y.has(t) || M(t);
+              N.has(t) || M(t);
             },
             testId: e.tabs
           }
         ) : null,
-        l.length > 0 || d ? /* @__PURE__ */ r(
-          i,
+        p.length > 0 || m ? /* @__PURE__ */ r(
+          s,
           {
             direction: "row",
             align: "center",
             gap: "sm",
-            className: "ml-auto",
+            className: "ml-auto min-w-0",
             children: [
-              l.length > 0 ? /* @__PURE__ */ n(
-                q,
+              p.length > 0 ? /* @__PURE__ */ o(
+                K,
                 {
-                  title: /* @__PURE__ */ n(
-                    V,
+                  title: /* @__PURE__ */ o(
+                    U,
                     {
                       type: "button",
-                      variant: "ghost",
+                      variant: i ? "neutral" : "ghost",
                       size: "md",
-                      className: z,
-                      "aria-label": "More actions",
+                      className: i ? "min-w-0" : G,
+                      "aria-current": i ? "step" : void 0,
+                      "aria-label": i ? void 0 : "More actions",
                       "data-testid": e.dropdown,
-                      children: /* @__PURE__ */ n(U, { icon: _, className: "size-4" })
+                      children: i ? /* @__PURE__ */ r(E, { children: [
+                        /* @__PURE__ */ o("span", { className: "truncate", children: i.title }),
+                        /* @__PURE__ */ o(w, { icon: O, className: "!size-3" })
+                      ] }) : /* @__PURE__ */ o(w, { icon: k, className: "size-4" })
                     }
                   ),
                   asChild: !0,
                   placement: "bottom",
                   align: "end",
-                  children: l.map((t) => /* @__PURE__ */ n(
-                    H,
+                  children: p.map((t) => /* @__PURE__ */ o(
+                    Q,
                     {
                       onSelect: t.onSelect,
                       children: t.title
@@ -135,54 +139,54 @@ function _t({
                   ))
                 }
               ) : null,
-              d
+              m
             ]
           }
         ) : null
       ] }) : null,
       /* @__PURE__ */ r(
-        F,
+        q,
         {
           "data-testid": e.body,
           "data-aside-form-top": !0,
           children: [
-            /* @__PURE__ */ n(i, { children: /* @__PURE__ */ n(K, {}) }),
-            D
+            /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(X, {}) }),
+            y
           ]
         }
       ),
-      P
+      S
     ] }),
-    u?.props.children != null ? /* @__PURE__ */ n(
-      L,
+    f?.props.children != null ? /* @__PURE__ */ o(
+      J,
       {
         show: !0,
         onClickOutside: b,
         dialog: { padding: "xl" },
         children: /* @__PURE__ */ r("div", { "data-testid": e.actionDialog, children: [
-          /* @__PURE__ */ n(
-            G,
+          /* @__PURE__ */ o(
+            H,
             {
               onClose: b,
-              title: m(u.props.title)
+              title: c(f.props.title)
             }
           ),
-          u.props.children
+          f.props.children
         ] })
       }
     ) : null
   ] });
 }
-function Et({
-  children: o
+function kt({
+  children: n
 }) {
-  return /* @__PURE__ */ n(i, { gap: "sm", "data-testid": e.message, children: o });
+  return /* @__PURE__ */ o(s, { gap: "sm", "data-testid": e.message, children: n });
 }
 export {
-  _t as ManagePane,
-  X as ManagePaneActionTab,
-  Et as ManagePaneMessage,
-  Q as ManagePaneTab,
-  W as ManagePaneTabDropdown,
+  Ot as ManagePane,
+  $ as ManagePaneActionTab,
+  kt as ManagePaneMessage,
+  Y as ManagePaneTab,
+  Z as ManagePaneTabDropdown,
   e as ManagePaneTest
 };