@gearbox-protocol/ui-kit 3.3.0 → 3.4.0

package/dist/cjs/components/layout/layout/layout.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),d=require("../../../utils/cn.cjs");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=l(c),n=u.forwardRef(({header:e,footer:r,children:t,className:o,...s},i)=>a.jsxs("div",{ref:i,className:d.cn("grid min-h-screen grid-rows-[auto_1fr_auto]",o),style:{gridTemplateAreas:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("react"),n=require("../../../utils/cn.cjs");function u(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const f=u(l),s=f.forwardRef(({header:e,footer:r,children:t,className:o,mainClassName:c,...i},d)=>a.jsxs("div",{ref:d,className:n.cn("grid min-h-screen grid-rows-[auto_1fr_auto]",o),style:{gridTemplateAreas:`
             "header"
             "main"
             "footer"
-          `},...s,children:[e&&a.jsx("div",{className:"border-b border-border",style:{gridArea:"header"},children:e}),a.jsx("main",{className:"overflow-x-hidden py-6",style:{gridArea:"main",backgroundColor:"hsl(var(--background))",color:"hsl(var(--foreground))"},children:t}),r&&a.jsx("div",{style:{gridArea:"footer"},children:r})]}));n.displayName="Layout";exports.Layout=n;
+          `},...i,children:[e&&a.jsx("div",{className:"border-b border-border",style:{gridArea:"header"},children:e}),a.jsx("main",{className:n.cn("overflow-x-hidden py-6",c),style:{gridArea:"main",backgroundColor:"hsl(var(--background))",color:"hsl(var(--foreground))"},children:t}),r&&a.jsx("div",{style:{gridArea:"footer"},children:r})]}));s.displayName="Layout";exports.Layout=s;

package/dist/esm/components/layout/layout/layout.js

@@ -1,12 +1,12 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import * as t from "react";
-import { cn as m } from "../../../utils/cn.js";
-const n = t.forwardRef(
-  ({ header: e, footer: o, children: a, className: d, ...i }, s) => /* @__PURE__ */ l(
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import * as n from "react";
+import { cn as a } from "../../../utils/cn.js";
+const c = n.forwardRef(
+  ({ header: e, footer: o, children: d, className: i, mainClassName: s, ...l }, t) => /* @__PURE__ */ m(
     "div",
     {
-      ref: s,
-      className: m("grid min-h-screen grid-rows-[auto_1fr_auto]", d),
+      ref: t,
+      className: a("grid min-h-screen grid-rows-[auto_1fr_auto]", i),
       style: {
         gridTemplateAreas: `
             "header"
@@ -14,7 +14,7 @@ const n = t.forwardRef(
             "footer"
           `
       },
-      ...i,
+      ...l,
       children: [
         e && /* @__PURE__ */ r(
           "div",
@@ -27,13 +27,13 @@ const n = t.forwardRef(
         /* @__PURE__ */ r(
           "main",
           {
-            className: "overflow-x-hidden py-6",
+            className: a("overflow-x-hidden py-6", s),
             style: {
               gridArea: "main",
               backgroundColor: "hsl(var(--background))",
               color: "hsl(var(--foreground))"
             },
-            children: a
+            children: d
           }
         ),
         o && /* @__PURE__ */ r("div", { style: { gridArea: "footer" }, children: o })
@@ -41,7 +41,7 @@ const n = t.forwardRef(
     }
   )
 );
-n.displayName = "Layout";
+c.displayName = "Layout";
 export {
-  n as Layout
+  c as Layout
 };

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

@@ -3,6 +3,7 @@ export interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
     header?: React.ReactNode;
     footer?: React.ReactNode;
     children: React.ReactNode;
+    mainClassName?: string;
 }
 /**
  * Layout component with grid-based structure

package/package.json

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