@gardenfi/garden-book 0.2.29 → 0.2.31

package/dist/Sidebar/index.js

@@ -0,0 +1,41 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cn as o } from "../utils/index.js";
+import { cva as i } from "class-variance-authority";
+import { Opacity as m } from "../Opacity/index.js";
+import { RemoveScroll as s } from "react-remove-scroll";
+import { ClientOnly as n } from "../ClientOnly/index.js";
+const g = i(
+  "gf-fixed gf-inset-y-0 gf-right-0 gf-transition-transform gf-duration-200 gf-bg-white gf-backdrop-blur-sm gf-p-4",
+  {
+    variants: {
+      open: {
+        true: "gf-translate-x-0",
+        false: "gf-translate-x-full"
+      },
+      size: {
+        small: "gf-w-full md:gf-w-[360px]",
+        large: "gf-w-full md:gf-w-[480px]"
+      }
+    },
+    defaultVariants: {
+      open: !1
+    }
+  }
+), v = ({
+  open: e,
+  size: f,
+  children: l,
+  className: t,
+  ...a
+}) => /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(s, { removeScrollBar: !1, enabled: !!e, children: /* @__PURE__ */ r(
+  m,
+  {
+    level: "medium",
+    className: o(g({ open: e, size: f, className: t })),
+    ...a,
+    children: l
+  }
+) }) });
+export {
+  v as Sidebar
+};

package/dist/TokenInfo/index.d.ts

@@ -0,0 +1 @@
+export { TokenInfo } from './TokenInfo';

package/dist/TokenInfo/index.js

@@ -0,0 +1,44 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { cn as s } from "../utils/index.js";
+import { Typography as l } from "../Typography/index.js";
+import { KeyboardDownIcon as c } from "../Icons/KeyboardDownIcon.js";
+import { TokenNetworkLogos as m } from "../TokenNetworkLogos/index.js";
+const u = ({
+  symbol: r,
+  tokenLogo: f,
+  chainLogo: n,
+  className: t,
+  hideDropdown: g = !1,
+  ...i
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: s(
+      "gf-flex gf-text-left gf-cursor-pointer gf-w-max",
+      t
+    ),
+    ...i,
+    children: /* @__PURE__ */ o("button", { className: "gf-flex gf-flex-row gf-justify-center gf-items-center gf-gap-2 gf-w-full focus:gf-outline-none", children: [
+      /* @__PURE__ */ e(l, { size: "h2", weight: "regular", children: r }),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: "gf-flex gf-items-center gf-gap-1",
+          children: [
+            /* @__PURE__ */ e(
+              m,
+              {
+                tokenLogo: f || "",
+                chainLogo: n || ""
+              }
+            ),
+            !g && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(c, {}) })
+          ]
+        }
+      )
+    ] })
+  }
+);
+export {
+  u as TokenInfo
+};

package/dist/TokenNetworkLogos/index.d.ts

@@ -0,0 +1 @@
+export { TokenNetworkLogos } from './TokenNetworkLogos';

package/dist/TokenNetworkLogos/index.js

