@gearbox-protocol/ui-kit 4.0.0-next.1 → 4.0.0-next.3

package/dist/esm/hooks/use-liquidation/utils.js

@@ -1,144 +0,0 @@
-import { formatBN as E, toBN as f, PRICE_DECIMALS_POW as c, PERCENTAGE_FACTOR as C } from "@gearbox-protocol/sdk";
-import { useState as p, useCallback as I, useMemo as i } from "react";
-import { bnToInputView as m } from "../../utils/bn-to-input-view.js";
-import { formatPrice as M } from "../../utils/format-number.js";
-const b = "rct-chart__heatmap-cell--hovered", D = "rct-chart__heatmap-cell--current", N = "rct-chart__heatmap-cell--good", S = "rct-chart__heatmap-cell--ok", O = "rct-chart__heatmap-cell--bad", g = "rct-chart__heatmap-cell--liquidation", k = 0, W = 1;
-function $({
-  token: t,
-  currentPrice: r
-}) {
-  const [n, o] = p("straight"), e = I(() => {
-    o(n === "straight" ? "reverse" : "straight");
-  }, [n]), s = i(() => r !== void 0 ? {
-    min: 0,
-    max: r * 1.5,
-    minHf: Number(C)
-  } : void 0, [r]);
-  return i(() => s !== void 0 && t !== void 0 ? {
-    ...s,
-    label: t,
-    nextOrder: e,
-    order: n
-  } : void 0, [s, t, e, n]);
-}
-function w({
-  assets: t,
-  liquidationThresholds: r,
-  quotas: n,
-  quotasInfo: o,
-  at: e = 0,
-  length: s = 2
-}) {
-  return i(() => {
-    const l = [...t].filter((d) => {
-      const _ = r[d.token] || 0n, h = o[d.token], L = n[d.token]?.balance || 0n;
-      return h ? h.isActive ? _ > 0 && L > 0 : !1 : _ > 0;
-    });
-    return [l.splice(e, s), l];
-  }, [t, r, n, o, e, s]);
-}
-const A = "0x0000000000000000000000000000000000000000";
-function z({
-  asset: t,
-  tokensList: r,
-  prices: n
-}) {
-  return i(() => {
-    const e = n[t?.token || A], s = r[t?.token || A];
-    return [e ? Number(m(e, 8)) : void 0, s];
-  }, [t, r, n]);
-}
-function K(t, r) {
-  return i(() => !!t && !!r && t.address !== r.address, [t, r]);
-}
-const x = 2, T = 6;
-function F(t) {
-  return M(t, x, T);
-}
-function Q(t, r, n) {
-  const [o, e] = n === "straight" ? [t, r] : [r, t];
-  return t ? [
-    ...o ? [o.title] : [],
-    ...e && o && e.address !== o.address ? [e.title] : []
-  ].join("/") : "";
-}
-function V(t, r, n = "straight") {
-  return (o = 0) => r && t ? F(
-    n === "straight" ? a(o, t) : a(t, o)
-  ) : `$${E(
-    f(String(o), c),
-    c,
-    1
-  )}`;
-}
-function a(t, r) {
-  const n = typeof t == "bigint" ? Number(m(t, c)) : t, o = typeof r == "bigint" ? Number(m(r, c)) : r;
-  return n / o;
-}
-function Y(t, r, n, o = "straight") {
-  return i(() => r && n ? o === "straight" ? a(t, r) : a(r, t) : t, [t, r, o, n]);
-}
-function Z() {
-  const [t, r] = p(null);
-  return {
-    activePoint: t,
-    handleMouseMove: ({
-      xValue: e,
-      yValue: s
-    }) => {
-      r([
-        e === null ? void 0 : e,
-        s === null ? void 0 : s
-      ]);
-    },
-    handleMouseLeave: () => {
-      r(null);
-    }
-  };
-}
-function J({
-  xLabel: t,
-  yLabel: r,
-  activePoint: n,
-  prices: o
-}) {
-  const [e, s] = n || [];
-  return i(() => ({
-    ...o,
-    ...t && e ? { [t.address]: f(String(e), c) } : {},
-    ...r && s ? { [r.address]: f(String(s), c) } : {}
-  }), [o, t, r, e, s]);
-}
-function v(t, r) {
-  return t[0] >= r.x && t[0] <= r.xEnd && t[1] >= r.y && t[1] <= r.yEnd;
-}
-const H = 15e3, R = 11e3, G = 10500;
-function B(t) {
-  return t >= H ? "good" : t > R ? "medium" : t > G ? "bad" : t > C ? "critical" : "liquidation";
-}
-function y(t, r, n, o) {
-  const e = [], s = B(t.value), u = v(r, t);
-  return (n !== void 0 && o !== void 0 ? v([n, o], t) : !1) && e.push(b), u ? e.push(D) : s === "good" ? e.push(N) : s === "medium" ? e.push(S) : s === "bad" || s === "critical" ? e.push(O) : e.push(g), e.join(" ");
-}
-export {
-  O as CELL_BAD,
-  D as CELL_CURRENT,
-  N as CELL_GOOD,
-  b as CELL_HOVERED,
-  g as CELL_LIQUIDATION,
-  S as CELL_OK,
-  W as DEFAULT_AXIS_MAX,
-  k as DEFAULT_AXIS_MIN,
-  V as formatAxisLabel,
-  Q as formatAxisTipLabel,
-  F as formatAxisTipPrice,
-  y as getCellClass,
-  v as isPointInCell,
-  $ as useAxis,
-  w as useFixedAssets,
-  K as useIsAxisInRelativeUnits,
-  Y as useLiquidationGraphActivePrice,
-  Z as useLiquidationGraphCurrentActiveValue,
-  z as usePriceInNumber,
-  J as useWithLiquidationGraphActivePrices
-};

package/dist/esm/test-ids/base.js

@@ -1,44 +0,0 @@
-import { AmountInputTest as o } from "../components/base/amount-input/constants.js";
-import { DetailedPageTitleTest as T } from "../components/base/detailed-page-title/constants.js";
-import { DetailAsideWrapperTest as a, DetailsViewTest as m } from "../components/base/details-view/constants.js";
-import { HealthFactorBlockTest as i } from "../components/base/health-factor-block/constants.js";
-import { HistoryChartTest as x } from "../components/base/history-chart/constants.js";
-import { InfoListTest as l } from "../components/base/info-list/constants.js";
-import { LeverageInputTest as u } from "../components/base/leverage-input/constants.js";
-import { LiquidationPriceBlockTest as g } from "../components/base/liquidation-price-block/constants.js";
-import { ManagePaneTest as B } from "../components/base/manage-pane/constants.js";
-import { PageTitleTest as L } from "../components/base/page-title/constants.js";
-import { ReviewButtonTest as b } from "../components/base/review-button/constants.js";
-import { SectionHeadingTest as A } from "../components/base/section-heading/constants.js";
-import { SegmentedTabsTest as H } from "../components/base/segmented-tabs/constants.js";
-import { StackTest as q } from "../components/base/stack/constants.js";
-import { StatBadgeTest as w } from "../components/base/stat-badge/constants.js";
-import { StickyBarTest as V } from "../components/base/sticky-bar/constants.js";
-import { TabberTest as F } from "../components/base/tabber/constants.js";
-import { TimeToLiquidationBlockTest as R } from "../components/base/time-to-liquidation-block/constants.js";
-import { TokenAmountTest as j } from "../components/base/token-amount/constants.js";
-import { PositionShortLabelTest as E, ValueTest as G } from "../components/base/values/constants.js";
-export {
-  o as AmountInputTest,
-  a as DetailAsideWrapperTest,
-  T as DetailedPageTitleTest,
-  m as DetailsViewTest,
-  i as HealthFactorBlockTest,
-  x as HistoryChartTest,
-  l as InfoListTest,
-  u as LeverageInputTest,
-  g as LiquidationPriceBlockTest,
-  B as ManagePaneTest,
-  L as PageTitleTest,
-  E as PositionShortLabelTest,
-  b as ReviewButtonTest,
-  A as SectionHeadingTest,
-  H as SegmentedTabsTest,
-  q as StackTest,
-  w as StatBadgeTest,
-  V as StickyBarTest,
-  F as TabberTest,
-  R as TimeToLiquidationBlockTest,
-  j as TokenAmountTest,
-  G as ValueTest
-};

