@gearbox-protocol/permissionless-ui 1.15.2 → 1.15.3
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"),c=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),o=require("../../../utils/cn.cjs"),g=require("../app-logo/app-logo.cjs"),v=require("../legal-disclaimer/legal-disclaimer.cjs"),d=c.forwardRef(({logo:r,copyright:t,social:s,version:l,secondaryInfo:i,legalLinks:n,containerClassName:m,className:u,children:f,mobileExtraContent:j,...h},p)=>e.jsx("footer",{ref:p,className:o.cn("relative w-full border-t bg-card border-border flex items-center justify-center",u),...h,children:e.jsxs("div",{className:o.cn("flex flex-col sm:flex-row sm:flex-nowrap justify-between items-center sm:items-start gap-4 sm:gap-0 py-6 w-full px-4 max-w-[1440px]",m),children:[e.jsxs("div",{className:"text-center sm:text-left text-sm text-muted-foreground w-full sm:w-auto",children:[r&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"flex justify-center sm:justify-start",children:r}),e.jsx("div",{className:"h-2"})]}),t&&e.jsx("div",{children:t}),e.jsx("div",{className:"mt-4 flex flex-col items-center justify-center gap-2 sm:hidden",children:j})]}),e.jsxs("div",{className:"w-full sm:w-auto",children:[s&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"flex items-center justify-center sm:justify-end gap-2.5",children:s}),e.jsx("div",{className:"h-3"})]}),e.jsxs("div",{className:"flex flex-wrap items-center justify-center sm:justify-end gap-2 text-sm text-muted-foreground",children:[l&&e.jsx("span",{children:l}),i&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"h-1 w-1 rounded-full bg-muted-foreground/30"}),i]}),n&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"h-1 w-1 rounded-full bg-muted-foreground/30"}),n]})]})]}),f]})}));d.displayName="Footer";function x({href:r,text:t,external:s=!1}){return e.jsx("a",{href:r,className:"text-muted-foreground hover:text-foreground transition-colors duration-200 text-sm",target:s?"_blank":void 0,rel:s?"noopener noreferrer":void 0,children:t})}function a({title:r,links:t}){return e.jsxs("div",{className:"flex flex-col gap-1 md:items-end",children:[e.jsx("h3",{className:"text-foreground",children:r}),e.jsx("div",{className:"flex flex-wrap gap-4",children:t.map((s,l)=>e.jsxs(c.Fragment,{children:[e.jsx(x,{...s}),l<t.length-1&&e.jsx("span",{className:"text-muted-foreground text-sm",children:"•"})]},s.href))})]})}function N({appName:r,legalAppName:t,legalReferences:s,className:l,mobileStatusContent:i}){return e.jsx("footer",{className:o.cn("relative w-full border-t bg-card border-border flex items-center justify-center",l),children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 items-top py-6 w-full px-4 max-w-[1440px]",children:[e.jsxs("div",{className:"flex flex-col gap-4 h-full justify-between",children:[e.jsx(g.AppLogo,{appName:r}),e.jsx(v.LegalDisclaimer,{appName:t,hrefs:s})]}),e.jsxs("div",{className:"flex flex-col gap-4 h-full justify-between",children:[e.jsx(a,{title:"Legal",links:[{href:s.termsOfService,text:"Terms of Service"},{href:s.privacyNotice,text:"Privacy Notice"},{href:s.riskDisclosure,text:"Risk Disclosure"}]}),e.jsx(a,{title:"Developers",links:[{href:"https://docs.gearbox.fi/gearbox-permissionless-doc",text:"Documentation",external:!0},{href:"https://docs.gearbox.finance/risk-and-security/audits-bug-bounty",text:"Audits",external:!0},{href:"https://github.com/Gearbox-protocol",text:"GitHub",external:!0}]})]}),i&&e.jsx("div",{className:"flex md:hidden w-full",children:i})]})})}exports.Footer=d;exports.FooterLink=x;exports.FooterLinkSection=a;exports.GearboxFooter=N;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
1
|
+
import { jsx as e, jsxs as t, Fragment as o } from "react/jsx-runtime";
|
|
2
2
|
import m from "react";
|
|
3
|
-
import { cn as
|
|
4
|
-
import { AppLogo as
|
|
5
|
-
import { LegalDisclaimer as
|
|
3
|
+
import { cn as d } from "../../../utils/cn.js";
|
|
4
|
+
import { AppLogo as N } from "../app-logo/app-logo.js";
|
|
5
|
+
import { LegalDisclaimer as v } from "../legal-disclaimer/legal-disclaimer.js";
|
|
6
6
|
const b = m.forwardRef(
|
|
7
7
|
({
|
|
8
8
|
logo: l,
|
|
9
|
-
copyright:
|
|
10
|
-
social:
|
|
9
|
+
copyright: s,
|
|
10
|
+
social: r,
|
|
11
11
|
version: i,
|
|
12
|
-
secondaryInfo:
|
|
12
|
+
secondaryInfo: a,
|
|
13
13
|
legalLinks: c,
|
|
14
14
|
containerClassName: f,
|
|
15
15
|
className: u,
|
|
@@ -20,39 +20,39 @@ const b = m.forwardRef(
|
|
|
20
20
|
"footer",
|
|
21
21
|
{
|
|
22
22
|
ref: g,
|
|
23
|
-
className:
|
|
23
|
+
className: d(
|
|
24
24
|
"relative w-full border-t bg-card border-border flex items-center justify-center",
|
|
25
25
|
u
|
|
26
26
|
),
|
|
27
27
|
...p,
|
|
28
|
-
children: /* @__PURE__ */
|
|
28
|
+
children: /* @__PURE__ */ t(
|
|
29
29
|
"div",
|
|
30
30
|
{
|
|
31
|
-
className:
|
|
31
|
+
className: d(
|
|
32
32
|
"flex flex-col sm:flex-row sm:flex-nowrap justify-between items-center sm:items-start gap-4 sm:gap-0 py-6 w-full px-4 max-w-[1440px]",
|
|
33
33
|
f
|
|
34
34
|
),
|
|
35
35
|
children: [
|
|
36
|
-
/* @__PURE__ */
|
|
37
|
-
l && /* @__PURE__ */
|
|
36
|
+
/* @__PURE__ */ t("div", { className: "text-center sm:text-left text-sm text-muted-foreground w-full sm:w-auto", children: [
|
|
37
|
+
l && /* @__PURE__ */ t(o, { children: [
|
|
38
38
|
/* @__PURE__ */ e("div", { className: "flex justify-center sm:justify-start", children: l }),
|
|
39
39
|
/* @__PURE__ */ e("div", { className: "h-2" })
|
|
40
40
|
] }),
|
|
41
|
-
|
|
41
|
+
s && /* @__PURE__ */ e("div", { children: s }),
|
|
42
42
|
/* @__PURE__ */ e("div", { className: "mt-4 flex flex-col items-center justify-center gap-2 sm:hidden", children: h })
|
|
43
43
|
] }),
|
|
44
|
-
/* @__PURE__ */
|
|
45
|
-
|
|
46
|
-
/* @__PURE__ */ e("div", { className: "flex items-center justify-center sm:justify-end gap-2.5", children:
|
|
44
|
+
/* @__PURE__ */ t("div", { className: "w-full sm:w-auto", children: [
|
|
45
|
+
r && /* @__PURE__ */ t(o, { children: [
|
|
46
|
+
/* @__PURE__ */ e("div", { className: "flex items-center justify-center sm:justify-end gap-2.5", children: r }),
|
|
47
47
|
/* @__PURE__ */ e("div", { className: "h-3" })
|
|
48
48
|
] }),
|
|
49
|
-
/* @__PURE__ */
|
|
49
|
+
/* @__PURE__ */ t("div", { className: "flex flex-wrap items-center justify-center sm:justify-end gap-2 text-sm text-muted-foreground", children: [
|
|
50
50
|
i && /* @__PURE__ */ e("span", { children: i }),
|
|
51
|
-
|
|
51
|
+
a && /* @__PURE__ */ t(o, { children: [
|
|
52
52
|
/* @__PURE__ */ e("span", { className: "h-1 w-1 rounded-full bg-muted-foreground/30" }),
|
|
53
|
-
|
|
53
|
+
a
|
|
54
54
|
] }),
|
|
55
|
-
c && /* @__PURE__ */
|
|
55
|
+
c && /* @__PURE__ */ t(o, { children: [
|
|
56
56
|
/* @__PURE__ */ e("span", { className: "h-1 w-1 rounded-full bg-muted-foreground/30" }),
|
|
57
57
|
c
|
|
58
58
|
] })
|
|
@@ -66,64 +66,65 @@ const b = m.forwardRef(
|
|
|
66
66
|
)
|
|
67
67
|
);
|
|
68
68
|
b.displayName = "Footer";
|
|
69
|
-
function w({ href: l, text:
|
|
69
|
+
function w({ href: l, text: s, external: r = !1 }) {
|
|
70
70
|
return /* @__PURE__ */ e(
|
|
71
71
|
"a",
|
|
72
72
|
{
|
|
73
73
|
href: l,
|
|
74
74
|
className: "text-muted-foreground hover:text-foreground transition-colors duration-200 text-sm",
|
|
75
|
-
target:
|
|
76
|
-
rel:
|
|
77
|
-
children:
|
|
75
|
+
target: r ? "_blank" : void 0,
|
|
76
|
+
rel: r ? "noopener noreferrer" : void 0,
|
|
77
|
+
children: s
|
|
78
78
|
}
|
|
79
79
|
);
|
|
80
80
|
}
|
|
81
81
|
function n({
|
|
82
82
|
title: l,
|
|
83
|
-
links:
|
|
83
|
+
links: s
|
|
84
84
|
}) {
|
|
85
|
-
return /* @__PURE__ */
|
|
85
|
+
return /* @__PURE__ */ t("div", { className: "flex flex-col gap-1 md:items-end", children: [
|
|
86
86
|
/* @__PURE__ */ e("h3", { className: "text-foreground", children: l }),
|
|
87
|
-
/* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4", children:
|
|
88
|
-
/* @__PURE__ */ e(w, { ...
|
|
89
|
-
i <
|
|
90
|
-
] },
|
|
87
|
+
/* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4", children: s.map((r, i) => /* @__PURE__ */ t(m.Fragment, { children: [
|
|
88
|
+
/* @__PURE__ */ e(w, { ...r }),
|
|
89
|
+
i < s.length - 1 && /* @__PURE__ */ e("span", { className: "text-muted-foreground text-sm", children: "•" })
|
|
90
|
+
] }, r.href)) })
|
|
91
91
|
] });
|
|
92
92
|
}
|
|
93
93
|
function L({
|
|
94
94
|
appName: l,
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
95
|
+
legalAppName: s,
|
|
96
|
+
legalReferences: r,
|
|
97
|
+
className: i,
|
|
98
|
+
mobileStatusContent: a
|
|
98
99
|
}) {
|
|
99
100
|
return /* @__PURE__ */ e(
|
|
100
101
|
"footer",
|
|
101
102
|
{
|
|
102
|
-
className:
|
|
103
|
+
className: d(
|
|
103
104
|
"relative w-full border-t bg-card border-border flex items-center justify-center",
|
|
104
|
-
|
|
105
|
+
i
|
|
105
106
|
),
|
|
106
|
-
children: /* @__PURE__ */
|
|
107
|
-
/* @__PURE__ */
|
|
108
|
-
/* @__PURE__ */ e(
|
|
109
|
-
/* @__PURE__ */ e(
|
|
107
|
+
children: /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 items-top py-6 w-full px-4 max-w-[1440px]", children: [
|
|
108
|
+
/* @__PURE__ */ t("div", { className: "flex flex-col gap-4 h-full justify-between", children: [
|
|
109
|
+
/* @__PURE__ */ e(N, { appName: l }),
|
|
110
|
+
/* @__PURE__ */ e(v, { appName: s, hrefs: r })
|
|
110
111
|
] }),
|
|
111
|
-
/* @__PURE__ */
|
|
112
|
+
/* @__PURE__ */ t("div", { className: "flex flex-col gap-4 h-full justify-between", children: [
|
|
112
113
|
/* @__PURE__ */ e(
|
|
113
114
|
n,
|
|
114
115
|
{
|
|
115
116
|
title: "Legal",
|
|
116
117
|
links: [
|
|
117
118
|
{
|
|
118
|
-
href:
|
|
119
|
+
href: r.termsOfService,
|
|
119
120
|
text: "Terms of Service"
|
|
120
121
|
},
|
|
121
122
|
{
|
|
122
|
-
href:
|
|
123
|
+
href: r.privacyNotice,
|
|
123
124
|
text: "Privacy Notice"
|
|
124
125
|
},
|
|
125
126
|
{
|
|
126
|
-
href:
|
|
127
|
+
href: r.riskDisclosure,
|
|
127
128
|
text: "Risk Disclosure"
|
|
128
129
|
}
|
|
129
130
|
]
|
|
@@ -153,7 +154,7 @@ function L({
|
|
|
153
154
|
}
|
|
154
155
|
)
|
|
155
156
|
] }),
|
|
156
|
-
|
|
157
|
+
a && /* @__PURE__ */ e("div", { className: "flex md:hidden w-full", children: a })
|
|
157
158
|
] })
|
|
158
159
|
}
|
|
159
160
|
);
|
|
@@ -56,8 +56,9 @@ export declare function FooterLinkSection({ title, links, }: {
|
|
|
56
56
|
* - for section footers within content (use appropriate container components).
|
|
57
57
|
* - if you need a custom footer layout (use the abstract Footer component directly).
|
|
58
58
|
*/
|
|
59
|
-
export declare function GearboxFooter({ appName, legalReferences, className, mobileStatusContent, }: {
|
|
59
|
+
export declare function GearboxFooter({ appName, legalAppName, legalReferences, className, mobileStatusContent, }: {
|
|
60
60
|
appName: string;
|
|
61
|
+
legalAppName: string;
|
|
61
62
|
legalReferences: LegalReferences;
|
|
62
63
|
className?: string;
|
|
63
64
|
mobileStatusContent?: React.ReactNode;
|