ivt/dist/breadcrumb/index.mjs

Ivt Components Library

import { Slot } from '@radix-ui/react-slot';
import * as React from 'react';
import { c as cn } from '../chunks/utils-05LlW3Cl.mjs';
import { C as ChevronRight } from '../chunks/chevron-right-mC6NR8jW.mjs';
import { E as Ellipsis } from '../chunks/ellipsis-xV1ovGxI.mjs';
import '../chunks/bundle-mjs-BYcyWisL.mjs';
import '../chunks/createLucideIcon-DLrNgMqk.mjs';

function Breadcrumb({ ...props }) {
    return /*#__PURE__*/ React.createElement("nav", {
        "aria-label": "breadcrumb",
        "data-slot": "breadcrumb",
        ...props
    });
}
function BreadcrumbList({ className, ...props }) {
    return /*#__PURE__*/ React.createElement("ol", {
        "data-slot": "breadcrumb-list",
        className: cn("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", className),
        ...props
    });
}
function BreadcrumbItem({ className, ...props }) {
    return /*#__PURE__*/ React.createElement("li", {
        "data-slot": "breadcrumb-item",
        className: cn("inline-flex items-center gap-1.5", className),
        ...props
    });
}
function BreadcrumbLink({ asChild, className, ...props }) {
    const Comp = asChild ? Slot : "a";
    return /*#__PURE__*/ React.createElement(Comp, {
        "data-slot": "breadcrumb-link",
        className: cn("hover:text-foreground transition-colors", className),
        ...props
    });
}
function BreadcrumbPage({ className, ...props }) {
    return /*#__PURE__*/ React.createElement("span", {
        "data-slot": "breadcrumb-page",
        "aria-disabled": "true",
        "aria-current": "page",
        className: cn("text-foreground font-normal", className),
        ...props
    });
}
function BreadcrumbSeparator({ children, className, ...props }) {
    return /*#__PURE__*/ React.createElement("li", {
        "data-slot": "breadcrumb-separator",
        role: "presentation",
        "aria-hidden": "true",
        className: cn("[&>svg]:size-3.5", className),
        ...props
    }, children ?? /*#__PURE__*/ React.createElement(ChevronRight, null));
}
function BreadcrumbEllipsis({ className, ...props }) {
    return /*#__PURE__*/ React.createElement("span", {
        "data-slot": "breadcrumb-ellipsis",
        role: "presentation",
        "aria-hidden": "true",
        className: cn("flex size-9 items-center justify-center", className),
        ...props
    }, /*#__PURE__*/ React.createElement(Ellipsis, {
        className: "size-4"
    }), /*#__PURE__*/ React.createElement("span", {
        className: "sr-only"
    }, "More"));
}

export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
//# sourceMappingURL=index.mjs.map