@alpic-ai/ui 0.0.0

package/dist/components/accordion-card.d.mts

@@ -0,0 +1,41 @@
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
+
+//#region src/components/accordion-card.d.ts
+declare function AccordionCard({
+  defaultOpen,
+  open,
+  onOpenChange,
+  disabled,
+  className,
+  children,
+  ...props
+}: {
+  defaultOpen?: boolean;
+  open?: boolean;
+  onOpenChange?: (nextOpen: boolean) => void;
+  disabled?: boolean;
+} & Omit<React.ComponentProps<typeof AccordionPrimitive.Root>, "type" | "collapsible" | "defaultValue" | "value" | "onValueChange" | "disabled">): _$react_jsx_runtime0.JSX.Element;
+declare function AccordionCardHeader({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
+declare function AccordionCardTitle({
+  className,
+  children,
+  ...props
+}: React.HTMLAttributes<HTMLHeadingElement>): _$react_jsx_runtime0.JSX.Element;
+/**
+ * `className` is forwarded to the inner padding wrapper, not the Radix Content root.
+ * The root always applies overflow-hidden and the accordion animations.
+ * To override overflow or animation behavior, wrap this component in an additional element.
+ */
+declare function AccordionCardContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Content>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AccordionCard, AccordionCardContent, AccordionCardHeader, AccordionCardTitle };

package/dist/components/accordion-card.mjs

@@ -0,0 +1,61 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDownIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/accordion-card.tsx
+const ACCORDION_CARD_VALUE = "accordion-card";
+function AccordionCard({ defaultOpen = false, open, onOpenChange, disabled, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Root, {
+		"data-slot": "accordion-card",
+		className: cn("rounded-xl border bg-card text-card-foreground data-[disabled]:opacity-50", className),
+		...props,
+		type: "single",
+		collapsible: true,
+		disabled,
+		defaultValue: defaultOpen ? ACCORDION_CARD_VALUE : void 0,
+		...open !== void 0 ? { value: open ? ACCORDION_CARD_VALUE : "" } : {},
+		...onOpenChange !== void 0 ? { onValueChange: (value) => onOpenChange(value !== "") } : {},
+		children: /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
+			value: ACCORDION_CARD_VALUE,
+			disabled,
+			children
+		})
+	});
+}
+function AccordionCardHeader({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
+		className: "flex",
+		children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
+			"data-slot": "accordion-card-header",
+			className: cn("flex flex-1 items-center justify-between gap-4 p-4", "type-text-md font-semibold text-foreground", "rounded-xl outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card", "[@media(hover:hover)]:hover:underline", "disabled:pointer-events-none", "[&[data-state=open]>svg]:rotate-180", className),
+			...props,
+			children: [children, /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-5 shrink-0 text-muted-foreground transition-transform duration-200" })]
+		})
+	});
+}
+function AccordionCardTitle({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("h3", {
+		className: cn("type-text-md font-semibold", className),
+		...props,
+		children
+	});
+}
+/**
+* `className` is forwarded to the inner padding wrapper, not the Radix Content root.
+* The root always applies overflow-hidden and the accordion animations.
+* To override overflow or animation behavior, wrap this component in an additional element.
+*/
+function AccordionCardContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
+		"data-slot": "accordion-card-content",
+		className: "overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("px-4 pb-4 type-text-sm text-muted-foreground", className),
+			children
+		})
+	});
+}
+//#endregion
+export { AccordionCard, AccordionCardContent, AccordionCardHeader, AccordionCardTitle };

package/dist/components/accordion.d.mts

@@ -0,0 +1,29 @@
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
+
+//#region src/components/accordion.d.ts
+declare function Accordion({
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+declare function AccordionItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Item>): _$react_jsx_runtime0.JSX.Element;
+declare function AccordionTrigger({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
+/**
+ * `className` is forwarded to the inner padding wrapper, not the Radix Content root.
+ * The root always applies overflow-hidden and the accordion animations.
+ * To override overflow or animation behavior, wrap this component in an additional element.
+ */
+declare function AccordionContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Content>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/components/accordion.mjs

@@ -0,0 +1,48 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDownIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/accordion.tsx
+function Accordion({ ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Root, {
+		"data-slot": "accordion",
+		...props
+	});
+}
+function AccordionItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
+		"data-slot": "accordion-item",
+		className: cn("border-b border-border-secondary", className),
+		...props
+	});
+}
+function AccordionTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
+		className: "flex",
+		children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: cn("flex flex-1 items-center justify-between gap-4 py-4", "type-text-md font-semibold text-foreground", "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded-sm", "[@media(hover:hover)]:hover:underline", "disabled:pointer-events-none disabled:opacity-50", "[&[data-state=open]>svg]:rotate-180", className),
+			...props,
+			children: [children, /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-6 shrink-0 text-muted-foreground transition-transform duration-200" })]
+		})
+	});
+}
+/**
+* `className` is forwarded to the inner padding wrapper, not the Radix Content root.
+* The root always applies overflow-hidden and the accordion animations.
+* To override overflow or animation behavior, wrap this component in an additional element.
+*/
+function AccordionContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
+		"data-slot": "accordion-content",
+		className: "overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("pb-4 type-text-sm text-muted-foreground", className),
+			children
+		})
+	});
+}
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/components/alert.d.mts

