@gearbox-protocol/ui-kit 4.2.1 → 4.4.0

package/dist/types/components/base/details-view/details-view.d.ts

@@ -8,16 +8,17 @@ export interface DetailsViewProps {
     readonly testId?: string;
 }
 /**
- * Detail screen shell: left pane (sections) + right manage pane, with the
- * manage pane moving inline into the left column on narrow screens.
+ * Detail screen shell: left pane (sections) + right manage pane. On narrow
+ * screens the manage pane renders where the left pane places
+ * {@link DetailsViewManagePaneSlot}.
  */
 export declare function DetailsView({ children, mainRef, className, testId, }: DetailsViewProps): React.ReactElement;
 export interface DetailsViewLeftPaneProps {
     readonly children: React.ReactNode;
-    /** Injected by {@link DetailsView} on narrow screens. */
-    readonly mobileManagePane?: React.ReactNode;
 }
-export declare function DetailsViewLeftPane({ children, mobileManagePane, }: DetailsViewLeftPaneProps): React.ReactElement;
+export declare function DetailsViewLeftPane({ children, }: DetailsViewLeftPaneProps): React.ReactElement;
+/** Where the manage pane goes on narrow screens; renders nothing on wide ones. */
+export declare function DetailsViewManagePaneSlot(): React.ReactNode;
 export interface DetailsViewManagePaneProps {
     readonly children: React.ReactNode;
 }

package/dist/types/components/base/tabber/tabber.d.ts

@@ -9,11 +9,6 @@ export interface TabberSectionProps {
     readonly heading?: TitleText;
     readonly actions?: React.ReactNode;
     readonly children?: React.ReactNode;
-    /**
-     * Render this section above the sticky tab bar (overview badges). The
-     * section is not listed in the bar; scroll-spy tracks only sections below it.
-     */
-    readonly beforeBar?: boolean;
     /** Skip the in-section h2 — overview has badges, not a heading. */
     readonly hideHeading?: boolean;
 }
@@ -26,7 +21,5 @@ export interface TabberProps {
     readonly observeKey?: string;
     readonly initialSection?: string;
     readonly testId?: string;
-    /** Injected by {@link DetailsViewLeftPane} on narrow screens. */
-    readonly mobileManagePane?: React.ReactNode;
 }
-export declare function Tabber({ children, observeKey, initialSection, testId, mobileManagePane, }: TabberProps): React.ReactElement;
+export declare function Tabber({ children, observeKey, initialSection, testId, }: TabberProps): React.ReactElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "4.2.1",
+  "version": "4.4.0",
   "description": "Internal UI components",
   "repository": {
     "type": "git",

package/dist/cjs/components/base/tabber/is-tabber.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=require("./tabber.cjs");function b(e){return t.isValidElement(e)&&e.type===r.Tabber}exports.isTabber=b;

package/dist/esm/components/base/tabber/is-tabber.js

@@ -1,8 +0,0 @@
-import { isValidElement as t } from "react";
-import { Tabber as e } from "./tabber.js";
-function o(r) {
-  return t(r) && r.type === e;
-}
-export {
-  o as isTabber
-};

package/dist/types/components/base/tabber/is-tabber.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * Whether a node is a Tabber, so DetailsView can tell a tabbed pane from plain
- * content. Its own module: the barrel carries the component, not the predicate.
- */
-export declare function isTabber(node: ReactNode): boolean;