@codefast/ui 0.3.11-canary.1 → 0.3.11

package/dist/components/button.js

@@ -1,55 +1,57 @@
-import { jsx } from "react/jsx-runtime";
 import { tv } from "@codefast/tailwind-variants";
 import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/button.tsx
 const buttonVariants = tv({
-    base: "inline-flex shrink-0 items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap outline-hidden transition select-none focus-visible:ring-3 disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-    defaultVariants: {
-        size: "md",
-        variant: "default"
-    },
-    variants: {
-        size: {
-            "icon-sm": "size-8",
-            icon: "size-9",
-            "icon-lg": "size-10",
-            sm: "h-8 px-3 has-[>svg]:px-2.5",
-            md: "h-9 px-4 has-[>svg]:px-3",
-            lg: "h-10 px-6 has-[>svg]:px-4"
-        },
-        variant: {
-            default: "bg-primary text-primary-foreground hover:not-disabled:bg-primary/80 focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40",
-            destructive: "bg-destructive text-white hover:not-disabled:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-            ghost: "hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 dark:hover:not-disabled:bg-secondary/50",
-            link: "text-primary underline-offset-4 hover:not-disabled:underline focus-visible:ring-ring/50",
-            outline: "border border-input shadow-xs hover:not-disabled:border-ring/60 hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive focus-within:aria-invalid:ring-destructive/20 hover:not-disabled:aria-invalid:border-destructive/60 dark:bg-input/30 dark:hover:not-disabled:bg-input/50 dark:aria-invalid:border-destructive/70 dark:focus-within:aria-invalid:ring-destructive/40",
-            secondary: "bg-secondary text-secondary-foreground hover:not-disabled:bg-secondary/80 focus-visible:ring-ring/50"
-        }
-    }
+	base: "inline-flex shrink-0 items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap outline-hidden transition select-none focus-visible:ring-3 disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			"icon-sm": "size-8",
+			icon: "size-9",
+			"icon-lg": "size-10",
+			sm: "h-8 px-3 has-[>svg]:px-2.5",
+			md: "h-9 px-4 has-[>svg]:px-3",
+			lg: "h-10 px-6 has-[>svg]:px-4"
+		},
+		variant: {
+			default: "bg-primary text-primary-foreground hover:not-disabled:bg-primary/80 focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40",
+			destructive: "bg-destructive text-white hover:not-disabled:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+			ghost: "hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 dark:hover:not-disabled:bg-secondary/50",
+			link: "text-primary underline-offset-4 hover:not-disabled:underline focus-visible:ring-ring/50",
+			outline: "border border-input shadow-xs hover:not-disabled:border-ring/60 hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive focus-within:aria-invalid:ring-destructive/20 hover:not-disabled:aria-invalid:border-destructive/60 dark:bg-input/30 dark:hover:not-disabled:bg-input/50 dark:aria-invalid:border-destructive/70 dark:focus-within:aria-invalid:ring-destructive/40",
+			secondary: "bg-secondary text-secondary-foreground hover:not-disabled:bg-secondary/80 focus-visible:ring-ring/50"
+		}
+	}
 });
 function Button({ asChild = false, children, className, size, type = "button", variant, ...props }) {
-    const Comp = asChild ? Slot : "button";
-    if (asChild) return /*#__PURE__*/ jsx(Comp, {
-        className: buttonVariants({
-            className,
-            size,
-            variant
-        }),
-        "data-slot": "button",
-        "data-variant": variant,
-        ...props,
-        children: children
-    });
-    return /*#__PURE__*/ jsx("button", {
-        className: buttonVariants({
-            className,
-            size,
-            variant
-        }),
-        "data-slot": "button",
-        "data-variant": variant,
-        type: type,
-        ...props,
-        children: children
-    });
+	const Comp = asChild ? Slot : "button";
+	if (asChild) return /* @__PURE__ */ jsx(Comp, {
+		className: buttonVariants({
+			className,
+			size,
+			variant
+		}),
+		"data-slot": "button",
+		"data-variant": variant,
+		...props,
+		children
+	});
+	return /* @__PURE__ */ jsx("button", {
+		className: buttonVariants({
+			className,
+			size,
+			variant
+		}),
+		"data-slot": "button",
+		"data-variant": variant,
+		type,
+		...props,
+		children
+	});
 }
+//#endregion
 export { Button, buttonVariants };

package/dist/components/calendar.d.ts