@@ -0,0 +1,40 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/alert.d.ts
+declare const alertVariants: (props?: ({
+  variant?: "success" | "warning" | "default" | "destructive" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {}
+declare function Alert({
+  className,
+  variant,
+  ...props
+}: AlertProps): _$react_jsx_runtime0.JSX.Element;
+declare function AlertTitle({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLParagraphElement>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDescription({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>): _$react_jsx_runtime0.JSX.Element;
+interface ConvenienceAlertProps {
+  title?: string;
+  description?: React.ReactNode;
+  className?: string;
+}
+declare function ErrorAlert({
+  title,
+  description,
+  className
+}: ConvenienceAlertProps): _$react_jsx_runtime0.JSX.Element;
+declare function WarningAlert({
+  title,
+  description,
+  className
+}: ConvenienceAlertProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Alert, AlertDescription, AlertTitle, ErrorAlert, WarningAlert };

package/dist/components/alert.mjs

@@ -0,0 +1,63 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { AlertTriangleIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/alert.tsx
+const alertVariants = cva([
+	"w-full rounded-md border px-4 py-3",
+	"grid grid-cols-[auto_1fr] gap-x-3 gap-y-0.5 items-start",
+	"[&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:mt-0.5",
+	"[&>:not(svg)]:col-start-2"
+].join(" "), {
+	variants: { variant: {
+		default: "bg-muted border-border [&>svg]:text-muted-foreground",
+		destructive: "bg-destructive/10 border-destructive/30 [&>svg]:text-destructive",
+		warning: "bg-badge-warning/10 border-badge-warning/30 [&>svg]:text-badge-warning",
+		success: "bg-badge-success/10 border-badge-success/30 [&>svg]:text-badge-success"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Alert({ className, variant, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "alert",
+		className: cn(alertVariants({ variant }), className),
+		...props
+	});
+}
+function AlertTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		className: cn("type-text-sm font-semibold leading-snug", className),
+		...props
+	});
+}
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("type-text-sm text-muted-foreground [&_p]:leading-relaxed", className),
+		...props
+	});
+}
+function ErrorAlert({ title = "An unexpected error occurred", description = "Please try again later or contact support if the problem persists.", className }) {
+	return /* @__PURE__ */ jsxs(Alert, {
+		variant: "destructive",
+		className,
+		children: [
+			/* @__PURE__ */ jsx(AlertTriangleIcon, {}),
+			/* @__PURE__ */ jsx(AlertTitle, { children: title }),
+			/* @__PURE__ */ jsx(AlertDescription, { children: description })
+		]
+	});
+}
+function WarningAlert({ title, description, className }) {
+	return /* @__PURE__ */ jsxs(Alert, {
+		variant: "warning",
+		className,
+		children: [
+			/* @__PURE__ */ jsx(AlertTriangleIcon, {}),
+			/* @__PURE__ */ jsx(AlertTitle, { children: title }),
+			/* @__PURE__ */ jsx(AlertDescription, { children: description })
+		]
+	});
+}
+//#endregion
+export { Alert, AlertDescription, AlertTitle, ErrorAlert, WarningAlert };

package/dist/components/attachment-tile.d.mts

@@ -0,0 +1,26 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/attachment-tile.d.ts
+interface AttachmentTileProps {
+  /** Source URL for the attachment thumbnail */
+  src?: string;
+  /** Whether the attachment is an image */
+  isImage?: boolean;
+  /** Accessible label describing the attachment */
+  label?: string;
+  /** Called when the remove button is clicked */
+  onRemove?: () => void;
+  /** Called when the tile is clicked (e.g. to open a preview) */
+  onClick?: () => void;
+  className?: string;
+}
+declare function AttachmentTile({
+  src,
+  isImage,
+  label,
+  onRemove,
+  onClick,
+  className
+}: AttachmentTileProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AttachmentTile, type AttachmentTileProps };

package/dist/components/attachment-tile.mjs

@@ -0,0 +1,35 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { TooltipIconButton } from "./tooltip-icon-button.mjs";
+import { FileText, XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+//#region src/components/attachment-tile.tsx
+function AttachmentTile({ src, isImage, label, onRemove, onClick, className }) {
+	const [hasError, setHasError] = useState(false);
+	const showImage = isImage && src && !hasError;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("group relative w-fit", className),
+		children: [/* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: cn("bg-muted flex size-18 cursor-pointer items-center justify-center overflow-hidden rounded-[14px] border transition-opacity", "[@media(hover:hover)]:hover:opacity-75"),
+			onClick,
+			"aria-label": label ?? `${isImage ? "Image" : "File"} attachment`,
+			children: showImage ? /* @__PURE__ */ jsx("img", {
+				src,
+				alt: "Attachment preview",
+				className: "size-full object-cover",
+				onError: () => setHasError(true)
+			}) : /* @__PURE__ */ jsx(FileText, { className: "text-muted-foreground size-8" })
+		}), onRemove && /* @__PURE__ */ jsx(TooltipIconButton, {
+			tooltip: "Remove file",
+			size: "icon-rounded",
+			variant: "primary",
+			onClick: onRemove,
+			className: cn("absolute -top-1.5 -right-1.5 z-10 size-5", "opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100"),
+			children: /* @__PURE__ */ jsx(XIcon, { className: "size-3 dark:stroke-[2.5px]" })
+		})]
+	});
+}
+//#endregion
+export { AttachmentTile };

package/dist/components/avatar.d.mts

@@ -0,0 +1,52 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/avatar.d.ts
+declare const avatarVariants: (props?: ({
+  size?: "sm" | "lg" | "md" | "xl" | "xs" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+type AvatarSize = NonNullable<VariantProps<typeof avatarVariants>["size"]>;
+type AvatarStatus = "online";
+interface AvatarProps extends React.ComponentProps<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
+  status?: AvatarStatus;
+}
+declare function Avatar({
+  size,
+  status,
+  className,
+  children,
+  ...props
+}: AvatarProps): _$react_jsx_runtime0.JSX.Element;
+declare function AvatarImage({
+  className,
+  ...props
+}: React.ComponentProps<typeof AvatarPrimitive.Image>): _$react_jsx_runtime0.JSX.Element;
+declare function AvatarFallback({
+  className,
+  ...props
+}: React.ComponentProps<typeof AvatarPrimitive.Fallback>): _$react_jsx_runtime0.JSX.Element;
+interface AvatarLabelGroupProps extends React.ComponentProps<"div"> {
+  size?: "sm" | "md";
+  src?: string;
+  alt?: string;
+  fallback?: string;
+  name: string;
+  label?: string;
+  status?: AvatarStatus;
+}
+declare function AvatarLabelGroup({
+  size,
+  src,
+  alt,
+  fallback,
+  name,
+  label,
+  status,
+  className,
+  ...props
+}: AvatarLabelGroupProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage, AvatarLabelGroup, type AvatarSize, type AvatarStatus };

package/dist/components/avatar.mjs

@@ -0,0 +1,81 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+//#region src/components/avatar.tsx
+const avatarVariants = cva("relative inline-flex shrink-0", {
+	variants: { size: {
+		xs: "size-6",
+		sm: "size-8",
+		md: "size-10",
+		lg: "size-12",
+		xl: "size-14"
+	} },
+	defaultVariants: { size: "md" }
+});
+const avatarIndicatorVariants = cva("absolute -bottom-px -right-px rounded-full bg-avatar-online border-2 border-background", {
+	variants: { size: {
+		xs: "size-2",
+		sm: "size-2.5",
+		md: "size-3",
+		lg: "size-3",
+		xl: "size-3.5"
+	} },
+	defaultVariants: { size: "md" }
+});
+function Avatar({ size, status, className, children, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn(avatarVariants({ size }), className),
+		children: [/* @__PURE__ */ jsx(AvatarPrimitive.Root, {
+			"data-slot": "avatar",
+			className: "size-full overflow-hidden rounded-full border border-avatar-border",
+			...props,
+			children
+		}), status === "online" && /* @__PURE__ */ jsx("span", {
+			"aria-label": "Online",
+			role: "img",
+			className: avatarIndicatorVariants({ size })
+		})]
+	});
+}
+function AvatarImage({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
+		"data-slot": "avatar-image",
+		className: cn("aspect-square size-full object-cover", className),
+		...props
+	});
+}
+function AvatarFallback({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: cn("flex size-full items-center justify-center rounded-full bg-muted type-text-sm font-medium text-muted-foreground", className),
+		...props
+	});
+}
+function AvatarLabelGroup({ size = "md", src, alt, fallback, name, label, status, className, ...props }) {
+	const avatarSize = size === "sm" ? "sm" : "md";
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex items-center gap-2", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs(Avatar, {
+			size: avatarSize,
+			status,
+			children: [src && /* @__PURE__ */ jsx(AvatarImage, {
+				src,
+				alt: alt ?? name
+			}), /* @__PURE__ */ jsx(AvatarFallback, { children: fallback ?? name.slice(0, 2).toUpperCase() })]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 flex-col",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "type-text-sm font-semibold text-foreground truncate",
+				children: name
+			}), label && /* @__PURE__ */ jsx("span", {
+				className: "type-text-sm text-subtle-foreground truncate",
+				children: label
+			})]
+		})]
+	});
+}
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage, AvatarLabelGroup };

