@codefast/ui 0.3.11-canary.0 → 0.3.11-canary.2

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @codefast/ui
 
+## 0.3.11-canary.2
+
+### Patch Changes
+
+- [`92d1ed7`](https://github.com/codefastlabs/codefast/commit/92d1ed7650b19f91824cfb38ec238857a3d95876) Thanks [@thevuong](https://github.com/thevuong)! - build: replace rslib with tsdown in library packages
+
+- Updated dependencies [[`92d1ed7`](https://github.com/codefastlabs/codefast/commit/92d1ed7650b19f91824cfb38ec238857a3d95876)]:
+  - @codefast/tailwind-variants@0.3.11-canary.2
+
+## 0.3.11-canary.1
+
+### Patch Changes
+
+- [`dd5130a`](https://github.com/codefastlabs/codefast/commit/dd5130adb5649dca6773614ffda262cdde732d8f) Thanks [@thevuong](https://github.com/thevuong)! - chore(deps): downgrade @rslib/core to 0.19.1 in package.json and pnpm-lock.yaml
+
+- [`42758ab`](https://github.com/codefastlabs/codefast/commit/42758ab9d8f548ea9f4a806a7dbb7ed295fe2390) Thanks [@thevuong](https://github.com/thevuong)! - chore: update package configurations and TypeScript settings
+
+- [`d2abc63`](https://github.com/codefastlabs/codefast/commit/d2abc636245526ec402811d8585d93684865dde6) Thanks [@thevuong](https://github.com/thevuong)! - chore(deps): update package versions and configurations
+
+- Updated dependencies [[`dd5130a`](https://github.com/codefastlabs/codefast/commit/dd5130adb5649dca6773614ffda262cdde732d8f), [`42758ab`](https://github.com/codefastlabs/codefast/commit/42758ab9d8f548ea9f4a806a7dbb7ed295fe2390), [`d2abc63`](https://github.com/codefastlabs/codefast/commit/d2abc636245526ec402811d8585d93684865dde6), [`49df885`](https://github.com/codefastlabs/codefast/commit/49df8854d51bad598381be68b6e41096e7da814c)]:
+  - @codefast/tailwind-variants@0.3.11-canary.1
+
 ## 0.3.11-canary.0
 
 ### Patch Changes

package/dist/components/accordion.d.ts

@@ -1,18 +1,37 @@
-import type { ComponentProps, JSX } from "react";
 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;
+declare function Accordion({
+  ...props
+}: AccordionProps): JSX.Element;
 type AccordionItemProps = ComponentProps<typeof AccordionPrimitive.Item>;
-declare function AccordionItem({ className, ...props }: AccordionItemProps): JSX.Element;
+declare function AccordionItem({
+  className,
+  ...props
+}: AccordionItemProps): JSX.Element;
 interface AccordionIconProps extends ComponentProps<typeof Slot> {
-    asChild?: boolean;
-    className?: string;
+  asChild?: boolean;
+  className?: string;
 }
-declare function AccordionIcon({ asChild, className, ...props }: AccordionIconProps): JSX.Element;
+declare function AccordionIcon({
+  asChild,
+  className,
+  ...props
+}: AccordionIconProps): JSX.Element;
 type AccordionTriggerProps = ComponentProps<typeof AccordionPrimitive.Trigger>;
-declare function AccordionTrigger({ children, className, ...props }: AccordionTriggerProps): JSX.Element;
+declare function AccordionTrigger({
+  children,
+  className,
+  ...props
+}: AccordionTriggerProps): JSX.Element;
 type AccordionContentProps = ComponentProps<typeof AccordionPrimitive.Content>;
-declare function AccordionContent({ children, className, ...props }: AccordionContentProps): JSX.Element;
-export { Accordion, AccordionContent, AccordionIcon, AccordionItem, AccordionTrigger };
-export type { AccordionContentProps, AccordionIconProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, };
+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.js

@@ -1,52 +1,53 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { Content, Header, Item, Root, Trigger } from "@radix-ui/react-accordion";
+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(Root, {
-        "data-slot": "accordion",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Root, {
+		"data-slot": "accordion",
+		...props
+	});
 }
 function AccordionItem({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Item, {
-        className: cn("border-b last:border-b-0", className),
-        "data-slot": "accordion-item",
-        ...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 }) {
-    const Component = asChild ? Slot : ChevronDownIcon;
-    return /*#__PURE__*/ jsx(Component, {
-        "aria-hidden": true,
-        className: cn("size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200", className),
-        "data-slot": "accordion-icon",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(asChild ? Slot : ChevronDownIcon, {
+		"aria-hidden": true,
+		className: cn("size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200", className),
+		"data-slot": "accordion-icon",
+		...props
+	});
 }
 function AccordionTrigger({ children, className, ...props }) {
-    return /*#__PURE__*/ jsx(Header, {
-        className: "flex",
-        "data-slot": "accordion-trigger-wrapper",
-        children: /*#__PURE__*/ jsx(Trigger, {
-            className: cn("group/accordion-trigger flex grow items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-hidden 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: children
-        })
-    });
+	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 rounded-md py-4 text-left text-sm font-medium outline-hidden 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(Content, {
-        className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
-        "data-slot": "accordion-content",
-        ...props,
-        children: /*#__PURE__*/ jsx("div", {
-            className: cn("pt-0 pb-4 text-sm", className),
-            children: children
-        })
-    });
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
+		className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
+		"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.ts

@@ -1,38 +1,74 @@
-import type { VariantProps } from "@codefast/tailwind-variants";
-import type { ComponentProps, JSX } from "react";
+import { buttonVariants } from "./button.js";
+import { VariantProps } from "@codefast/tailwind-variants";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { buttonVariants } from "./button";
+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;
+declare function AlertDialog({
+  ...props
+}: AlertDialogProps): JSX.Element;
 type AlertDialogTriggerProps = ComponentProps<typeof AlertDialogPrimitive.Trigger>;
-declare function AlertDialogTrigger({ ...props }: AlertDialogTriggerProps): JSX.Element;
+declare function AlertDialogTrigger({
+  ...props
+}: AlertDialogTriggerProps): JSX.Element;
 interface AlertDialogContentProps extends ComponentProps<typeof AlertDialogPrimitive.Content> {
-    classNames?: {
-        content?: string;
-        overlay?: string;
-        wrapper?: string;
-    };
+  classNames?: {
+    content?: string;
+    overlay?: string;
+    wrapper?: string;
+  };
 }
-declare function AlertDialogContent({ children, className, classNames, ...props }: AlertDialogContentProps): JSX.Element;
+declare function AlertDialogContent({
+  children,
+  className,
+  classNames,
+  ...props
+}: AlertDialogContentProps): JSX.Element;
 type AlertDialogHeaderProps = ComponentProps<"div">;
-declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): JSX.Element;
+declare function AlertDialogHeader({
+  className,
+  ...props
+}: AlertDialogHeaderProps): JSX.Element;
 type AlertDialogBodyProps = ComponentProps<"div">;
-declare function AlertDialogBody({ className, ...props }: AlertDialogBodyProps): JSX.Element;
+declare function AlertDialogBody({
+  className,
+  ...props
+}: AlertDialogBodyProps): JSX.Element;
 type AlertDialogFooterProps = ComponentProps<"div">;
-declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): JSX.Element;
+declare function AlertDialogFooter({
+  className,
+  ...props
+}: AlertDialogFooterProps): JSX.Element;
 type AlertDialogTitleProps = ComponentProps<typeof AlertDialogPrimitive.Title>;
-declare function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps): JSX.Element;
+declare function AlertDialogTitle({
+  className,
+  ...props
+}: AlertDialogTitleProps): JSX.Element;
 type AlertDialogDescriptionProps = ComponentProps<typeof AlertDialogPrimitive.Description>;
-declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): JSX.Element;
+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"];
+  size?: VariantProps<typeof buttonVariants>["size"];
+  variant?: VariantProps<typeof buttonVariants>["variant"];
 }
-declare function AlertDialogAction({ className, size, variant, ...props }: AlertDialogActionProps): JSX.Element;
+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"];
+  size?: VariantProps<typeof buttonVariants>["size"];
+  variant?: VariantProps<typeof buttonVariants>["variant"];
 }
-declare function AlertDialogCancel({ className, size, variant, ...props }: AlertDialogCancelProps): JSX.Element;
-export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, };
-export type { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogDescriptionProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTitleProps, AlertDialogTriggerProps, };
+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.js

@@ -1,95 +1,92 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@codefast/tailwind-variants";
-import { Action, Cancel, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-alert-dialog";
 import { buttonVariants } from "./button.js";
+import { cn } from "@codefast/tailwind-variants";
+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(Root, {
-        "data-slot": "alert-dialog",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, {
+		"data-slot": "alert-dialog",
+		...props
+	});
 }
 function AlertDialogTrigger({ ...props }) {
-    return /*#__PURE__*/ jsx(Trigger, {
-        "data-slot": "alert-dialog-trigger",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		...props
+	});
 }
 function AlertDialogContent({ children, className, classNames, ...props }) {
-    return /*#__PURE__*/ jsxs(Portal, {
-        children: [
-            /*#__PURE__*/ jsx(Overlay, {
-                className: cn("fixed inset-0 z-50 bg-black/50 ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", classNames?.overlay),
-                "data-slot": "alert-dialog-overlay"
-            }),
-            /*#__PURE__*/ jsx(Content, {
-                className: cn("fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center overflow-auto p-8 ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:grid-rows-[1fr_auto_3fr] sm:p-4", 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: children
-                })
-            })
-        ]
-    });
+	return /* @__PURE__ */ jsxs(AlertDialogPrimitive.Portal, { children: [/* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, {
+		className: cn("fixed inset-0 z-50 bg-black/50 ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-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 ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:grid-rows-[1fr_auto_3fr] sm:p-4", 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
-    });
+	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
-    });
+	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
-    });
+	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(Title, {
-        className: cn("text-lg leading-none font-semibold tracking-tight", className),
-        "data-slot": "alert-dialog-title",
-        ...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(Description, {
-        className: cn("text-sm text-muted-foreground", className),
-        "data-slot": "alert-dialog-description",
-        ...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(Action, {
-        className: buttonVariants({
-            className,
-            size,
-            variant
-        }),
-        "data-slot": "alert-dialog-action",
-        ...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(Cancel, {
-        className: buttonVariants({
-            className,
-            size,
-            variant
-        }),
-        "data-slot": "alert-dialog-cancel",
-        ...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.ts

@@ -1,18 +1,30 @@
-import type { VariantProps } from "@codefast/tailwind-variants";
-import type { ComponentProps, JSX } from "react";
-declare const alertVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
-    variant: {
-        default: string;
-        destructive: string;
-    };
+import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
+import { VariantProps } 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;
+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;
+declare function AlertTitle({
+  children,
+  className,
+  ...props
+}: AlertTitleProps): JSX.Element;
 type AlertDescriptionProps = ComponentProps<"div">;
-declare function AlertDescription({ className, ...props }: AlertDescriptionProps): JSX.Element;
-export { alertVariants };
-export { Alert, AlertDescription, AlertTitle };
-export type { AlertDescriptionProps, AlertProps, AlertTitleProps };
+declare function AlertDescription({
+  className,
+  ...props
+}: AlertDescriptionProps): JSX.Element;
+//#endregion
+export { Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, alertVariants };

package/dist/components/alert.js

@@ -1,41 +1,39 @@
-import { jsx } from "react/jsx-runtime";
 import { cn, tv } from "@codefast/tailwind-variants";
+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 rounded-xl border bg-card px-4 py-3 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"
-        }
-    }
+	base: "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-xl border bg-card px-4 py-3 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
-    });
+	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 line-clamp-1 min-h-4 font-medium tracking-tight", className),
-        "data-slot": "alert-title",
-        ...props,
-        children: children
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("col-start-2 line-clamp-1 min-h-4 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
-    });
+	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.ts

@@ -1,6 +1,10 @@
-import type { ComponentProps, JSX } from "react";
 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;
-export { AspectRatio };
-export type { AspectRatioProps };
+declare function AspectRatio({
+  ...props
+}: AspectRatioProps): JSX.Element;
+//#endregion
+export { AspectRatio, type AspectRatioProps };

package/dist/components/aspect-ratio.js

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

package/dist/components/avatar.d.ts

@@ -1,10 +1,21 @@
-import type { ComponentProps, JSX } from "react";
 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;
+declare function Avatar({
+  className,
+  ...props
+}: AvatarProps): JSX.Element;
 type AvatarImageProps = ComponentProps<typeof AvatarPrimitive.Image>;
-declare function AvatarImage({ className, ...props }: AvatarImageProps): JSX.Element;
+declare function AvatarImage({
+  className,
+  ...props
+}: AvatarImageProps): JSX.Element;
 type AvatarFallbackProps = ComponentProps<typeof AvatarPrimitive.Fallback>;
-declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): JSX.Element;
-export { Avatar, AvatarFallback, AvatarImage };
-export type { AvatarFallbackProps, AvatarImageProps, AvatarProps };
+declare function AvatarFallback({
+  className,
+  ...props
+}: AvatarFallbackProps): JSX.Element;
+//#endregion
+export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps };