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

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';

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

@@ -1,32 +0,0 @@
-/**
- * LegalReferences — interface for legal document URLs.
- */
-export interface LegalReferences {
-    termsOfService: string;
-    privacyNotice: string;
-    riskDisclosure: string;
-}
-/**
- * LegalDisclaimer — component for displaying legal disclaimer text with links.
- *
- * @usage
- * Use LegalDisclaimer to display legal information and required disclaimers:
- * footer legal text, terms acceptance notices, risk disclosure statements.
- *
- * Props:
- * - `hrefs` — object containing legal document URLs (required):
- *   - `termsOfService` — Terms of Service URL.
- *   - `privacyNotice` — Privacy Notice URL.
- *   - `riskDisclosure` — Risk Disclosure URL.
- *
- * Note: Displays formatted text with links to Terms of Service, Privacy Notice, and Risk Disclosure Statement.
- * Text uses muted color and small size for footer placement.
- *
- * Do NOT use LegalDisclaimer:
- * - for custom legal text (use appropriate text components with links).
- * - when different disclaimer format is needed (use custom component).
- */
-export declare function LegalDisclaimer({ hrefs, appName, }: {
-    appName?: string;
-    hrefs: LegalReferences;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/layout/page-layout/index.d.ts

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

package/dist/types/components/layout/page-layout/page-layout.d.ts

@@ -1,41 +0,0 @@
-interface PageLayoutProps {
-    children: React.ReactNode;
-    title: string;
-    description?: JSX.Element;
-    icon?: JSX.Element;
-    backButton?: {
-        href: string;
-        text?: string;
-        onClick?: () => void;
-    };
-    actionButton?: JSX.Element;
-    maxContainerWidth?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
-    containerClassName?: string;
-}
-/**
- * PageLayout — main layout component for application pages.
- *
- * @usage
- * Use PageLayout as the root layout wrapper for application pages:
- * page containers, content pages, detail pages, settings pages.
- *
- * Props:
- * - `children` — page content (required).
- * - `title` — page title displayed in header (required).
- * - `description` — optional description element displayed below title.
- * - `icon` — optional icon element displayed next to title.
- * - `backButton` — optional back button configuration object:
- *   - `href` — destination URL for back navigation (required).
- *   - `text` — custom text label (defaults to "Back" if not provided).
- *   - `onClick` — optional callback function executed on click.
- * - `actionButton` — optional action button element displayed next to title.
- *
- * Note: PageLayout provides full-screen layout with black background, padding, and overflow handling.
- * BackButton is rendered when backButton prop is provided.
- *
- * Do NOT use PageLayout:
- * - for modal dialogs or overlays (use Dialog component instead).
- * - for nested page sections (use Card or other container components).
- */
-export declare function PageLayout({ children, title, description, icon, backButton, actionButton, maxContainerWidth, containerClassName, }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/layout/social-icons/index.d.ts

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

package/dist/types/components/layout/social-icons/social-icons.d.ts

@@ -1,7 +0,0 @@
-export interface SocialIconsProps {
-    twitterAddr?: string;
-    discordAddr?: string;
-    telegramAddr?: string;
-    className?: string;
-}
-export declare function SocialIcons({ twitterAddr, discordAddr, telegramAddr, className, }: SocialIconsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +0,0 @@
-export * from './navbar';
-export * from './navbar-indicator-context';
-export * from './navbar-with-overflow';

package/dist/types/components/navbar/navbar-indicator-context.d.ts

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-interface NavbarIndicatorContextType {
-    registerItem: (id: string, element: HTMLElement) => void;
-    unregisterItem: (id: string) => void;
-    setActiveItem: (id: string) => void;
-    containerRef: React.RefObject<HTMLDivElement | null>;
-    indicatorRef: React.RefObject<HTMLDivElement | null>;
-}
-export declare const NavbarIndicatorProvider: React.FC<{
-    children: React.ReactNode;
-}>;
-export declare const useNavbarIndicator: () => NavbarIndicatorContextType | null;
-export {};

package/dist/types/components/navbar/navbar-with-overflow.d.ts

@@ -1,20 +0,0 @@
-import type * as React from "react";
-export interface NavbarOverflowItem {
-    id: string;
-    label: React.ReactNode;
-    active?: boolean;
-    onClick?: () => void;
-}
-export interface NavbarWithOverflowProps {
-    items: NavbarOverflowItem[];
-    moreLabel?: React.ReactNode;
-    className?: string;
-}
-/**
- * NavbarWithOverflow — renders nav items inline, moving items that don't fit
- * into a "More" dropdown. Self-contained: measures its own wrapper width
- * via ResizeObserver. When all items fit, they are centered (via parent flex).
- *
- * Use inside <Navbar> or any flex container.
- */
-export declare function NavbarWithOverflow({ items, moreLabel, className, }: NavbarWithOverflowProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,25 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const navbarVariants: (props?: ({
-    variant?: "default" | "left" | "right" | "centered" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-    sticky?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-/**
- * Navbar component props
- */
-export interface NavbarProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof navbarVariants> {
-    /**
-     * Container class name for inner wrapper
-     */
-    containerClassName?: string;
-}
-/**
- * Navbar component for application navigation
- */
-declare const Navbar: React.ForwardRefExoticComponent<NavbarProps & React.RefAttributes<HTMLElement>>;
-/**
- * Navbar navigation wrapper component
- */
-declare const NavbarNav: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { Navbar, NavbarNav, navbarVariants };

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

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