@@ -1,12 +1,27 @@
-import type { ComponentProps, JSX } from "react";
-import type { DayButton } from "react-day-picker";
-import { DayPicker } from "react-day-picker";
-import { Button } from "./button";
+import { Button } from "./button.js";
+import { ComponentProps, JSX } from "react";
+import { DayButton, DayPicker } from "react-day-picker";
+
+//#region src/components/calendar.d.ts
 type CalendarProps = ComponentProps<typeof DayPicker> & {
-    buttonVariant?: ComponentProps<typeof Button>["variant"];
+  buttonVariant?: ComponentProps<typeof Button>["variant"];
 };
-declare function Calendar({ buttonVariant, captionLayout, className, classNames, components, formatters, showOutsideDays, ...props }: CalendarProps): JSX.Element;
+declare function Calendar({
+  buttonVariant,
+  captionLayout,
+  className,
+  classNames,
+  components,
+  formatters,
+  showOutsideDays,
+  ...props
+}: CalendarProps): JSX.Element;
 type CalendarDayButtonProps = ComponentProps<typeof DayButton>;
-declare function CalendarDayButton({ className, day, modifiers, ...props }: CalendarDayButtonProps): JSX.Element;
-export { Calendar, CalendarDayButton };
-export type { CalendarDayButtonProps, CalendarProps };
+declare function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}: CalendarDayButtonProps): JSX.Element;
+//#endregion
+export { Calendar, CalendarDayButton, type CalendarDayButtonProps, type CalendarProps };

package/dist/components/calendar.js

