/**
* @fileoverview Breadcrumb primitive — navigation trail showing the current page hierarchy.
* Pure Tailwind component with Radix UI Slot for flexible link rendering.
* Part of the Saasflare base component layer.
* @module packages/ui/components/ui/breadcrumb
* @layer core
*
* @component
* @example
* import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage } from '@saasflare/ui';
*
*
* Home
* Current
*
*
*/
import * as React from "react";
import { type SaasflareComponentProps } from "../../providers";
/**
* Props for {@link Breadcrumb}. Extends the native `` props with the
* Saasflare axes (`surface`, `radius`, `animated`, `iconWeight`) inherited from
* {@link SaasflareComponentProps}. Breadcrumb is a text-navigation subset, so the
* axes are emitted on the root for consistency rather than driving a surface.
*/
interface BreadcrumbProps extends Omit, keyof SaasflareComponentProps>, SaasflareComponentProps {
}
/**
* Breadcrumb navigation root — labelled `` wrapping the trail. Resolves the
* Saasflare axes and emits `data-surface`/`data-radius`/`data-animated`.
*/
declare function Breadcrumb({ surface, radius, animated, iconWeight, ...props }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
/** Ordered list (``) holding the breadcrumb items and separators. */
declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): import("react/jsx-runtime").JSX.Element;
/** Single breadcrumb entry (``) — wraps a {@link BreadcrumbLink} or {@link BreadcrumbPage}. */
declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
/**
* Interactive breadcrumb link (``). Pass `asChild` to render through a custom
* element (e.g. a framework ` `) via Radix Slot while keeping the styling.
*
* @param asChild - When `true`, merges props onto the single child element instead
* of rendering an ` `.
*/
declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
asChild?: boolean;
}): import("react/jsx-runtime").JSX.Element;
/** Current-page node (``) — the non-interactive, `aria-current="page"` trail end. */
declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
/**
* Visual divider (``) between items. Defaults to a Phosphor caret that adopts
* the provider's `iconWeight`; override via `children` for a custom glyph.
*/
declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
/** Collapsed-trail indicator (``) — a Phosphor ellipsis glyph plus screen-reader "More". */
declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, type BreadcrumbProps, };