Aurora Breadcrumb

1"use client"
2 
3/**
4 * Aurora Design System — Breadcrumb
5 * No additional peer deps required.
6 */
7 
8import * as React from "react"
9import { Slot } from "@radix-ui/react-slot"
10import { ChevronRight, Dot, Ellipsis } from "lucide-react"
11import { Badge } from "./badge"
12import { cn } from "@/lib/utils"
13 
14// ─── Variant context ──────────────────────────────────────────────────────────
15 
16type BreadcrumbVariant = "default" | "mono" | "pill-trail"
17 
18const BreadcrumbVariantContext = React.createContext<BreadcrumbVariant>("default")
19 
20// ─── Breadcrumb root ──────────────────────────────────────────────────────────
21 
22export interface BreadcrumbProps extends React.ComponentProps<"nav"> {
23  variant?: BreadcrumbVariant
24  separator?: React.ReactNode
25}
26 
27function Breadcrumb({ ref, variant = "default", className, ...props }: BreadcrumbProps & { ref?: React.Ref<HTMLElement> }) {
28  return (
29    <BreadcrumbVariantContext.Provider value={variant}>
30      <nav
31        ref={ref}
32        aria-label="breadcrumb"
33        className={cn("flex", className)}
34        {...props}
35      />
36    </BreadcrumbVariantContext.Provider>
37  )
38}
39 
40// ─── BreadcrumbList ───────────────────────────────────────────────────────────
41 
42function BreadcrumbList({ ref, className, ...props }: React.ComponentProps<"ol"> & { ref?: React.Ref<HTMLOListElement> }) {
43  const variant = React.useContext(BreadcrumbVariantContext)
44  return (
45    <ol
46      ref={ref}
47      className={cn(
48        "flex min-w-0 flex-wrap items-center gap-1.5 break-words",
49        variant === "pill-trail" && "gap-1.5",
50        className
51      )}
52      {...props}
53    />
54  )
55}
56 
57// ─── BreadcrumbItem ───────────────────────────────────────────────────────────
58 
59function BreadcrumbItem({ ref, className, ...props }: React.ComponentProps<"li"> & { ref?: React.Ref<HTMLLIElement> }) {
60  return (
61    <li
62      ref={ref}
63      className={cn("inline-flex min-w-0 items-center gap-1", className)}
64      {...props}
65    />
66  )
67}
68 
69// … truncated