@gearbox-protocol/permissionless-ui 1.22.1 → 1.22.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("class-variance-authority"),O=require("react");require("@gearbox-protocol/sdk");const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("class-variance-authority"),O=require("react");require("@gearbox-protocol/sdk");const a=require("../../utils/cn.cjs");require("sonner");require("luxon");require("../../utils/z-index.cjs");function A(s){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(l,r,i.get?i:{enumerable:!0,get:()=>s[r]})}}return l.default=s,Object.freeze(l)}const P=A(O),u=g.cva("font-semibold leading-tight tracking-tight flex items-center gap-2",{variants:{size:{sm:"text-xl md:text-2xl",default:"text-[16px] md:text-[26px]",lg:"text-3xl md:text-4xl",xl:"text-4xl md:text-5xl"},variant:{default:"text-foreground",primary:"text-primary",muted:"text-muted-foreground",gradient:"bg-gradient-to-r from-primary to-purple-600 bg-clip-text text-transparent"}},defaultVariants:{size:"default",variant:"default"}}),p=g.cva("flex flex-col md:flex-row items-start md:items-center",{variants:{spacing:{sm:"gap-2",default:"gap-4",lg:"gap-6"}},defaultVariants:{spacing:"default"}}),h=P.forwardRef(({className:s,size:l,variant:r,spacing:i,backButton:m,icon:f,actions:c,subtitle:o,as:j="h1",children:w,actionsPosition:v="left",actionsPositionMd:x,...y},N)=>{const t=v==="right",d=x?x==="right":t,n=t!==d,b=i==="sm"?"gap-2":i==="lg"?"gap-6":"gap-4",R=n?a.cn("flex",b,t?"flex-row items-center justify-between w-full":"flex-col items-start",d?"md:flex-row md:items-center md:justify-between md:w-full":"md:flex-row md:items-center md:justify-start"):a.cn(p({spacing:i}),t&&"justify-between w-full"),T=n?a.cn("shrink-0 items-center gap-2",t?"hidden":"flex",d?"md:hidden":"md:flex"):"shrink-0 flex items-center gap-2",q=n?a.cn("shrink-0 items-center gap-2",t?"flex":"hidden",d?"md:flex":"md:hidden"):"shrink-0 flex items-center gap-2",V=n?!0:!t,k=n?!0:t;return e.jsxs("div",{ref:N,className:a.cn("w-full flex items-center gap-4",m?"flex-col items-start":"flex-row items-center",s),...y,children:[m&&e.jsx("div",{className:"shrink-0 flex items-center",children:m}),e.jsxs("div",{className:R,children:[e.jsx("div",{className:"flex flex-col md:flex-row md:items-center gap-4 w-full md:w-auto",children:e.jsxs("div",{className:"flex items-center gap-3 min-w-0",children:[f&&e.jsx("div",{className:"shrink-0",children:f}),e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(j,{className:a.cn(u({size:l,variant:r}),"m-0"),children:w}),c&&V&&e.jsx("div",{className:T,children:c})]}),o&&e.jsx("div",{className:"text-sm text-muted-foreground mt-1",children:o})]})]})}),c&&k&&e.jsx("div",{className:q,children:c})]})]})});h.displayName="PageTitle";exports.PageTitle=h;exports.pageTitleRootVariants=p;exports.pageTitleVariants=u;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsxs as r, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { cva as
|
|
3
|
-
import * as
|
|
2
|
+
import { cva as x } from "class-variance-authority";
|
|
3
|
+
import * as b from "react";
|
|
4
4
|
import "@gearbox-protocol/sdk";
|
|
5
5
|
import { cn as s } from "../../utils/cn.js";
|
|
6
6
|
import "sonner";
|
|
7
7
|
import "luxon";
|
|
8
8
|
import "../../utils/z-index.js";
|
|
9
|
-
const A =
|
|
9
|
+
const A = x(
|
|
10
10
|
"font-semibold leading-tight tracking-tight flex items-center gap-2",
|
|
11
11
|
{
|
|
12
12
|
variants: {
|
|
@@ -28,7 +28,7 @@ const A = o(
|
|
|
28
28
|
variant: "default"
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
|
-
), T =
|
|
31
|
+
), T = x(
|
|
32
32
|
"flex flex-col md:flex-row items-start md:items-center",
|
|
33
33
|
{
|
|
34
34
|
variants: {
|
|
@@ -42,9 +42,9 @@ const A = o(
|
|
|
42
42
|
spacing: "default"
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
|
-
), V =
|
|
45
|
+
), V = b.forwardRef(
|
|
46
46
|
({
|
|
47
|
-
className:
|
|
47
|
+
className: o,
|
|
48
48
|
size: g,
|
|
49
49
|
variant: p,
|
|
50
50
|
spacing: m,
|
|
@@ -70,16 +70,20 @@ const A = o(
|
|
|
70
70
|
"shrink-0 items-center gap-2",
|
|
71
71
|
e ? "hidden" : "flex",
|
|
72
72
|
a ? "md:hidden" : "md:flex"
|
|
73
|
-
) : "shrink-0 flex items-center gap-2",
|
|
73
|
+
) : "shrink-0 flex items-center gap-2", R = i ? s(
|
|
74
74
|
"shrink-0 items-center gap-2",
|
|
75
75
|
e ? "flex" : "hidden",
|
|
76
76
|
a ? "md:flex" : "md:hidden"
|
|
77
|
-
) : "shrink-0 flex items-center gap-2",
|
|
77
|
+
) : "shrink-0 flex items-center gap-2", k = i ? !0 : !e, C = i ? !0 : e;
|
|
78
78
|
return /* @__PURE__ */ r(
|
|
79
79
|
"div",
|
|
80
80
|
{
|
|
81
81
|
ref: N,
|
|
82
|
-
className: s(
|
|
82
|
+
className: s(
|
|
83
|
+
"w-full flex items-center gap-4",
|
|
84
|
+
n ? "flex-col items-start" : "flex-row items-center",
|
|
85
|
+
o
|
|
86
|
+
),
|
|
83
87
|
...v,
|
|
84
88
|
children: [
|
|
85
89
|
n && /* @__PURE__ */ t("div", { className: "shrink-0 flex items-center", children: n }),
|
|
@@ -95,12 +99,12 @@ const A = o(
|
|
|
95
99
|
children: u
|
|
96
100
|
}
|
|
97
101
|
),
|
|
98
|
-
l &&
|
|
102
|
+
l && k && /* @__PURE__ */ t("div", { className: j, children: l })
|
|
99
103
|
] }),
|
|
100
104
|
c && /* @__PURE__ */ t("div", { className: "text-sm text-muted-foreground mt-1", children: c })
|
|
101
105
|
] })
|
|
102
106
|
] }) }),
|
|
103
|
-
l &&
|
|
107
|
+
l && C && /* @__PURE__ */ t("div", { className: R, children: l })
|
|
104
108
|
] })
|
|
105
109
|
]
|
|
106
110
|
}
|