@allbluecn/ui 0.3.13 → 0.4.0

package/dist/empty.js

@@ -0,0 +1,59 @@
+import { cn } from "./utils.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/empty.tsx
+function Empty({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty",
+		className: cn("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border-dashed p-6 text-center text-balance", className),
+		...props
+	});
+}
+function EmptyHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-header",
+		className: cn("flex max-w-sm flex-col items-center gap-2", className),
+		...props
+	});
+}
+const emptyMediaVariants = cva("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function EmptyMedia({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-icon",
+		"data-variant": variant,
+		className: cn(emptyMediaVariants({
+			variant,
+			className
+		})),
+		...props
+	});
+}
+function EmptyTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-title",
+		className: cn("font-heading text-sm font-medium tracking-tight", className),
+		...props
+	});
+}
+function EmptyDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-description",
+		className: cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+		...props
+	});
+}
+function EmptyContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-content",
+		className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-sm text-balance", className),
+		...props
+	});
+}
+//#endregion
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };

package/dist/grid-pattern.d.ts

@@ -0,0 +1,14 @@
+//#region src/grid-pattern.d.ts
+interface GridPatternProps extends React.SVGProps<SVGSVGElement> {
+  width?: number;
+  height?: number;
+  x?: number;
+  y?: number;
+  squares?: Array<[x: number, y: number]>;
+  strokeDasharray?: string;
+  className?: string;
+  [key: string]: unknown;
+}
+declare function GridPattern({ width, height, x, y, strokeDasharray, squares, className, ...props }: GridPatternProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { GridPattern };

package/dist/grid-pattern.js

@@ -0,0 +1,47 @@
+import { cn } from "./utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+//#region src/grid-pattern.tsx
+function GridPattern({ width = 40, height = 40, x = -1, y = -1, strokeDasharray = "0", squares, className, ...props }) {
+	const id = useId();
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-hidden": "true",
+		className: cn("pointer-events-none absolute inset-0 h-full w-full fill-gray-400/30 stroke-gray-400/30", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("pattern", {
+				id,
+				width,
+				height,
+				patternUnits: "userSpaceOnUse",
+				x,
+				y,
+				children: /* @__PURE__ */ jsx("path", {
+					d: `M.5 ${height}V.5H${width}`,
+					fill: "none",
+					strokeDasharray
+				})
+			}) }),
+			/* @__PURE__ */ jsx("rect", {
+				width: "100%",
+				height: "100%",
+				strokeWidth: 0,
+				fill: `url(#${id})`
+			}),
+			squares && /* @__PURE__ */ jsx("svg", {
+				x,
+				y,
+				className: "overflow-visible",
+				children: squares.map(([x, y], i) => /* @__PURE__ */ jsx("rect", {
+					strokeWidth: "0",
+					width: width - 1,
+					height: height - 1,
+					x: x * width + 1,
+					y: y * height + 1
+				}, `${i}-${x}-${y}`))
+			})
+		]
+	});
+}
+//#endregion
+export { GridPattern };

package/dist/icon-packs/index.d.ts

@@ -0,0 +1,2 @@
+import { i as PROJECT_ICONS, n as KNOWLEDGE_ICONS, r as PRD_ICONS, t as IconItem } from "../index-CQsbeClc.js";
+export { IconItem, KNOWLEDGE_ICONS, PRD_ICONS, PROJECT_ICONS };

package/dist/icon-packs/index.js

@@ -0,0 +1,4 @@
+import { PROJECT_ICONS } from "./project.js";
+import { PRD_ICONS } from "./prd.js";
+import { KNOWLEDGE_ICONS } from "./knowledge.js";
+export { KNOWLEDGE_ICONS, PRD_ICONS, PROJECT_ICONS };

package/dist/icon-packs/knowledge.d.ts

@@ -0,0 +1,2 @@
+import { n as KNOWLEDGE_ICONS } from "../index-CQsbeClc.js";
+export { KNOWLEDGE_ICONS };

package/dist/icon-packs/knowledge.js