package/dist/esm/test-ids/index.js

@@ -1,46 +0,0 @@
-import { AmountInputTest as o } from "../components/base/amount-input/constants.js";
-import { DetailedPageTitleTest as s } from "../components/base/detailed-page-title/constants.js";
-import { DetailAsideWrapperTest as i, DetailsViewTest as a } from "../components/base/details-view/constants.js";
-import { HealthFactorBlockTest as p } from "../components/base/health-factor-block/constants.js";
-import { HistoryChartTest as x } from "../components/base/history-chart/constants.js";
-import { InfoListTest as l } from "../components/base/info-list/constants.js";
-import { LeverageInputTest as d } from "../components/base/leverage-input/constants.js";
-import { LiquidationPriceBlockTest as g } from "../components/base/liquidation-price-block/constants.js";
-import { ManagePaneTest as B } from "../components/base/manage-pane/constants.js";
-import { PageTitleTest as L } from "../components/base/page-title/constants.js";
-import { ReviewButtonTest as b } from "../components/base/review-button/constants.js";
-import { SectionHeadingTest as h } from "../components/base/section-heading/constants.js";
-import { SegmentedTabsTest as D } from "../components/base/segmented-tabs/constants.js";
-import { StackTest as q } from "../components/base/stack/constants.js";
-import { StatBadgeTest as w } from "../components/base/stat-badge/constants.js";
-import { StickyBarTest as C } from "../components/base/sticky-bar/constants.js";
-import { TabberTest as F } from "../components/base/tabber/constants.js";
-import { TimeToLiquidationBlockTest as R } from "../components/base/time-to-liquidation-block/constants.js";
-import { TokenAmountTest as j } from "../components/base/token-amount/constants.js";
-import { PositionShortLabelTest as E, ValueTest as G } from "../components/base/values/constants.js";
-import { notificationCenterTestIds as K } from "./notification-center.js";
-export {
-  o as AmountInputTest,
-  i as DetailAsideWrapperTest,
-  s as DetailedPageTitleTest,
-  a as DetailsViewTest,
-  p as HealthFactorBlockTest,
-  x as HistoryChartTest,
-  l as InfoListTest,
-  d as LeverageInputTest,
-  g as LiquidationPriceBlockTest,
-  B as ManagePaneTest,
-  L as PageTitleTest,
-  E as PositionShortLabelTest,
-  b as ReviewButtonTest,
-  h as SectionHeadingTest,
-  D as SegmentedTabsTest,
-  q as StackTest,
-  w as StatBadgeTest,
-  C as StickyBarTest,
-  F as TabberTest,
-  R as TimeToLiquidationBlockTest,
-  j as TokenAmountTest,
-  G as ValueTest,
-  K as notificationCenterTestIds
-};

package/dist/esm/types/component-props.js

@@ -1 +0,0 @@
-

package/dist/esm/types/help.js

@@ -1 +0,0 @@
-

package/dist/esm/utils/reactochart-compat.js

