@gearbox-protocol/permissionless-ui 1.7.3 → 1.7.5

package/dist/types/components/compound-apy.d.ts

@@ -1,80 +0,0 @@
-import type { TokenData } from "@gearbox-protocol/sdk";
-import type { LocaleKeys } from "./typed-intl";
-export interface PoolBaseAPY {
-    type: "supplyAPY" | "tokenYield";
-    apy: number;
-}
-export interface ExtraRewardApy {
-    apy: number;
-    rewardToken: string;
-    rewardTokenSymbol: string;
-}
-export interface ExternalAPYData {
-    /**
-     * The total value including external APY
-     */
-    totalValue: number;
-    /**
-     * The external APY value
-     */
-    value: number;
-    /**
-     * Name/label of the external APY source
-     */
-    name: string;
-    /**
-     * Localization key for the external APY tooltip
-     * Will be rendered with FormattedMessageTyped with values: { name, value }
-     */
-    tooltip?: LocaleKeys;
-}
-export interface CompoundAPYProps {
-    /**
-     * Total APY value (already in percent form, e.g., 5 for 5%)
-     */
-    totalAPY: number;
-    /**
-     * Base APY array with different types
-     */
-    baseAPY: Array<PoolBaseAPY>;
-    /**
-     * Extra/rewards APY array
-     */
-    extraAPY: Array<ExtraRewardApy>;
-    /**
-     * External APY data (e.g., from external protocols)
-     */
-    externalAPY?: ExternalAPYData;
-    /**
-     * Token list for displaying token symbols in tooltips
-     */
-    tokensList?: Record<string, TokenData>;
-    /**
-     * Number of decimal places
-     * @default 2
-     */
-    decimals?: number;
-    /**
-     * Custom className
-     */
-    className?: string;
-}
-/**
- * CompoundAPY component for displaying breakdown of APY with base, extra, and external components
- *
- * @example
- * ```tsx
- * <CompoundAPY
- *   totalAPY={15}
- *   baseAPY={[{ type: "supplyAPY", apy: 10 }]}
- *   extraAPY={[{ apy: 3, rewardToken: "0x...", rewardTokenSymbol: "GEAR" }]}
- *   externalAPY={{
- *     totalValue: 15,
- *     value: 2,
- *     name: "Curve",
- *     tooltip: "External APY from Curve"
- *   }}
- * />
- * ```
- */
-export declare function CompoundAPY({ totalAPY, baseAPY, extraAPY, externalAPY, tokensList, decimals, className, }: CompoundAPYProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/credit-session-status.d.ts

@@ -1,7 +0,0 @@
-import type { CreditSessionStatus as CreditSessionStatusType } from "@gearbox-protocol/sdk";
-import type * as React from "react";
-export interface CreditSessionStatusProps {
-    status: CreditSessionStatusType;
-    className?: string;
-}
-export declare function CreditSessionStatus({ status, className, }: CreditSessionStatusProps): React.ReactElement;

package/dist/types/components/detailed-page-title.d.ts

@@ -1,30 +0,0 @@
-import type { TokenData } from "@gearbox-protocol/sdk";
-import * as React from "react";
-export interface ExplorerLink {
-    link: string;
-    label: string;
-}
-export interface DetailedPageTitleProps {
-    title: React.ReactNode;
-    token?: TokenData;
-    toCopy?: string;
-    explorerLinks?: Array<ExplorerLink>;
-    className?: string;
-}
-/**
- * DetailedPageTitle - page title with token icon, copy functionality, and explorer links
- *
- * @example
- * ```tsx
- * <DetailedPageTitle
- *   title="USDC Pool (0x1234...)"
- *   token={usdcToken}
- *   toCopy="0x1234567890abcdef"
- *   explorerLinks={[
- *     { link: "https://etherscan.io/...", label: "Etherscan" }
- *   ]}
- *   onCopySuccess={() => console.log("Copied successfully!")}
- * />
- * ```
- */
-export declare function DetailedPageTitle({ title, token, toCopy, explorerLinks, className, }: DetailedPageTitleProps): React.ReactElement;

package/dist/types/components/help-center-container.d.ts

@@ -1,22 +0,0 @@
-import type * as React from "react";
-import type { BlockSyncProps } from "../types/footer";
-export interface HelpCenterContainerProps {
-    blockSyncProps: BlockSyncProps;
-    gapFromFooter: number;
-    footerHeight: number;
-}
-/**
- * HelpCenterContainer - displays network sync status
- * On desktop: fixed position in bottom-right corner, dynamically adjusts to stay above footer
- * On mobile: static position, rendered inside footer
- *
- * @example
- * ```tsx
- * <HelpCenterContainer
- *   blockSyncProps={blockSyncProps}
- *   footerHeight={108}
- *   gapFromFooter={8}
- * />
- * ```
- */
-export declare function HelpCenterContainer({ blockSyncProps, footerHeight, gapFromFooter, }: HelpCenterContainerProps): React.ReactElement;

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

@@ -1,44 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import type * as React from "react";
-declare const inputVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-    variant?: "default" | "error" | "success" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * InputProps — props for Input component.
- */
-interface InputProps extends Omit<React.ComponentProps<"input">, "size">, VariantProps<typeof inputVariants> {
-    hasError?: boolean;
-    errorMessage?: string;
-}
-/**
- * Input — text input component with size variants and error handling.
- *
- * @usage
- * Use Input for text input fields in forms:
- * text inputs, number inputs, email inputs, password inputs, search inputs.
- *
- * Props:
- * - `size` — input size: "sm", "default", "lg" (defaults to "default").
- * - `variant` — visual variant: "default", "error", "success" (defaults to "default").
- * - `hasError` — if true, displays error styling (red border).
- * - `errorMessage` — error message displayed below input when hasError is true and value is not empty.
- * - All standard HTML input props are supported (type, placeholder, value, onChange, etc.).
- *
- * Note: For number inputs, prevents wheel scroll from changing value.
- * Error message is only shown when hasError is true and value is not empty.
- * Prefer using this component instead of native HTML input element.
- *
- * Do NOT use Input:
- * - for multi-line text input (use Textarea component).
- * - for file uploads (use appropriate file input components).
- *
- * @example
- * ```tsx
- * <Input placeholder="Enter text" />
- * <Input size="lg" variant="error" hasError errorMessage="Invalid input" />
- * <Input size="sm" type="email" />
- * ```
- */
-export declare function Input({ hasError, errorMessage, value, size, variant, className, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
-export { inputVariants };

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

@@ -1,41 +0,0 @@
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { type VariantProps } from "class-variance-authority";
-import * as React from "react";
-declare const labelVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-    variant?: "default" | "muted" | "error" | "success" | null | undefined;
-    required?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * Label — component for form field labels with size and variant options.
- *
- * @usage
- * Use Label to label form inputs and controls:
- * input labels, checkbox labels, select labels, form field labels.
- *
- * Props:
- * - `size` — label size: "sm", "default", "lg" (defaults to "default").
- * - `variant` — visual variant: "default", "muted", "error", "success" (defaults to "default").
- * - `required` — if true, displays asterisk (*) after label text.
- * - All standard Radix UI Label props are supported (htmlFor, etc.).
- *
- * Note: Uses white text color and large text size by default. Automatically handles disabled state styling.
- * Prefer using this component instead of @radix-ui/react-label directly.
- *
- * Do NOT use Label:
- * - for non-form text labels (use appropriate text components).
- * - when you need different styling that doesn't match form label semantics.
- *
- * @example
- * ```tsx
- * <Label htmlFor="email">Email</Label>
- * <Label size="sm" variant="muted">Optional field</Label>
- * <Label required>Required field</Label>
- * ```
- */
-declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-    variant?: "default" | "muted" | "error" | "success" | null | undefined;
-    required?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
-export { Label, labelVariants };

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

@@ -1,43 +0,0 @@
-import React from "react";
-/**
- * ColProps — props for Col component.
- */
-export interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
-    span?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "full" | "auto";
-    sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "full" | "auto";
-    md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "full" | "auto";
-    lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "full" | "auto";
-    xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "full" | "auto";
-    start?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | "auto";
-    order?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "first" | "last" | "none";
-}
-/**
- * Col — grid column component for responsive column layouts.
- *
- * @usage
- * Use Col within Grid component to define responsive column spans:
- * responsive columns, grid items, flexible column widths.
- *
- * Props:
- * - `span` — number of columns to span (1-12, "full", or "auto", defaults to 12).
- * - `sm` — column span for small screens (≥640px).
- * - `md` — column span for medium screens (≥768px).
- * - `lg` — column span for large screens (≥1024px).
- * - `xl` — column span for extra large screens (≥1280px).
- * - `start` — starting column position (1-13 or "auto").
- * - `order` — flex order for column reordering (1-12, "first", "last", "none").
- *
- * Note: Works with Tailwind grid system (grid-cols-12).
- * Use within a Grid container with appropriate column configuration.
- * "full" spans all columns, "auto" uses automatic sizing.
- *
- * @example
- * ```tsx
- * <Grid cols={12}>
- *   <Col span={6}>Half width</Col>
- *   <Col span={6}>Half width</Col>
- *   <Col span={12} md={6}>Full on mobile, half on desktop</Col>
- * </Grid>
- * ```
- */
-export declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,37 +0,0 @@
-import React from "react";
-/**
- * ContainerProps — props for Container component.
- */
-export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    maxWidth?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
-    padding?: boolean;
-    center?: boolean;
-}
-/**
- * Container — responsive content width container component.
- *
- * @usage
- * Use Container to constrain content width for better readability:
- * page containers, section wrappers, centered content, responsive layouts.
- *
- * Props:
- * - `maxWidth` — maximum width constraint: "sm", "md", "lg", "xl", "2xl", "full" (defaults to "xl").
- * - `padding` — whether to apply horizontal padding (defaults to true).
- * - `center` — whether to center container horizontally (defaults to true).
- *
- * Note: Follows best practices for content readability and layout.
- * Applies responsive padding (px-4 sm:px-6 lg:px-8) when padding is true.
- * Automatically centers content when center is true using mx-auto.
- *
- * @example
- * ```tsx
- * <Container>
- *   <h1>Page Content</h1>
- * </Container>
- *
- * <Container maxWidth="lg" padding={false}>
- *   <CustomContent />
- * </Container>
- * ```
- */
-export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,65 +0,0 @@
-import React from "react";
-import { type LegalReferences } from "./legal-disclaimer";
-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;
-/**
- * GearboxFooter — application footer component with legal links and branding.
- *
- * @usage
- * Use GearboxFooter as the main application footer:
- * legal links, documentation links, app branding, legal disclaimer.
- *
- * Props:
- * - `appName` — application name displayed in logo (required).
- * - `legalReferences` — object containing legal document URLs (required):
- *   - `termsOfService` — Terms of Service URL.
- *   - `privacyNotice` — Privacy Notice URL.
- *   - `riskDisclosure` — Risk Disclosure URL.
- * - `mobileStatusContent` — content to display at the bottom of footer on mobile (e.g., BlockSync).
- *
- * Note: GearboxFooter includes AppLogo, LegalDisclaimer, and predefined link sections for Legal and Developers.
- * Uses responsive grid layout (1 column on mobile, 2 columns on desktop).
- * Built on top of the abstract Footer component.
- *
- * Do NOT use GearboxFooter:
- * - for page-specific footers.
- * - for section footers within content (use appropriate container components).
- * - if you need a custom footer layout (use the abstract Footer component directly).
- */
-export declare function GearboxFooter({ appName, legalReferences, className, mobileStatusContent, }: {
-    appName: string;
-    legalReferences: LegalReferences;
-    className?: string;
-    mobileStatusContent?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,48 +0,0 @@
-import React from "react";
-/**
- * GridProps — props for Grid component.
- */
-export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
-    cols?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | string;
-    sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-    md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-    lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-    xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-    gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 16 | 20 | 24;
-    gapX?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 16 | 20 | 24;
-    gapY?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 16 | 20 | 24;
-}
-/**
- * Grid — responsive grid layout component using CSS Grid.
- *
- * @usage
- * Use Grid to create responsive grid-based layouts:
- * page layouts, card grids, responsive columns, flexible grid structures.
- *
- * Props:
- * - `cols` — number of columns (1-12) or custom CSS grid template string (defaults to 12).
- * - `sm` — number of columns for small screens (≥640px).
- * - `md` — number of columns for medium screens (≥768px).
- * - `lg` — number of columns for large screens (≥1024px).
- * - `xl` — number of columns for extra large screens (≥1280px).
- * - `gap` — gap between grid items in Tailwind spacing units (defaults to 4).
- * - `gapX` — horizontal gap override (overrides gap).
- * - `gapY` — vertical gap override.
- *
- * Note: Works with Col component for flexible column-based layouts.
- * Supports both numeric columns (uses Tailwind grid classes) and custom CSS grid templates.
- * When cols is a string, uses inline style for grid-template-columns.
- *
- * @example
- * ```tsx
- * // Numeric columns (uses Tailwind classes)
- * <Grid cols={12}>...</Grid>
- *
- * // Custom CSS grid columns
- * <Grid cols="130px 120px 1.5fr repeat(3, 1fr)">...</Grid>
- *
- * // Responsive columns
- * <Grid cols={1} sm={2} md={3} lg={4}>...</Grid>
- * ```
- */
-export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,103 +0,0 @@
-import 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;
-}
-/**
- * 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>
- *   }
- * />
- * ```
- */
-export declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLElement>>;
-export {};

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

@@ -1,12 +0,0 @@
-import React from "react";
-export interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    children: React.ReactNode;
-}
-/**
- * Layout component with grid-based structure
- * Supports header, footer, and main content areas
- * Fully responsive with mobile-first approach
- */
-export declare const Layout: React.ForwardRefExoticComponent<LayoutProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/liquidation/liquidation-assets-table.d.ts

