Pixelact Breadcrumb

1import * as React from "react";
2import { cn } from "@/lib/utils";
3import { cva, VariantProps } from "class-variance-authority";
4import {
5  Breadcrumb as ShadcnBreadcrumb,
6  BreadcrumbList as ShadcnBreadcrumbList,
7  BreadcrumbItem as ShadcnBreadcrumbItem,
8  BreadcrumbPage as ShadcnBreadcrumbPage,
9  BreadcrumbSeparator as ShadcnBreadcrumbSeparator,
10  BreadcrumbEllipsis as ShadcnBreadcrumbEllipsis,
11} from "@/components/ui/breadcrumb";
12 
13import { Slot } from "@radix-ui/react-slot";
14import { MoreHorizontal } from "lucide-react";
15 
16const breadcrumbVariants = cva("", {
17  variants: {
18    font: {
19      normal: "",
20      pixel: "pixel-font",
21    },
22    variant: {
23      default: "text-foreground",
24      destructive:
25        "text-destructive [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
26    },
27  },
28  defaultVariants: {
29    variant: "default",
30  },
31});
32 
33interface BreadcrumbNavigationProps
34  extends React.ComponentProps<"nav">,
35    VariantProps<typeof breadcrumbVariants> {}
36 
37interface BreadcrumbOrderedListProps
38  extends React.ComponentProps<"ol">,
39    VariantProps<typeof breadcrumbVariants> {}
40 
41interface BreadcrumbPageProps
42  extends React.ComponentProps<"span">,
43    VariantProps<typeof breadcrumbVariants> {}
44 
45interface BreadcrumbListItemProps
46  extends React.ComponentProps<"li">,
47    VariantProps<typeof breadcrumbVariants> {}
48 
49interface BreadcrumbLinkProps
50  extends React.ComponentProps<"a">,
51    VariantProps<typeof breadcrumbVariants> {}
52 
53function Breadcrumb({
54  variant,
55  font,
56  className,
57  ...props
58}: BreadcrumbNavigationProps) {
59  return (
60    <ShadcnBreadcrumb
61      className={cn(breadcrumbVariants({ variant, font }), className)}
62      {...props}
63    />
64  );
65}
66 
67function BreadcrumbList({
68  variant,
69 
70  className,
71  ...props
72}: BreadcrumbOrderedListProps) {
73  return (
74    <ShadcnBreadcrumbList
75      className={cn(breadcrumbVariants({ variant }), className)}
76      {...props}
77    />
78  );
79}
80 
81function BreadcrumbItem({
82  variant,
83 
84  className,
85  ...props
86}: BreadcrumbListItemProps) {
87  return (
88    <ShadcnBreadcrumbItem
89      className={cn(breadcrumbVariants({ variant }), className)}
90      {...props}
91    />
92  );
93}
94 
95function BreadcrumbLink({
96  variant,
97 
98  className,
99  asChild,
100  ...props
101}: BreadcrumbLinkProps & {
102  asChild?: boolean;
103}) {
104  const Comp = asChild ? Slot : "a";
105 
106  return (
107    <Comp
108      className={cn(breadcrumbVariants({ variant }), className)}
109      {...props}
110    />
111  );
112}
113 
114function BreadcrumbPage({
115  variant,
116 
117// … truncated