@gardenfi/garden-book 0.3.2 → 0.3.4-beta.1

package/dist/DashboardLayout/MobileMenu.js

@@ -1,117 +1,125 @@
-import { jsxs as a, Fragment as C, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, Fragment as O, jsx as e } from "react/jsx-runtime";
 import { useState as m } from "react";
-import { HamburgerIcon as S } from "../HamburgerIcon/index.js";
+import { HamburgerIcon as C } from "../HamburgerIcon/index.js";
 import { ResponsiveModal as w } from "../ResponsiveModal/index.js";
 import { Typography as t } from "../Typography/index.js";
-import { Button as M } from "../Button/index.js";
+import { Button as S } from "../Button/index.js";
 import { cn as j } from "../utils/index.js";
 import I from "../node_modules/lucide-react/dist/esm/icons/log-out.js";
-const R = ({ title: i, isOpen: n, onToggle: o, children: s }) => /* @__PURE__ */ a("div", { children: [
-  /* @__PURE__ */ e("span", { onClick: o, className: "gf-block gf-cursor-pointer", children: /* @__PURE__ */ e(t, { size: "h3", weight: "medium", children: i }) }),
+const R = ({ title: i, isOpen: s, onToggle: f, children: n }) => /* @__PURE__ */ a("div", { children: [
+  /* @__PURE__ */ e("span", { onClick: f, className: "gf-block gf-cursor-pointer", children: /* @__PURE__ */ e(t, { size: "h3", weight: "medium", children: i }) }),
   /* @__PURE__ */ e(
     "div",
     {
       className: j(
         "gf-grid gf-transition-[grid-template-rows,opacity] gf-duration-500 gf-ease-[cubic-bezier(0.22,1,0.36,1)]",
-        n ? "gf-grid-rows-[1fr] gf-opacity-100" : "gf-grid-rows-[0fr] gf-opacity-0"
+        s ? "gf-grid-rows-[1fr] gf-opacity-100" : "gf-grid-rows-[0fr] gf-opacity-0"
       ),
-      children: /* @__PURE__ */ e("div", { className: "gf-overflow-hidden", children: /* @__PURE__ */ e("div", { className: "gf-ml-6 gf-flex gf-flex-col", children: s }) })
+      children: /* @__PURE__ */ e("div", { className: "gf-overflow-hidden", children: /* @__PURE__ */ e("div", { className: "gf-ml-6 gf-flex gf-flex-col", children: n }) })
     }
   )
 ] }), A = ({
   navGroups: i,
-  activePath: n,
-  onNavigate: o,
-  onLogout: s,
+  activePath: s,
+  onNavigate: f,
+  onLogout: n,
   showLogoutConfirm: N = !1,
   onLogoutConfirmClose: c
 }) => {
   var b;
-  const [h, p] = m(!1), [y, g] = m(!1), [k, u] = m(
+  const [p, h] = m(!1), [y, g] = m(!1), [k, u] = m(
     ((b = i[0]) == null ? void 0 : b.label) ?? "group-0"
   ), d = () => {
     var l;
-    p(!1), u(((l = i[0]) == null ? void 0 : l.label) ?? "group-0");
+    h(!1), u(((l = i[0]) == null ? void 0 : l.label) ?? "group-0");
   }, v = () => {
-    d(), N ? g(!0) : s();
+    d(), N ? g(!0) : n();
   }, z = () => {
     g(!1), c == null || c();
   };
-  return /* @__PURE__ */ a(C, { children: [
+  return /* @__PURE__ */ a(O, { children: [
     /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        onClick: () => p((l) => !l),
+        onClick: () => h((l) => !l),
         "aria-label": "Open menu",
         className: "gf-shrink-0",
-        children: /* @__PURE__ */ e(S, { isOpen: h })
+        children: /* @__PURE__ */ e(C, { isOpen: p })
       }
     ),
-    /* @__PURE__ */ a(w, { open: h, onClose: d, className: "gf-w-full", children: [
-      /* @__PURE__ */ e("nav", { className: "gf-flex gf-flex-col gf-gap-4 gf-p-6 gf-bg-white/30 gf-rounded-xl", children: i.map((l, O) => {
-        const f = l.label ?? `group-${O}`;
-        return /* @__PURE__ */ e(
-          R,
-          {
-            title: l.label ?? "Navigation",
-            isOpen: k === f,
-            onToggle: () => u((r) => r === f ? "" : f),
-            children: l.items.map((r) => {
-              const x = n === r.href || n === `${r.href}/`;
-              return /* @__PURE__ */ e(
-                "div",
-                {
-                  className: "gf-cursor-pointer gf-pt-4",
-                  onClick: () => {
-                    o(r.href), d();
-                  },
-                  children: /* @__PURE__ */ e(
-                    t,
+    /* @__PURE__ */ a(
+      w,
+      {
+        open: p,
+        onClose: d,
+        desktopModal: { className: "gf-w-full" },
+        children: [
+          /* @__PURE__ */ e("nav", { className: "gf-flex gf-flex-col gf-gap-4 gf-p-6 gf-bg-white/30 gf-rounded-xl", children: i.map((l, M) => {
+            const o = l.label ?? `group-${M}`;
+            return /* @__PURE__ */ e(
+              R,
+              {
+                title: l.label ?? "Navigation",
+                isOpen: k === o,
+                onToggle: () => u((r) => r === o ? "" : o),
+                children: l.items.map((r) => {
+                  const x = s === r.href || s === `${r.href}/`;
+                  return /* @__PURE__ */ e(
+                    "div",
                     {
-                      size: "h3",
-                      weight: x ? "medium" : "regular",
-                      className: x ? "gf-text-primaryIris" : "gf-text-dark-grey",
-                      children: r.title
-                    }
-                  )
-                },
-                r.href
-              );
-            })
-          },
-          f
-        );
-      }) }),
-      /* @__PURE__ */ e("nav", { className: "gf-py-5 gf-px-6 gf-bg-white/30 gf-rounded-xl", children: /* @__PURE__ */ a(
-        "button",
-        {
-          type: "button",
-          onClick: v,
-          className: "gf-flex gf-w-full gf-cursor-pointer gf-items-center gf-gap-2 focus:gf-outline-none",
-          children: [
-            /* @__PURE__ */ e(I, { className: "gf-h-5 gf-w-5" }),
-            /* @__PURE__ */ e(t, { size: "h3", weight: "medium", children: "Log out" })
-          ]
-        }
-      ) })
-    ] }),
+                      className: "gf-cursor-pointer gf-pt-4",
+                      onClick: () => {
+                        f(r.href), d();
+                      },
+                      children: /* @__PURE__ */ e(
+                        t,
+                        {
+                          size: "h3",
+                          weight: x ? "medium" : "regular",
+                          className: x ? "gf-text-primaryIris" : "gf-text-dark-grey",
+                          children: r.title
+                        }
+                      )
+                    },
+                    r.href
+                  );
+                })
+              },
+              o
+            );
+          }) }),
+          /* @__PURE__ */ e("nav", { className: "gf-py-5 gf-px-6 gf-bg-white/30 gf-rounded-xl", children: /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              onClick: v,
+              className: "gf-flex gf-w-full gf-cursor-pointer gf-items-center gf-gap-2 focus:gf-outline-none",
+              children: [
+                /* @__PURE__ */ e(I, { className: "gf-h-5 gf-w-5" }),
+                /* @__PURE__ */ e(t, { size: "h3", weight: "medium", children: "Log out" })
+              ]
+            }
+          ) })
+        ]
+      }
+    ),
     /* @__PURE__ */ a(
       w,
       {
         open: y,
         onClose: z,
         label: "Ready to sign out?",
-        className: "gf-max-w-sm",
+        desktopModal: { className: "gf-max-w-sm" },
         children: [
           /* @__PURE__ */ e("div", { className: "gf-flex gf-flex-col gf-gap-2", children: /* @__PURE__ */ e(t, { size: "h5", weight: "regular", children: "You'll be signed out and redirected to the login page." }) }),
           /* @__PURE__ */ e(
-            M,
+            S,
             {
               variant: "primary",
               className: "gf-w-full",
               onClick: () => {
-                g(!1), s();
+                g(!1), n();
               },
               children: "Sign out"
             }

package/dist/Footer/Footer.d.ts

@@ -5,12 +5,46 @@ export type SocialLinks = {
     x?: string;
     youtube?: string;
 };
+export type FooterLabels = {
+    sections?: {
+        products?: string;
+        resources?: string;
+        developers?: string;
+        routes?: string;
+        security?: string;
+    };
+    products?: {
+        swap?: string;
+        stake?: string;
+        explorer?: string;
+    };
+    resources?: {
+        blog?: string;
+        routes?: string;
+        faq?: string;
+        brandKit?: string;
+        analytics?: string;
+        governance?: string;
+    };
+    developers?: {
+        docs?: string;
+        api?: string;
+        sdk?: string;
+        security?: string;
+    };
+    legal?: {
+        privacyPolicy?: string;
+        termsOfService?: string;
+    };
+};
 type FooterProps = React.HTMLAttributes<HTMLDivElement> & {
     network?: string;
     navigate?: (path: string) => void;
     maskUrl?: string;
     socialLinks?: SocialLinks;
     bgVideoSrc?: string;
+    labels?: FooterLabels;
+    locale?: string;
 };
 export declare const Footer: React.FC<FooterProps>;
 export {};

package/dist/Footer/FooterLink.d.ts

@@ -14,6 +14,7 @@ type FooterLinksProps = {
     className?: string;
     listClassName?: string;
     isRoutes?: boolean;
+    isLogoHovered?: boolean;
 };
 export declare const FooterLinks: React.FC<FooterLinksProps>;
 export {};

package/dist/Footer/FooterLink.js

@@ -1,15 +1,17 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { RollingText as i } from "../animations/RollingText/RollingText.js";
 import { Typography as r } from "../Typography/index.js";
-const o = ({
+import { cn as h } from "../utils/index.js";
+const w = ({
   title: c,
   links: n,
   hoveredIndex: g,
   onHover: e,
-  className: u = "gf-flex gf-w-full gf-flex-col gf-gap-3 md:gf-w-fit",
-  listClassName: p = "gf-flex gf-flex-col gf-gap-1",
-  isRoutes: l = !1
-}) => /* @__PURE__ */ s("div", { className: u, children: [
+  className: p = "gf-flex gf-w-full gf-flex-col gf-gap-3 md:gf-w-fit",
+  listClassName: u = "gf-flex gf-flex-col gf-gap-1",
+  isRoutes: l = !1,
+  isLogoHovered: m = !1
+}) => /* @__PURE__ */ s("div", { className: p, children: [
   /* @__PURE__ */ t(
     r,
     {
@@ -19,7 +21,7 @@ const o = ({
       children: /* @__PURE__ */ t("span", { children: c })
     }
   ),
-  /* @__PURE__ */ t("ul", { className: p, children: Object.values(n).map(
+  /* @__PURE__ */ t("ul", { className: u, children: Object.values(n).map(
     (a, f) => a.link && /* @__PURE__ */ t(
       "li",
       {
@@ -38,7 +40,11 @@ const o = ({
             target: "_blank",
             size: "h4",
             weight: "regular",
-            className: `gf-cursor-pointer gf-transition-all gf-duration-500 gf-ease-in-out gf-text-inherit ${l ? "gf-flex gf-w-fit gf-gap-0.5 gf-items-end gf-transition-colors gf-duration-500 gf-ease-in-out" : ""}`,
+            className: h(
+              "gf-cursor-pointer gf-transition-all gf-duration-500 gf-ease-in-out",
+              m ? "gf-text-inherit" : "gf-text-graphite",
+              l && "gf-flex gf-w-fit gf-gap-0.5 gf-items-end gf-transition-colors gf-duration-500 gf-ease-in-out"
+            ),
             children: [
               a.inputAsset && /* @__PURE__ */ t(
                 i,
@@ -83,5 +89,5 @@ const o = ({
   ) })
 ] });
 export {
-  o as FooterLinks
+  w as FooterLinks
 };