@@ -1,18 +0,0 @@
-import r from "reactochart/ColorHeatmap";
-import m from "reactochart/XAxis";
-import i from "reactochart/XLine";
-import p from "reactochart/XYPlot";
-import n from "reactochart/YAxis";
-import e from "reactochart/YLine";
-function o(t) {
-  return t.default || t;
-}
-const X = o(r), Y = o(m), x = o(i), u = o(p), A = o(n), L = o(e);
-export {
-  X as ColorHeatmap,
-  Y as XAxis,
-  x as XLine,
-  u as XYPlot,
-  A as YAxis,
-  L as YLine
-};

package/dist/types/components/auth/connect-required.d.ts

@@ -1,32 +0,0 @@
-import { ReactNode } from 'react';
-import { Address } from 'viem';
-import { TabButtonProps } from '../buttons';
-/**
- * ConnectRequired — component that requires a connected wallet to display content.
- *
- * @usage
- * Use ConnectRequired to protect content that requires a wallet connection:
- * action buttons, editable content, owner-specific features.
- *
- * Props:
- * - `owner` — optional address that must match connected address to display content.
- * - `children` — content displayed when connected (required).
- * - All Button props are supported (variant, size, className, onClick, etc.).
- *
- * Behavior:
- * - If user is connected: renders children (or "You are not the author" if owner mismatch).
- * - If wallet not connected: shows "Connect Wallet" button that calls `openConnectModal` from {@link WalletUIProvider}.
- *
- * When no {@link WalletUIProvider} is mounted, the gate is skipped and `children` are rendered (graceful degradation).
- *
- * Note: Uses TabButton by default, but switches to Button if custom props are provided.
- *
- * Do NOT use ConnectRequired:
- * - for public content that does not require a wallet (render content directly).
- */
-export interface ConnectRequiredProps extends TabButtonProps {
-    owner?: Address;
-    children: ReactNode;
-    hideConnectButton?: boolean;
-}
-export declare function ConnectRequired({ children, owner, hideConnectButton, ...customProps }: ConnectRequiredProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/types/components/auth/index.d.ts

@@ -1,3 +0,0 @@
-export * from './connect-required';
-export * from './signin-required';
-export * from './wallet-ui-context';

package/dist/types/components/auth/signin-required.d.ts

@@ -1,37 +0,0 @@
-import { ReactNode } from 'react';
-import { Address } from 'viem';
-import { TabButtonProps } from '../buttons';
-/**
- * SignInRequired — component that requires SIWE authentication to display content.
- *
- * @usage
- * Use SignInRequired to protect content that requires authentication:
- * action buttons, editable content, owner-specific features, authenticated actions.
- *
- * Props:
- * - `owner` — optional address that must match signed-in address to display content.
- * - `children` — content displayed when authenticated (required).
- * - `skipSignIn` — if true, skips authentication requirement (defaults to false).
- * - All Button props are supported (variant, size, className, onClick, etc.).
- *
- * Behavior:
- * - If `skipSignIn={true}` or user is signed in: renders children (or "You are not the author" if owner mismatch).
- * - If wallet connected but not signed in: shows "Sign In as {address}" or "Try Again".
- * - If wallet not connected: shows "Connect Wallet".
- *
- * Requires {@link WalletUIProvider} with SIWE state (e.g. {@link ConnectKitWalletAdapter} from
- * `@gearbox-protocol/ui-kit/connectkit`). Without a provider, the sign-in gate is skipped and `children`
- * are rendered (graceful degradation).
- *
- * Note: Uses TabButton by default, but switches to Button if custom props are provided.
- *
- * Do NOT use SignInRequired:
- * - for public content that does not require authentication (render content directly).
- */
-export interface SignInRequiredProps extends TabButtonProps {
-    owner?: Address;
-    children: ReactNode;
-    skipSignIn?: boolean;
-    hideConnectButton?: boolean;
-}
-export declare function SignInRequired({ children, owner, skipSignIn, hideConnectButton, ...customProps }: SignInRequiredProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/types/components/auth/wallet-ui-context.d.ts

@@ -1,36 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * SIWE-related state exposed by a wallet UI adapter (e.g. ConnectKit).
- */
-export interface WalletUISIWEState {
-    isSignedIn: boolean;
-    isRejected: boolean;
-    isLoading: boolean;
-    data: {
-        address?: string;
-    } | null;
-}
-/**
- * Values provided by {@link WalletUIProvider} so auth helpers work without importing ConnectKit.
- */
-export interface WalletUIContextValue {
-    openConnectModal: () => void;
-    openSIWE?: () => void;
-    siwe?: WalletUISIWEState;
-}
-export interface WalletUIProviderProps {
-    value: WalletUIContextValue;
-    children?: ReactNode;
-}
-/**
- * Supplies wallet modal + optional SIWE actions for {@link ConnectRequired}, {@link SignInRequired},
- * and editable tables that use them.
- *
- * Use {@link ConnectKitWalletAdapter} from `@gearbox-protocol/ui-kit/connectkit` when using ConnectKit,
- * or provide your own `value` (e.g. RainbowKit `useConnectModal`).
- */
-export declare function WalletUIProvider({ value, children }: WalletUIProviderProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Returns the wallet UI adapter value, or `null` when no {@link WalletUIProvider} is mounted.
- */
-export declare function useWalletUI(): WalletUIContextValue | null;

package/dist/types/components/block-sync/block-sync.d.ts

@@ -1,8 +0,0 @@
-import { BlockSyncProps } from '../../types/footer';
-import type * as React from "react";
-/**
- * BlockSync component - displays network synchronization status
- * Shows a colored indicator that reflects the time since last block update
- * On hover, displays detailed information about synced blocks for each chain
- */
-export declare function BlockSync({ blockByChain, explorerAddresses, networkById, }: BlockSyncProps): React.ReactElement;

package/dist/types/components/block-sync/index.d.ts

@@ -1 +0,0 @@
-export * from './block-sync';

package/dist/types/components/image/image.d.ts

@@ -1,35 +0,0 @@
-/**
- * Image — universal image component that works in any React framework.
- *
- * @usage
- * Use Image for displaying images in a framework-agnostic way:
- * logos, icons, asset images, general images.
- *
- * Props:
- * - `src` — image source URL (required).
- * - `alt` — alternative text for accessibility (required).
- * - `width` — image width in pixels (required).
- * - `height` — image height in pixels (required).
- * - `onError` — callback when image fails to load (optional).
- * - `onLoad` — callback when image successfully loads (optional).
- * - `className` — additional CSS classes (optional).
- * - `loading` — loading behavior: "lazy" | "eager" (defaults to "lazy").
- *
- * Note: Uses native HTML img element with optimized loading attributes.
- * Works in any React framework (CRA, Vite, Next.js, Remix, etc.).
- *
- * Do NOT use Image:
- * - when you need Next.js-specific image optimization (use next/image directly).
- * - for background images (use CSS background-image instead).
- */
-export interface ImageProps {
-    src: string;
-    alt: string;
-    width: number;
-    height: number;
-    onError?: () => void;
-    onLoad?: () => void;
-    className?: string;
-    loading?: "lazy" | "eager";
-}
-export declare function Image({ src, alt, width, height, onError, onLoad, className, loading, }: ImageProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/image/index.d.ts

@@ -1 +0,0 @@
-export * from './image';

package/dist/types/components/layout/app-logo/app-logo.d.ts

@@ -1,26 +0,0 @@
-/**
- * AppLogo — application logo component with Gearbox Protocol logo and app name.
- *
- * @usage
- * Use AppLogo to display application branding:
- * header logo, footer logo, page branding.
- *
- * Props:
- * - `appName` — application name displayed next to logo (required).
- * - `size` — logo size: "default" or "small" (defaults to "default").
- *
- * Note: Uses Gearbox Protocol logo from static CDN. Logo size and text size adjust based on size prop.
- * Works with any React framework (not tied to Next.js).
- *
- * Do NOT use AppLogo:
- * - for custom logos or branding (use Image component with custom logo).
- * - when you need different logo styling (use Image component with appropriate styling).
- */
-export declare function AppLogo({ appName, size, }: {
-    appName?: string;
-    size?: "default" | "small";
-}): import("react/jsx-runtime").JSX.Element;
-export declare function AppLogoLink({ appName, className, }: {
-    appName?: string;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/layout/app-logo/index.d.ts

@@ -1 +0,0 @@
-export * from './app-logo';

package/dist/types/components/layout/block/block.d.ts

@@ -1,23 +0,0 @@
-import type * as React from "react";
-export type BlockMargins = "none" | "sm" | "md" | "lg";
-export type JustifyContent = "flex-start" | "center" | "flex-end" | "between";
-export type AlignItems = "flex-start" | "center" | "flex-end" | "stretch";
-export interface BlockProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Bottom margin */
-    margin?: BlockMargins;
-    /** Horizontal alignment (justify-content) */
-    justify?: JustifyContent;
-    /** Vertical alignment (align-items) */
-    align?: AlignItems;
-}
-/**
- * Block — a flexbox container with configurable margin, justify, and align
- *
- * @example
- * ```tsx
- * <Block margin="md" justify="center" align="center">
- *   <div>Content</div>
- * </Block>
- * ```
- */
-export declare function Block({ children, margin, justify, align, className, ...props }: BlockProps): React.ReactElement;

package/dist/types/components/layout/block/index.d.ts

@@ -1 +0,0 @@
-export * from './block';

package/dist/types/components/layout/footer/footer.d.ts

@@ -1,53 +0,0 @@
-import { BlockSyncProps } from '../../../types/footer';
-import { LegalReferences } from '../legal-disclaimer';
-import * as React from "react";
-export interface FooterProps extends React.HTMLAttributes<HTMLElement> {
-    logo?: React.ReactNode;
-    copyright?: React.ReactNode;
-    social?: React.ReactNode;
-    version?: string;
-    secondaryInfo?: React.ReactNode;
-    legalLinks?: React.ReactNode;
-    containerClassName?: string;
-    mobileExtraContent?: React.ReactNode;
-}
-/**
- * Footer component
- * Two-column layout with logo/copyright on left, social/info on right
- * Responsive design with mobile adaptations
- */
-export declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLElement>>;
-/**
- * FooterLink — link component for footer navigation.
- */
-interface FooterLinkProps {
-    href: string;
-    text: string;
-    external?: boolean;
-}
-export declare function FooterLink({ href, text, external }: FooterLinkProps): import("react/jsx-runtime").JSX.Element;
-/**
- * FooterLinkSection — section component for grouping footer links.
- */
-export declare function FooterLinkSection({ title, links, }: {
-    title: string;
-    links: FooterLinkProps[];
-}): import("react/jsx-runtime").JSX.Element;
-export interface GearboxFooterProps {
-    appName?: string;
-    legalAppName?: string;
-    legalReferences?: LegalReferences;
-    legalContent?: React.ReactNode;
-    className?: string;
-    version?: string;
-    discordAddr?: string;
-    landingAddr?: string;
-    twitterAddr?: string;
-    telegramAddr?: string;
-    blockSyncProps?: BlockSyncProps;
-    onPress?: () => void;
-    showLegalLinks?: boolean;
-    showDeveloperLinks?: boolean;
-}
-export declare function GearboxFooter({ appName, legalAppName, legalReferences, legalContent, className, version, discordAddr, landingAddr, twitterAddr, telegramAddr, blockSyncProps, onPress, showLegalLinks, showDeveloperLinks, }: GearboxFooterProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/layout/footer/index.d.ts

@@ -1 +0,0 @@
-export * from './footer';

package/dist/types/components/layout/header/header.d.ts

@@ -1,123 +0,0 @@
-import * as React from "react";
-interface MobileMenuContextValue {
-    closeMobileMenu: () => void;
-}
-/**
- * Hook to access mobile menu control functions
- * Use this hook inside mobileMenuContent to close the menu on navigation
- *
- * @example
- * ```tsx
- * function MobileNav() {
- *   const { closeMobileMenu } = useMobileMenu();
- *
- *   return (
- *     <nav>
- *       <a href="/" onClick={closeMobileMenu}>Home</a>
- *     </nav>
- *   );
- * }
- * ```
- */
-export declare function useMobileMenu(): MobileMenuContextValue;
-export interface HeaderProps extends React.HTMLAttributes<HTMLElement> {
-    /**
-     * Navigation content (shown on desktop, hidden on mobile unless specified)
-     */
-    navigation?: React.ReactNode;
-    /**
-     * Logo or brand content
-     */
-    logo?: React.ReactNode;
-    /**
-     * Action buttons or elements (e.g., Sign In, Sign Up)
-     */
-    actions?: React.ReactNode;
-    /**
-     * Whether the header should be fixed to the top of the viewport
-     */
-    fixed?: boolean;
-    /**
-     * Whether the header should stick to the top when scrolling
-     */
-    sticky?: boolean;
-    /**
-     * Additional className for the inner container
-     */
-    containerClassName?: string;
-    /**
-     * Custom content for mobile menu (optional)
-     * If not provided, the desktop navigation will be used
-     */
-    mobileMenuContent?: React.ReactNode;
-    /**
-     * Controlled open state of the mobile menu.
-     * When provided together with onMobileMenuOpenChange, the menu is controlled from outside.
-     */
-    mobileMenuOpen?: boolean;
-    /**
-     * Called when the mobile menu open state should change.
-     * Use with mobileMenuOpen for controlled mode (e.g. to close from a parent or sync with route).
-     */
-    onMobileMenuOpenChange?: (open: boolean) => void;
-}
-/**
- * Header component with support for navigation, logo, and actions
- * Follows responsive design practices with automatic mobile menu support
- *
- * @usage
- * Use Header as the main application header:
- * top navigation bar, app logo, navigation menu, wallet connection button.
- *
- * Note: Header is sticky at the top with z-50. Navigation is hidden on mobile (md:flex).
- * Uses NavigationButton components for navigation items.
- *
- * Do NOT use Header:
- * - for page-specific headers.
- * - for section headers within content (use CardHeader or h2/h3 elements).
- *
- * @example
- * ```tsx
- * <Header
- *   logo={<div>MyApp</div>}
- *   navigation={
- *     <nav className="flex gap-4">
- *       <NavItem href="/" active>Home</NavItem>
- *       <NavItem href="/about">About</NavItem>
- *     </nav>
- *   }
- *   actions={
- *     <>
- *       <Button variant="ghost">Sign In</Button>
- *       <Button>Sign Up</Button>
- *     </>
- *   }
- * />
- * ```
- *
- * @example With custom mobile menu
- * ```tsx
- * <Header
- *   logo={<div>MyApp</div>}
- *   navigation={<DesktopNav />}
- *   mobileMenuContent={
- *     <nav className="flex flex-col gap-2">
- *       <a href="/" className="px-4 py-3">Home</a>
- *       <a href="/about" className="px-4 py-3">About</a>
- *     </nav>
- *   }
- * />
- * ```
- *
- * @example Controlled mobile menu (open/close from outside)
- * ```tsx
- * const [mobileOpen, setMobileOpen] = useState(false);
- * <Header
- *   mobileMenuContent={<MobileNav />}
- *   mobileMenuOpen={mobileOpen}
- *   onMobileMenuOpenChange={setMobileOpen}
- * />
- * ```
- */
-export declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLElement>>;
-export {};

package/dist/types/components/layout/header/index.d.ts

@@ -1 +0,0 @@
-export * from './header';

package/dist/types/components/layout/legal-disclaimer/index.d.ts

@@ -1 +0,0 @@
-export * from './legal-disclaimer';