@loafmarkets/ui 0.1.326 → 0.1.328

package/dist/index.d.mts

@@ -943,6 +943,29 @@ type AssetSelectorBarProps = {
 };
 declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, imageUrl, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
 
+type ToastVariant = 'success' | 'error' | 'info' | 'pending' | 'sell';
+type ToastData = {
+    id: string;
+    variant: ToastVariant;
+    title: string;
+    /** Human-readable amount e.g. "20,000 USDC" */
+    amount?: string;
+    /** On-chain tx hash — shown truncated with a block explorer link */
+    txHash?: string;
+    /** Explorer base URL, defaults to Base Sepolia */
+    explorerUrl?: string;
+    /** Auto-dismiss after ms. 0 = never. Default 6000 */
+    duration?: number;
+};
+type ToastContextValue = {
+    toast: (data: Omit<ToastData, 'id'>) => string;
+    dismiss: (id: string) => void;
+};
+declare function ToastProvider({ children }: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useToast(): ToastContextValue;
+
 type IpoStatus = 'PENDING' | 'LIVE' | 'CLOSED' | 'CANCELLED';
 type SaleData = {
     loading: boolean;
@@ -1013,8 +1036,9 @@ type PropertyBuyProps = {
     };
     newsItems?: PropertyNewsItem[];
     newsConnectionStatus?: 'live' | 'connecting';
+    toast: ReturnType<typeof useToast>['toast'];
 };
-declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, tokenDisplayName, tokenSymbol, tokenName, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, opensAt, isPrivateClient, recentOrders, ordersAllocated, subscribers, isLoadingActivity, selectorItems, onSelectorSelect, onVerifyIdentity, portfolioActivity, newsItems, newsConnectionStatus, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
+declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, tokenDisplayName, tokenSymbol, tokenName, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, opensAt, isPrivateClient, recentOrders, ordersAllocated, subscribers, isLoadingActivity, selectorItems, onSelectorSelect, onVerifyIdentity, portfolioActivity, newsItems, newsConnectionStatus, toast, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
 
 type OfferingProgressCardProps = {
     ipoStarted: boolean;
@@ -1125,29 +1149,6 @@ type PropertyPhotoGalleryProps = {
 };
 declare function PropertyPhotoGallery({ isOpen, onClose, startIndex, title, subtitle, images, }: PropertyPhotoGalleryProps): react_jsx_runtime.JSX.Element | null;
 
-type ToastVariant = 'success' | 'error' | 'info' | 'pending' | 'sell';
-type ToastData = {
-    id: string;
-    variant: ToastVariant;
-    title: string;
-    /** Human-readable amount e.g. "20,000 USDC" */
-    amount?: string;
-    /** On-chain tx hash — shown truncated with a block explorer link */
-    txHash?: string;
-    /** Explorer base URL, defaults to Base Sepolia */
-    explorerUrl?: string;
-    /** Auto-dismiss after ms. 0 = never. Default 6000 */
-    duration?: number;
-};
-type ToastContextValue = {
-    toast: (data: Omit<ToastData, 'id'>) => string;
-    dismiss: (id: string) => void;
-};
-declare function ToastProvider({ children }: {
-    children: React__default.ReactNode;
-}): react_jsx_runtime.JSX.Element;
-declare function useToast(): ToastContextValue;
-
 type UseAdaptivePollingOptions = {
     enabled: boolean;
     onPoll: () => void | Promise<void>;

package/dist/index.d.ts

@@ -943,6 +943,29 @@ type AssetSelectorBarProps = {
 };
 declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, imageUrl, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
 
+type ToastVariant = 'success' | 'error' | 'info' | 'pending' | 'sell';
+type ToastData = {
+    id: string;
+    variant: ToastVariant;
+    title: string;
+    /** Human-readable amount e.g. "20,000 USDC" */
+    amount?: string;
+    /** On-chain tx hash — shown truncated with a block explorer link */
+    txHash?: string;
+    /** Explorer base URL, defaults to Base Sepolia */
+    explorerUrl?: string;
+    /** Auto-dismiss after ms. 0 = never. Default 6000 */
+    duration?: number;
+};
+type ToastContextValue = {
+    toast: (data: Omit<ToastData, 'id'>) => string;
+    dismiss: (id: string) => void;
+};
+declare function ToastProvider({ children }: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useToast(): ToastContextValue;
+
 type IpoStatus = 'PENDING' | 'LIVE' | 'CLOSED' | 'CANCELLED';
 type SaleData = {
     loading: boolean;
@@ -1013,8 +1036,9 @@ type PropertyBuyProps = {
     };
     newsItems?: PropertyNewsItem[];
     newsConnectionStatus?: 'live' | 'connecting';
+    toast: ReturnType<typeof useToast>['toast'];
 };
-declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, tokenDisplayName, tokenSymbol, tokenName, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, opensAt, isPrivateClient, recentOrders, ordersAllocated, subscribers, isLoadingActivity, selectorItems, onSelectorSelect, onVerifyIdentity, portfolioActivity, newsItems, newsConnectionStatus, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
+declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, tokenDisplayName, tokenSymbol, tokenName, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, opensAt, isPrivateClient, recentOrders, ordersAllocated, subscribers, isLoadingActivity, selectorItems, onSelectorSelect, onVerifyIdentity, portfolioActivity, newsItems, newsConnectionStatus, toast, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
 
 type OfferingProgressCardProps = {
     ipoStarted: boolean;
@@ -1125,29 +1149,6 @@ type PropertyPhotoGalleryProps = {
 };
 declare function PropertyPhotoGallery({ isOpen, onClose, startIndex, title, subtitle, images, }: PropertyPhotoGalleryProps): react_jsx_runtime.JSX.Element | null;
 
-type ToastVariant = 'success' | 'error' | 'info' | 'pending' | 'sell';
-type ToastData = {
-    id: string;
-    variant: ToastVariant;
-    title: string;
-    /** Human-readable amount e.g. "20,000 USDC" */
-    amount?: string;
-    /** On-chain tx hash — shown truncated with a block explorer link */
-    txHash?: string;
-    /** Explorer base URL, defaults to Base Sepolia */
-    explorerUrl?: string;
-    /** Auto-dismiss after ms. 0 = never. Default 6000 */
-    duration?: number;
-};
-type ToastContextValue = {
-    toast: (data: Omit<ToastData, 'id'>) => string;
-    dismiss: (id: string) => void;
-};
-declare function ToastProvider({ children }: {
-    children: React__default.ReactNode;
-}): react_jsx_runtime.JSX.Element;
-declare function useToast(): ToastContextValue;
-
 type UseAdaptivePollingOptions = {
     enabled: boolean;
     onPoll: () => void | Promise<void>;

package/dist/index.js

@@ -2946,7 +2946,7 @@ var PropertyNewsUpdates = React5__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: cn("flex flex-1 flex-col overflow-hidden", isHomeVariant ? "mt-2 gap-0" : "mt-4 gap-3"),
+              className: cn("flex flex-1 flex-col overflow-y-auto overflow-x-hidden", isHomeVariant ? "mt-2 gap-0" : "mt-4 gap-3"),
               style: !isPurchaseVariant && !isHomeVariant ? { minHeight: `${ITEMS_PER_PAGE * 86}px` } : void 0,
               children: isPurchaseVariant ? purchaseItems.length > 0 ? purchaseItems.slice(0, 7).map((purchase, index) => {
                 const maxAmount = 6e4;
@@ -11593,192 +11593,6 @@ var SignInButton = styled9__default.default.button`
     background: rgba(240, 185, 11, 0.1);
   }
 `;
-var slideIn = styled9.keyframes`
-  from { transform: translateX(110%); opacity: 0; }
-  to   { transform: translateX(0);    opacity: 1; }
-`;
-var slideOut = styled9.keyframes`
-  from { transform: translateX(0);    opacity: 1; }
-  to   { transform: translateX(110%); opacity: 0; }
-`;
-var progressShrink = styled9.keyframes`
-  from { width: 100%; }
-  to   { width: 0%; }
-`;
-var VARIANT_COLORS = {
-  success: { accent: "#0ecb81", icon: "\u2713" },
-  error: { accent: "#f6465d", icon: "\u2715" },
-  sell: { accent: "#f6465d", icon: "\u2713" },
-  info: { accent: "#E6C656", icon: "\u2139" },
-  pending: { accent: "#7EB3E6", icon: "\u25CC" }
-};
-var Wrapper2 = styled9__default.default.div`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-  width: 340px;
-  background: #0d0f1a;
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  border-radius: 10px;
-  overflow: hidden;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255,255,255,0.04);
-  animation: ${({ $exiting }) => $exiting ? styled9.css`${slideOut} 0.28s cubic-bezier(0.4,0,1,1) forwards` : styled9.css`${slideIn} 0.32s cubic-bezier(0,0,0.2,1) forwards`};
-  pointer-events: all;
-`;
-var Body = styled9__default.default.div`
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-  padding: 14px 16px 12px;
-`;
-var IconDot = styled9__default.default.div`
-  flex-shrink: 0;
-  width: 28px;
-  height: 28px;
-  border-radius: 50%;
-  background: ${({ $color }) => $color}1a;
-  border: 1px solid ${({ $color }) => $color}55;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 0.75rem;
-  font-weight: 700;
-  color: ${({ $color }) => $color};
-  margin-top: 1px;
-`;
-var Content = styled9__default.default.div`
-  flex: 1;
-  min-width: 0;
-`;
-var Title2 = styled9__default.default.p`
-  margin: 0 0 2px;
-  font-size: 0.8rem;
-  font-weight: 600;
-  color: #fff;
-  letter-spacing: 0.01em;
-`;
-var Amount = styled9__default.default.p`
-  margin: 0 0 6px;
-  font-size: 1.05rem;
-  font-weight: 700;
-  color: #E6C656;
-  letter-spacing: -0.01em;
-`;
-var TxRow = styled9__default.default.a`
-  display: inline-flex;
-  align-items: center;
-  gap: 5px;
-  font-family: 'IBM Plex Mono', 'Space Mono', monospace;
-  font-size: 0.68rem;
-  color: rgba(255, 255, 255, 0.4);
-  text-decoration: none;
-  transition: color 0.15s;
-  &:hover {
-    color: #7EB3E6;
-  }
-`;
-var TxArrow = styled9__default.default.span`
-  font-size: 0.6rem;
-  opacity: 0.6;
-`;
-var CloseBtn = styled9__default.default.button`
-  flex-shrink: 0;
-  background: none;
-  border: none;
-  padding: 2px 4px;
-  cursor: pointer;
-  color: rgba(255, 255, 255, 0.25);
-  font-size: 0.9rem;
-  line-height: 1;
-  transition: color 0.15s;
-  &:hover { color: rgba(255, 255, 255, 0.7); }
-`;
-var ProgressBar = styled9__default.default.div`
-  height: 2px;
-  background: rgba(255, 255, 255, 0.06);
-  position: relative;
-  &::after {
-    content: '';
-    position: absolute;
-    left: 0;
-    top: 0;
-    height: 100%;
-    background: ${({ $color }) => $color};
-    animation: ${styled9.css`${progressShrink} ${({ $duration }) => $duration}ms linear forwards`};
-  }
-`;
-var Container = styled9__default.default.div`
-  position: fixed;
-  bottom: 24px;
-  right: 24px;
-  z-index: 9999;
-  display: flex;
-  flex-direction: column-reverse;
-  gap: 10px;
-  pointer-events: none;
-`;
-var DEFAULT_EXPLORER = "https://sepolia.basescan.org/tx/";
-function truncateHash(hash) {
-  return `${hash.slice(0, 6)}\u2026${hash.slice(-4)}`;
-}
-function ToastItem({ toast, onDismiss }) {
-  const [exiting, setExiting] = React5.useState(false);
-  const timerRef = React5.useRef(null);
-  const dismiss = React5.useCallback(() => {
-    setExiting(true);
-    setTimeout(() => onDismiss(toast.id), 280);
-  }, [onDismiss, toast.id]);
-  React5.useEffect(() => {
-    const duration2 = toast.duration ?? 6e3;
-    if (duration2 > 0) {
-      timerRef.current = setTimeout(dismiss, duration2);
-    }
-    return () => {
-      if (timerRef.current) clearTimeout(timerRef.current);
-    };
-  }, [dismiss, toast.duration]);
-  const { accent, icon } = VARIANT_COLORS[toast.variant];
-  const duration = toast.duration ?? 6e3;
-  const explorerBase = toast.explorerUrl ?? DEFAULT_EXPLORER;
-  const txUrl = toast.txHash ? `${explorerBase}${toast.txHash}` : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Wrapper2, { $exiting: exiting, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(Body, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(IconDot, { $color: accent, children: icon }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Content, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Title2, { children: toast.title }),
-        toast.amount && /* @__PURE__ */ jsxRuntime.jsx(Amount, { children: toast.amount }),
-        toast.txHash && txUrl && /* @__PURE__ */ jsxRuntime.jsxs(TxRow, { href: txUrl, target: "_blank", rel: "noopener noreferrer", children: [
-          truncateHash(toast.txHash),
-          /* @__PURE__ */ jsxRuntime.jsx(TxArrow, { children: "\u2197" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(CloseBtn, { type: "button", onClick: dismiss, "aria-label": "Dismiss", children: "\u2715" })
-    ] }),
-    duration > 0 && /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { $color: accent, $duration: duration })
-  ] });
-}
-var ToastContext = React5.createContext(null);
-function ToastProvider({ children }) {
-  const [toasts, setToasts] = React5.useState([]);
-  const addToast = React5.useCallback((data) => {
-    const id = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
-    setToasts((prev) => [...prev, { ...data, id }]);
-    return id;
-  }, []);
-  const dismiss = React5.useCallback((id) => {
-    setToasts((prev) => prev.filter((t) => t.id !== id));
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value: { toast: addToast, dismiss }, children: [
-    children,
-    /* @__PURE__ */ jsxRuntime.jsx(Container, { children: toasts.map((t) => /* @__PURE__ */ jsxRuntime.jsx(ToastItem, { toast: t, onDismiss: dismiss }, t.id)) })
-  ] });
-}
-function useToast() {
-  const ctx = React5.useContext(ToastContext);
-  if (!ctx) throw new Error("useToast must be used within a ToastProvider");
-  return ctx;
-}
 function AssetSelectorBar({
   propertyName,
   tokenPrice,
@@ -12066,11 +11880,11 @@ var IPOOptionLocation = styled9__default.default.div`
     font-weight: 500;
   }
 `;
-var slideOut2 = styled9.keyframes`
+var slideOut = styled9.keyframes`
   0% { transform: translateY(0); opacity: 1; }
   100% { transform: translateY(100%); opacity: 0; }
 `;
-var slideIn2 = styled9.keyframes`
+var slideIn = styled9.keyframes`
   0% { transform: translateY(-100%); opacity: 0; }
   100% { transform: translateY(0); opacity: 1; }
 `;
@@ -12083,13 +11897,13 @@ var SlideWrap = styled9__default.default.span`
 `;
 var SlideNew = styled9__default.default.span`
   display: inline-block;
-  animation: ${(props) => props.$animate ? slideIn2 : "none"} 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  animation: ${(props) => props.$animate ? slideIn : "none"} 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
 `;
 var SlideOld = styled9__default.default.span`
   position: absolute;
   top: 0;
   left: 0;
-  animation: ${slideOut2} 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  animation: ${slideOut} 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
 `;
 function SlideDigit({ value }) {
   const prevRef = React5.useRef(value);
@@ -12181,7 +11995,7 @@ function OfferingProgressCard({
   }
   if (variant === "home") {
     const isPreLive = !ipoStarted && ipoStatus !== "CLOSED" && ipoStatus !== "CANCELLED";
-    return /* @__PURE__ */ jsxRuntime.jsxs(Container2, { style, className, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Container, { style, className, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(Header2, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("h3", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(fa.FaChartLine, {}),
@@ -12263,7 +12077,7 @@ function OfferingProgressCard({
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container2, { style, className, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { style, className, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Header2, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("h3", { children: [
         /* @__PURE__ */ jsxRuntime.jsx(fa.FaChartLine, {}),
@@ -12364,7 +12178,7 @@ function OfferingProgressCard({
     ] })
   ] });
 }
-var Container2 = styled9__default.default.div`
+var Container = styled9__default.default.div`
   background-color: var(--color-card-darker, #111);
   border-radius: 8px;
   padding: 1.5rem;
@@ -14166,7 +13980,7 @@ function PortfolioActivityPanel({
   const handleTabChange = (tab) => {
     setActiveTab(tab);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container3, { className, style, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container2, { className, style, children: [
     /* @__PURE__ */ jsxRuntime.jsx(PanelTitle, { children: "Activity" }),
     /* @__PURE__ */ jsxRuntime.jsxs(TabContainer, { children: [
       showPositionsTab && /* @__PURE__ */ jsxRuntime.jsxs(Tab, { $active: activeTab === "positions", onClick: () => handleTabChange("positions"), children: [
@@ -14349,11 +14163,11 @@ function PortfolioActivityPanel({
                 ] })
               ] }),
               onClosePosition && /* @__PURE__ */ jsxRuntime.jsx(PositionsCell, { children: /* @__PURE__ */ jsxRuntime.jsxs(CloseActions, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(CloseBtn2, { onClick: (e) => {
+                /* @__PURE__ */ jsxRuntime.jsx(CloseBtn, { onClick: (e) => {
                   e.stopPropagation();
                   onClosePosition(pos.tokenName, "market", pos.quantity, pos.marketPrice);
                 }, children: "Market Sell" }),
-                /* @__PURE__ */ jsxRuntime.jsx(CloseBtn2, { onClick: (e) => {
+                /* @__PURE__ */ jsxRuntime.jsx(CloseBtn, { onClick: (e) => {
                   e.stopPropagation();
                   onClosePosition(pos.tokenName, "limit", pos.quantity, pos.marketPrice);
                 }, children: "Limit Sell" })
@@ -14590,7 +14404,7 @@ function PortfolioActivityPanel({
     ] }) })
   ] });
 }
-var Container3 = styled9__default.default.div`
+var Container2 = styled9__default.default.div`
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -15014,7 +14828,7 @@ var CloseActions = styled9__default.default.div`
   gap: 0.35rem;
   align-items: center;
 `;
-var CloseBtn2 = styled9__default.default.button`
+var CloseBtn = styled9__default.default.button`
   background: transparent;
   border: 1px solid rgba(230, 200, 126, 0.25);
   border-radius: 4px;
@@ -15368,9 +15182,9 @@ function PropertyBuy({
   onVerifyIdentity,
   portfolioActivity,
   newsItems = [],
-  newsConnectionStatus
+  newsConnectionStatus,
+  toast
 }) {
-  const { toast } = useToast();
   const [sliderValue, setSliderValue] = React5.useState(0);
   const [availableBalance, setAvailableBalance] = React5.useState(walletUsdcBalance ?? 0);
   const [manualOrderAmount, setManualOrderAmount] = React5.useState(null);
@@ -18270,6 +18084,192 @@ function GalleryContent({ galleryImages, startIndex, title, subtitle, onClose })
     }
   );
 }
+var slideIn2 = styled9.keyframes`
+  from { transform: translateX(110%); opacity: 0; }
+  to   { transform: translateX(0);    opacity: 1; }
+`;
+var slideOut2 = styled9.keyframes`
+  from { transform: translateX(0);    opacity: 1; }
+  to   { transform: translateX(110%); opacity: 0; }
+`;
+var progressShrink = styled9.keyframes`
+  from { width: 100%; }
+  to   { width: 0%; }
+`;
+var VARIANT_COLORS = {
+  success: { accent: "#0ecb81", icon: "\u2713" },
+  error: { accent: "#f6465d", icon: "\u2715" },
+  sell: { accent: "#f6465d", icon: "\u2713" },
+  info: { accent: "#E6C656", icon: "\u2139" },
+  pending: { accent: "#7EB3E6", icon: "\u25CC" }
+};
+var Wrapper2 = styled9__default.default.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  width: 340px;
+  background: #0d0f1a;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 10px;
+  overflow: hidden;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255,255,255,0.04);
+  animation: ${({ $exiting }) => $exiting ? styled9.css`${slideOut2} 0.28s cubic-bezier(0.4,0,1,1) forwards` : styled9.css`${slideIn2} 0.32s cubic-bezier(0,0,0.2,1) forwards`};
+  pointer-events: all;
+`;
+var Body = styled9__default.default.div`
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 14px 16px 12px;
+`;
+var IconDot = styled9__default.default.div`
+  flex-shrink: 0;
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  background: ${({ $color }) => $color}1a;
+  border: 1px solid ${({ $color }) => $color}55;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 0.75rem;
+  font-weight: 700;
+  color: ${({ $color }) => $color};
+  margin-top: 1px;
+`;
+var Content = styled9__default.default.div`
+  flex: 1;
+  min-width: 0;
+`;
+var Title2 = styled9__default.default.p`
+  margin: 0 0 2px;
+  font-size: 0.8rem;
+  font-weight: 600;
+  color: #fff;
+  letter-spacing: 0.01em;
+`;
+var Amount = styled9__default.default.p`
+  margin: 0 0 6px;
+  font-size: 1.05rem;
+  font-weight: 700;
+  color: #E6C656;
+  letter-spacing: -0.01em;
+`;
+var TxRow = styled9__default.default.a`
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-family: 'IBM Plex Mono', 'Space Mono', monospace;
+  font-size: 0.68rem;
+  color: rgba(255, 255, 255, 0.4);
+  text-decoration: none;
+  transition: color 0.15s;
+  &:hover {
+    color: #7EB3E6;
+  }
+`;
+var TxArrow = styled9__default.default.span`
+  font-size: 0.6rem;
+  opacity: 0.6;
+`;
+var CloseBtn2 = styled9__default.default.button`
+  flex-shrink: 0;
+  background: none;
+  border: none;
+  padding: 2px 4px;
+  cursor: pointer;
+  color: rgba(255, 255, 255, 0.25);
+  font-size: 0.9rem;
+  line-height: 1;
+  transition: color 0.15s;
+  &:hover { color: rgba(255, 255, 255, 0.7); }
+`;
+var ProgressBar = styled9__default.default.div`
+  height: 2px;
+  background: rgba(255, 255, 255, 0.06);
+  position: relative;
+  &::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 100%;
+    background: ${({ $color }) => $color};
+    animation: ${styled9.css`${progressShrink} ${({ $duration }) => $duration}ms linear forwards`};
+  }
+`;
+var Container3 = styled9__default.default.div`
+  position: fixed;
+  bottom: 24px;
+  right: 24px;
+  z-index: 9999;
+  display: flex;
+  flex-direction: column-reverse;
+  gap: 10px;
+  pointer-events: none;
+`;
+var DEFAULT_EXPLORER = "https://sepolia.basescan.org/tx/";
+function truncateHash(hash) {
+  return `${hash.slice(0, 6)}\u2026${hash.slice(-4)}`;
+}
+function ToastItem({ toast, onDismiss }) {
+  const [exiting, setExiting] = React5.useState(false);
+  const timerRef = React5.useRef(null);
+  const dismiss = React5.useCallback(() => {
+    setExiting(true);
+    setTimeout(() => onDismiss(toast.id), 280);
+  }, [onDismiss, toast.id]);
+  React5.useEffect(() => {
+    const duration2 = toast.duration ?? 6e3;
+    if (duration2 > 0) {
+      timerRef.current = setTimeout(dismiss, duration2);
+    }
+    return () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, [dismiss, toast.duration]);
+  const { accent, icon } = VARIANT_COLORS[toast.variant];
+  const duration = toast.duration ?? 6e3;
+  const explorerBase = toast.explorerUrl ?? DEFAULT_EXPLORER;
+  const txUrl = toast.txHash ? `${explorerBase}${toast.txHash}` : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Wrapper2, { $exiting: exiting, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Body, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(IconDot, { $color: accent, children: icon }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Content, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Title2, { children: toast.title }),
+        toast.amount && /* @__PURE__ */ jsxRuntime.jsx(Amount, { children: toast.amount }),
+        toast.txHash && txUrl && /* @__PURE__ */ jsxRuntime.jsxs(TxRow, { href: txUrl, target: "_blank", rel: "noopener noreferrer", children: [
+          truncateHash(toast.txHash),
+          /* @__PURE__ */ jsxRuntime.jsx(TxArrow, { children: "\u2197" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(CloseBtn2, { type: "button", onClick: dismiss, "aria-label": "Dismiss", children: "\u2715" })
+    ] }),
+    duration > 0 && /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { $color: accent, $duration: duration })
+  ] });
+}
+var ToastContext = React5.createContext(null);
+function ToastProvider({ children }) {
+  const [toasts, setToasts] = React5.useState([]);
+  const addToast = React5.useCallback((data) => {
+    const id = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
+    setToasts((prev) => [...prev, { ...data, id }]);
+    return id;
+  }, []);
+  const dismiss = React5.useCallback((id) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value: { toast: addToast, dismiss }, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(Container3, { children: toasts.map((t) => /* @__PURE__ */ jsxRuntime.jsx(ToastItem, { toast: t, onDismiss: dismiss }, t.id)) })
+  ] });
+}
+function useToast() {
+  const ctx = React5.useContext(ToastContext);
+  if (!ctx) throw new Error("useToast must be used within a ToastProvider");
+  return ctx;
+}
 var INTERVALS = [1e3, 2e3, 4e3, 5e3, 7e3, 1e4, 12e3];
 function useAdaptivePolling({ enabled, onPoll }) {
   const onPollRef = React5.useRef(onPoll);