@codefast/ui 0.3.13-canary.3 → 0.3.13

package/CHANGELOG.md

@@ -1,5 +1,49 @@
 # @codefast/ui
 
+## 0.3.13
+
+### Patch Changes
+
+- [`02b16bc`](https://github.com/codefastlabs/codefast/commit/02b16bcb5e13712294a2fe285461bd8c9faa3c51) Thanks [@thevuong](https://github.com/thevuong)! - refactor(config): update tsconfig and tsdown for consistency
+
+- [`93b7399`](https://github.com/codefastlabs/codefast/commit/93b7399737eb2220866338da31023f95665021a0) Thanks [@thevuong](https://github.com/thevuong)! - feat(cli): enhance CLI structure and update dependencies
+
+- [`a042ee5`](https://github.com/codefastlabs/codefast/commit/a042ee5a6a10973492665b90d750a8b86817bf7d) Thanks [@thevuong](https://github.com/thevuong)! - feat: standardize TypeScript build configurations across packages
+
+- [`2ba60d2`](https://github.com/codefastlabs/codefast/commit/2ba60d256c93b2590984f3992d35b3d71c40d472) Thanks [@thevuong](https://github.com/thevuong)! - chore(knip): add knip configuration for dependency management
+
+- [`4248d75`](https://github.com/codefastlabs/codefast/commit/4248d75f2d547247dde937c322c2ed48d484f9e0) Thanks [@thevuong](https://github.com/thevuong)! - chore(tests): streamline test coverage commands and configurations
+
+- [`2340231`](https://github.com/codefastlabs/codefast/commit/23402311084871d238ec50aa23061afd4b14e61e) Thanks [@thevuong](https://github.com/thevuong)! - refactor(imports): standardize import paths across applications and benchmarks
+
+- [`4891e0f`](https://github.com/codefastlabs/codefast/commit/4891e0fef642c527c65531ef2233491cac686558) Thanks [@thevuong](https://github.com/thevuong)! - refactor(config): enhance file formatting integration and update SVG class handling
+
+- [`35329d5`](https://github.com/codefastlabs/codefast/commit/35329d5f17682542e3ef0907d4936fa513346a72) Thanks [@thevuong](https://github.com/thevuong)! - feat(tsconfig): enforce module detection in TypeScript configuration
+
+- [`fd3ee2e`](https://github.com/codefastlabs/codefast/commit/fd3ee2ee35dc780e8e925759e6520e51f0cb6320) Thanks [@thevuong](https://github.com/thevuong)! - feat(cli): enhance export generation and stale export pruning
+
+- Updated dependencies [[`02b16bc`](https://github.com/codefastlabs/codefast/commit/02b16bcb5e13712294a2fe285461bd8c9faa3c51), [`93b7399`](https://github.com/codefastlabs/codefast/commit/93b7399737eb2220866338da31023f95665021a0), [`a042ee5`](https://github.com/codefastlabs/codefast/commit/a042ee5a6a10973492665b90d750a8b86817bf7d), [`2ba60d2`](https://github.com/codefastlabs/codefast/commit/2ba60d256c93b2590984f3992d35b3d71c40d472), [`4248d75`](https://github.com/codefastlabs/codefast/commit/4248d75f2d547247dde937c322c2ed48d484f9e0), [`2340231`](https://github.com/codefastlabs/codefast/commit/23402311084871d238ec50aa23061afd4b14e61e), [`35329d5`](https://github.com/codefastlabs/codefast/commit/35329d5f17682542e3ef0907d4936fa513346a72)]:
+  - @codefast/tailwind-variants@0.3.13
+
+## 0.3.13-canary.4
+
+### Patch Changes
+
+- [`93b7399`](https://github.com/codefastlabs/codefast/commit/93b7399737eb2220866338da31023f95665021a0) Thanks [@thevuong](https://github.com/thevuong)! - feat(cli): enhance CLI structure and update dependencies
+
+- [`2ba60d2`](https://github.com/codefastlabs/codefast/commit/2ba60d256c93b2590984f3992d35b3d71c40d472) Thanks [@thevuong](https://github.com/thevuong)! - chore(knip): add knip configuration for dependency management
+
+- [`4248d75`](https://github.com/codefastlabs/codefast/commit/4248d75f2d547247dde937c322c2ed48d484f9e0) Thanks [@thevuong](https://github.com/thevuong)! - chore(tests): streamline test coverage commands and configurations
+
+- [`2340231`](https://github.com/codefastlabs/codefast/commit/23402311084871d238ec50aa23061afd4b14e61e) Thanks [@thevuong](https://github.com/thevuong)! - refactor(imports): standardize import paths across applications and benchmarks
+
+- [`4891e0f`](https://github.com/codefastlabs/codefast/commit/4891e0fef642c527c65531ef2233491cac686558) Thanks [@thevuong](https://github.com/thevuong)! - refactor(config): enhance file formatting integration and update SVG class handling
+
+- [`35329d5`](https://github.com/codefastlabs/codefast/commit/35329d5f17682542e3ef0907d4936fa513346a72) Thanks [@thevuong](https://github.com/thevuong)! - feat(tsconfig): enforce module detection in TypeScript configuration
+
+- Updated dependencies [[`93b7399`](https://github.com/codefastlabs/codefast/commit/93b7399737eb2220866338da31023f95665021a0), [`2ba60d2`](https://github.com/codefastlabs/codefast/commit/2ba60d256c93b2590984f3992d35b3d71c40d472), [`4248d75`](https://github.com/codefastlabs/codefast/commit/4248d75f2d547247dde937c322c2ed48d484f9e0), [`2340231`](https://github.com/codefastlabs/codefast/commit/23402311084871d238ec50aa23061afd4b14e61e), [`35329d5`](https://github.com/codefastlabs/codefast/commit/35329d5f17682542e3ef0907d4936fa513346a72)]:
+  - @codefast/tailwind-variants@0.3.13-canary.4
+
 ## 0.3.13-canary.3
 
 ### Patch Changes

package/dist/components/accordion.d.mts

@@ -0,0 +1,37 @@
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { Slot } from "@radix-ui/react-slot";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/accordion.d.ts
+type AccordionProps = ComponentProps<typeof AccordionPrimitive.Root>;
+declare function Accordion({
+  ...props
+}: AccordionProps): JSX.Element;
+type AccordionItemProps = ComponentProps<typeof AccordionPrimitive.Item>;
+declare function AccordionItem({
+  className,
+  ...props
+}: AccordionItemProps): JSX.Element;
+interface AccordionIconProps extends ComponentProps<typeof Slot> {
+  asChild?: boolean;
+  className?: string;
+}
+declare function AccordionIcon({
+  asChild,
+  className,
+  ...props
+}: AccordionIconProps): JSX.Element;
+type AccordionTriggerProps = ComponentProps<typeof AccordionPrimitive.Trigger>;
+declare function AccordionTrigger({
+  children,
+  className,
+  ...props
+}: AccordionTriggerProps): JSX.Element;
+type AccordionContentProps = ComponentProps<typeof AccordionPrimitive.Content>;
+declare function AccordionContent({
+  children,
+  className,
+  ...props
+}: AccordionContentProps): JSX.Element;
+//#endregion
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionIcon, type AccordionIconProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };

package/dist/components/accordion.mjs

@@ -0,0 +1,53 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { Slot } from "@radix-ui/react-slot";
+import { ChevronDownIcon } from "lucide-react";
+import { jsx } 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, {
+		className: cn("border-b", "last:border-b-0", className),
+		"data-slot": "accordion-item",
+		...props
+	});
+}
+function AccordionIcon({ asChild, className, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : ChevronDownIcon, {
+		"aria-hidden": true,
+		className: cn("size-4 shrink-0 text-muted-foreground", "translate-y-0.5 transition-transform duration-200", className),
+		"data-slot": "accordion-icon",
+		...props
+	});
+}
+function AccordionTrigger({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
+		className: "flex",
+		"data-slot": "accordion-trigger-wrapper",
+		children: /* @__PURE__ */ jsx(AccordionPrimitive.Trigger, {
+			className: cn("group/accordion-trigger flex grow items-start justify-between gap-4 py-4", "rounded-md outline-hidden", "text-left text-sm font-medium", "hover:not-disabled:underline", "focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:opacity-50", "[&[data-state=open]>svg]:rotate-180", className),
+			"data-slot": "accordion-trigger",
+			...props,
+			children
+		})
+	});
+}
+function AccordionContent({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
+		className: cn("overflow-hidden", "data-open:animate-collapsible-down", "data-closed:animate-collapsible-up"),
+		"data-slot": "accordion-content",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("pt-0 pb-4", "text-sm", className),
+			children
+		})
+	});
+}
+//#endregion
+export { Accordion, AccordionContent, AccordionIcon, AccordionItem, AccordionTrigger };

package/dist/components/alert-dialog.d.mts

@@ -0,0 +1,74 @@
+import { VariantProps } from "../lib/utils.mjs";
+import { buttonVariants } from "./button.mjs";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/alert-dialog.d.ts
+type AlertDialogProps = ComponentProps<typeof AlertDialogPrimitive.Root>;
+declare function AlertDialog({
+  ...props
+}: AlertDialogProps): JSX.Element;
+type AlertDialogTriggerProps = ComponentProps<typeof AlertDialogPrimitive.Trigger>;
+declare function AlertDialogTrigger({
+  ...props
+}: AlertDialogTriggerProps): JSX.Element;
+interface AlertDialogContentProps extends ComponentProps<typeof AlertDialogPrimitive.Content> {
+  classNames?: {
+    content?: string;
+    overlay?: string;
+    wrapper?: string;
+  };
+}
+declare function AlertDialogContent({
+  children,
+  className,
+  classNames,
+  ...props
+}: AlertDialogContentProps): JSX.Element;
+type AlertDialogHeaderProps = ComponentProps<"div">;
+declare function AlertDialogHeader({
+  className,
+  ...props
+}: AlertDialogHeaderProps): JSX.Element;
+type AlertDialogBodyProps = ComponentProps<"div">;
+declare function AlertDialogBody({
+  className,
+  ...props
+}: AlertDialogBodyProps): JSX.Element;
+type AlertDialogFooterProps = ComponentProps<"div">;
+declare function AlertDialogFooter({
+  className,
+  ...props
+}: AlertDialogFooterProps): JSX.Element;
+type AlertDialogTitleProps = ComponentProps<typeof AlertDialogPrimitive.Title>;
+declare function AlertDialogTitle({
+  className,
+  ...props
+}: AlertDialogTitleProps): JSX.Element;
+type AlertDialogDescriptionProps = ComponentProps<typeof AlertDialogPrimitive.Description>;
+declare function AlertDialogDescription({
+  className,
+  ...props
+}: AlertDialogDescriptionProps): JSX.Element;
+interface AlertDialogActionProps extends ComponentProps<typeof AlertDialogPrimitive.Action> {
+  size?: VariantProps<typeof buttonVariants>["size"];
+  variant?: VariantProps<typeof buttonVariants>["variant"];
+}
+declare function AlertDialogAction({
+  className,
+  size,
+  variant,
+  ...props
+}: AlertDialogActionProps): JSX.Element;
+interface AlertDialogCancelProps extends ComponentProps<typeof AlertDialogPrimitive.Cancel> {
+  size?: VariantProps<typeof buttonVariants>["size"];
+  variant?: VariantProps<typeof buttonVariants>["variant"];
+}
+declare function AlertDialogCancel({
+  className,
+  size,
+  variant,
+  ...props
+}: AlertDialogCancelProps): JSX.Element;
+//#endregion
+export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogBody, type AlertDialogBodyProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };

package/dist/components/alert-dialog.mjs

@@ -0,0 +1,92 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { buttonVariants } from "./button.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+//#region src/components/alert-dialog.tsx
+function AlertDialog({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, {
+		"data-slot": "alert-dialog",
+		...props
+	});
+}
+function AlertDialogTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		...props
+	});
+}
+function AlertDialogContent({ children, className, classNames, ...props }) {
+	return /* @__PURE__ */ jsxs(AlertDialogPrimitive.Portal, { children: [/* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, {
+		className: cn("fixed inset-0 z-50", "bg-black/50", "ease-ui data-open:animate-in data-open:fade-in-0", "data-closed:animate-out data-closed:fade-out-0", classNames?.overlay),
+		"data-slot": "alert-dialog-overlay"
+	}), /* @__PURE__ */ jsx(AlertDialogPrimitive.Content, {
+		className: cn("fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center overflow-auto p-8", "sm:grid-rows-[1fr_auto_3fr] sm:p-4", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", classNames?.wrapper),
+		"data-slot": "alert-dialog-content-wrapper",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("relative row-start-2 flex w-full max-w-lg flex-col", "rounded-2xl border", "bg-popover text-popover-foreground shadow-lg", classNames?.content, className),
+			"data-slot": "alert-dialog-content",
+			children
+		})
+	})] });
+}
+function AlertDialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center", "sm:text-left", className),
+		"data-slot": "alert-dialog-header",
+		...props
+	});
+}
+function AlertDialogBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("main", {
+		className: cn("overflow-auto", "px-6 py-2", className),
+		"data-slot": "alert-dialog-body",
+		...props
+	});
+}
+function AlertDialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6", "sm:flex-row sm:justify-end", className),
+		"data-slot": "alert-dialog-footer",
+		...props
+	});
+}
+function AlertDialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, {
+		className: cn("text-lg leading-none font-semibold tracking-tight", className),
+		"data-slot": "alert-dialog-title",
+		...props
+	});
+}
+function AlertDialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, {
+		className: cn("text-sm text-muted-foreground", className),
+		"data-slot": "alert-dialog-description",
+		...props
+	});
+}
+function AlertDialogAction({ className, size, variant, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, {
+		className: buttonVariants({
+			className,
+			size,
+			variant
+		}),
+		"data-slot": "alert-dialog-action",
+		...props
+	});
+}
+function AlertDialogCancel({ className, size, variant = "outline", ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, {
+		className: buttonVariants({
+			className,
+			size,
+			variant
+		}),
+		"data-slot": "alert-dialog-cancel",
+		...props
+	});
+}
+//#endregion
+export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger };

package/dist/components/alert.d.mts

@@ -0,0 +1,30 @@
+import { VariantProps } from "../lib/utils.mjs";
+import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/alert.d.ts
+declare const alertVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
+  variant: {
+    default: string;
+    destructive: string[];
+  };
+}, Record<string, never>>;
+interface AlertProps extends ComponentProps<"div">, VariantProps<typeof alertVariants> {}
+declare function Alert({
+  className,
+  variant,
+  ...props
+}: AlertProps): JSX.Element;
+type AlertTitleProps = ComponentProps<"div">;
+declare function AlertTitle({
+  children,
+  className,
+  ...props
+}: AlertTitleProps): JSX.Element;
+type AlertDescriptionProps = ComponentProps<"div">;
+declare function AlertDescription({
+  className,
+  ...props
+}: AlertDescriptionProps): JSX.Element;
+//#endregion
+export { Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, alertVariants };

package/dist/components/alert.mjs

@@ -0,0 +1,49 @@
+import { cn, tv } from "../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/alert.tsx
+const alertVariants = tv({
+	base: [
+		"relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 px-4 py-3",
+		"rounded-xl border",
+		"bg-card text-sm",
+		"has-[>svg]:grid-cols-[--spacing(4)_1fr] has-[>svg]:gap-x-3",
+		"[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current"
+	],
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: "text-card-foreground",
+		destructive: [
+			"text-destructive",
+			"*:data-[slot=alert-description]:text-destructive/90",
+			"[&>svg]:text-current"
+		]
+	} }
+});
+function Alert({ className, variant, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: alertVariants({
+			className,
+			variant
+		}),
+		"data-slot": "alert",
+		role: "alert",
+		...props
+	});
+}
+function AlertTitle({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("col-start-2 min-h-4", "line-clamp-1 font-medium tracking-tight", className),
+		"data-slot": "alert-title",
+		...props,
+		children
+	});
+}
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground", "[&_p]:leading-relaxed", className),
+		"data-slot": "alert-description",
+		...props
+	});
+}
+//#endregion
+export { Alert, AlertDescription, AlertTitle, alertVariants };

