@breadcoop/ui 1.0.28 → 2.0.1

package/dist/components/footer/footer.mjs

@@ -0,0 +1,222 @@
+import "../../chunk-FWCSY2DS.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  GithubLogoIcon,
+  LinkedinLogoIcon,
+  YoutubeLogoIcon,
+  DiscordLogoIcon,
+  XLogoIcon,
+  EnvelopeSimpleIcon,
+  ArrowUpRightIcon
+} from "@phosphor-icons/react/dist/ssr";
+import { LINKS } from "../../constansts/links.mjs";
+import { Body } from "../typography/Typography.mjs";
+import { Logo } from "../Logo/index.mjs";
+import { SOLIDARITY_TOOLS } from "../../constansts/tools.mjs";
+function SocialIcons({ className = "" }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `flex items-center justify-center md:justify-start gap-5 pb-6 md:pb-0 ${className}`,
+      children: [
+        /* @__PURE__ */ jsx("a", { href: LINKS.youtube, className: "block", children: /* @__PURE__ */ jsx(YoutubeLogoIcon, { className: "w-6 h-6 text-surface-ink" }) }),
+        /* @__PURE__ */ jsx("a", { href: LINKS.linkedin, className: "block", children: /* @__PURE__ */ jsx(LinkedinLogoIcon, { className: "w-6 h-6 text-surface-ink" }) }),
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: LINKS.github,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "block",
+            children: /* @__PURE__ */ jsx(GithubLogoIcon, { className: "w-6 h-6 text-surface-ink" })
+          }
+        ),
+        /* @__PURE__ */ jsx("a", { href: LINKS.discord, className: "block", children: /* @__PURE__ */ jsx(DiscordLogoIcon, { className: "w-6 h-6 text-surface-ink" }) }),
+        /* @__PURE__ */ jsx("a", { href: LINKS.twitter, className: "block", children: /* @__PURE__ */ jsx(XLogoIcon, { className: "w-6 h-6 text-surface-ink" }) }),
+        /* @__PURE__ */ jsx("a", { href: LINKS.newsletter, className: "block", children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: "/paragraph.png",
+            alt: "Paragraph icon",
+            width: 24,
+            height: 24,
+            className: "p-0.75 w-5 h-5 text-surface-ink"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("a", { href: LINKS.farcaster, className: "block", children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: "/farcaster-icon.png",
+            alt: "Farcaser icon",
+            width: 24,
+            height: 24,
+            className: "p-0.75 w-5 h-5 text-surface-ink"
+          }
+        ) })
+      ]
+    }
+  );
+}
+function FooterLink({
+  href,
+  children,
+  isExternal = false,
+  mode
+}) {
+  const isDisabled = !href || href.trim() === "";
+  if (isDisabled) {
+    return /* @__PURE__ */ jsx(Body, { className: "text-surface-ink font-breadBody flex items-center gap-2 opacity-50 ", children });
+  }
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href,
+      target: isExternal ? "_blank" : "_self",
+      rel: isExternal ? "noopener noreferrer" : "",
+      className: `font-breadBody flex items-center gap-2 ${mode === "colored" ? "text-surface-ink hover:text-paper-0" : ""}`,
+      children: [
+        children,
+        isExternal && /* @__PURE__ */ jsx(ArrowUpRightIcon, { className: "w-6 h-6 text-orange-0" })
+      ]
+    }
+  );
+}
+function Footer({
+  className = "",
+  topClassName = "",
+  infoClassName = "",
+  mode = "colored"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "footer",
+    {
+      className: `px-4 py-12 ${mode === "colored" ? "bg-primary-orange text-white" : "bg-transparent text-surface-ink"} ${className}`,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `mb-8 max-w-79.5 mx-auto md:max-w-7xl xl:flex xl:gap-4 ${topClassName}`,
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: `md:flex md:items-center md:justify-between md:mb-8 xl:flex-col xl:w-full xl:max-w-max ${infoClassName}`,
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center md:items-start mb-4 md:mb-0 xl:mb-6", children: [
+                      /* @__PURE__ */ jsx("div", { className: "flex uppercase text-2xl  items-center gap-3 mb-2", children: /* @__PURE__ */ jsx(
+                        Logo,
+                        {
+                          text: "Bread Cooperative",
+                          size: 23,
+                          color: mode === "colored" ? "white" : void 0
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx("p", { className: "font-breadBody text-center md:text-left", children: "Solidarity forever." })
+                    ] }),
+                    /* @__PURE__ */ jsx("div", { className: "mb-4 xl:w-full", children: /* @__PURE__ */ jsx(SocialIcons, { className: "xl:gap-4" }) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 md:flex-row md:justify-between xl:w-full xl:max-w-212 xl:ml-auto", children: [
+                /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+                  /* @__PURE__ */ jsx(
+                    Body,
+                    {
+                      className: `text-lg mb-4 ${mode === "transparent" ? "text-core-orange" : ""}`,
+                      children: "Cooperative"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("ul", { className: "space-y-3", children: [
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(FooterLink, { mode, href: LINKS.docs, children: "Documentation" }) }),
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(FooterLink, { mode, href: LINKS.newsletter, children: "Blog" }) }),
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                      FooterLink,
+                      {
+                        mode,
+                        href: LINKS.contributorForm,
+                        children: "Contribute"
+                      }
+                    ) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+                  /* @__PURE__ */ jsx(
+                    Body,
+                    {
+                      className: `text-lg mb-4 ${mode === "transparent" ? "text-core-orange" : ""}`,
+                      children: "Solidarity tools"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: SOLIDARITY_TOOLS.map((tool) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                    FooterLink,
+                    {
+                      href: tool.webLink || "",
+                      isExternal: !tool.comingSoon,
+                      children: tool.title
+                    }
+                  ) }, tool.id)) })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+                  /* @__PURE__ */ jsx(
+                    Body,
+                    {
+                      className: `text-lg mb-4 ${mode === "transparent" ? "text-core-orange" : ""}`,
+                      children: "Reach out"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "a",
+                    {
+                      href: "mailto:contact@bread.coop",
+                      className: `font-breadBody flex items-center gap-2 ${mode === "colored" ? "text-surface-ink hover:text-paper-0" : ""}`,
+                      children: [
+                        /* @__PURE__ */ jsx(EnvelopeSimpleIcon, { className: "w-6 h-6 text-orange-0" }),
+                        "contact@bread.coop"
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+                  /* @__PURE__ */ jsx(
+                    Body,
+                    {
+                      className: `text-lg mb-4 ${mode === "transparent" ? "text-core-orange" : ""}`,
+                      children: "Support us"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("ul", { className: "space-y-3", children: [
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                      FooterLink,
+                      {
+                        mode,
+                        href: LINKS.giveth,
+                        isExternal: true,
+                        children: "Donate in crypto"
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                      FooterLink,
+                      {
+                        mode,
+                        href: LINKS.openCollective,
+                        isExternal: true,
+                        children: "Donate in fiat"
+                      }
+                    ) })
+                  ] })
+                ] })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "border-t border-orange-0 pt-6 flex flex-col justify-between items-center gap-4 md:flex-row md:mx-auto md:max-w-7xl", children: [
+          /* @__PURE__ */ jsx(Body, { className: "text-sm", children: "Creative Commons \xA9BREAD Cooperative" }),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx(Body, { className: "text-sm", children: "All Rights Reserved" }) })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  Footer as default
+};

package/dist/components/loading-icon.d.mts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { App } from '../interface/app.mjs';
+
+declare function LoadingIcon({ app, className, }: {
+    app: App;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { LoadingIcon };

package/dist/components/loading-icon.mjs

@@ -0,0 +1,49 @@
+import "../chunk-FWCSY2DS.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../utils/index.mjs";
+function LoadingIcon({
+  app,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("relative w-8 h-8", className), children: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: "w-full h-full transform -rotate-90",
+      viewBox: "0 0 120 120",
+      children: [
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "60",
+            cy: "60",
+            r: "50",
+            fill: "none",
+            strokeWidth: "20",
+            className: app === "fund" ? "stroke-orange-2" : app === "stacks" ? "stroke-[#B9D5FF]" : "stroke-[#CBE9E5]"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "60",
+            cy: "60",
+            r: "50",
+            fill: "none",
+            strokeWidth: "20",
+            strokeDasharray: "314",
+            strokeDashoffset: "235",
+            strokeLinecap: "round",
+            className: cn(
+              "origin-center animate-spin",
+              app === "fund" ? "stroke-orange-0" : app === "stacks" ? "stroke-primary-blue" : "stroke-primary-jade"
+            ),
+            style: { animationDuration: "2s" }
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  LoadingIcon
+};

package/dist/components/navbar/account-menu.d.mts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Address } from 'viem';
+import { NavAccountDetailsProps } from './account-widget.mjs';
+import { App } from '../../interface/app.mjs';
+import 'react';
+import 'wagmi';
+import '@wagmi/core';
+
+interface AccountMenuProps extends Pick<NavAccountDetailsProps, "widgetItems" | "ensNameResult" | "actionItems"> {
+    userAddress: Address;
+    app: App;
+}
+declare const AccountMenu: ({ userAddress, ensNameResult, app, widgetItems, actionItems }: AccountMenuProps) => react_jsx_runtime.JSX.Element;
+
+export { type AccountMenuProps, AccountMenu as default };

package/dist/components/navbar/account-menu.mjs

@@ -0,0 +1,48 @@
+"use client";
+import "../../chunk-FWCSY2DS.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as NavigationMenu from "@radix-ui/react-navigation-menu";
+import { Body } from "../typography/Typography.mjs";
+import { truncateAddress } from "../../utils/truncate-address.mjs";
+import { CaretDownIcon } from "@phosphor-icons/react";
+import NavAccountDetails from "./account-widget.mjs";
+import { appsConfig } from "../../utils/app.mjs";
+const AccountMenu = ({
+  userAddress,
+  ensNameResult,
+  app,
+  widgetItems,
+  actionItems
+}) => {
+  return /* @__PURE__ */ jsxs(NavigationMenu.Root, { className: "relative", children: [
+    /* @__PURE__ */ jsx(NavigationMenu.List, { children: /* @__PURE__ */ jsxs(NavigationMenu.Item, { children: [
+      /* @__PURE__ */ jsx(NavigationMenu.Trigger, { className: "group w-full", children: /* @__PURE__ */ jsxs(
+        Body,
+        {
+          bold: true,
+          className: "w-full flex items-center justify-center gap-2.5 truncate text-ellipsis py-3 px-6 bg-paper-2 border border-surface-ink font-bold",
+          children: [
+            ensNameResult.data || truncateAddress(userAddress || ""),
+            /* @__PURE__ */ jsx("span", { className: appsConfig[app].text, children: /* @__PURE__ */ jsx(CaretDownIcon, {}) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(NavigationMenu.Content, { className: "w-max", children: /* @__PURE__ */ jsx(
+        NavAccountDetails,
+        {
+          className: "border w-full md:w-screen md:max-w-110.75 md:bg-paper-main md:border-paper-2",
+          userAddress,
+          ensNameResult,
+          app,
+          widgetItems,
+          actionItems
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsx(NavigationMenu.Viewport, { className: "nav-account-menu absolute top-14 right-0 z-20 left-0 md:left-auto" })
+  ] });
+};
+var account_menu_default = AccountMenu;
+export {
+  account_menu_default as default
+};

package/dist/components/navbar/account-section.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { App } from '../../interface/app.mjs';
+import { NavAccountDetailsProps } from './account-widget.mjs';
+import 'react';
+import 'wagmi';
+import '@wagmi/core';
+import 'viem';
+
+interface AccountSectionProps extends Pick<NavAccountDetailsProps, "widgetItems" | "actionItems"> {
+    app: App;
+}
+declare const AccountSection: ({ app, widgetItems, actionItems }: AccountSectionProps) => react_jsx_runtime.JSX.Element;
+
+export { AccountSection as default };

package/dist/components/navbar/account-section.mjs

@@ -0,0 +1,68 @@
+"use client";
+import "../../chunk-FWCSY2DS.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useAccount, useEnsName } from "wagmi";
+import { usePrivy, useWallets } from "@privy-io/react-auth";
+import { LoginButton } from "../auth/index.mjs";
+import { useConnectedUser } from "../connected-user/index.mjs";
+import AccountMenu from "./account-menu.mjs";
+import { SignInIcon } from "@phosphor-icons/react/dist/ssr";
+import { useAuthProvider } from "../../context/lib.mjs";
+import { useMemo } from "react";
+const AccountSection = ({ app, widgetItems, actionItems }) => {
+  const { user } = useConnectedUser();
+  const authProvider = useAuthProvider();
+  const { address: wagmiAddress } = useAccount();
+  const wagmiEnsName = useEnsName({
+    address: wagmiAddress,
+    query: { enabled: Boolean(wagmiAddress) && authProvider === "general" }
+  });
+  const { ready: privyReady } = usePrivy();
+  const { wallets } = useWallets();
+  const { address, ensNameResult } = useMemo(() => {
+    if (authProvider === "privy") {
+      const activeWallet = wallets.find(
+        (wallet) => {
+          var _a;
+          return wallet.walletClientType === "privy" || wallet.walletClientType === "embedded_wallet" || ((_a = wallet.walletClientType) == null ? void 0 : _a.includes("embedded"));
+        }
+      );
+      return {
+        address: activeWallet == null ? void 0 : activeWallet.address,
+        ensNameResult: {
+          data: void 0,
+          isLoading: !privyReady,
+          isError: false
+        }
+      };
+    }
+    return {
+      address: wagmiAddress,
+      ensNameResult: wagmiEnsName
+    };
+  }, [authProvider, wallets, privyReady, wagmiAddress, wagmiEnsName]);
+  if (user.status === "CONNECTED" && address) {
+    return /* @__PURE__ */ jsx(
+      AccountMenu,
+      {
+        widgetItems,
+        actionItems,
+        userAddress: address,
+        ensNameResult,
+        app
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: "mt-6 md:mt-0", children: /* @__PURE__ */ jsx(
+    LoginButton,
+    {
+      app,
+      status: user.status,
+      rightIcon: /* @__PURE__ */ jsx(SignInIcon, { size: 24 })
+    }
+  ) });
+};
+var account_section_default = AccountSection;
+export {
+  account_section_default as default
+};

package/dist/components/navbar/account-widget-item.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Icon } from '@phosphor-icons/react';
+import { ReactNode } from 'react';
+
+declare const NavAccountWidgetItem: ({ I, label, children, appIconColor, }: {
+    I: Icon;
+    appIconColor: string;
+    label: string;
+    children: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+export { NavAccountWidgetItem as default };

package/dist/components/navbar/account-widget-item.mjs

@@ -0,0 +1,21 @@
+"use client";
+import "../../chunk-FWCSY2DS.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Body } from "../typography/Typography.mjs";
+const NavAccountWidgetItem = ({
+  I,
+  label,
+  children,
+  appIconColor
+}) => {
+  return /* @__PURE__ */ jsxs("li", { className: clsx("flex items-center justify-start gap-2"), children: [
+    /* @__PURE__ */ jsx(I, { size: 24, className: appIconColor }),
+    /* @__PURE__ */ jsx(Body, { className: "mr-auto ml-2", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center gap-2", children })
+  ] });
+};
+var account_widget_item_default = NavAccountWidgetItem;
+export {
+  account_widget_item_default as default
+};

package/dist/components/navbar/account-widget.d.mts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { UseEnsNameReturnType } from 'wagmi';
+import { GetEnsNameReturnType } from '@wagmi/core';
+import { App } from '../../interface/app.mjs';
+import { Address } from 'viem';
+
+interface NavAccountDetailsProps {
+    userAddress: Address;
+    ensNameResult: UseEnsNameReturnType<GetEnsNameReturnType> | {
+        data: string | undefined;
+        isLoading: boolean;
+        isError: boolean;
+    };
+    className?: string;
+    app: App;
+    widgetItems?: ReactNode;
+    actionItems?: ReactNode;
+}
+declare const NavAccountDetails: ({ className, userAddress, ensNameResult, app, widgetItems, actionItems, }: NavAccountDetailsProps) => react_jsx_runtime.JSX.Element;
+
+export { type NavAccountDetailsProps, NavAccountDetails as default };

package/dist/components/navbar/account-widget.mjs

@@ -0,0 +1,118 @@
+"use client";
+import "../../chunk-FWCSY2DS.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  ArrowUpRightIcon,
+  GraphIcon,
+  UserCircleIcon,
+  WalletIcon
+} from "@phosphor-icons/react";
+import clsx from "clsx";
+import { Body } from "../typography/Typography.mjs";
+import { truncateAddress } from "../../utils/truncate-address.mjs";
+import { Logo } from "../Logo/index.mjs";
+import LogoutButton from "./log-out.mjs";
+import { appsConfig } from "../../utils/app.mjs";
+import { useBreadBalance } from "../../hooks/use-bread-balance.mjs";
+import NavAccountWidgetItem from "./account-widget-item.mjs";
+import { FormattedDecimalNumber } from "../typography/formatted-dec-num.mjs";
+import { CopyButtonIcon } from "../buttons/index.mjs";
+import { useConnectedUser } from "../connected-user/index.mjs";
+const chainsIcon = {
+  100: "/gnosis_icon.svg"
+};
+const NavAccountDetails = ({
+  className,
+  userAddress,
+  ensNameResult,
+  app,
+  widgetItems,
+  actionItems
+}) => {
+  var _a, _b, _c;
+  const { BREAD } = useBreadBalance({ address: userAddress });
+  const { user } = useConnectedUser();
+  const appIconColor = appsConfig[app].text;
+  const chain = user.status === "CONNECTED" || user.status === "UNSUPPORTED_CHAIN" ? user.chain : void 0;
+  const blockExplorerUrl = (_b = (_a = chain == null ? void 0 : chain.blockExplorers) == null ? void 0 : _a.default.url) != null ? _b : "https://gnosisscan.io";
+  const scanLink = `${blockExplorerUrl}/address/`;
+  const chainName = (_c = chain == null ? void 0 : chain.name) != null ? _c : "Unknown";
+  const chainIcon = chain ? chainsIcon[chain.id] : void 0;
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: clsx(
+        "bg-paper-2 p-5 flex flex-col gap-4 w-full max-w-md",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          NavAccountWidgetItem,
+          {
+            I: UserCircleIcon,
+            appIconColor,
+            label: ensNameResult.data || truncateAddress(userAddress || ""),
+            children: [
+              /* @__PURE__ */ jsx(
+                CopyButtonIcon,
+                {
+                  textToCopy: ensNameResult.data || userAddress
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: scanLink + (userAddress || ""),
+                  className: "text-surface-grey",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  children: /* @__PURE__ */ jsx(ArrowUpRightIcon, { size: 24 })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          NavAccountWidgetItem,
+          {
+            I: WalletIcon,
+            appIconColor,
+            label: "Bread Balance",
+            children: /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Logo, { size: 24 }),
+              /* @__PURE__ */ jsx(Body, { children: /* @__PURE__ */ jsx(FormattedDecimalNumber, { value: BREAD }) })
+            ] })
+          }
+        ),
+        widgetItems,
+        /* @__PURE__ */ jsx(
+          NavAccountWidgetItem,
+          {
+            I: GraphIcon,
+            appIconColor,
+            label: "Network",
+            children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center", children: [
+              chainIcon && /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: chainIcon,
+                  alt: "",
+                  width: 24,
+                  height: 24,
+                  className: "mr-2"
+                }
+              ),
+              /* @__PURE__ */ jsx(Body, { className: "font-bold", children: chainName })
+            ] })
+          }
+        ),
+        actionItems,
+        /* @__PURE__ */ jsx(LogoutButton, { className: "mt-1" })
+      ]
+    }
+  );
+};
+var account_widget_default = NavAccountDetails;
+export {
+  account_widget_default as default
+};

package/dist/components/navbar/index.d.mts

@@ -0,0 +1,11 @@
+export { NavSolidarityApps, NavSolidarityAppsDesktop } from './solidarity-apps.mjs';
+export { Navbar } from './navbar.mjs';
+export { default as NavAccountWidgetItem } from './account-widget-item.mjs';
+import 'react/jsx-runtime';
+import '../../interface/app.mjs';
+import 'react';
+import './account-widget.mjs';
+import 'wagmi';
+import '@wagmi/core';
+import 'viem';
+import '@phosphor-icons/react';

package/dist/components/navbar/index.mjs

@@ -0,0 +1,10 @@
+import "../../chunk-FWCSY2DS.mjs";
+import { NavSolidarityApps, NavSolidarityAppsDesktop } from "./solidarity-apps.mjs";
+import { Navbar } from "./navbar.mjs";
+import { default as default2 } from "./account-widget-item.mjs";
+export {
+  default2 as NavAccountWidgetItem,
+  NavSolidarityApps,
+  NavSolidarityAppsDesktop,
+  Navbar
+};

package/dist/components/navbar/log-out.d.mts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const LogoutButton: ({ className }: {
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+export { LogoutButton as default };

package/dist/components/navbar/log-out.mjs

@@ -0,0 +1,34 @@
+"use client";
+import "../../chunk-FWCSY2DS.mjs";
+import { jsx } from "react/jsx-runtime";
+import { SignOutIcon } from "@phosphor-icons/react";
+import clsx from "clsx";
+import { useDisconnect } from "wagmi";
+import { usePrivy } from "@privy-io/react-auth";
+import LiftedButton from "../LiftedButton/LiftedButton.mjs";
+import { useAuthProvider } from "../../context/lib.mjs";
+const LogoutButton = ({ className }) => {
+  const authProvider = useAuthProvider();
+  const { disconnect: wagmiDisconnect } = useDisconnect();
+  const { logout: privyLogout } = usePrivy();
+  const handleLogout = () => {
+    if (authProvider === "privy") {
+      privyLogout();
+    } else {
+      wagmiDisconnect();
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: clsx("lifted-button-container", className), children: /* @__PURE__ */ jsx(
+    LiftedButton,
+    {
+      preset: "burn",
+      rightIcon: /* @__PURE__ */ jsx(SignOutIcon, {}),
+      onClick: handleLogout,
+      children: "Sign out"
+    }
+  ) });
+};
+var log_out_default = LogoutButton;
+export {
+  log_out_default as default
+};