@@ -1,14 +0,0 @@
-import type { TokenData } from "@gearbox-protocol/sdk";
-import type * as React from "react";
-import type { Address } from "viem";
-import type { UseLiquidationGraphParamsReturnType } from "../../hooks/use-liquidation";
-export interface LiquidationModellingAssetsTableProps {
-    tokensList: Record<Address, TokenData>;
-    graphParams: UseLiquidationGraphParamsReturnType;
-    data: Array<{
-        token: Address;
-    }>;
-    prices: Record<Address, bigint>;
-    editedPrices: Record<Address, bigint>;
-}
-export declare function LiquidationModellingAssetsTable({ tokensList, graphParams, data, prices, editedPrices, }: LiquidationModellingAssetsTableProps): React.ReactElement;

package/dist/types/components/liquidation/liquidation-graph-tip.d.ts

@@ -1,13 +0,0 @@
-import type { TokenData } from "@gearbox-protocol/sdk";
-import type * as React from "react";
-import type { AxisParams } from "../../hooks/use-liquidation";
-export interface LiquidationGraphTipProps {
-    activePointX: number | undefined;
-    activePointY: number | undefined;
-    xAxis: AxisParams | undefined;
-    yAxis: AxisParams | undefined;
-    hf: number;
-    underlyingToken: TokenData | undefined;
-    maxLabelLength?: number;
-}
-export declare function LiquidationGraphTip({ activePointX, activePointY, xAxis, yAxis, hf, underlyingToken, maxLabelLength, }: LiquidationGraphTipProps): React.ReactElement;