@@ -1,114 +1,108 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { Button, buttonVariants } from "./button.js";
 import { cn } from "@codefast/tailwind-variants";
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
-import { Button, buttonVariants } from "./button.js";
+//#region src/components/calendar.tsx
 function Calendar({ buttonVariant = "ghost", captionLayout = "label", className, classNames, components, formatters, showOutsideDays = true, ...props }) {
-    const defaultClassNames = getDefaultClassNames();
-    return /*#__PURE__*/ jsx(DayPicker, {
-        captionLayout: captionLayout,
-        className: cn("group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", "rtl:**:[.rdp-button_next>svg]:rotate-180", "rtl:**:[.rdp-button_previous>svg]:rotate-180", className),
-        classNames: {
-            button_next: cn(buttonVariants({
-                variant: buttonVariant
-            }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_next),
-            button_previous: cn(buttonVariants({
-                variant: buttonVariant
-            }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_previous),
-            caption_label: cn("font-medium select-none", "label" === captionLayout ? "text-sm" : "flex h-8 items-center gap-1 rounded-md pr-1 pl-2 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground", defaultClassNames.caption_label),
-            day: cn("group/day relative aspect-square h-full w-full p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-md", props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md", defaultClassNames.day),
-            disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
-            dropdown: cn("absolute inset-0 bg-popover opacity-0", defaultClassNames.dropdown),
-            dropdown_root: cn("relative rounded-md border border-input shadow-xs has-focus:border-ring has-focus:ring-3 has-focus:ring-ring/50", defaultClassNames.dropdown_root),
-            dropdowns: cn("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns),
-            hidden: cn("invisible", defaultClassNames.hidden),
-            month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
-            month_caption: cn("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", defaultClassNames.month_caption),
-            months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
-            nav: cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav),
-            outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
-            range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
-            range_middle: cn("rounded-none", defaultClassNames.range_middle),
-            range_start: cn("rounded-l-md bg-accent", defaultClassNames.range_start),
-            root: cn("w-fit", defaultClassNames.root),
-            table: "w-full border-collapse",
-            today: cn("rounded-md bg-accent text-accent-foreground data-[selected=true]:rounded-none", defaultClassNames.today),
-            week: cn("mt-2 flex w-full", defaultClassNames.week),
-            week_number: cn("text-[0.8rem] text-muted-foreground select-none", defaultClassNames.week_number),
-            week_number_header: cn("w-(--cell-size) select-none", defaultClassNames.week_number_header),
-            weekday: cn("flex-1 rounded-md text-[0.8rem] font-normal text-muted-foreground select-none", defaultClassNames.weekday),
-            weekdays: cn("flex", defaultClassNames.weekdays),
-            ...classNames
-        },
-        components: {
-            Chevron: CalendarChevron,
-            DayButton: CalendarDayButton,
-            Root: CalendarRoot,
-            WeekNumber: CalendarWeekNumber,
-            ...components
-        },
-        formatters: {
-            formatMonthDropdown: (date)=>date.toLocaleString("default", {
-                    month: "short"
-                }),
-            ...formatters
-        },
-        showOutsideDays: showOutsideDays,
-        ...props
-    });
+	const defaultClassNames = getDefaultClassNames();
+	return /* @__PURE__ */ jsx(DayPicker, {
+		captionLayout,
+		className: cn("group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", "rtl:**:[.rdp-button_next>svg]:rotate-180", "rtl:**:[.rdp-button_previous>svg]:rotate-180", className),
+		classNames: {
+			button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_next),
+			button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_previous),
+			caption_label: cn("font-medium select-none", captionLayout === "label" ? "text-sm" : "flex h-8 items-center gap-1 rounded-md pr-1 pl-2 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground", defaultClassNames.caption_label),
+			day: cn("group/day relative aspect-square h-full w-full p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-md", props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md", defaultClassNames.day),
+			disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
+			dropdown: cn("absolute inset-0 bg-popover opacity-0", defaultClassNames.dropdown),
+			dropdown_root: cn("relative rounded-md border border-input shadow-xs has-focus:border-ring has-focus:ring-3 has-focus:ring-ring/50", defaultClassNames.dropdown_root),
+			dropdowns: cn("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns),
+			hidden: cn("invisible", defaultClassNames.hidden),
+			month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+			month_caption: cn("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", defaultClassNames.month_caption),
+			months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
+			nav: cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav),
+			outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
+			range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
+			range_middle: cn("rounded-none", defaultClassNames.range_middle),
+			range_start: cn("rounded-l-md bg-accent", defaultClassNames.range_start),
+			root: cn("w-fit", defaultClassNames.root),
+			table: "w-full border-collapse",
+			today: cn("rounded-md bg-accent text-accent-foreground data-[selected=true]:rounded-none", defaultClassNames.today),
+			week: cn("mt-2 flex w-full", defaultClassNames.week),
+			week_number: cn("text-[0.8rem] text-muted-foreground select-none", defaultClassNames.week_number),
+			week_number_header: cn("w-(--cell-size) select-none", defaultClassNames.week_number_header),
+			weekday: cn("flex-1 rounded-md text-[0.8rem] font-normal text-muted-foreground select-none", defaultClassNames.weekday),
+			weekdays: cn("flex", defaultClassNames.weekdays),
+			...classNames
+		},
+		components: {
+			Chevron: CalendarChevron,
+			DayButton: CalendarDayButton,
+			Root: CalendarRoot,
+			WeekNumber: CalendarWeekNumber,
+			...components
+		},
+		formatters: {
+			formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
+			...formatters
+		},
+		showOutsideDays,
+		...props
+	});
 }
 function CalendarChevron({ className, orientation, ...props }) {
-    if ("left" === orientation) return /*#__PURE__*/ jsx(ChevronLeftIcon, {
-        className: cn("size-4", className),
-        ...props
-    });
-    if ("right" === orientation) return /*#__PURE__*/ jsx(ChevronRightIcon, {
-        className: cn("size-4", className),
-        ...props
-    });
-    return /*#__PURE__*/ jsx(ChevronDownIcon, {
-        className: cn("size-4", className),
-        ...props
-    });
+	if (orientation === "left") return /* @__PURE__ */ jsx(ChevronLeftIcon, {
+		className: cn("size-4", className),
+		...props
+	});
+	if (orientation === "right") return /* @__PURE__ */ jsx(ChevronRightIcon, {
+		className: cn("size-4", className),
+		...props
+	});
+	return /* @__PURE__ */ jsx(ChevronDownIcon, {
+		className: cn("size-4", className),
+		...props
+	});
 }
 function CalendarRoot({ className, rootRef, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        ref: rootRef,
-        className: cn(className),
-        "data-slot": "calendar",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		ref: rootRef,
+		className: cn(className),
+		"data-slot": "calendar",
+		...props
+	});
 }
 function CalendarWeekNumber({ children, ...props }) {
-    return /*#__PURE__*/ jsx("td", {
-        ...props,
-        children: /*#__PURE__*/ jsx("div", {
-            className: "flex size-(--cell-size) items-center justify-center text-center",
-            children: children
-        })
-    });
+	return /* @__PURE__ */ jsx("td", {
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex size-(--cell-size) items-center justify-center text-center",
+			children
+		})
+	});
 }
 function CalendarDayButton({ className, day, modifiers, ...props }) {
-    const defaultClassNames = getDefaultClassNames();
-    const ref = useRef(null);
-    useEffect(()=>{
-        if (modifiers.focused) ref.current?.focus();
-    }, [
-        modifiers.focused
-    ]);
-    return /*#__PURE__*/ jsx(Button, {
-        ref: ref,
-        className: cn("flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-3 group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
-        "data-day": day.date.toLocaleDateString(),
-        "data-range-end": modifiers.range_end,
-        "data-range-middle": modifiers.range_middle,
-        "data-range-start": modifiers.range_start,
-        "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
-        size: "icon",
-        variant: "ghost",
-        ...props
-    });
+	const defaultClassNames = getDefaultClassNames();
+	const ref = useRef(null);
+	useEffect(() => {
+		if (modifiers.focused) ref.current?.focus();
+	}, [modifiers.focused]);
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		className: cn("flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-3 group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
+		"data-day": day.date.toLocaleDateString(),
+		"data-range-end": modifiers.range_end,
+		"data-range-middle": modifiers.range_middle,
+		"data-range-start": modifiers.range_start,
+		"data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+		size: "icon",
+		variant: "ghost",
+		...props
+	});
 }
+//#endregion
 export { Calendar, CalendarDayButton };

package/dist/components/card.d.ts

@@ -1,17 +1,41 @@
-import type { ComponentProps, JSX } from "react";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/card.d.ts
 type CardProps = ComponentProps<"div">;
-declare function Card({ className, ...props }: CardProps): JSX.Element;
+declare function Card({
+  className,
+  ...props
+}: CardProps): JSX.Element;
 type CardHeaderProps = ComponentProps<"div">;
-declare function CardHeader({ className, ...props }: CardHeaderProps): JSX.Element;
+declare function CardHeader({
+  className,
+  ...props
+}: CardHeaderProps): JSX.Element;
 type CardTitleProps = ComponentProps<"div">;
-declare function CardTitle({ children, className, ...props }: CardTitleProps): JSX.Element;
+declare function CardTitle({
+  children,
+  className,
+  ...props
+}: CardTitleProps): JSX.Element;
 type CardDescriptionProps = ComponentProps<"div">;
-declare function CardDescription({ className, ...props }: CardDescriptionProps): JSX.Element;
+declare function CardDescription({
+  className,
+  ...props
+}: CardDescriptionProps): JSX.Element;
 type CardContentProps = ComponentProps<"div">;
-declare function CardContent({ className, ...props }: CardContentProps): JSX.Element;
+declare function CardContent({
+  className,
+  ...props
+}: CardContentProps): JSX.Element;
 type CardFooterProps = ComponentProps<"div">;
-declare function CardFooter({ className, ...props }: CardFooterProps): JSX.Element;
+declare function CardFooter({
+  className,
+  ...props
+}: CardFooterProps): JSX.Element;
 type CardActionProps = ComponentProps<"div">;
-declare function CardAction({ className, ...props }: CardActionProps): JSX.Element;
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
-export type { CardActionProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps, };
+declare function CardAction({
+  className,
+  ...props
+}: CardActionProps): JSX.Element;
+//#endregion
+export { Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps };

package/dist/components/card.js

@@ -1,53 +1,55 @@
-import { jsx } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/card.tsx
 function Card({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("flex flex-col gap-6 overflow-auto rounded-xl border bg-card py-6 text-card-foreground shadow-sm", className),
-        "data-slot": "card",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-6 overflow-auto rounded-xl border bg-card py-6 text-card-foreground shadow-sm", className),
+		"data-slot": "card",
+		...props
+	});
 }
 function CardHeader({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-[data-slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className),
-        "data-slot": "card-header",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-[data-slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className),
+		"data-slot": "card-header",
+		...props
+	});
 }
 function CardTitle({ children, className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("leading-none font-semibold", className),
-        "data-slot": "card-title",
-        ...props,
-        children: children
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("leading-none font-semibold", className),
+		"data-slot": "card-title",
+		...props,
+		children
+	});
 }
 function CardDescription({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("text-sm text-muted-foreground", className),
-        "data-slot": "card-description",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("text-sm text-muted-foreground", className),
+		"data-slot": "card-description",
+		...props
+	});
 }
 function CardContent({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("px-6", className),
-        "data-slot": "card-content",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("px-6", className),
+		"data-slot": "card-content",
+		...props
+	});
 }
 function CardFooter({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("flex items-center px-6 [.border-t]:pt-6", className),
-        "data-slot": "card-footer",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center px-6 [.border-t]:pt-6", className),
+		"data-slot": "card-footer",
+		...props
+	});
 }
 function CardAction({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
-        "data-slot": "card-action",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+		"data-slot": "card-action",
+		...props
+	});
 }
+//#endregion
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/components/carousel.d.ts

@@ -1,37 +1,68 @@
-import type { Scope } from "@radix-ui/react-context";
-import type { UseEmblaCarouselType } from "embla-carousel-react";
-import type { ComponentProps, JSX } from "react";
-import useEmblaCarousel from "embla-carousel-react";
-import { Button } from "./button";
+import { Button } from "./button.js";
+import { ComponentProps, JSX } from "react";
+import * as _$_radix_ui_react_context0 from "@radix-ui/react-context";
+import { Scope } from "@radix-ui/react-context";
+import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
+
+//#region src/components/carousel.d.ts
 type ScopedProps<P> = P & {
-    __scopeCarousel?: Scope;
+  __scopeCarousel?: Scope;
 };
-declare const createCarouselScope: import("@radix-ui/react-context").CreateScope;
+declare const createCarouselScope: _$_radix_ui_react_context0.CreateScope;
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
 type CarouselOptions = UseCarouselParameters[0];
 type CarouselPlugin = UseCarouselParameters[1];
 interface BaseCarouselProps {
-    opts?: CarouselOptions;
-    orientation?: "horizontal" | "vertical";
-    plugins?: CarouselPlugin;
-    setApi?: (api: CarouselApi) => void;
+  opts?: CarouselOptions;
+  orientation?: "horizontal" | "vertical";
+  plugins?: CarouselPlugin;
+  setApi?: (api: CarouselApi) => void;
 }
-interface CarouselProps extends BaseCarouselProps, ComponentProps<"div"> {
-}
-declare function Carousel({ __scopeCarousel, children, className, opts, orientation, plugins, setApi, ...props }: ScopedProps<CarouselProps>): JSX.Element;
+interface CarouselProps extends BaseCarouselProps, ComponentProps<"div"> {}
+declare function Carousel({
+  __scopeCarousel,
+  children,
+  className,
+  opts,
+  orientation,
+  plugins,
+  setApi,
+  ...props
+}: ScopedProps<CarouselProps>): JSX.Element;
 interface CarouselContentProps extends ComponentProps<"div"> {
-    classNames?: {
-        content?: string;
-        wrapper?: string;
-    };
+  classNames?: {
+    content?: string;
+    wrapper?: string;
+  };
 }
-declare function CarouselContent({ __scopeCarousel, className, classNames, ...props }: ScopedProps<CarouselContentProps>): JSX.Element;
+declare function CarouselContent({
+  __scopeCarousel,
+  className,
+  classNames,
+  ...props
+}: ScopedProps<CarouselContentProps>): JSX.Element;
 type CarouselItemProps = ComponentProps<"div">;
-declare function CarouselItem({ __scopeCarousel, className, ...props }: ScopedProps<CarouselItemProps>): JSX.Element;
+declare function CarouselItem({
+  __scopeCarousel,
+  className,
+  ...props
+}: ScopedProps<CarouselItemProps>): JSX.Element;
 type CarouselPreviousProps = ComponentProps<typeof Button>;
-declare function CarouselPrevious({ __scopeCarousel, className, size, variant, ...props }: ScopedProps<CarouselPreviousProps>): JSX.Element;
+declare function CarouselPrevious({
+  __scopeCarousel,
+  className,
+  size,
+  variant,
+  ...props
+}: ScopedProps<CarouselPreviousProps>): JSX.Element;
 type CarouselNextProps = ComponentProps<typeof Button>;
-declare function CarouselNext({ __scopeCarousel, className, size, variant, ...props }: ScopedProps<CarouselNextProps>): JSX.Element;
-export type { CarouselApi, CarouselContentProps, CarouselItemProps, CarouselNextProps, CarouselPreviousProps, CarouselProps, };
-export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, createCarouselScope, };
+declare function CarouselNext({
+  __scopeCarousel,
+  className,
+  size,
+  variant,
+  ...props
+}: ScopedProps<CarouselNextProps>): JSX.Element;
+//#endregion
+export { Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, createCarouselScope };