@@ -0,0 +1,41 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { cn as r } from "../utils/index.js";
+const u = ({
+  tokenLogo: e,
+  chainLogo: s,
+  className: g,
+  iconStyle: f,
+  iconSize: t = 20,
+  ...h
+}) => {
+  const m = s && s !== e ? Math.round(t * 1.9) : t, d = g ? void 0 : { width: m }, l = f ? void 0 : { width: t, height: t };
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: r("gf-relative gf-flex gf-items-center gf-h-5 gf-w-[38px]", g),
+      style: d,
+      ...h,
+      children: [
+        /* @__PURE__ */ a(
+          "img",
+          {
+            src: e,
+            className: r("gf-absolute gf-left-0 gf-z-30 gf-h-5", f),
+            style: l
+          }
+        ),
+        s && s !== e && /* @__PURE__ */ a(
+          "img",
+          {
+            src: s,
+            className: r("gf-absolute gf-right-0 gf-z-20 gf-h-5", f),
+            style: l
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  u as TokenNetworkLogos
+};

package/dist/Typography/index.d.ts

@@ -0,0 +1 @@
+export { Typography } from './Typography';

package/dist/Typography/index.js

@@ -0,0 +1,89 @@
+import { jsx as n } from "react/jsx-runtime";
+import { cva as m } from "class-variance-authority";
+import { cn as h } from "../utils/index.js";
+const e = m(["gf-font-haffer gf-text-dark-grey not-italic"], {
+  variants: {
+    size: {
+      h1: "gf-text-[32px] gf-leading-[40px]",
+      h2: "gf-text-xl gf-leading-[20px]",
+      h3: "gf-text-base gf-leading-[20px]",
+      h4: "gf-text-sm gf-leading-[20px]",
+      h5: "gf-text-xs gf-leading-[16px]",
+      h6: "gf-text-[10px] gf-leading-[12px]"
+    },
+    weight: {
+      thin: "gf-font-thin",
+      light: "gf-font-light",
+      regular: "gf-font-regular",
+      medium: "gf-font-medium",
+      semibold: "gf-font-semibold",
+      bold: "gf-font-bold",
+      heavy: "gf-font-heavy",
+      black: "gf-font-black"
+    },
+    breakpointSize: {
+      "xs:h1": "xs:gf-text-[32px] xs:gf-leading-[48px]",
+      "xs:h2": "xs:gf-text-xl xs:gf-leading-7",
+      "xs:h3": "xs:gf-text-base xs:gf-leading-6",
+      "xs:h4": "xs:gf-text-sm xs:gf-leading-5",
+      "xs:h5": "xs:gf-text-xs xs:gf-leading-4",
+      "xs:h6": "xs:gf-text-[10px] xs:gf-leading-3",
+      "sm:h1": "sm:gf-text-[32px] sm:gf-leading-[48px]",
+      "sm:h2": "sm:gf-text-xl sm:gf-leading-7",
+      "sm:h3": "sm:gf-text-base sm:gf-leading-6",
+      "sm:h4": "sm:gf-text-sm sm:gf-leading-5",
+      "sm:h5": "sm:gf-text-xs sm:gf-leading-4",
+      "sm:h6": "sm:gf-text-[10px] sm:gf-leading-3",
+      "md:h1": "md:gf-text-[32px] md:gf-leading-[48px]",
+      "md:h2": "md:gf-text-xl md:gf-leading-7",
+      "md:h3": "md:gf-text-base md:gf-leading-6",
+      "md:h4": "md:gf-text-sm md:gf-leading-5",
+      "md:h5": "md:gf-text-xs md:gf-leading-4",
+      "md:h6": "md:gf-text-[10px] md:gf-leading-3",
+      "lg:h1": "lg:gf-text-[32px] lg:gf-leading-[48px]",
+      "lg:h2": "lg:gf-text-xl lg:gf-leading-7",
+      "lg:h3": "lg:gf-text-base lg:gf-leading-6",
+      "lg:h4": "lg:gf-text-sm lg:gf-leading-5",
+      "lg:h5": "lg:gf-text-xs lg:gf-leading-4",
+      "lg:h6": "lg:gf-text-[10px] lg:gf-leading-3",
+      "xl:h1": "xl:gf-text-[32px] xl:gf-leading-[48px]",
+      "xl:h2": "xl:gf-text-xl xl:gf-leading-7",
+      "xl:h3": "xl:gf-text-base xl:gf-leading-6",
+      "xl:h4": "xl:gf-text-sm xl:gf-leading-5",
+      "xl:h5": "xl:gf-text-xs xl:gf-leading-4",
+      "xl:h6": "xl:gf-text-[10px] xl:gf-leading-3"
+    },
+    defaultVariants: {
+      size: "h3",
+      weight: "medium"
+    }
+  }
+}), b = ({
+  as: t = "span",
+  size: f,
+  weight: l = "regular",
+  breakpoints: x,
+  className: s,
+  ...a
+}) => {
+  const d = x ? Object.entries(x).map(([g, i]) => `${g}:${i}`).map(
+    (g) => e({ breakpointSize: g })
+  ).join(" ") : "";
+  return /* @__PURE__ */ n(
+    t,
+    {
+      className: h(
+        e({
+          size: f,
+          weight: l,
+          className: s
+        }),
+        d
+      ),
+      ...a
+    }
+  );
+};
+export {
+  b as Typography
+};

package/dist/animations/RollingText/RollingText.js

@@ -0,0 +1,70 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useAnimate as h, stagger as f } from "framer-motion";
+import { forwardRef as v, useImperativeHandle as E, useEffect as m } from "react";
+import { cn as x } from "../../utils/index.js";
+const y = v(
+  ({ value: c, isHovered: t, className: p, delay: n }, u) => {
+    const d = c.split(""), [s, g] = h(), o = () => {
+      g([
+        [
+          ".gf-letter",
+          { y: "-100%" },
+          {
+            duration: 0.5,
+            delay: n ? f(0.014, { startDelay: n }) : f(0.014),
+            ease: [0.76, 0, 0.24, 1]
+          }
+        ]
+      ]);
+    }, l = () => {
+      g([
+        [
+          ".gf-letter",
+          { y: "0%" },
+          {
+            duration: 0.5,
+            delay: n ? f(0.014, { startDelay: n }) : f(0.014),
+            ease: [0.76, 0, 0.24, 1]
+          }
+        ]
+      ]);
+    };
+    return E(u, () => ({
+      startAnimation: o,
+      stopAnimation: l
+    })), m(() => {
+      t ? o() : l();
+    }, [t]), m(() => {
+      const e = () => {
+        t || o();
+      }, r = () => {
+        t || l();
+      }, a = s.current;
+      if (a)
+        return a.addEventListener("mouseenter", e), a.addEventListener("mouseleave", r), () => {
+          a.removeEventListener("mouseenter", e), a.removeEventListener("mouseleave", r);
+        };
+    }, [s, t]), /* @__PURE__ */ i("div", { ref: s, children: /* @__PURE__ */ i(
+      "span",
+      {
+        className: x(
+          "gf-flex gf-h-5 gf-items-center gf-justify-start gf-overflow-hidden gf-pr-0.5",
+          p
+        ),
+        children: d.map((e, r) => /* @__PURE__ */ i(
+          "span",
+          {
+            "data-letter": e,
+            className: "gf-letter gf-relative gf-h-5 gf-whitespace-pre gf-leading-5 after:gf-absolute after:gf-left-0 after:gf-top-full after:gf-h-5 after:gf-leading-5 after:gf-content-[attr(data-letter)]",
+            children: e
+          },
+          `${e}-${r}`
+        ))
+      }
+    ) });
+  }
+);
+y.displayName = "RollingText";
+export {
+  y as RollingText
+};

package/dist/animations/ScaleY/ScaleY.js

@@ -0,0 +1,32 @@
+import { jsx as o } from "react/jsx-runtime";
+import { cubicBezier as e, motion as n } from "framer-motion";
+const c = ({ children: t, triggerAnimation: i }) => {
+  const a = {
+    animation: {
+      scaleY: [0, 1],
+      opacity: [0, 1],
+      transition: {
+        duration: 0.5,
+        ease: e(0.84, 0, 0.16, 1),
+        opacity: { duration: 0.2, ease: "easeInOut" },
+        once: !0
+      }
+    },
+    idle: {
+      scaleY: 1,
+      opacity: 1
+    }
+  };
+  return /* @__PURE__ */ o(
+    n.div,
+    {
+      animate: i ? "animation" : "idle",
+      variants: a,
+      style: { transformOrigin: "bottom" },
+      children: t
+    }
+  );
+};
+export {
+  c as ScaleY
+};

package/dist/animations/Shine/Shine.js

@@ -0,0 +1,6 @@
+import { jsx as f } from "react/jsx-runtime";
+import { motion as o } from "framer-motion";
+const t = ({ children: e }) => /* @__PURE__ */ f(o.div, { className: "gf-relative gf-inline-block gf-overflow-hidden gf-rounded-xl gf-w-[300px] before:gf-z-50 before:gf-absolute before:gf-bg-gradient-to-r before:gf-from-transparent before:gf-via-white/50 before:gf-via-50% before:gf-to-transparent before:gf-top-0 before:gf-left-0 before:gf-w-[168px] before:gf-h-full before:gf-animate-shine before:gf-opacity-0", children: e });
+export {
+  t as Shine
+};

package/dist/assets/blogPlaceholder.svg.js

@@ -0,0 +1,4 @@
+const e = "data:image/svg+xml,%3csvg%20width='384'%20height='216'%20viewBox='0%200%20384%20216'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_11648_9381)'%3e%3crect%20width='384'%20height='216'%20fill='%2359BB99'/%3e%3ccircle%20cx='-7'%20cy='184'%20r='87'%20fill='url(%23paint0_radial_11648_9381)'/%3e%3ccircle%20cx='368'%20cy='33'%20r='87'%20fill='url(%23paint1_radial_11648_9381)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M136%2078C141.959%2078%20146.986%2081.9942%20148.548%2087.4516C154.006%2089.014%20158%2094.0405%20158%2099.9999C158%20105.959%20154.006%20110.986%20148.548%20112.548C146.986%20118.006%20141.959%20122%20136%20122C130.04%20122%20125.014%20118.006%20123.452%20112.548C117.994%20110.986%20114%20105.959%20114%2099.9999C114%2094.0406%20117.994%2089.0142%20123.452%2087.4517C125.014%2081.9943%20130.04%2078%20136%2078Z'%20fill='%23F7CFDB'/%3e%3cpath%20d='M139.954%2095.3616C139.923%2097.884%20135.962%2097.5421%20134.7%2097.5267L134.755%2093.063C136.016%2093.0784%20139.985%2092.7277%20139.954%2095.3616ZM140.906%20102.316C140.874%20105.09%20136.128%20104.716%20134.611%20104.698L134.688%2099.7811C136.2%2099.8017%20140.958%2099.4226%20140.922%20102.32L140.906%20102.316ZM144.148%2094.4178C143.928%2091.7661%20141.653%2090.8548%20138.771%2090.5621L138.816%2086.8898L136.578%2086.8608L136.533%2090.4382C135.948%2090.4302%20135.347%2090.4347%20134.75%2090.4401L134.775%2086.845L132.543%2086.8093L132.499%2090.4777C132.013%2090.4841%20131.538%2090.4848%20131.075%2090.4809L127.993%2090.4406L127.964%2092.8313C127.964%2092.8313%20129.621%2092.8205%20129.584%2092.8518C130.21%2092.7802%20130.777%2093.2229%20130.86%2093.8471L130.822%2098.0175C130.901%2098.0184%20130.979%2098.0242%20131.057%2098.035L130.822%2098.034L130.737%20103.891C130.7%20104.329%20130.317%20104.655%20129.88%20104.621C129.914%20104.63%20128.256%20104.6%20128.256%20104.6L127.778%20107.263L130.688%20107.298L132.289%20107.314L132.246%20111.024L134.48%20111.052L134.512%20107.397C135.106%20107.419%20135.702%20107.43%20136.296%20107.436L136.25%20111.096L138.484%20111.124L138.535%20107.416C142.302%20107.247%20144.938%20106.332%20145.307%20102.809C145.601%2099.9679%20144.29%2098.6862%20142.168%2098.1466C143.474%2097.504%20144.303%2096.3533%20144.132%2094.4136L144.148%2094.4178Z'%20fill='%23DB6A93'/%3e%3cpath%20d='M170%2098.8577C170%2094.4242%20172.859%2090.9544%20177.421%2090.9544C179.959%2090.9544%20181.919%2092.111%20182.915%2094.0708L183.14%2091.4042H185.839V106.472C185.839%20111.42%20182.787%20114.568%20177.968%20114.568C173.695%20114.568%20170.771%20112.158%20170.193%20108.175H173.213C173.598%20110.488%20175.333%20111.837%20177.968%20111.837C180.923%20111.837%20182.851%20109.91%20182.851%20106.922V103.773C181.823%20105.604%20179.767%20106.697%20177.293%20106.697C172.827%20106.697%20170%20103.259%20170%2098.8577ZM173.02%2098.7935C173.02%20101.749%20174.851%20104.062%20177.807%20104.062C180.859%20104.062%20182.722%20101.878%20182.722%2098.7935C182.722%2095.7735%20180.923%2093.5889%20177.839%2093.5889C174.819%2093.5889%20173.02%2095.902%20173.02%2098.7935Z'%20fill='white'/%3e%3cpath%20d='M194.791%20107.5C191.418%20107.5%20189.426%20105.604%20189.426%20102.745C189.426%2099.8537%20191.579%2098.0545%20195.273%2097.7654L200.221%2097.3799V96.9301C200.221%2094.2957%20198.647%2093.364%20196.526%2093.364C193.988%2093.364%20192.542%2094.4884%20192.542%2096.3839H189.908C189.908%2093.1069%20192.607%2090.9544%20196.655%2090.9544C200.542%2090.9544%20203.176%2093.0106%20203.176%2097.2514V107.114H200.606L200.285%20104.576C199.482%20106.376%20197.329%20107.5%20194.791%20107.5ZM195.659%20105.155C198.518%20105.155%20200.253%20103.291%20200.253%20100.336V99.5003L196.237%2099.8216C193.57%20100.079%20192.478%20101.107%20192.478%20102.649C192.478%20104.319%20193.699%20105.155%20195.659%20105.155Z'%20fill='white'/%3e%3cpath%20d='M216.354%2091.2757V94.0386H215.005C212.146%2094.0386%20210.379%2095.7735%20210.379%2098.7935V107.114H207.359V91.4363H210.186L210.379%2093.8137C211.021%2092.1753%20212.596%2091.0829%20214.748%2091.0829C215.294%2091.0829%20215.744%2091.1472%20216.354%2091.2757Z'%20fill='white'/%3e%3cpath%20d='M224.919%20107.5C220.357%20107.5%20217.594%20104.094%20217.594%2099.3075C217.594%2094.4884%20220.389%2090.9544%20225.048%2090.9544C227.457%2090.9544%20229.481%2092.0146%20230.541%2093.9423V83.4688H233.529V107.114H230.831L230.574%20104.255C229.545%20106.408%20227.425%20107.5%20224.919%20107.5ZM225.53%20104.769C228.614%20104.769%20230.509%20102.488%20230.509%2099.2111C230.509%2095.9984%20228.614%2093.6852%20225.53%2093.6852C222.445%2093.6852%20220.646%2095.9984%20220.646%2099.2111C220.646%20102.456%20222.445%20104.769%20225.53%20104.769Z'%20fill='white'/%3e%3cpath%20d='M244.665%20107.5C240.039%20107.5%20236.858%20104.159%20236.858%2099.2754C236.858%2094.3599%20239.974%2090.9544%20244.536%2090.9544C249.002%2090.9544%20251.926%2094.0386%20251.926%2098.6971V99.8216L239.782%2099.8537C240.006%20103.163%20241.741%20104.994%20244.729%20104.994C247.074%20104.994%20248.617%20104.03%20249.131%20102.231H251.958C251.187%20105.604%20248.552%20107.5%20244.665%20107.5ZM244.536%2093.4925C241.902%2093.4925%20240.231%2095.0667%20239.846%2097.8297H248.906C248.906%2095.2273%20247.203%2093.4925%20244.536%2093.4925Z'%20fill='white'/%3e%3cpath%20d='M258.319%20107.114H255.299V91.4042H258.03L258.351%2093.8137C259.347%2092.0146%20261.339%2090.9544%20263.555%2090.9544C267.7%2090.9544%20269.595%2093.4925%20269.595%2097.5084V107.114H266.575V98.1831C266.575%2095.0025%20265.098%2093.7174%20262.784%2093.7174C259.957%2093.7174%20258.319%2095.7414%20258.319%2098.7935V107.114Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial_11648_9381'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(-7%20184)%20rotate(90)%20scale(87)'%3e%3cstop%20offset='0.380208'%20stop-color='%239BC8FF'/%3e%3cstop%20offset='1'%20stop-color='%239BC8FF'%20stop-opacity='0.2'/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint1_radial_11648_9381'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(368%2033)%20rotate(90)%20scale(87)'%3e%3cstop%20offset='0.380208'%20stop-color='%239BC8FF'/%3e%3cstop%20offset='1'%20stop-color='%239BC8FF'%20stop-opacity='0.2'/%3e%3c/radialGradient%3e%3cclipPath%20id='clip0_11648_9381'%3e%3crect%20width='384'%20height='216'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+export {
+  e as default
+};

package/dist/assets/maskRect.svg.js

@@ -0,0 +1,4 @@
+const e = "data:image/svg+xml,%3csvg%20width='3956'%20height='906'%20viewBox='0%200%203956%20906'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='3956'%20height='906'%20fill='url(%23paint0_linear_579_2)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_579_2'%20x1='1465.5'%20y1='731.406'%20x2='2604.91'%20y2='227.235'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-opacity='0'/%3e%3cstop%20offset='0.115385'/%3e%3cstop%20offset='0.88'/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";
+export {
+  e as default
+};

package/dist/hooks/useClientOnly.js

@@ -0,0 +1,10 @@
+import { useState as s, useEffect as n } from "react";
+const i = () => {
+  const [e, t] = s(!1);
+  return n(() => {
+    t(!0);
+  }, []), e;
+};
+export {
+  i as useClientOnly
+};

package/dist/index.d.ts

@@ -1,3 +1,21 @@
 
-export * from './components';
 export * from './animations';
+export * from './components/atoms/Typography';
+export * from './components/atoms/Button';
+export * from './components/atoms/Checkbox';
+export * from './components/atoms/BottomSheet';
+export * from './components/atoms/Container';
+export * from './components/atoms/Icons';
+export * from './components/atoms/Logo';
+export * from './components/atoms/Modal';
+export * from './components/atoms/Opacity';
+export * from './components/atoms/Sidebar';
+export * from './components/atoms/ClientOnly';
+export * from './components/molecules/Chip';
+export * from './components/molecules/GradientScroll';
+export * from './components/molecules/InfoBadge';
+export * from './components/molecules/TokenInfo';
+export * from './components/molecules/TokenNetworkLogos';
+export * from './components/organisms/BlogCard';
+export * from './components/organisms/Footer';
+export * from './components/organisms/QuestCard';