package/dist/components/badge.d.mts

@@ -0,0 +1,20 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/badge.d.ts
+declare const badgeVariants: (props?: ({
+  variant?: "secondary" | "primary" | "success" | "warning" | "error" | null | undefined;
+  size?: "sm" | "md" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {}
+declare function Badge({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}: BadgeProps): _$react_jsx_runtime0.JSX.Element;
+type BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>["variant"]>;
+//#endregion
+export { Badge, type BadgeVariant, badgeVariants };

package/dist/components/badge.mjs

@@ -0,0 +1,36 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/badge.tsx
+const badgeVariants = cva("inline-flex items-center justify-center rounded-full border font-medium whitespace-nowrap shrink-0 [&>svg]:shrink-0 [&>svg]:pointer-events-none", {
+	variants: {
+		variant: {
+			secondary: "border-border bg-background text-muted-foreground",
+			primary: "border-transparent bg-primary text-primary-foreground",
+			success: "border-badge-success/30 bg-badge-success/10 text-badge-success",
+			warning: "border-badge-warning/30 bg-badge-warning/10 text-badge-warning",
+			error: "border-badge-error/30 bg-badge-error/10 text-badge-error"
+		},
+		size: {
+			sm: "px-1.5 py-px gap-0.5 type-text-xs [&>svg]:size-2.5",
+			md: "px-[9px] py-0.5 gap-1 type-text-sm [&>svg]:size-3"
+		}
+	},
+	defaultVariants: {
+		variant: "secondary",
+		size: "md"
+	}
+});
+function Badge({ className, variant, size, children, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn(badgeVariants({
+			variant,
+			size
+		}), className),
+		...props,
+		children
+	});
+}
+//#endregion
+export { Badge, badgeVariants };

package/dist/components/breadcrumb.d.mts

@@ -0,0 +1,42 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
+
+//#region src/components/breadcrumb.d.ts
+declare function Breadcrumb({
+  className,
+  ...props
+}: React.ComponentProps<"nav">): _$react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbList({
+  className,
+  ...props
+}: React.ComponentProps<"ol">): _$react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbItem({
+  className,
+  ...props
+}: React.ComponentProps<"li">): _$react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}: React.ComponentProps<"a"> & {
+  asChild?: boolean;
+}): _$react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbPage({
+  className,
+  ...props
+}: React.ComponentProps<"span">): _$react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"li">): _$react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbChevron({
+  className,
+  ...props
+}: React.ComponentProps<"span">): _$react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbEllipsis({
+  className,
+  ...props
+}: React.ComponentProps<"span">): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Breadcrumb, BreadcrumbChevron, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/components/breadcrumb.mjs

