@gardenfi/garden-book 0.2.3-beta.12 → 0.2.3-beta.14

package/dist/Footer/Footer.js

@@ -0,0 +1,371 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useState as d, useRef as E, useEffect as v } from "react";
+import { cn as N } from "../utils/utils.js";
+import { FooterBackgroundAnimation as S } from "./FooterBackgroundAnimation.js";
+import { FooterLinks as r } from "./FooterLink.js";
+import y from "../assets/maskRect.svg.js";
+import { useClientOnly as U } from "../hooks/useClientOnly.js";
+import { GardenIcon as A } from "../Logo/GardenIcon/GardenIcon.js";
+import { XIcon as D } from "../Icons/XIcon/XIcon.js";
+import { DiscordIcon as R } from "../Icons/DiscordIcon/DiscordIcon.js";
+import { Typography as a } from "../Typography/Typography.js";
+import { CopyrightsIcon as I } from "../Icons/CopyrightsIcon/CopyrightsIcon.js";
+const q = ({
+  className: m,
+  network: s = "mainnet",
+  maskUrl: p = y,
+  ...x
+}) => {
+  const [f, g] = d(!1), [h, b] = d(
+    null
+  ), o = U(), l = E(null);
+  v(() => () => {
+    l.current && clearTimeout(l.current);
+  }, []);
+  const n = s && s === "testnet" ? "https://testnet.garden.finance" : "https://app.garden.finance", e = "https://garden.finance", w = {
+    Products: {
+      swap: {
+        title: "Swap",
+        link: s && s === "testnet" ? `${n}/?input-chain=bitcoin_testnet&input-asset=BTC` : `${n}/?input-chain=bitcoin&input-asset=BTC`,
+        isExternal: !0
+      },
+      stake: {
+        title: "Stake",
+        link: s && s === "testnet" ? void 0 : `${n}/stake`,
+        isExternal: !0
+      },
+      explorer: {
+        title: "Explorer",
+        link: s && s === "testnet" ? "https://testnet-explorer.garden.finance/" : "https://explorer.garden.finance/",
+        isExternal: !0
+      }
+    },
+    Resources: {
+      blog: {
+        title: "Blog",
+        link: `${e}/blog`,
+        isExternal: !0
+      },
+      faq: {
+        title: "FAQs",
+        link: `${e}/faq`,
+        isExternal: !0
+      },
+      brandKit: {
+        title: "Brand kit",
+        link: `${e}/brand-kit`,
+        isExternal: !0
+      },
+      analytics: {
+        title: "Analytics",
+        link: "https://dune.com/garden_finance/gardenfinance",
+        isExternal: !0
+      },
+      Audits: {
+        title: "Audits",
+        link: "https://github.com/gardenfi/audits",
+        isExternal: !0
+      }
+    },
+    Developers: {
+      docs: {
+        title: "Docs",
+        link: "https://docs.garden.finance/",
+        isExternal: !0
+      },
+      api: {
+        title: "API",
+        link: "https://docs.garden.finance/developers/api/overview",
+        isExternal: !0
+      },
+      sdk: {
+        title: "SDK",
+        link: "https://docs.garden.finance/developers/sdk/overview",
+        isExternal: !0
+      }
+    }
+  }, T = {
+    btcToSol: {
+      title: "BTC to SOL",
+      link: e + "/routes/bridge-btc-to-sol",
+      chain: "Solana",
+      isExternal: !0
+    },
+    btcToEth: {
+      title: "BTC to ETH",
+      link: e + "/routes/bridge-btc-to-eth",
+      chain: "Ethereum",
+      isExternal: !0
+    },
+    btcToUsdc: {
+      title: "BTC to USDC",
+      link: e + "/routes/bridge-btc-to-usdc-arbitrum",
+      chain: "Arbitrum",
+      isExternal: !0
+    },
+    btctoUsdcEth: {
+      title: "BTC to USDC",
+      link: e + "/routes/bridge-btc-to-usdc-ethereum",
+      chain: "Ethereum",
+      isExternal: !0
+    },
+    btcToWbtc: {
+      title: "BTC to WBTC",
+      link: e + "/routes/bridge-btc-to-wbtc-ethereum",
+      chain: "Ethereum",
+      isExternal: !0
+    },
+    btcTocbBtc: {
+      title: "BTC to cbBtc",
+      link: e + "/routes/bridge-btc-to-cbbtc-base",
+      chain: "Base",
+      isExternal: !0
+    },
+    btcToSui: {
+      title: "BTC to SUI",
+      link: e + "/routes/bridge-btc-to-sui",
+      chain: "Sui",
+      isExternal: !0
+    },
+    btcToWbtcUni: {
+      title: "BTC to WBTC",
+      link: e + "/routes/bridge-btc-to-wbtc-unichain",
+      chain: "Unichain",
+      isExternal: !0
+    },
+    btcToBnb: {
+      title: "BTC to BNB",
+      link: e + "/routes/bridge-btc-to-bnb",
+      chain: "BNB Chain",
+      isExternal: !0
+    },
+    btcToMon: {
+      title: "BTC to MON",
+      link: e + "/routes/bridge-btc-to-mon",
+      chain: "Monad",
+      isExternal: !0
+    },
+    cbBtcBaseTocbBtcSolana: {
+      title: " to cbBtc",
+      link: e + "/routes/bridge-cbbtc-base-to-cbbtc-solana",
+      inputAsset: "cbBtc",
+      inputChain: "Base",
+      chain: "Solana",
+      isExternal: !0
+    },
+    usdcBnbToBtc: {
+      title: " to BTC",
+      link: e + "/routes/bridge-usdc-bnb-to-btc",
+      inputAsset: "USDC",
+      inputChain: "BNB Chain",
+      isExternal: !0
+    },
+    btcToUsdtEthereum: {
+      title: " to USDT",
+      link: e + "/routes/bridge-btc-to-usdt-ethereum",
+      inputAsset: "BTC",
+      chain: "Ethereum",
+      isExternal: !0
+    },
+    btcToUsdcSolana: {
+      title: " to USDC",
+      link: e + "/routes/bridge-btc-to-usdc-solana",
+      inputAsset: "BTC",
+      chain: "Solana",
+      isExternal: !0
+    },
+    usdcEthereumToBtc: {
+      title: " to BTC",
+      link: e + "/routes/bridge-usdc-ethereum-to-btc",
+      inputAsset: "USDC",
+      inputChain: "Ethereum",
+      isExternal: !0
+    },
+    solToBtc: {
+      title: " to BTC",
+      link: e + "/routes/bridge-sol-to-btc",
+      inputAsset: "SOL",
+      inputChain: "Solana",
+      isExternal: !0
+    },
+    usdcEthereumToUsdcBase: {
+      title: " to USDC",
+      link: e + "/routes/bridge-usdc-ethereum-to-usdc-base",
+      inputAsset: "USDC",
+      inputChain: "Ethereum",
+      chain: "Base",
+      isExternal: !0
+    }
+  }, c = {
+    discord: "https://discord.gg/7feudTFMXB",
+    x: "https://x.com/gardenfi"
+  }, { Products: k, Resources: u, Developers: B } = w;
+  return /* @__PURE__ */ i(
+    "footer",
+    {
+      className: N(
+        "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,
+        f ? "gf-text-white" : "gf-text-dark-grey"
+      ),
+      ...x,
+      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__ */ t(
+                A,
+                {
+                  onMouseEnter: () => {
+                    l.current && clearTimeout(l.current), l.current = setTimeout(() => {
+                      g(!0);
+                    }, 300);
+                  },
+                  onMouseLeave: () => {
+                    l.current && (clearTimeout(l.current), l.current = null), g(!1);
+                  },
+                  className: "gf-h-8 gf-w-8 gf-cursor-pointer gf-duration-500 gf-ease-in-out",
+                  onClick: (C) => C.preventDefault()
+                }
+              ),
+              /* @__PURE__ */ i("div", { className: "gf-flex gf-items-center gf-gap-4", children: [
+                /* @__PURE__ */ t(
+                  D,
+                  {
+                    onClick: () => {
+                      o && window.open(c.x, "_blank");
+                    },
+                    className: "gf-cursor-pointer gf-duration-500 gf-ease-in-out"
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  R,
+                  {
+                    onClick: () => {
+                      o && window.open(c.discord, "_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__ */ t("div", { className: "gf-w-full md:gf-hidden", children: /* @__PURE__ */ t(
+                  r,
+                  {
+                    title: "Resources",
+                    links: u,
+                    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(
+                  r,
+                  {
+                    title: "Routes",
+                    links: T,
+                    hoveredIndex: h,
+                    onHover: b,
+                    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__ */ t(
+                  r,
+                  {
+                    title: "Products",
+                    links: k,
+                    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(
+                  r,
+                  {
+                    title: "Developers",
+                    links: B,
+                    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(
+                  r,
+                  {
+                    title: "Resources",
+                    links: u,
+                    className: "gf-flex gf-w-full gf-flex-col gf-gap-3",
+                    listClassName: "gf-flex gf-flex-col gf-gap-1"
+                  }
+                ) })
+              ] })
+            ] })
+          ] }),
+          /* @__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__ */ 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 ${f ? "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(
+                a,
+                {
+                  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(I, {}),
+                    /* @__PURE__ */ t("span", { children: "Garden" }),
+                    /* @__PURE__ */ t("span", { children: "2025" })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ i("div", { className: "gf-flex gf-w-fit gf-items-center gf-justify-end gf-gap-6", children: [
+                /* @__PURE__ */ t(
+                  a,
+                  {
+                    size: "h5",
+                    as: "a",
+                    className: "gf-cursor-pointer gf-underline-offset-2 gf-transition-all gf-duration-500 gf-ease-in-out gf-hover:underline gf-text-inherit",
+                    weight: "regular",
+                    href: "/privacy.pdf",
+                    target: "_blank",
+                    children: "Privacy Policy"
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  a,
+                  {
+                    as: "a",
+                    size: "h5",
+                    className: "gf-cursor-pointer gf-underline-offset-2 gf-transition-all gf-duration-500 gf-ease-in-out gf-hover:underline gf-text-inherit",
+                    weight: "regular",
+                    href: "/terms.pdf",
+                    target: "_blank",
+                    children: "Terms of Service"
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ t(
+          S,
+          {
+            isMobile: !1,
+            isLogoHovered: f,
+            maskUrl: p
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  q as Footer
+};

package/dist/Footer/FooterBackgroundAnimation.js

@@ -0,0 +1,100 @@
+import { jsxs as g, Fragment as p, jsx as t } from "react/jsx-runtime";
+import { useMotionValue as y, useTransform as v, AnimatePresence as h, motion as k } from "framer-motion";
+import { useState as r, useRef as s, useEffect as b } from "react";
+const S = ({
+  isMobile: l,
+  isLogoHovered: n,
+  maskUrl: c
+}) => {
+  const [i] = r(
+    "https://garden-bucket-cdn.s3.eu-central-1.amazonaws.com/flowers_bg.mp4"
+  ), [f, o] = r("initial"), m = s(null), e = s(null), u = y(45), d = v(u, (a) => `${a}% center`);
+  return b(() => {
+    if (n)
+      o("visible");
+    else {
+      o("exit");
+      const a = setTimeout(() => {
+        o("initial");
+      }, 800);
+      return () => clearTimeout(a);
+    }
+  }, [n]), /* @__PURE__ */ g(p, { children: [
+    /* @__PURE__ */ t(
+      "video",
+      {
+        ref: m,
+        src: i,
+        autoPlay: !0,
+        loop: !0,
+        muted: !0,
+        controls: !1,
+        preload: "metadata",
+        playsInline: !0,
+        className: "gf-pointer-events-none gf-absolute gf-left-0 gf-top-0 gf-z-0 gf-h-full gf-w-screen gf-object-cover gf-opacity-0"
+      },
+      "video-flowers"
+    ),
+    /* @__PURE__ */ t(h, { mode: "wait", children: /* @__PURE__ */ t(
+      k.div,
+      {
+        animate: f,
+        variants: {
+          initial: { maskPosition: "45%", opacity: 0 },
+          visible: { maskPosition: "10%", opacity: 1 },
+          exit: {
+            maskPosition: "-60%",
+            opacity: 0,
+            transition: {
+              duration: 1.2,
+              ease: [0, 0.77, 0.3, 1],
+              opacity: {
+                delay: 0.4
+              }
+            }
+          }
+        },
+        transition: {
+          duration: 1,
+          ease: [0.22, 0.68, 0.88, 0.96],
+          delay: 0.15,
+          opacity: {
+            times: [0, 1, 1, 1]
+          }
+        },
+        style: {
+          maskImage: `linear-gradient(black, black), url('${c}')`,
+          maskComposite: "exclude",
+          maskSize: l ? "1200% 200%" : "820% 600%",
+          maskPosition: d
+        },
+        className: "gf-pointer-events-none gf-absolute gf-left-0 gf-top-0 gf-z-0 gf-h-full gf-w-full gf-overflow-hidden gf-opacity-0",
+        children: /* @__PURE__ */ t(
+          "video",
+          {
+            ref: e,
+            src: i,
+            autoPlay: !0,
+            loop: !0,
+            muted: !0,
+            controls: !1,
+            preload: "metadata",
+            playsInline: !0,
+            className: "gf-pointer-events-none gf-h-full gf-w-screen gf-object-cover",
+            onCanPlayThrough: () => {
+              e.current && e.current.play().catch(console.error);
+            },
+            onLoadStart: () => {
+              e.current && e.current.play().catch(console.error);
+            }
+          },
+          "video-flowers-animated"
+        )
+      },
+      "hovered"
+    ) })
+  ] });
+};
+export {
+  S as FooterBackgroundAnimation
+};

package/dist/Footer/FooterLink.js

@@ -0,0 +1,86 @@
+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/Typography.js";
+const o = ({
+  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: [
+  /* @__PURE__ */ t(
+    r,
+    {
+      size: "h4",
+      weight: "medium",
+      className: "gf-flex gf-items-center gf-gap-2 gf-transition-all gf-duration-500 gf-ease-in-out gf-text-inherit",
+      children: /* @__PURE__ */ t("span", { children: c })
+    }
+  ),
+  /* @__PURE__ */ t("ul", { className: p, children: Object.values(n).map(
+    (a, f) => a.link && /* @__PURE__ */ t(
+      "li",
+      {
+        className: l ? "gf-w-fit" : "",
+        onMouseEnter: () => {
+          e == null || e(f);
+        },
+        onMouseLeave: () => {
+          e == null || e(null);
+        },
+        children: /* @__PURE__ */ s(
+          r,
+          {
+            as: "a",
+            href: a.link,
+            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" : ""}`,
+            children: [
+              a.inputAsset && /* @__PURE__ */ t(
+                i,
+                {
+                  value: a.inputAsset || "",
+                  isHovered: g === f
+                }
+              ),
+              l && a.inputChain && /* @__PURE__ */ t(
+                i,
+                {
+                  delay: 0.1,
+                  className: "gf-text-xs gf-italic gf-translate-y-[0.6px]",
+                  value: a.inputChain,
+                  isHovered: g === f
+                }
+              ),
+              /* @__PURE__ */ t(
+                i,
+                {
+                  delay: 0.15,
+                  value: a.title,
+                  isHovered: g === f
+                }
+              ),
+              l && a.chain && /* @__PURE__ */ t(
+                i,
+                {
+                  delay: 0.3,
+                  className: "gf-text-xs gf-italic gf-translate-y-[0.6px] -gf-translate-x-[2px]",
+                  value: a.chain,
+                  isHovered: g === f
+                }
+              )
+            ]
+          }
+        )
+      },
+      f
+    )
+  ) })
+] });
+export {
+  o as FooterLinks
+};

package/dist/GradientScroll/GradientScroll.js

@@ -0,0 +1,73 @@
+import { jsxs as x, jsx as n } from "react/jsx-runtime";
+import { useState as u, useRef as g, useEffect as a } from "react";
+import { cn as y } from "../utils/utils.js";
+const N = ({
+  children: p,
+  className: m,
+  height: s,
+  gradientHeight: e = 24,
+  onClose: c = !1,
+  ...v
+}) => {
+  const [w, b] = u(!0), [d, h] = u(!0), t = g(null), i = g(null), l = () => {
+    if (t.current) {
+      const { scrollTop: o, scrollHeight: f, clientHeight: r } = t.current;
+      b(o + r < f), h(o > 0);
+    }
+  };
+  return a(() => {
+    c && t.current && (t.current.scrollTop = 0);
+  }, [c]), a(() => {
+    const o = t.current, f = i.current;
+    if (!o || !f) return;
+    l();
+    const r = new ResizeObserver(() => {
+      l();
+    });
+    return r.observe(o), r.observe(f), () => {
+      r.disconnect();
+    };
+  }, []), /* @__PURE__ */ x(
+    "div",
+    {
+      className: y(
+        "gf-w-full gf-bg-white gf-relative gf-overflow-hidden",
+        m
+      ),
+      style: { height: typeof s == "number" ? `${s}px` : s },
+      ...v,
+      children: [
+        /* @__PURE__ */ n(
+          "div",
+          {
+            className: "gf-h-full gf-w-full gf-overflow-auto gf-no-scrollbar",
+            onScroll: l,
+            ref: t,
+            children: /* @__PURE__ */ n("div", { ref: i, children: p })
+          }
+        ),
+        d && /* @__PURE__ */ n(
+          "div",
+          {
+            className: " gf-w-full gf-absolute gf-top-0 gf-left-0 gf-z-40 gf-bg-gradient-to-b gf-from-white gf-via-white/80 gf-to-transparent gf-pointer-events-none",
+            style: {
+              height: typeof e == "number" ? `${e}px` : e
+            }
+          }
+        ),
+        w && /* @__PURE__ */ n(
+          "div",
+          {
+            className: " gf-w-full gf-absolute gf-bottom-0 gf-left-0 gf-z-40 gf-bg-gradient-to-t gf-from-white gf-via-white/80 gf-to-transparent gf-pointer-events-none",
+            style: {
+              height: typeof e == "number" ? `${e}px` : e
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  N as GradientScroll
+};

package/dist/Icons/APIIcon/APIIcon.js

@@ -0,0 +1,37 @@
+import { jsxs as s, jsx as C } from "react/jsx-runtime";
+const i = (e) => /* @__PURE__ */ s(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...e,
+    children: [
+      /* @__PURE__ */ C(
+        "mask",
+        {
+          id: "mask0_24315_24445",
+          style: { maskType: "alpha" },
+          maskUnits: "userSpaceOnUse",
+          x: "0",
+          y: "0",
+          width: "16",
+          height: "16",
+          children: /* @__PURE__ */ C("rect", { width: "16", height: "16", fill: "#D9D9D9" })
+        }
+      ),
+      /* @__PURE__ */ C("g", { mask: "url(#mask0_24315_24445)", children: /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M9.51267 13V12H11.16C11.396 12 11.5949 11.9201 11.7568 11.7603C11.9188 11.6004 11.9998 11.4068 11.9998 11.1795V9.80767C11.9998 9.41111 12.1178 9.05556 12.3537 8.741C12.5896 8.42644 12.8968 8.20767 13.2755 8.08467V7.91533C12.8968 7.79233 12.5896 7.57356 12.3537 7.259C12.1178 6.94444 11.9998 6.58889 11.9998 6.19233V4.8205C11.9998 4.59317 11.9188 4.39956 11.7568 4.23967C11.5949 4.07989 11.396 4 11.16 4H9.51267V3H11.16C11.6729 3 12.1077 3.17733 12.4645 3.532C12.8214 3.88678 12.9998 4.31628 12.9998 4.8205V6.19233C12.9998 6.42822 13.0829 6.62611 13.2492 6.786C13.4154 6.94578 13.6186 7.02567 13.8588 7.02567H14.3332V8.97433H13.8588C13.6186 8.97433 13.4154 9.05422 13.2492 9.214C13.0829 9.37389 12.9998 9.57178 12.9998 9.80767V11.1795C12.9998 11.6837 12.8214 12.1132 12.4645 12.468C12.1077 12.8227 11.6729 13 11.16 13H9.51267ZM4.83967 13C4.33112 13 3.89734 12.8227 3.53834 12.468C3.17934 12.1132 2.99984 11.6837 2.99984 11.1795V9.80767C2.99984 9.57178 2.91673 9.37389 2.7505 9.214C2.58428 9.05422 2.38106 8.97433 2.14084 8.97433H1.6665V7.02567H2.14084C2.38106 7.02567 2.58428 6.94578 2.7505 6.786C2.91673 6.62611 2.99984 6.42822 2.99984 6.19233V4.8205C2.99984 4.31628 3.17934 3.88678 3.53834 3.532C3.89734 3.17733 4.33112 3 4.83967 3H6.49334V4H4.83967C4.608 4 4.41012 4.07989 4.246 4.23967C4.08189 4.39956 3.99984 4.59317 3.99984 4.8205V6.19233C3.99984 6.58889 3.88295 6.94444 3.64917 7.259C3.41539 7.57356 3.10706 7.79233 2.72417 7.91533V8.08467C3.10706 8.20767 3.41539 8.42644 3.64917 8.741C3.88295 9.05556 3.99984 9.41111 3.99984 9.80767V11.1795C3.99984 11.4068 4.08189 11.6004 4.246 11.7603C4.41012 11.9201 4.608 12 4.83967 12H6.49334V13H4.83967Z",
+          fill: "currentColor"
+        }
+      ) })
+    ]
+  }
+);
+export {
+  i as APIIcon
+};

package/dist/Icons/AddIcon/AddIcon.js

@@ -0,0 +1,16 @@
+import { jsx as r } from "react/jsx-runtime";
+const e = (t) => /* @__PURE__ */ r(
+  "svg",
+  {
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: /* @__PURE__ */ r("path", { d: "M5.16797 6.83332H0.167969V5.16666H5.16797V0.166656H6.83464V5.16666H11.8346V6.83332H6.83464V11.8333H5.16797V6.83332Z" })
+  }
+);
+export {
+  e as AddIcon
+};