package/dist/types/components/liquidation/liquidation-graph.d.ts

@@ -1,19 +0,0 @@
-import type { Asset, CalcQuotaUpdateProps, TokenData } from "@gearbox-protocol/sdk";
-import type * as React from "react";
-import type { Address } from "viem";
-import type { UseLiquidationGraphParamsReturnType } from "../../hooks/use-liquidation";
-export interface LiquidationGraphProps {
-    graphParams: UseLiquidationGraphParamsReturnType;
-    assets: Array<Asset>;
-    liquidationThresholds: CalcQuotaUpdateProps["liquidationThresholds"];
-    quotas: Record<Address, Asset>;
-    quotasInfo: CalcQuotaUpdateProps["quotas"];
-    underlyingToken: Address;
-    debt: bigint;
-    tokensList: Record<Address, TokenData>;
-    prices: Record<Address, bigint>;
-    width?: number;
-    height?: number;
-    maxLabelLength?: number;
-}
-export declare function LiquidationGraph({ graphParams, assets, liquidationThresholds, quotas, quotasInfo, underlyingToken: underlyingTokenAddress, debt, prices, tokensList, width, height, maxLabelLength, }: LiquidationGraphProps): React.ReactElement;

package/dist/types/components/loading-guard.d.ts

@@ -1,18 +0,0 @@
-import type * as React from "react";
-export interface LoadingGuardProps {
-    showGuard: boolean;
-    children: React.ReactNode;
-    fallback?: React.ReactNode;
-}
-/**
- * LoadingGuard - displays loading state while data is being fetched
- * Shows a loading skeleton or custom fallback when showGuard is true
- *
- * @example
- * ```tsx
- * <LoadingGuard showGuard={isLoading}>
- *   <UserProfile user={user} posts={posts} />
- * </LoadingGuard>
- * ```
- */
-export declare function LoadingGuard({ showGuard, children, fallback, }: LoadingGuardProps): React.ReactElement;

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

@@ -1,13 +0,0 @@
-import type 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.d.ts

@@ -1,25 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import * as React from "react";
-declare const navbarVariants: (props?: ({
-    variant?: "default" | "right" | "left" | "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 };