first commit

2026-06-06 00:49:07 +08:00
commit 2b860d201e
134 changed files with 22773 additions and 0 deletions
@@ -0,0 +1,125 @@
+import * as React from "react";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+import { cn } from "@/lib/utils";
+import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+
+function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">) {
+    return (
+        <nav
+            aria-label="breadcrumb"
+            data-slot="breadcrumb"
+            className={cn(className)}
+            {...props}
+        />
+    );
+}
+
+function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
+    return (
+        <ol
+            data-slot="breadcrumb-list"
+            className={cn(
+                "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm wrap-break-word",
+                className,
+            )}
+            {...props}
+        />
+    );
+}
+
+function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">) {
+    return (
+        <li
+            data-slot="breadcrumb-item"
+            className={cn("inline-flex items-center gap-1", className)}
+            {...props}
+        />
+    );
+}
+
+function BreadcrumbLink({
+    className,
+    render,
+    ...props
+}: useRender.ComponentProps<"a">) {
+    return useRender({
+        defaultTagName: "a",
+        props: mergeProps<"a">(
+            {
+                className: cn(
+                    "transition-colors hover:text-foreground",
+                    className,
+                ),
+            },
+            props,
+        ),
+        render,
+        state: {
+            slot: "breadcrumb-link",
+        },
+    });
+}
+
+function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">) {
+    return (
+        <span
+            data-slot="breadcrumb-page"
+            role="link"
+            aria-disabled="true"
+            aria-current="page"
+            className={cn("text-foreground font-normal", className)}
+            {...props}
+        />
+    );
+}
+
+function BreadcrumbSeparator({
+    children,
+    className,
+    ...props
+}: React.ComponentProps<"li">) {
+    return (
+        <li
+            data-slot="breadcrumb-separator"
+            role="presentation"
+            aria-hidden="true"
+            className={cn("[&>svg]:size-3.5", className)}
+            {...props}
+        >
+            {children ?? <ChevronRightIcon />}
+        </li>
+    );
+}
+
+function BreadcrumbEllipsis({
+    className,
+    ...props
+}: React.ComponentProps<"span">) {
+    return (
+        <span
+            data-slot="breadcrumb-ellipsis"
+            role="presentation"
+            aria-hidden="true"
+            className={cn(
+                "flex size-5 items-center justify-center [&>svg]:size-4",
+                className,
+            )}
+            {...props}
+        >
+            <MoreHorizontalIcon />
+            <span className="sr-only">More</span>
+        </span>
+    );
+}
+
+export {
+    Breadcrumb,
+    BreadcrumbList,
+    BreadcrumbItem,
+    BreadcrumbLink,
+    BreadcrumbPage,
+    BreadcrumbSeparator,
+    BreadcrumbEllipsis,
+};