@@ -0,0 +1,70 @@
+import { Archive, BookOpen, Bookmark, Brain, FileText, Files, FolderOpen, GraduationCap, Library, Lightbulb, Newspaper, NotebookPen, PencilLine, Quote, ScrollText, Tags } from "lucide-react";
+//#region src/icon-packs/knowledge.ts
+const KNOWLEDGE_ICONS = [
+	{
+		value: "bookOpen",
+		icon: BookOpen
+	},
+	{
+		value: "fileText",
+		icon: FileText
+	},
+	{
+		value: "library",
+		icon: Library
+	},
+	{
+		value: "archive",
+		icon: Archive
+	},
+	{
+		value: "bookmark",
+		icon: Bookmark
+	},
+	{
+		value: "tags",
+		icon: Tags
+	},
+	{
+		value: "lightbulb",
+		icon: Lightbulb
+	},
+	{
+		value: "graduationCap",
+		icon: GraduationCap
+	},
+	{
+		value: "brain",
+		icon: Brain
+	},
+	{
+		value: "notebookPen",
+		icon: NotebookPen
+	},
+	{
+		value: "files",
+		icon: Files
+	},
+	{
+		value: "folderOpen",
+		icon: FolderOpen
+	},
+	{
+		value: "scrollText",
+		icon: ScrollText
+	},
+	{
+		value: "newspaper",
+		icon: Newspaper
+	},
+	{
+		value: "pencilLine",
+		icon: PencilLine
+	},
+	{
+		value: "quote",
+		icon: Quote
+	}
+];
+//#endregion
+export { KNOWLEDGE_ICONS };

package/dist/icon-packs/prd.d.ts

@@ -0,0 +1,2 @@
+import { r as PRD_ICONS } from "../index-CQsbeClc.js";
+export { PRD_ICONS };

package/dist/icon-packs/prd.js

@@ -0,0 +1,86 @@
+import { AppWindow, BarChart3, Bell, Calendar, FileText, Image, Layout, LayoutGrid, Mail, MessageSquare, Monitor, MousePointerClick, Search, Settings2, ShoppingCart, Smartphone, Smile, Table2, TextCursorInput, User } from "lucide-react";
+//#region src/icon-packs/prd.ts
+const PRD_ICONS = [
+	{
+		value: "fileText",
+		icon: FileText
+	},
+	{
+		value: "layoutGrid",
+		icon: LayoutGrid
+	},
+	{
+		value: "mousePointerClick",
+		icon: MousePointerClick
+	},
+	{
+		value: "textCursorInput",
+		icon: TextCursorInput
+	},
+	{
+		value: "table2",
+		icon: Table2
+	},
+	{
+		value: "image",
+		icon: Image
+	},
+	{
+		value: "shoppingCart",
+		icon: ShoppingCart
+	},
+	{
+		value: "user",
+		icon: User
+	},
+	{
+		value: "settings2",
+		icon: Settings2
+	},
+	{
+		value: "mail",
+		icon: Mail
+	},
+	{
+		value: "bell",
+		icon: Bell
+	},
+	{
+		value: "search",
+		icon: Search
+	},
+	{
+		value: "calendar",
+		icon: Calendar
+	},
+	{
+		value: "barChart3",
+		icon: BarChart3
+	},
+	{
+		value: "messageSquare",
+		icon: MessageSquare
+	},
+	{
+		value: "smile",
+		icon: Smile
+	},
+	{
+		value: "monitor",
+		icon: Monitor
+	},
+	{
+		value: "smartphone",
+		icon: Smartphone
+	},
+	{
+		value: "layout",
+		icon: Layout
+	},
+	{
+		value: "appWindow",
+		icon: AppWindow
+	}
+];
+//#endregion
+export { PRD_ICONS };

package/dist/icon-packs/project.d.ts

@@ -0,0 +1,2 @@
+import { i as PROJECT_ICONS } from "../index-CQsbeClc.js";
+export { PROJECT_ICONS };

package/dist/icon-packs/project.js

@@ -0,0 +1,74 @@
+import { BriefcaseBusiness, Compass, Contrast, FlaskConical, FolderKanban, Globe, GraduationCap, HeartPulse, Layers, MessageSquare, Rocket, ShieldCheck, ShoppingCart, Sparkles, Sprout, Terminal, Users } from "lucide-react";
+//#region src/icon-packs/project.ts
+const PROJECT_ICONS = [
+	{
+		value: "folder-kanban",
+		icon: FolderKanban
+	},
+	{
+		value: "briefcase-business",
+		icon: BriefcaseBusiness
+	},
+	{
+		value: "rocket",
+		icon: Rocket
+	},
+	{
+		value: "flask",
+		icon: FlaskConical
+	},
+	{
+		value: "terminal",
+		icon: Terminal
+	},
+	{
+		value: "contrast",
+		icon: Contrast
+	},
+	{
+		value: "message-square",
+		icon: MessageSquare
+	},
+	{
+		value: "graduation-cap",
+		icon: GraduationCap
+	},
+	{
+		value: "heart-pulse",
+		icon: HeartPulse
+	},
+	{
+		value: "cart",
+		icon: ShoppingCart
+	},
+	{
+		value: "layers",
+		icon: Layers
+	},
+	{
+		value: "users",
+		icon: Users
+	},
+	{
+		value: "earth",
+		icon: Globe
+	},
+	{
+		value: "sparkles",
+		icon: Sparkles
+	},
+	{
+		value: "compass",
+		icon: Compass
+	},
+	{
+		value: "shield-check",
+		icon: ShieldCheck
+	},
+	{
+		value: "sprout",
+		icon: Sprout
+	}
+];
+//#endregion
+export { PROJECT_ICONS };