package/dist/components/aspect-ratio.d.mts

@@ -0,0 +1,10 @@
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/aspect-ratio.d.ts
+type AspectRatioProps = ComponentProps<typeof AspectRatioPrimitive.Root>;
+declare function AspectRatio({
+  ...props
+}: AspectRatioProps): JSX.Element;
+//#endregion
+export { AspectRatio, type AspectRatioProps };

package/dist/components/aspect-ratio.mjs

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+//#region src/components/aspect-ratio.tsx
+function AspectRatio({ ...props }) {
+	return /* @__PURE__ */ jsx(AspectRatioPrimitive.Root, {
+		"data-slot": "aspect-ratio",
+		...props
+	});
+}
+//#endregion
+export { AspectRatio };

package/dist/components/avatar.d.mts

@@ -0,0 +1,21 @@
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/avatar.d.ts
+type AvatarProps = ComponentProps<typeof AvatarPrimitive.Root>;
+declare function Avatar({
+  className,
+  ...props
+}: AvatarProps): JSX.Element;
+type AvatarImageProps = ComponentProps<typeof AvatarPrimitive.Image>;
+declare function AvatarImage({
+  className,
+  ...props
+}: AvatarImageProps): JSX.Element;
+type AvatarFallbackProps = ComponentProps<typeof AvatarPrimitive.Fallback>;
+declare function AvatarFallback({
+  className,
+  ...props
+}: AvatarFallbackProps): JSX.Element;
+//#endregion
+export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps };

package/dist/components/avatar.mjs

@@ -0,0 +1,28 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+//#region src/components/avatar.tsx
+function Avatar({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
+		className: cn("relative flex size-8 shrink-0 overflow-hidden", "rounded-full", className),
+		"data-slot": "avatar",
+		...props
+	});
+}
+function AvatarImage({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
+		className: cn("aspect-square size-full", className),
+		"data-slot": "avatar-image",
+		...props
+	});
+}
+function AvatarFallback({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
+		className: cn("flex size-full items-center justify-center", "rounded-full", "bg-muted", className),
+		"data-slot": "avatar-fallback",
+		...props
+	});
+}
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage };

package/dist/components/badge.d.mts

@@ -0,0 +1,24 @@
+import { VariantProps } from "../lib/utils.mjs";
+import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/badge.d.ts
+declare const badgeVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
+  variant: {
+    default: string[];
+    destructive: string[];
+    outline: string[];
+    secondary: string[];
+  };
+}, Record<string, never>>;
+interface BadgeProps extends ComponentProps<"span">, VariantProps<typeof badgeVariants> {
+  asChild?: boolean;
+}
+declare function Badge({
+  asChild,
+  className,
+  variant,
+  ...props
+}: BadgeProps): JSX.Element;
+//#endregion
+export { Badge, type BadgeProps, badgeVariants };

package/dist/components/badge.mjs

@@ -0,0 +1,56 @@
+"use client";
+import { tv } from "../lib/utils.mjs";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/badge.tsx
+const badgeVariants = tv({
+	base: [
+		"inline-flex w-fit shrink-0 items-center justify-center gap-2 px-1.5 py-0.5",
+		"rounded-md border outline-hidden",
+		"text-xs font-medium whitespace-nowrap",
+		"transition",
+		"focus-visible:ring-3 focus-visible:ring-ring/50",
+		"[&>svg]:size-3 [&>svg]:shrink-0"
+	],
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: [
+			"border-transparent",
+			"bg-primary text-primary-foreground",
+			"focus-visible:ring-primary/20",
+			"dark:focus-visible:ring-primary/40",
+			"[a&]:hover:bg-primary/80"
+		],
+		destructive: [
+			"border-transparent",
+			"bg-destructive text-white",
+			"focus-visible:ring-destructive/20",
+			"dark:bg-destructive/60",
+			"dark:focus-visible:ring-destructive/40",
+			"[a&]:hover:bg-destructive/90"
+		],
+		outline: [
+			"border-input",
+			"bg-background",
+			"focus-visible:border-ring",
+			"[a&]:hover:border-ring/60 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+		],
+		secondary: [
+			"border-transparent",
+			"bg-secondary text-secondary-foreground",
+			"[a&]:hover:bg-secondary/80"
+		]
+	} }
+});
+function Badge({ asChild, className, variant, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "span", {
+		className: badgeVariants({
+			className,
+			variant
+		}),
+		"data-slot": "badge",
+		...props
+	});
+}
+//#endregion
+export { Badge, badgeVariants };

