@gardenfi/garden-book 0.3.3 → 0.3.4

package/dist/CookieConsent/CookieConsent.js

@@ -4,30 +4,31 @@ import { useCookieConsent as x } from "./useCookieConsent.js";
 import { CookieConsentNotice as E } from "./CookieConsentNotice.js";
 import { CookieConsentPreferences as N } from "./CookieConsentPreferences.js";
 import { trackConsentEvent as r, DEFAULT_COOKIE_CATEGORIES as b, consentDecision as O } from "./utils.js";
-import { cn as i } from "../utils/index.js";
+import { cn as o } from "../utils/index.js";
 const F = ({
-  privacyPolicyUrl: o,
-  categories: f = b,
-  defaultChecked: l = !0,
+  privacyPolicyUrl: f,
+  categories: l = b,
+  defaultChecked: a = !0,
   onChange: n,
-  config: a,
+  config: m,
   desktopModal: e,
-  mobileBottomSheet: m
+  mobileBottomSheet: u
 }) => {
-  const { isOpen: u, view: _, ready: p, setView: v, close: y, acceptAll: A, save: C } = x(a);
+  const { isOpen: s, view: _, ready: p, setView: v, close: y, acceptAll: A, save: C } = x(m);
   if (!p) return null;
   const g = {
     preventClose: (e == null ? void 0 : e.preventClose) ?? !0,
     disableScrollLock: (e == null ? void 0 : e.disableScrollLock) ?? !0,
-    overlayClassName: i(
+    overlayClassName: o(
       "!gf-items-end !gf-justify-start gf-pl-[40px] !gf-bg-transparent !gf-pointer-events-none",
       e == null ? void 0 : e.overlayClassName
     ),
-    className: i(
-      "!gf-pointer-events-auto !gf-w-[420px] gf-gap-0 gf-px-3 gf-py-4 gf-rounded-t-4 gf-rounded-b-none",
+    className: o(
+      s ? "!gf-pointer-events-auto" : "!gf-pointer-events-none",
+      "!gf-w-[420px] gf-gap-0 gf-px-3 gf-py-4 gf-rounded-t-4 gf-rounded-b-none",
       e == null ? void 0 : e.className
     )
-  }, s = () => {
+  }, i = () => {
     A(), r("cookie_consent_set", {
       consent_action: "accept_all",
       consent_analytics: !0,
@@ -38,25 +39,25 @@ const F = ({
   return /* @__PURE__ */ c(
     S,
     {
-      open: u,
+      open: s,
       onClose: y,
       desktopModal: g,
-      mobileBottomSheet: m,
+      mobileBottomSheet: u,
       children: _ === "notice" ? /* @__PURE__ */ c(
         E,
         {
-          privacyPolicyUrl: o,
+          privacyPolicyUrl: f,
           onChangePreferences: () => {
             r("cookie_prefs_opened"), v("preferences");
           },
-          onAcceptAll: s
+          onAcceptAll: i
         }
       ) : /* @__PURE__ */ c(
         N,
         {
-          categories: f,
-          defaultChecked: l,
-          onAcceptAll: s,
+          categories: l,
+          defaultChecked: a,
+          onAcceptAll: i,
           onSave: (t) => {
             C(t), r("cookie_consent_set", {
               consent_action: "save",

package/dist/Footer/Footer.d.ts

@@ -5,12 +5,45 @@ export type SocialLinks = {
     x?: string;
     youtube?: string;
 };
+export type FooterLabels = {
+    sections?: {
+        products?: string;
+        resources?: string;
+        developers?: string;
+        routes?: 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/index.js

@@ -1,107 +1,138 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useState as d, useRef as N, useEffect as S } from "react";
-import { GardenIcon as y } from "../Logo/GardenIcon.js";
-import { CopyrightsIcon as A } from "../Icons/CopyrightsIcon.js";
-import { DiscordIcon as U } from "../Icons/DiscordIcon.js";
-import { XIcon as D } from "../Icons/XIcon.js";
-import { YoutubeIcon as L } from "../Icons/YoutubeIcon.js";
-import { cn as I } from "../utils/index.js";
-import { FooterBackgroundAnimation as R } from "./FooterBackgroundAnimation.js";
-import { FooterLinks as n } from "./FooterLink.js";
-import j from "../assets/maskRect.svg.js";
-import { useClientOnly as _ } from "../hooks/useClientOnly.js";
-import { Typography as g } from "../Typography/index.js";
-const $ = {
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { useState as T, useRef as I, useEffect as R } from "react";
+import { GardenIcon as _ } from "../Logo/GardenIcon.js";
+import { CopyrightsIcon as O } from "../Icons/CopyrightsIcon.js";
+import { DiscordIcon as j } from "../Icons/DiscordIcon.js";
+import { XIcon as $ } from "../Icons/XIcon.js";
+import { YoutubeIcon as P } from "../Icons/YoutubeIcon.js";
+import { cn as M } from "../utils/index.js";
+import { FooterBackgroundAnimation as z } from "./FooterBackgroundAnimation.js";
+import { FooterLinks as l } from "./FooterLink.js";
+import K from "../assets/maskRect.svg.js";
+import { useClientOnly as F } from "../hooks/useClientOnly.js";
+import { Typography as p } from "../Typography/index.js";
+const G = {
   discord: "https://discord.gg/7feudTFMXB",
   x: "https://x.com/gardenfi",
   youtube: "https://www.youtube.com/channel/UCwtzK4AitT4B0B6sly6QmyA?sub_confirmation=1"
-}, J = ({
-  className: m,
+}, se = ({
+  className: w,
   network: s = "mainnet",
-  maskUrl: p = j,
-  socialLinks: x,
-  bgVideoSrc: h,
-  ...b
+  maskUrl: k = K,
+  socialLinks: v,
+  bgVideoSrc: C,
+  labels: i,
+  locale: x,
+  ...B
 }) => {
-  const [l, c] = d(!1), [w, T] = d(
+  const [c, h] = T(!1), [N, S] = T(
     null
-  ), f = _(), r = N(null);
-  S(() => () => {
-    r.current && clearTimeout(r.current);
+  ), g = F(), n = I(null);
+  R(() => () => {
+    n.current && clearTimeout(n.current);
   }, []);
-  const a = s && s === "testnet" ? "https://testnet.garden.finance" : "https://app.garden.finance", e = "https://garden.finance", C = {
+  const o = {
+    products: "Products",
+    resources: "Resources",
+    developers: "Developers",
+    routes: "Routes",
+    ...i == null ? void 0 : i.sections
+  }, u = {
+    swap: "Swap",
+    stake: "Stake",
+    explorer: "Explorer",
+    ...i == null ? void 0 : i.products
+  }, f = {
+    blog: "Blog",
+    routes: "Routes",
+    faq: "FAQs",
+    brandKit: "Brand kit",
+    analytics: "Analytics",
+    governance: "Governance",
+    ...i == null ? void 0 : i.resources
+  }, a = {
+    docs: "Docs",
+    api: "API",
+    sdk: "SDK",
+    security: "Security",
+    ...i == null ? void 0 : i.developers
+  }, b = {
+    privacyPolicy: "Privacy Policy",
+    termsOfService: "Terms of Service",
+    ...i == null ? void 0 : i.legal
+  }, d = s && s === "testnet" ? "https://testnet.garden.finance" : "https://app.garden.finance", e = `https://garden.finance${x ? `/${x}` : ""}`, y = {
     Products: {
       swap: {
-        title: "Swap",
-        link: s && s === "testnet" ? `${a}/?input-chain=bitcoin_testnet&input-asset=BTC` : `${a}/?input-chain=bitcoin&input-asset=BTC`,
+        title: u.swap,
+        link: s && s === "testnet" ? `${d}/?input-chain=bitcoin_testnet&input-asset=BTC` : `${d}/?input-chain=bitcoin&input-asset=BTC`,
         isExternal: !0
       },
       stake: {
-        title: "Stake",
-        link: s && s === "testnet" ? void 0 : `${a}/stake`,
+        title: u.stake,
+        link: s && s === "testnet" ? void 0 : `${d}/stake`,
         isExternal: !0
       },
       explorer: {
-        title: "Explorer",
+        title: u.explorer,
         link: s && s === "testnet" ? "https://testnet-explorer.garden.finance/" : "https://explorer.garden.finance/",
         isExternal: !0
       }
     },
     Resources: {
       blog: {
-        title: "Blog",
+        title: f.blog,
         link: `${e}/blog`,
         isExternal: !0
       },
       routes: {
-        title: "Routes",
+        title: f.routes,
         link: `${e}/routes`,
         isExternal: !0
       },
       faq: {
-        title: "FAQs",
+        title: f.faq,
         link: `${e}/faq`,
         isExternal: !0
       },
       brandKit: {
-        title: "Brand kit",
+        title: f.brandKit,
         link: `${e}/brand-kit`,
         isExternal: !0
       },
       analytics: {
-        title: "Analytics",
+        title: f.analytics,
         link: "https://dune.com/garden_finance/gardenfinance",
         isExternal: !0
       },
       Governance: {
-        title: "Governance",
+        title: f.governance,
         link: "https://docs.garden.finance/home/governance",
         isExternal: !0
       }
     },
     Developers: {
       docs: {
-        title: "Docs",
+        title: a.docs,
         link: "https://docs.garden.finance/",
         isExternal: !0
       },
       api: {
-        title: "API",
+        title: a.api,
         link: "https://docs.garden.finance/developers/api/overview",
         isExternal: !0
       },
       sdk: {
-        title: "SDK",
+        title: a.sdk,
         link: "https://docs.garden.finance/developers/sdk/overview",
         isExternal: !0
       },
       security: {
-        title: "Security",
+        title: a.security,
         link: `${e}/security`,
         isExternal: !0
       }
     }
-  }, k = {
+  }, L = {
     btcToSol: {
       title: "BTC to SOL",
       link: e + "/routes/bridge-btc-to-sol",
@@ -225,113 +256,113 @@ const $ = {
       isExternal: !0,
       chain: "Litecoin"
     }
-  }, o = { ...$, ...x }, { Products: E, Resources: u, Developers: B } = C;
-  return /* @__PURE__ */ i(
+  }, m = { ...G, ...v }, { Products: A, Resources: E, Developers: U } = y;
+  return /* @__PURE__ */ r(
     "footer",
     {
-      className: I(
+      className: M(
         "gf-z-10 gf-relative gf-mx-auto gf-flex gf-w-full gf-flex-col gf-items-center gf-justify-center gf-bg-white gf-px-6 gf-pb-10 gf-pt-20 md:gf-px-10",
-        m,
-        l ? "gf-text-white" : "gf-text-dark-grey"
+        w,
+        c ? "gf-text-white" : "gf-text-dark-grey"
       ),
-      ...b,
+      ...B,
       children: [
-        /* @__PURE__ */ i("div", { className: "gf-z-30 gf-w-full gf-max-w-screen-2xl", children: [
-          /* @__PURE__ */ i("div", { className: "gf-mx-auto gf-flex gf-w-full gf-flex-col gf-items-start gf-justify-between gf-gap-8", children: [
-            /* @__PURE__ */ i("div", { className: "gf-flex gf-w-full gf-items-center gf-justify-between gf-gap-6", children: [
+        /* @__PURE__ */ r("div", { className: "gf-z-30 gf-w-full gf-max-w-screen-2xl", children: [
+          /* @__PURE__ */ r("div", { className: "gf-mx-auto gf-flex gf-w-full gf-flex-col gf-items-start gf-justify-between gf-gap-8", children: [
+            /* @__PURE__ */ r("div", { className: "gf-flex gf-w-full gf-items-center gf-justify-between gf-gap-6", children: [
               /* @__PURE__ */ t(
-                y,
+                _,
                 {
                   onMouseEnter: () => {
-                    r.current && clearTimeout(r.current), r.current = setTimeout(() => {
-                      c(!0);
+                    n.current && clearTimeout(n.current), n.current = setTimeout(() => {
+                      h(!0);
                     }, 300);
                   },
                   onMouseLeave: () => {
-                    r.current && (clearTimeout(r.current), r.current = null), c(!1);
+                    n.current && (clearTimeout(n.current), n.current = null), h(!1);
                   },
                   className: "gf-h-8 gf-w-8 gf-cursor-pointer gf-duration-500 gf-ease-in-out",
-                  onClick: (v) => v.preventDefault()
+                  onClick: (D) => D.preventDefault()
                 }
               ),
-              /* @__PURE__ */ i("div", { className: "gf-flex gf-items-center gf-gap-4", children: [
+              /* @__PURE__ */ r("div", { className: "gf-flex gf-items-center gf-gap-4", children: [
                 /* @__PURE__ */ t(
-                  D,
+                  $,
                   {
                     onClick: () => {
-                      f && window.open(o.x, "_blank");
+                      g && window.open(m.x, "_blank");
                     },
                     className: "gf-cursor-pointer gf-duration-500 gf-ease-in-out"
                   }
                 ),
                 /* @__PURE__ */ t(
-                  U,
+                  j,
                   {
                     onClick: () => {
-                      f && window.open(o.discord, "_blank");
+                      g && window.open(m.discord, "_blank");
                     },
                     className: "gf-cursor-pointer gf-duration-500 gf-ease-in-out"
                   }
                 ),
                 /* @__PURE__ */ t(
-                  L,
+                  P,
                   {
                     onClick: () => {
-                      f && window.open(o.youtube, "_blank");
+                      g && window.open(m.youtube, "_blank");
                     },
                     className: "gf-cursor-pointer gf-duration-500 gf-ease-in-out"
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ i("div", { className: "gf-flex gf-w-full gf-max-w-screen-2xl gf-flex-col-reverse gf-items-start gf-justify-between gf-gap-6 md:gf-flex-row", children: [
-              /* @__PURE__ */ i("div", { className: "gf-flex gf-w-full gf-flex-col sm:gf-flex-row gf-gap-6 gf-items-start gf-justify-between sm:gf-gap-3 md:gf-w-fit", children: [
+            /* @__PURE__ */ r("div", { className: "gf-flex gf-w-full gf-max-w-screen-2xl gf-flex-col-reverse gf-items-start gf-justify-between gf-gap-6 md:gf-flex-row", children: [
+              /* @__PURE__ */ r("div", { className: "gf-flex gf-w-full gf-flex-col sm:gf-flex-row gf-gap-6 gf-items-start gf-justify-between sm:gf-gap-3 md:gf-w-fit", children: [
                 /* @__PURE__ */ t("div", { className: "gf-w-full md:gf-hidden", children: /* @__PURE__ */ t(
-                  n,
+                  l,
                   {
-                    title: "Resources",
-                    links: u,
+                    title: o.resources,
+                    links: E,
                     className: "gf-flex gf-w-full gf-flex-col gf-gap-3",
                     listClassName: "gf-flex gf-flex-col gf-gap-2"
                   }
                 ) }),
                 /* @__PURE__ */ t("div", { className: "gf-flex gf-w-full gf-max-w-[400px] gf-flex-col gf-gap-3 md:gf-w-fit", children: /* @__PURE__ */ t(
-                  n,
+                  l,
                   {
-                    title: "Routes",
-                    links: k,
-                    hoveredIndex: w,
-                    onHover: T,
+                    title: o.routes,
+                    links: L,
+                    hoveredIndex: N,
+                    onHover: S,
                     className: "gf-flex gf-w-full gf-max-w-[400px] gf-flex-col gf-gap-3 md:gf-w-fit",
                     listClassName: "gf-grid gf-w-full gf-grid-cols-1 gf-gap-1 gf-gap-x-8 md:gf-grid-cols-2 md:gf-grid-rows-2",
                     isRoutes: !0
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ i("div", { className: "gf-flex gf-w-full gf-items-start gf-justify-between gf-gap-3 md:gf-w-fit md:gf-gap-16", children: [
+              /* @__PURE__ */ r("div", { className: "gf-flex gf-w-full gf-items-start gf-justify-between gf-gap-3 md:gf-w-fit md:gf-gap-16", children: [
                 /* @__PURE__ */ t(
-                  n,
+                  l,
                   {
-                    title: "Products",
-                    links: E,
+                    title: o.products,
+                    links: A,
                     className: "gf-flex gf-w-full gf-flex-col gf-gap-3 md:gf-w-fit",
                     listClassName: "gf-flex gf-w-fit gf-flex-col gf-gap-1 gf-gap-x-6"
                   }
                 ),
                 /* @__PURE__ */ t(
-                  n,
+                  l,
                   {
-                    title: "Developers",
-                    links: B,
+                    title: o.developers,
+                    links: U,
                     className: "gf-flex gf-w-full gf-flex-col gf-gap-3 md:gf-w-fit",
                     listClassName: "gf-flex gf-flex-col gf-gap-1"
                   }
                 ),
                 /* @__PURE__ */ t("div", { className: "gf-hidden md:gf-flex", children: /* @__PURE__ */ t(
-                  n,
+                  l,
                   {
-                    title: "Resources",
-                    links: u,
+                    title: o.resources,
+                    links: E,
                     className: "gf-flex gf-w-full gf-flex-col gf-gap-3",
                     listClassName: "gf-flex gf-flex-col gf-gap-1"
                   }
@@ -339,30 +370,30 @@ const $ = {
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ i("div", { className: "gf-relative gf-mt-6 gf-flex gf-w-full gf-max-w-screen-2xl gf-items-center gf-justify-center", children: [
+          /* @__PURE__ */ r("div", { className: "gf-relative gf-mt-6 gf-flex gf-w-full gf-max-w-screen-2xl gf-items-center gf-justify-center", children: [
             /* @__PURE__ */ t(
               "div",
               {
-                className: `gf-absolute gf-left-0 gf-top-0 gf-h-[1px] gf-w-full gf-transition-all gf-duration-500 gf-ease-in-out ${l ? "gf-bg-white" : "gf-bg-dark-grey"}`
+                className: `gf-absolute gf-left-0 gf-top-0 gf-h-[1px] gf-w-full gf-transition-all gf-duration-500 gf-ease-in-out ${c ? "gf-bg-white" : "gf-bg-dark-grey"}`
               }
             ),
-            /* @__PURE__ */ i("div", { className: "gf-z-10 gf-my-6 gf-flex gf-w-full gf-items-center gf-justify-between gf-gap-4", children: [
-              /* @__PURE__ */ t("div", { className: "gf-flex gf-w-fit gf-items-center gf-justify-start gf-gap-6", children: /* @__PURE__ */ i(
-                g,
+            /* @__PURE__ */ r("div", { className: "gf-z-10 gf-my-6 gf-flex gf-w-full gf-items-center gf-justify-between gf-gap-4", children: [
+              /* @__PURE__ */ t("div", { className: "gf-flex gf-w-fit gf-items-center gf-justify-start gf-gap-6", children: /* @__PURE__ */ r(
+                p,
                 {
                   size: "h5",
                   className: "gf-flex gf-items-center gf-gap-1 gf-transition-all gf-duration-500 gf-ease-in-out gf-text-inherit",
                   weight: "regular",
                   children: [
-                    /* @__PURE__ */ t(A, {}),
+                    /* @__PURE__ */ t(O, {}),
                     /* @__PURE__ */ t("span", { children: "Garden" }),
                     /* @__PURE__ */ t("span", { children: "2026" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ i("div", { className: "gf-flex gf-w-fit gf-items-center gf-justify-end gf-gap-6", children: [
+              /* @__PURE__ */ r("div", { className: "gf-flex gf-w-fit gf-items-center gf-justify-end gf-gap-6", children: [
                 /* @__PURE__ */ t(
-                  g,
+                  p,
                   {
                     size: "h5",
                     as: "a",
@@ -370,11 +401,11 @@ const $ = {
                     weight: "regular",
                     href: "https://garden.finance/privacy.pdf",
                     target: "_blank",
-                    children: "Privacy Policy"
+                    children: b.privacyPolicy
                   }
                 ),
                 /* @__PURE__ */ t(
-                  g,
+                  p,
                   {
                     as: "a",
                     size: "h5",
@@ -382,7 +413,7 @@ const $ = {
                     weight: "regular",
                     href: "https://garden.finance/terms.pdf",
                     target: "_blank",
-                    children: "Terms of Service"
+                    children: b.termsOfService
                   }
                 )
               ] })
@@ -390,12 +421,12 @@ const $ = {
           ] })
         ] }),
         /* @__PURE__ */ t(
-          R,
+          z,
           {
             isMobile: !1,
-            isLogoHovered: l,
-            maskUrl: p,
-            videoSrc: h
+            isLogoHovered: c,
+            maskUrl: k,
+            videoSrc: C
           }
         )
       ]
@@ -403,5 +434,5 @@ const $ = {
   );
 };
 export {
-  J as Footer
+  se as Footer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gardenfi/garden-book",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "type": "module",
   "types": "dist/index.d.ts",
   "sideEffects": [