package/dist/icon-picker.d.ts

@@ -0,0 +1,11 @@
+import { t as IconItem } from "./index-CQsbeClc.js";
+//#region src/icon-picker.d.ts
+interface IconPickerProps {
+  icons: IconItem[];
+  value?: string;
+  onChange: (value: string) => void;
+  className?: string;
+}
+declare function IconPicker({ icons, value, onChange, className }: IconPickerProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { IconPicker };

package/dist/icon-picker.js

@@ -0,0 +1,39 @@
+import { cn } from "./utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/icon-picker.tsx
+function IconPicker({ icons, value, onChange, className }) {
+	const { t } = useTranslation("common");
+	const SelectedComponent = (icons.find((icon) => icon.value === value) ?? icons[0]).icon;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col items-center gap-8", className),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "flex items-center justify-center size-24 rounded-full border border-zinc-300 bg-primary/10",
+				children: /* @__PURE__ */ jsx(SelectedComponent, {
+					size: 40,
+					className: "text-primary"
+				})
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "text-sm text-muted-foreground",
+				children: t("iconPicker.select")
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex flex-wrap justify-center gap-2 max-w-170",
+				children: icons.map((item) => {
+					const Icon = item.icon;
+					const isSelected = item.value === value;
+					return /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => onChange(item.value),
+						className: cn("flex items-center justify-center w-10 h-10 rounded-lg border transition-colors", isSelected ? "border-primary bg-primary/10 text-primary" : "border-border hover:bg-muted text-muted-foreground"),
+						children: /* @__PURE__ */ jsx(Icon, { size: 20 })
+					}, item.value);
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { IconPicker };

package/dist/index-CQsbeClc.d.ts

@@ -0,0 +1,17 @@
+import { LucideIcon } from "lucide-react";
+//#region src/icon-packs/project.d.ts
+declare const PROJECT_ICONS: IconItem[];
+//#endregion
+//#region src/icon-packs/prd.d.ts
+declare const PRD_ICONS: IconItem[];
+//#endregion
+//#region src/icon-packs/knowledge.d.ts
+declare const KNOWLEDGE_ICONS: IconItem[];
+//#endregion
+//#region src/icon-packs/index.d.ts
+interface IconItem {
+  value: string;
+  icon: LucideIcon;
+}
+//#endregion
+export { PROJECT_ICONS as i, KNOWLEDGE_ICONS as n, PRD_ICONS as r, IconItem as t };

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import { AICommandButton } from "./ai-command-button.js";
+import { AIStreamText } from "./ai-stream-text.js";
+import { ReferenceInline } from "./reference-inline.js";
+import { ReferenceSearch } from "./reference-search.js";
+import { NotionAvatar } from "./notion-avatar.js";
+import { UserAvatar } from "./user-avatar.js";
+export { AICommandButton, AIStreamText, NotionAvatar, ReferenceInline, ReferenceSearch, UserAvatar };

package/dist/index.js

@@ -0,0 +1,7 @@
+import { AICommandButton } from "./ai-command-button.js";
+import { AIStreamText } from "./ai-stream-text.js";
+import { ReferenceInline } from "./reference-inline.js";
+import { ReferenceSearch } from "./reference-search.js";
+import { NotionAvatar } from "./notion-avatar.js";
+import { UserAvatar } from "./user-avatar.js";
+export { AICommandButton, AIStreamText, NotionAvatar, ReferenceInline, ReferenceSearch, UserAvatar };

package/dist/input.d.ts

@@ -0,0 +1,5 @@
+import * as React$1 from "react";
+//#region src/input.d.ts
+declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Input };

package/dist/input.js

@@ -0,0 +1,14 @@
+import { cn } from "./utils.js";
+import { jsx } from "react/jsx-runtime";
+import "react";
+//#region src/input.tsx
+function Input({ className, type, ...props }) {
+	return /* @__PURE__ */ jsx("input", {
+		type,
+		"data-slot": "input",
+		className: cn("h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/40 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 ", className),
+		...props
+	});
+}
+//#endregion
+export { Input };

package/dist/item.d.ts

@@ -0,0 +1,25 @@
+import { Separator } from "./separator.js";
+import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/item.d.ts
+declare function ItemGroup({ className, ...props }: React$1.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+declare const itemVariants: (props?: ({
+  variant?: "default" | "muted" | "outline" | null | undefined;
+  size?: "default" | "sm" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
+  asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare const itemMediaVariants: (props?: ({
+  variant?: "default" | "icon" | "image" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ItemContent({ className, ...props }: React$1.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemTitle({ className, ...props }: React$1.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemDescription({ className, ...props }: React$1.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function ItemActions({ className, ...props }: React$1.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemHeader({ className, ...props }: React$1.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemFooter({ className, ...props }: React$1.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/dist/item.js

@@ -0,0 +1,118 @@
+import { cn } from "./utils.js";
+import { Separator as Separator$1 } from "./separator.js";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Slot } from "radix-ui";
+import { cva } from "class-variance-authority";
+//#region src/item.tsx
+function ItemGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "list",
+		"data-slot": "item-group",
+		className: cn("group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2", className),
+		...props
+	});
+}
+function ItemSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Separator$1, {
+		"data-slot": "item-separator",
+		orientation: "horizontal",
+		className: cn("my-2", className),
+		...props
+	});
+}
+const itemVariants = cva("group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted", {
+	variants: {
+		variant: {
+			default: "border-transparent",
+			outline: "border-border",
+			muted: "border-transparent bg-muted/50"
+		},
+		size: {
+			default: "gap-2.5 px-3 py-2.5",
+			sm: "gap-2.5 px-3 py-2.5",
+			xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Item({ className, variant = "default", size = "default", asChild = false, ...props }) {
+	const Comp = asChild ? Slot.Root : "div";
+	return /* @__PURE__ */ jsx(Comp, {
+		"data-slot": "item",
+		"data-variant": variant,
+		"data-size": size,
+		className: cn(itemVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+const itemMediaVariants = cva("flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "[&_svg:not([class*='size-'])]:size-4",
+		image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function ItemMedia({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-media",
+		"data-variant": variant,
+		className: cn(itemMediaVariants({
+			variant,
+			className
+		})),
+		...props
+	});
+}
+function ItemContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-content",
+		className: cn("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none", className),
+		...props
+	});
+}
+function ItemTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-title",
+		className: cn("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", className),
+		...props
+	});
+}
+function ItemDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "item-description",
+		className: cn("line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+		...props
+	});
+}
+function ItemActions({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-actions",
+		className: cn("flex items-center gap-2", className),
+		...props
+	});
+}
+function ItemHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-header",
+		className: cn("flex basis-full items-center justify-between gap-2", className),
+		...props
+	});
+}
+function ItemFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-footer",
+		className: cn("flex basis-full items-center justify-between gap-2", className),
+		...props
+	});
+}
+//#endregion
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/dist/kbd.d.ts

@@ -0,0 +1,4 @@
+//#region src/kbd.d.ts
+declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Kbd };

package/dist/kbd.js

@@ -0,0 +1,12 @@
+import { cn } from "./utils.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/kbd.tsx
+function Kbd({ className, ...props }) {
+	return /* @__PURE__ */ jsx("kbd", {
+		"data-slot": "kbd",
+		className: cn("inline-flex items-center justify-center rounded bg-muted px-1.5 py-1 font-mono text-[10px] font-medium text-muted-foreground", className),
+		...props
+	});
+}
+//#endregion
+export { Kbd };

package/dist/label.d.ts

@@ -0,0 +1,6 @@
+import * as React$1 from "react";
+import { Label as Label$1 } from "radix-ui";
+//#region src/label.d.ts
+declare function Label({ className, ...props }: React$1.ComponentProps<typeof Label$1.Root>): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Label };

package/dist/label.js

@@ -0,0 +1,14 @@
+import { cn } from "./utils.js";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Label as Label$1 } from "radix-ui";
+//#region src/label.tsx
+function Label({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Label$1.Root, {
+		"data-slot": "label",
+		className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
+		...props
+	});
+}
+//#endregion
+export { Label };