@breadcoop/ui 1.0.25 → 2.0.0

package/dist/components/navbar/solidarity-apps.mjs

@@ -0,0 +1,167 @@
+"use client";
+import "../../chunk-FWCSY2DS.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as NavigationMenu from "@radix-ui/react-navigation-menu";
+import { LINKS } from "../../constansts/links.mjs";
+import { appsConfig } from "../../utils/app.mjs";
+import { Body, Caption } from "../typography/Typography.mjs";
+const _apps = [
+  {
+    id: "fund",
+    label: "Solidarity Fund",
+    desc: "Give without giving",
+    color: "text-[#EA5817]",
+    comingSoon: false,
+    webLink: LINKS.solidarityFund
+  },
+  {
+    id: "stacks",
+    label: "Stacks",
+    desc: "Stack money together.",
+    color: "text-[#1C5BB9]",
+    comingSoon: false,
+    webLink: LINKS.stacks
+  },
+  {
+    id: "net",
+    label: "Safety Net",
+    desc: "Cover each other.",
+    color: "text-[#286B63]",
+    comingSoon: true
+  }
+];
+const AppPageContent = ({
+  app,
+  selected,
+  appConfig
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: `mr-2 ${app.color}`, children: /* @__PURE__ */ jsx(AppSvg, {}) }),
+    /* @__PURE__ */ jsxs("div", { className: "mr-auto", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-start font-bold", children: [
+        /* @__PURE__ */ jsx(Body, { children: app.label }),
+        app.comingSoon && /* @__PURE__ */ jsx(Caption, { className: `text-xs ml-2 ${appConfig.text}`, children: "Coming soon" })
+      ] }),
+      /* @__PURE__ */ jsx(Body, { className: "font-light text-surface-grey-2", children: app.desc })
+    ] }),
+    selected && /* @__PURE__ */ jsx(Caption, { className: "font-bold text-system-green", children: "Selected" })
+  ] });
+};
+const NavSolidarityApps = ({
+  current = "stacks",
+  className = "",
+  showTitle,
+  showSelected,
+  rearranged
+}) => {
+  const apps = rearranged ? [..._apps].sort((a, b) => {
+    if (a.id === current) return -1;
+    if (b.id === current) return 1;
+    return 0;
+  }) : [..._apps];
+  const appConfig = appsConfig[current];
+  return /* @__PURE__ */ jsxs("section", { className, children: [
+    showTitle && /* @__PURE__ */ jsx(Body, { className: "text-surface-grey mb-4", children: "Solidarity apps" }),
+    /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: [...apps].map((app) => {
+      const isLink = !app.comingSoon && app.webLink && current !== app.id;
+      return /* @__PURE__ */ jsx(
+        "li",
+        {
+          className: `${isLink ? "" : `flex items-center justify-start p-2.5 border ${current === app.id ? appConfig.border : "border-transparent"}`}`,
+          children: isLink ? /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: app.webLink,
+              className: "flex items-center justify-start p-2.5 border border-transparent",
+              children: /* @__PURE__ */ jsx(
+                AppPageContent,
+                {
+                  app,
+                  selected: showSelected && current === app.id,
+                  appConfig
+                }
+              )
+            }
+          ) : /* @__PURE__ */ jsx(
+            AppPageContent,
+            {
+              app,
+              selected: showSelected && current === app.id,
+              appConfig
+            }
+          )
+        },
+        app.id
+      );
+    }) })
+  ] });
+};
+const NavSolidarityAppsDesktop = ({
+  label,
+  app
+}) => {
+  const appConfig = appsConfig[app];
+  return /* @__PURE__ */ jsxs(NavigationMenu.Root, { className: "hidden md:block md:mr-auto md:ml-2 relative", children: [
+    /* @__PURE__ */ jsx(NavigationMenu.List, { children: /* @__PURE__ */ jsxs(NavigationMenu.Item, { children: [
+      /* @__PURE__ */ jsx(NavigationMenu.Trigger, { className: "group", children: /* @__PURE__ */ jsxs(Body, { className: "md:text-surface-grey-2 md:inline-flex md:items-center md:justify-center md:gap-2 lg:text-2xl lg:mt-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "capitalize", children: label }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `transition-transform duration-300 group-data-[state=open]:rotate-180 md:mt-[-0.0625rem] lg:-mt-1 ${appConfig.text}`,
+            children: /* @__PURE__ */ jsx(Caret, {})
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx(NavigationMenu.Content, { className: "w-80", children: /* @__PURE__ */ jsx("div", { className: "bg-paper-main border border-paper-2 overflow-hidden", children: /* @__PURE__ */ jsx(
+        NavSolidarityApps,
+        {
+          current: app,
+          className: "py-6 px-8"
+        }
+      ) }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(NavigationMenu.Viewport, { className: "absolute left-0 top-full mt-2 z-50" })
+  ] });
+};
+const AppSvg = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M16 0C24.8366 0 32 7.16335 32 16C32 24.8367 24.8366 32 16 32C7.16344 32 0 24.8367 0 16C4.9478e-05 7.16338 7.16347 4.22665e-05 16 0ZM19.7451 5.26758C16.7609 2.21844 11.5944 3.69932 11.2129 8.1084C10.7367 13.1418 7.08515 10.4095 4.37207 13.209C3.57018 14.1331 3.09185 15.4252 3.25195 16.6406C3.48647 18.3313 4.79986 19.7729 6.47461 20.1816C8.37936 20.6899 10.3536 20.4661 10.998 22.8066C11.3659 24.3564 11.24 25.7879 12.5215 26.9971C14.7593 29.1037 18.8138 28.8489 20.2656 26.001C20.7711 25.1101 20.8462 24.0581 21.0332 23.0723C21.2229 22.0263 21.8496 21.1879 22.834 20.8311C24.1704 20.3049 25.8365 20.3974 27.0664 19.5332C28.357 18.6609 29.0521 16.9949 28.8203 15.4639L28.8174 15.4482H28.8184C28.5649 13.7937 27.198 12.4124 25.6309 11.9238C24.7017 11.6137 23.6703 11.6362 22.7627 11.2588C21.9437 10.9468 21.3875 10.2654 21.1387 9.43262C20.7234 7.9545 20.9069 6.48575 19.7451 5.26758ZM15.3008 12.3789C18.4435 12.0374 20.5761 13.6659 20.0713 16.9531L20.0674 16.9697V16.9688C19.8051 18.4864 18.7559 19.4563 17.2539 19.6562C16.3436 19.7996 15.3079 19.7758 14.4111 19.5625C13.9216 19.4424 13.4732 19.2458 13.1143 18.959C11.872 17.921 11.6687 15.865 12.2539 14.3994C12.7551 13.1741 14.0057 12.5072 15.3008 12.3789Z",
+        fill: "currentcolor"
+      }
+    )
+  }
+);
+const Caret = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M19.5 9L12 16.5L4.5 9",
+        stroke: "currentcolor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+export {
+  NavSolidarityApps,
+  NavSolidarityAppsDesktop
+};

package/dist/components/typography/Typography.d.mts

@@ -0,0 +1,42 @@
+import React__default from 'react';
+
+declare const fontVariables: {
+    readonly breadDisplay: "--font-breadDisplay";
+    readonly breadBody: "--font-breadBody";
+};
+declare const Typography: React__default.FC<{
+    variant: "h1" | "h2" | "h3" | "h4" | "h5" | "body" | "caption";
+    children: React__default.ReactNode;
+    className?: string;
+}>;
+declare const Heading1: React__default.FC<{
+    children: React__default.ReactNode;
+    className?: string;
+}>;
+declare const Heading2: React__default.FC<{
+    children: React__default.ReactNode;
+    className?: string;
+}>;
+declare const Heading3: React__default.FC<{
+    children: React__default.ReactNode;
+    className?: string;
+}>;
+declare const Heading4: React__default.FC<{
+    children: React__default.ReactNode;
+    className?: string;
+}>;
+declare const Heading5: React__default.FC<{
+    children: React__default.ReactNode;
+    className?: string;
+}>;
+declare const Body: React__default.FC<{
+    children: React__default.ReactNode;
+    className?: string;
+    bold?: boolean;
+}>;
+declare const Caption: React__default.FC<{
+    children: React__default.ReactNode;
+    className?: string;
+}>;
+
+export { Body, Caption, Heading1, Heading2, Heading3, Heading4, Heading5, Typography, fontVariables };

package/dist/components/typography/Typography.mjs

@@ -0,0 +1,52 @@
+import "../../chunk-FWCSY2DS.mjs";
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+const fontVariables = {
+  breadDisplay: "--font-breadDisplay",
+  breadBody: "--font-breadBody"
+};
+const Typography = ({ variant, children, className = "" }) => {
+  const baseClasses = ["h1", "h2", "h3"].includes(variant) ? "font-breadDisplay" : "font-breadBody";
+  const variantClasses = {
+    h1: "text-h1",
+    h2: "text-h2",
+    h3: "text-h3",
+    h4: "text-h4",
+    h5: "text-h5",
+    body: "text-body",
+    caption: "text-caption"
+  };
+  const Component = variant.startsWith("h") ? variant : "p";
+  return React.createElement(
+    Component,
+    {
+      className: `${baseClasses} ${variantClasses[variant]} ${className}`.trim()
+    },
+    children
+  );
+};
+const Heading1 = ({ children, className = "" }) => /* @__PURE__ */ jsx(Typography, { variant: "h1", className, children });
+const Heading2 = ({ children, className = "" }) => /* @__PURE__ */ jsx(Typography, { variant: "h2", className, children });
+const Heading3 = ({ children, className = "" }) => /* @__PURE__ */ jsx(Typography, { variant: "h3", className, children });
+const Heading4 = ({ children, className = "" }) => /* @__PURE__ */ jsx(Typography, { variant: "h4", className, children });
+const Heading5 = ({ children, className = "" }) => /* @__PURE__ */ jsx(Typography, { variant: "h5", className, children });
+const Body = ({ children, className = "", bold = false }) => /* @__PURE__ */ jsx(
+  Typography,
+  {
+    variant: "body",
+    className: `${bold ? "text-body-bold" : ""} ${className}`.trim(),
+    children
+  }
+);
+const Caption = ({ children, className = "" }) => /* @__PURE__ */ jsx(Typography, { variant: "caption", className, children });
+export {
+  Body,
+  Caption,
+  Heading1,
+  Heading2,
+  Heading3,
+  Heading4,
+  Heading5,
+  Typography,
+  fontVariables
+};

package/dist/components/typography/formatted-dec-num.d.mts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface FormattedDecimalNumberProps {
+    value: number | string;
+    className?: string;
+    integralPartClassName?: string;
+    decimalPartClassName?: string;
+    withBreadIcon?: boolean;
+    breadIconClassName?: string;
+    breadSize?: number;
+    unit?: string;
+}
+declare function FormattedDecimalNumber({ value, className, integralPartClassName, decimalPartClassName, withBreadIcon, breadIconClassName, breadSize, unit, }: FormattedDecimalNumberProps): react_jsx_runtime.JSX.Element;
+
+export { FormattedDecimalNumber };

package/dist/components/typography/formatted-dec-num.mjs

@@ -0,0 +1,40 @@
+import "../../chunk-FWCSY2DS.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/index.mjs";
+import { formatBalance } from "../../utils/formatter.mjs";
+import { Logo } from "../Logo/index.mjs";
+import { Body } from "./Typography.mjs";
+function FormattedDecimalNumber({
+  value,
+  className,
+  integralPartClassName,
+  decimalPartClassName,
+  withBreadIcon,
+  breadIconClassName,
+  breadSize = 24,
+  unit = ""
+}) {
+  const parsedValue = typeof value === "number" ? value : parseFloat(value);
+  const formattedValue = formatBalance(parsedValue, 2);
+  const [integerPart, decimalPart] = formattedValue.split(".");
+  return /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center justify-start gap-2", children: [
+    withBreadIcon && /* @__PURE__ */ jsx(Logo, { className: breadIconClassName, size: breadSize }),
+    /* @__PURE__ */ jsxs(
+      Body,
+      {
+        bold: true,
+        className: cn(withBreadIcon && "mt-[0.2rem]", className),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: cn("text-base", integralPartClassName), children: `${unit}${integerPart}`.trim() }),
+          /* @__PURE__ */ jsxs("span", { className: cn("text-xs", decimalPartClassName), children: [
+            ".",
+            decimalPart
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  FormattedDecimalNumber
+};

package/dist/constansts/links.d.mts

@@ -0,0 +1,26 @@
+declare const LINKS: {
+    readonly contributorForm: "https://docs.google.com/forms/d/e/1FAIpQLSfOWubPChHH14LpV4GwgXrrot0Smqd1rmypN4MEULdw7n1o4g/viewform";
+    readonly dashboard: "https://dune.com/bread_cooperative/solidarity";
+    readonly discord: "https://discord.com/invite/zmNqsHRHDa";
+    readonly docs: "https://docs.bread.coop";
+    readonly docsBreadToken: "https://docs.bread.coop/bread-token/";
+    readonly docsManifesto: "https://docs.bread.coop/manifesto";
+    readonly docsHowToBecomeAMemberProject: "https://docs.bread.coop/how-to-become-a-member-project";
+    readonly docsVotingPower: "https://docs.bread.coop/voting-power";
+    readonly farcaster: "https://farcaster.xyz/~/channel/cryptoleft";
+    readonly giveth: "https://giveth.io/project/breadchain-cooperative";
+    readonly github: "http://github.com/BreadchainCoop";
+    readonly linkedin: "https://www.linkedin.com/company/bread-cooperative//";
+    readonly newsletter: "http://paragraph.com/@breadcoop";
+    readonly openCollective: "https://opencollective.com/bread-cooperative";
+    readonly postCapitalistIdea: "https://form.typeform.com/to/opwqWG8j";
+    readonly projectApplicationForm: "https://forms.gle/DeTETFxCxZbKRCzS7";
+    readonly solidarityFund: "https://fund.bread.coop";
+    readonly sourdoughSystems: "https://www.sourdough.systems/";
+    readonly stacks: "https://stacks.bread.coop";
+    readonly twitter: "https://x.com/breadcoop";
+    readonly youtube: "https://www.youtube.com/@BreadCooperative/";
+};
+type LinkKey = keyof typeof LINKS;
+
+export { LINKS, type LinkKey };

package/dist/constansts/links.mjs

@@ -0,0 +1,27 @@
+import "../chunk-FWCSY2DS.mjs";
+const LINKS = {
+  contributorForm: "https://docs.google.com/forms/d/e/1FAIpQLSfOWubPChHH14LpV4GwgXrrot0Smqd1rmypN4MEULdw7n1o4g/viewform",
+  dashboard: "https://dune.com/bread_cooperative/solidarity",
+  discord: "https://discord.com/invite/zmNqsHRHDa",
+  docs: "https://docs.bread.coop",
+  docsBreadToken: "https://docs.bread.coop/bread-token/",
+  docsManifesto: "https://docs.bread.coop/manifesto",
+  docsHowToBecomeAMemberProject: "https://docs.bread.coop/how-to-become-a-member-project",
+  docsVotingPower: "https://docs.bread.coop/voting-power",
+  farcaster: "https://farcaster.xyz/~/channel/cryptoleft",
+  giveth: "https://giveth.io/project/breadchain-cooperative",
+  github: "http://github.com/BreadchainCoop",
+  linkedin: "https://www.linkedin.com/company/bread-cooperative//",
+  newsletter: "http://paragraph.com/@breadcoop",
+  openCollective: "https://opencollective.com/bread-cooperative",
+  postCapitalistIdea: "https://form.typeform.com/to/opwqWG8j",
+  projectApplicationForm: "https://forms.gle/DeTETFxCxZbKRCzS7",
+  solidarityFund: "https://fund.bread.coop",
+  sourdoughSystems: "https://www.sourdough.systems/",
+  stacks: "https://stacks.bread.coop",
+  twitter: "https://x.com/breadcoop",
+  youtube: "https://www.youtube.com/@BreadCooperative/"
+};
+export {
+  LINKS
+};

package/dist/constansts/tools.d.mts

@@ -0,0 +1,23 @@
+import { LogoColor } from '../components/Logo/Logo.mjs';
+import 'react/jsx-runtime';
+import 'react';
+
+interface SolidarityTool {
+    id: string;
+    title: string;
+    shortDescription: string;
+    description: string;
+    color: LogoColor;
+    buttonClass: string;
+    colorOverrides?: {
+        bg: string;
+        hoverBg: string;
+    };
+    webLink?: string;
+    comingSoon: boolean;
+}
+declare const SOLIDARITY_TOOLS: SolidarityTool[];
+declare function getSolidarityToolsByIds(ids: string[]): SolidarityTool[];
+declare function getVisibleSolidarityTools(hiddenIds?: string[]): SolidarityTool[];
+
+export { SOLIDARITY_TOOLS, type SolidarityTool, getSolidarityToolsByIds, getVisibleSolidarityTools };

package/dist/constansts/tools.mjs

@@ -0,0 +1,52 @@
+import "../chunk-FWCSY2DS.mjs";
+import { LINKS } from "./links.mjs";
+const SOLIDARITY_TOOLS = [
+  {
+    id: "solidarity-fund",
+    title: "Solidarity Fund",
+    shortDescription: "Give without giving",
+    description: "Community coming together to fund what matters to us. Bake $BREAD and support projects you believe in.",
+    color: "orange",
+    buttonClass: "bg-primary-orange text-white",
+    webLink: LINKS.solidarityFund,
+    comingSoon: false
+  },
+  {
+    id: "stacks",
+    title: "Stacks",
+    shortDescription: "Save money together.",
+    description: "Financial goals. Achieved together.",
+    color: "blue",
+    buttonClass: "",
+    colorOverrides: {
+      bg: "--color-primary-blue",
+      hoverBg: "--color-blue-2"
+    },
+    webLink: LINKS.stacks,
+    comingSoon: false
+  },
+  {
+    id: "safety-net",
+    title: "Safety Net",
+    shortDescription: "Cover each other.",
+    description: "Collective support guides us through crisis. Build emergency funds with people you trust.",
+    color: "jade",
+    buttonClass: "",
+    colorOverrides: {
+      bg: "--color-primary-jade",
+      hoverBg: "--color-jade-2"
+    },
+    comingSoon: true
+  }
+];
+function getSolidarityToolsByIds(ids) {
+  return SOLIDARITY_TOOLS.filter((tool) => ids.includes(tool.id));
+}
+function getVisibleSolidarityTools(hiddenIds = []) {
+  return SOLIDARITY_TOOLS.filter((tool) => !hiddenIds.includes(tool.id));
+}
+export {
+  SOLIDARITY_TOOLS,
+  getSolidarityToolsByIds,
+  getVisibleSolidarityTools
+};

package/dist/context/index.d.mts

@@ -0,0 +1,5 @@
+export { BreadUIKitProvider } from './lib.mjs';
+import 'react/jsx-runtime';
+import 'react';
+import 'viem';
+import '../interface/app.mjs';

package/dist/context/index.mjs

@@ -0,0 +1,5 @@
+import "../chunk-FWCSY2DS.mjs";
+import { BreadUIKitProvider } from "./lib.mjs";
+export {
+  BreadUIKitProvider
+};

package/dist/context/lib.d.mts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { Address, Abi } from 'viem';
+import { App } from '../interface/app.mjs';
+
+type AuthProvider = "privy" | "general";
+type TokenConfig = {
+    BREAD: {
+        address: Address;
+        abi: Abi;
+    };
+};
+type BreadUIKitContextType = {
+    chainId: number;
+    tokenConfig: TokenConfig;
+    app: App;
+    authProvider: AuthProvider;
+};
+declare const BreadUIKitContext: React.Context<BreadUIKitContextType | undefined>;
+declare const BreadUIKitProvider: ({ chainId, tokenConfig, children, app, authProvider, }: {
+    chainId: number;
+    tokenConfig: TokenConfig;
+    app: App;
+    authProvider: AuthProvider;
+    children: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+declare const useBreadUIKitContext: () => BreadUIKitContextType;
+declare const useAuthProvider: () => AuthProvider;
+
+export { BreadUIKitContext, BreadUIKitProvider, useAuthProvider, useBreadUIKitContext };

package/dist/context/lib.mjs

@@ -0,0 +1,33 @@
+"use client";
+import "../chunk-FWCSY2DS.mjs";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const BreadUIKitContext = createContext(void 0);
+const BreadUIKitProvider = ({
+  chainId,
+  tokenConfig,
+  children,
+  app,
+  authProvider
+}) => {
+  return /* @__PURE__ */ jsx(BreadUIKitContext.Provider, { value: { chainId, tokenConfig, app, authProvider }, children });
+};
+const useBreadUIKitContext = () => {
+  const context = useContext(BreadUIKitContext);
+  if (!context) {
+    throw new Error(
+      "useBreadUIKitContext must be used within a BreadUIKitProvider"
+    );
+  }
+  return context;
+};
+const useAuthProvider = () => {
+  const context = useBreadUIKitContext();
+  return context.authProvider;
+};
+export {
+  BreadUIKitContext,
+  BreadUIKitProvider,
+  useAuthProvider,
+  useBreadUIKitContext
+};

package/dist/hooks/index.d.mts

@@ -0,0 +1,4 @@
+export { useBreadBalance } from './use-bread-balance.mjs';
+export { useCopyToClipboard } from './use-copy-to-clipboard.mjs';
+import 'viem';
+import '@tanstack/query-core';

package/dist/hooks/index.mjs

@@ -0,0 +1,7 @@
+import "../chunk-FWCSY2DS.mjs";
+import { useBreadBalance } from "./use-bread-balance.mjs";
+import { useCopyToClipboard } from "./use-copy-to-clipboard.mjs";
+export {
+  useBreadBalance,
+  useCopyToClipboard
+};

package/dist/hooks/use-auto-connect.d.mts

@@ -0,0 +1,8 @@
+import { Connector } from 'wagmi';
+
+declare function useAutoConnect(activeConnector: Connector | undefined): {
+    isSafe: boolean;
+    isConnected: boolean;
+};
+
+export { useAutoConnect };

package/dist/hooks/use-auto-connect.mjs

@@ -0,0 +1,39 @@
+"use client";
+import "../chunk-FWCSY2DS.mjs";
+import { useConnect, useDisconnect } from "wagmi";
+import { useEffect, useState } from "react";
+const AUTOCONNECTED_CONNECTOR_IDS = ["safe"];
+function useAutoConnect(activeConnector) {
+  const { connect, connectors } = useConnect();
+  const { disconnect } = useDisconnect();
+  const [safeConnectorPresent, setSafeConnectorPresent] = useState(false);
+  const [safeConnectorConnected, setSafeConnectorConnected] = useState(false);
+  useEffect(() => {
+    AUTOCONNECTED_CONNECTOR_IDS.forEach((connector) => {
+      const connectorInstance = connectors.find(
+        (c) => c.id === connector && c.ready
+      );
+      if (connectorInstance) setSafeConnectorPresent(true);
+      if (connectorInstance && !activeConnector) {
+        connect({ connector: connectorInstance });
+        setSafeConnectorConnected(true);
+      }
+    });
+  }, [connect, connectors, disconnect, activeConnector]);
+  useEffect(() => {
+    if (safeConnectorPresent && !safeConnectorConnected && activeConnector)
+      disconnect();
+  }, [
+    safeConnectorPresent,
+    safeConnectorConnected,
+    activeConnector,
+    disconnect
+  ]);
+  return {
+    isSafe: safeConnectorPresent,
+    isConnected: safeConnectorConnected
+  };
+}
+export {
+  useAutoConnect
+};

package/dist/hooks/use-bread-balance.d.mts

@@ -0,0 +1,13 @@
+import * as viem from 'viem';
+import { Address } from 'viem';
+import * as _tanstack_query_core from '@tanstack/query-core';
+
+declare const useBreadBalance: ({ address }: {
+    address: Address;
+}) => {
+    BREAD: string;
+    refetchBalance: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<bigint, viem.ReadContractErrorType>>;
+    isLoading: boolean;
+};
+
+export { useBreadBalance };

package/dist/hooks/use-bread-balance.mjs

@@ -0,0 +1,32 @@
+"use client";
+import "../chunk-FWCSY2DS.mjs";
+import { formatUnits } from "viem";
+import { useBlock, useReadContract } from "wagmi";
+import { useBreadUIKitContext } from "../context/lib.mjs";
+import { useEffect, useMemo } from "react";
+const useBreadBalance = ({ address }) => {
+  const { tokenConfig, chainId } = useBreadUIKitContext();
+  const { data: blockNumber } = useBlock({ watch: true, chainId });
+  const {
+    data: balance,
+    refetch: refetchBalance,
+    isLoading
+  } = useReadContract({
+    address: tokenConfig.BREAD.address,
+    abi: tokenConfig.BREAD.abi,
+    functionName: "balanceOf",
+    args: [address],
+    chainId
+  });
+  useEffect(() => {
+    refetchBalance();
+  }, [blockNumber]);
+  const BREAD = useMemo(() => {
+    if (!balance) return "0.00";
+    return formatUnits(balance, 18);
+  }, [balance]);
+  return { BREAD, refetchBalance, isLoading };
+};
+export {
+  useBreadBalance
+};

package/dist/hooks/use-copy-to-clipboard.d.mts

@@ -0,0 +1,9 @@
+interface UseCopyToClipboardPayload {
+    textToCopy: string;
+}
+declare const useCopyToClipboard: ({ textToCopy, }: UseCopyToClipboardPayload) => {
+    copied: boolean;
+    copy: () => Promise<void>;
+};
+
+export { type UseCopyToClipboardPayload, useCopyToClipboard };