package/dist/components/breadcrumb.d.mts

@@ -0,0 +1,44 @@
+import { ComponentProps, JSX, ReactNode } from "react";
+
+//#region src/components/breadcrumb.d.ts
+interface BreadcrumbProps extends ComponentProps<"nav"> {
+  separator?: ReactNode;
+}
+declare function Breadcrumb({
+  ...props
+}: BreadcrumbProps): JSX.Element;
+type BreadcrumbListProps = ComponentProps<"ol">;
+declare function BreadcrumbList({
+  className,
+  ...props
+}: BreadcrumbListProps): JSX.Element;
+type BreadcrumbItemProps = ComponentProps<"li">;
+declare function BreadcrumbItem({
+  className,
+  ...props
+}: BreadcrumbItemProps): JSX.Element;
+interface BreadcrumbLinkProps extends ComponentProps<"a"> {
+  asChild?: boolean;
+}
+declare function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}: BreadcrumbLinkProps): JSX.Element;
+type BreadcrumbPageProps = ComponentProps<"span">;
+declare function BreadcrumbPage({
+  className,
+  ...props
+}: BreadcrumbPageProps): JSX.Element;
+type BreadcrumbSeparatorProps = ComponentProps<"li">;
+declare function BreadcrumbSeparator({
+  children,
+  ...props
+}: BreadcrumbSeparatorProps): JSX.Element;
+type BreadcrumbEllipsisProps = ComponentProps<"span">;
+declare function BreadcrumbEllipsis({
+  className,
+  ...props
+}: BreadcrumbEllipsisProps): JSX.Element;
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps };

package/dist/components/breadcrumb.mjs

@@ -0,0 +1,67 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { Slot } from "@radix-ui/react-slot";
+import { ChevronRightIcon, EllipsisIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/breadcrumb.tsx
+function Breadcrumb({ ...props }) {
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "breadcrumb",
+		"data-slot": "breadcrumb",
+		...props
+	});
+}
+function BreadcrumbList({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ol", {
+		className: cn("flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground", "sm:gap-2", className),
+		"data-slot": "breadcrumb-list",
+		...props
+	});
+}
+function BreadcrumbItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		className: cn("inline-flex items-center gap-1.5", className),
+		"data-slot": "breadcrumb-item",
+		...props
+	});
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
+		className: cn("transition-colors", "hover:text-foreground", className),
+		"data-slot": "breadcrumb-link",
+		...props
+	});
+}
+function BreadcrumbPage({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"aria-current": "page",
+		"aria-disabled": "true",
+		className: cn("font-normal text-foreground", className),
+		"data-slot": "breadcrumb-page",
+		...props
+	});
+}
+function BreadcrumbSeparator({ children, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"aria-hidden": "true",
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-3.5" })
+	});
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		"aria-hidden": "true",
+		className: cn("flex size-4 items-center justify-center", className),
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		...props,
+		children: [/* @__PURE__ */ jsx(EllipsisIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "More"
+		})]
+	});
+}
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };