@gearbox-protocol/ui-kit 3.2.0 → 3.3.0

package/dist/types/components/layout/index.d.ts

@@ -7,5 +7,6 @@ export * from './grid';
 export * from './header';
 export * from './layout';
 export * from './legal-disclaimer';
+export * from './main-aside-layout';
 export * from './page-layout';
 export * from './social-icons';

package/dist/types/components/layout/main-aside-layout/index.d.ts

@@ -0,0 +1 @@
+export * from './main-aside-layout';

package/dist/types/components/layout/main-aside-layout/main-aside-layout.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export interface MainAsideLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /** Sidebar; rendered to the left or right of the main column (`asidePosition`). */
+    aside?: React.ReactNode;
+    asidePosition?: "left" | "right";
+    /** Classes for the outer `<aside>` (width, sticky, responsive visibility, etc.). */
+    asideClassName?: string;
+}
+/**
+ * Main column + optional sidebar in one row. Intended for use **inside** the app shell `Container`:
+ * main uses the remaining width (`flex-1 min-w-0`), aside keeps a fixed width.
+ *
+ * On small screens the stack uses `column-reverse` so the sidebar stays above the main column when
+ * `asidePosition` is `"right"` (common for pool pages).
+ */
+export declare const MainAsideLayout: React.ForwardRefExoticComponent<MainAsideLayoutProps & React.RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "description": "Internal UI components",
   "repository": "https://github.com/gearbox-protocol/ui-kit",
   "license": "MIT",