@breadcoop/ui 1.0.25 → 2.0.0

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
+};

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface NavbarMenuProps {
+    textClassName: string;
+    mobileHeader: ReactNode;
+    children: ReactNode;
+    footer?: ReactNode;
+}
+declare function NavbarMenu({ textClassName, mobileHeader, children, footer, }: NavbarMenuProps): react_jsx_runtime.JSX.Element;
+
+export { NavbarMenu };

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

@@ -0,0 +1,57 @@
+"use client";
+import "../../chunk-FWCSY2DS.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { ListIcon, XIcon } from "@phosphor-icons/react/dist/ssr";
+function NavbarMenu({
+  textClassName,
+  mobileHeader,
+  children,
+  footer
+}) {
+  const menuRef = useRef(null);
+  const toggleMenu = (close = false) => {
+    var _a, _b;
+    if (close) {
+      (_a = menuRef.current) == null ? void 0 : _a.classList.remove("translate-x-0!");
+      return;
+    }
+    (_b = menuRef.current) == null ? void 0 : _b.classList.toggle("translate-x-0!");
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => toggleMenu(),
+        className: `ml-auto relative w-10 h-10 flex flex-col items-center justify-center space-y-1.5 focus:outline-none group md:hidden ${textClassName}`,
+        "aria-label": "Toggle menu",
+        children: /* @__PURE__ */ jsx(ListIcon, { size: 32 })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: menuRef,
+        className: "bg-paper-main fixed overflow-y-scroll top-0 left-0 z-50 h-screen w-screen py-2.5 px-6 transition-transform translate-x-full md:static md:h-auto md:w-auto md:translate-x-0 md:py-0 md:px-0 md:flex md:items-center md:justify-end md:overflow-x-visible md:overflow-y-visible md:transition-none md:z-auto",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-6 md:hidden", children: [
+            mobileHeader,
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: `z-60 h-8 w-8 ml-auto block md:hidden ${textClassName}`,
+                onClick: () => toggleMenu(true),
+                children: /* @__PURE__ */ jsx(XIcon, { size: 32 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { onClick: () => toggleMenu(true), children }),
+          footer
+        ]
+      }
+    )
+  ] });
+}
+export {
+  NavbarMenu
+};

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

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, ComponentType, AnchorHTMLAttributes } from 'react';
+import { App } from '../../interface/app.mjs';
+import { NavAccountDetailsProps } from './account-widget.mjs';
+import 'wagmi';
+import '@wagmi/core';
+import 'viem';
+
+type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
+    href: string;
+    children?: React.ReactNode;
+};
+interface NavbarProps extends Pick<NavAccountDetailsProps, "widgetItems" | "actionItems"> {
+    app: App;
+    children: ReactNode;
+    className?: string;
+    /**
+     * The link component of your framework (next/link, react-router-dom Link, etc).
+     * Must accept `href`.
+     */
+    Link: ComponentType<LinkProps>;
+}
+declare function Navbar({ app, children, className, widgetItems, actionItems, Link, }: NavbarProps): react_jsx_runtime.JSX.Element;
+
+export { Navbar };

package/dist/components/navbar/navbar.mjs

@@ -0,0 +1,63 @@
+import "../../chunk-FWCSY2DS.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { NavSolidarityApps, NavSolidarityAppsDesktop } from "./solidarity-apps.mjs";
+import { Logo } from "../Logo/index.mjs";
+import { appsConfig } from "../../utils/app.mjs";
+import AccountSection from "./account-section.mjs";
+import { NavbarMenu } from "./navbar-menu.mjs";
+function Navbar({
+  app,
+  children,
+  className = "",
+  widgetItems,
+  actionItems,
+  Link
+}) {
+  const appConfig = appsConfig[app];
+  const logoColor = app === "net" ? "jade" : app === "stacks" ? "blue" : "orange";
+  const logoText = app === "net" ? "Safety Net" : app === "stacks" ? "Stacks" : "Solidarity fund";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `relative py-2.5 flex items-center justify-between ${className}`,
+      children: [
+        /* @__PURE__ */ jsxs(Link, { href: "/", children: [
+          /* @__PURE__ */ jsx(Logo, { size: 24, color: logoColor, className: "md:hidden" }),
+          /* @__PURE__ */ jsx("span", { className: "hidden md:block lg:text-2xl", children: /* @__PURE__ */ jsx(Logo, { text: "BREAD", size: 24, color: logoColor }) })
+        ] }),
+        /* @__PURE__ */ jsx(NavSolidarityAppsDesktop, { app, label: logoText }),
+        /* @__PURE__ */ jsx(
+          NavbarMenu,
+          {
+            textClassName: appConfig.text,
+            mobileHeader: /* @__PURE__ */ jsx(Link, { href: "/", children: /* @__PURE__ */ jsx(Logo, { color: logoColor, text: logoText }) }),
+            footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                NavSolidarityApps,
+                {
+                  showTitle: true,
+                  showSelected: true,
+                  rearranged: true,
+                  current: app,
+                  className: "mt-6 md:hidden"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                AccountSection,
+                {
+                  app,
+                  widgetItems,
+                  actionItems
+                }
+              )
+            ] }),
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Navbar
+};

package/dist/components/navbar/solidarity-apps.d.mts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { App } from '../../interface/app.mjs';
+
+interface NavSolidarityAppsProps {
+    current?: App;
+    className?: string;
+    showTitle?: boolean;
+    showSelected?: boolean;
+    rearranged?: boolean;
+}
+declare const NavSolidarityApps: ({ current, className, showTitle, showSelected, rearranged, }: NavSolidarityAppsProps) => react_jsx_runtime.JSX.Element;
+declare const NavSolidarityAppsDesktop: ({ label, app, }: {
+    app: App;
+    label: string;
+}) => react_jsx_runtime.JSX.Element;
+
+export { NavSolidarityApps, NavSolidarityAppsDesktop };