@@ -0,0 +1,79 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { ChevronDown, Ellipsis } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+//#region src/components/breadcrumb.tsx
+function Breadcrumb({ className, ...props }) {
+	return /* @__PURE__ */ jsx("nav", {
+		"data-slot": "breadcrumb",
+		"aria-label": "Breadcrumb",
+		className,
+		...props
+	});
+}
+function BreadcrumbList({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ol", {
+		"data-slot": "breadcrumb-list",
+		className: cn("flex items-center gap-2", className),
+		...props
+	});
+}
+function BreadcrumbItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-item",
+		className: cn("inline-flex items-center gap-0.5 rounded-sm px-1 py-0.5", className),
+		...props
+	});
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
+		"data-slot": "breadcrumb-link",
+		className: cn("type-text-sm font-medium text-subtle-foreground transition-colors [@media(hover:hover)]:hover:text-muted-foreground", className),
+		...props
+	});
+}
+function BreadcrumbPage({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "breadcrumb-page",
+		"aria-current": "page",
+		className: cn("type-text-sm font-medium text-foreground", className),
+		...props
+	});
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: cn("flex items-center text-subtle-foreground", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx("span", {
+			className: "inline-block size-4 text-center leading-4 select-none",
+			children: "/"
+		})
+	});
+}
+function BreadcrumbChevron({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "breadcrumb-chevron",
+		className: cn("text-subtle-foreground [&>svg]:size-4", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronDown, {})
+	});
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: cn("flex size-9 items-center justify-center", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(Ellipsis, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "More"
+		})]
+	});
+}
+//#endregion
+export { Breadcrumb, BreadcrumbChevron, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };