@codefast/ui 0.3.11 → 0.3.12-canary.1

package/dist/components/button.js

@@ -1,57 +1,92 @@
-import { tv } from "@codefast/tailwind-variants";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { tv } from "#lib/utils";
 import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/button.tsx
+/* -----------------------------------------------------------------------------
+ * Variant: Button
+ * -------------------------------------------------------------------------- */
 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 outline-hidden",
+        "text-sm font-medium whitespace-nowrap",
+        "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: {
+            // 32px
+            "icon-sm": "size-8",
+            // 36px
+            icon: "size-9",
+            // 40px
+            "icon-lg": "size-10",
+            // 32px
+            sm: ["h-8 px-3", "has-[>svg]:px-2.5"],
+            // 36px
+            md: ["h-9 px-4", "has-[>svg]:px-3"],
+            // 40px
+            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
-	});
-	return /* @__PURE__ */ jsx("button", {
-		className: buttonVariants({
-			className,
-			size,
-			variant
-		}),
-		"data-slot": "button",
-		"data-variant": variant,
-		type,
-		...props,
-		children
-	});
+    const Comp = asChild ? Slot : "button";
+    if (asChild) {
+        return (_jsx(Comp, { className: buttonVariants({ className, size, variant }), "data-slot": "button", "data-variant": variant, ...props, children: children }));
+    }
+    return (_jsx("button", { className: buttonVariants({ className, size, variant }), "data-slot": "button", "data-variant": variant, type: type, ...props, children: children }));
 }
-//#endregion
-export { Button, buttonVariants };
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { buttonVariants };
+export { Button };

package/dist/components/calendar.d.ts

@@ -1,27 +1,13 @@
-import { Button } from "./button.js";
-import { ComponentProps, JSX } from "react";
-import { DayButton, DayPicker } from "react-day-picker";
-
-//#region src/components/calendar.d.ts
+import type { ComponentProps, JSX } from "react";
+import type { DayButton } from "react-day-picker";
+import { DayPicker } from "react-day-picker";
+import { Button } from "#components/button";
 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;
-//#endregion
-export { Calendar, CalendarDayButton, type CalendarDayButtonProps, type CalendarProps };
+declare function CalendarDayButton({ className, day, modifiers, ...props }: CalendarDayButtonProps): JSX.Element;
+export { Calendar, CalendarDayButton };
+export type { CalendarDayButtonProps, CalendarProps };
+//# sourceMappingURL=calendar.d.ts.map

package/dist/components/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/components/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAW,SAAS,EAAoB,MAAM,kBAAkB,CAAC;AAK7E,OAAO,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAEnE,OAAO,EAAE,MAAM,EAAkB,MAAM,oBAAoB,CAAC;AAM5D,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IACtD,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAC1D,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,aAAuB,EACvB,aAAuB,EACvB,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAgI7B;AAmDD,KAAK,sBAAsB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAE/D,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAuCtC;AAMD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC;AACvC,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/calendar.js

@@ -1,108 +1,103 @@
 "use client";
-import { Button, buttonVariants } from "./button.js";
-import { cn } from "@codefast/tailwind-variants";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "#lib/utils";
 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";
-//#region src/components/calendar.tsx
+import { Button, buttonVariants } from "#components/button";
 function Calendar({ buttonVariant = "ghost", captionLayout = "label", className, classNames, components, formatters, showOutsideDays = true, ...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
-	});
+    const defaultClassNames = getDefaultClassNames();
+    return (_jsx(DayPicker, { captionLayout: captionLayout, className: cn("group/calendar", "p-3", "bg-background", "in-data-[slot=card-content]:bg-transparent", "in-data-[slot=popover-content]:bg-transparent", "rtl:**:[.rdp-button_next>svg]:rotate-180", "rtl:**:[.rdp-button_previous>svg]:rotate-180", "[--cell-size:--spacing(8)]", className), classNames: {
+            button_next: buttonVariants({
+                variant: buttonVariant,
+                className: [
+                    "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
+                    defaultClassNames.button_next,
+                ],
+            }),
+            button_previous: buttonVariants({
+                variant: buttonVariant,
+                className: [
+                    "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("opacity-50", "text-muted-foreground", 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 flex w-full items-center justify-between gap-1", "inset-x-0 top-0", 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:rounded-none", defaultClassNames.today),
+            week: cn("flex w-full", "mt-2", 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 }));
 }
+/* -----------------------------------------------------------------------------
+ * Component: CalendarChevron (internal)
+ * -------------------------------------------------------------------------- */
 function CalendarChevron({ className, orientation, ...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
-	});
+    if (orientation === "left") {
+        return _jsx(ChevronLeftIcon, { className: cn("size-4", className), ...props });
+    }
+    if (orientation === "right") {
+        return _jsx(ChevronRightIcon, { className: cn("size-4", className), ...props });
+    }
+    return _jsx(ChevronDownIcon, { className: cn("size-4", className), ...props });
 }
+/* -----------------------------------------------------------------------------
+ * Component: CalendarRoot (internal)
+ * -------------------------------------------------------------------------- */
 function CalendarRoot({ className, rootRef, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		ref: rootRef,
-		className: cn(className),
-		"data-slot": "calendar",
-		...props
-	});
+    return _jsx("div", { ref: rootRef, className: cn(className), "data-slot": "calendar", ...props });
 }
+/* -----------------------------------------------------------------------------
+ * Component: CalendarWeekNumber (internal)
+ * -------------------------------------------------------------------------- */
 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
-		})
-	});
+    return (_jsx("td", { ...props, children: _jsx("div", { className: cn("flex size-(--cell-size) items-center justify-center", "text-center"), children: 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,
-		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 (_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/day:relative group-data-focused/day:z-10 group-data-focused/day:border-ring group-data-focused/day:ring-3 group-data-focused/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
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
 export { Calendar, CalendarDayButton };

package/dist/components/card.d.ts

@@ -1,41 +1,18 @@
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/card.d.ts
+import type { ComponentProps, JSX } from "react";
 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;
-//#endregion
-export { Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps };
+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, };
+//# sourceMappingURL=card.d.ts.map

package/dist/components/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQjD,KAAK,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEvC,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAa7D;AAMD,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE7C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAczE;AAMD,KAAK,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE5C,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAMjF;AAMD,KAAK,oBAAoB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAElD,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAQnF;AAMD,KAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9C,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAE3E;AAMD,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE7C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAQzE;AAMD,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE7C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAQzE;AAMD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;AAC7F,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,SAAS,EACT,cAAc,GACf,CAAC"}

package/dist/components/card.js

@@ -1,55 +1,27 @@
-import { cn } from "@codefast/tailwind-variants";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/card.tsx
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "#lib/utils";
 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 (_jsx("div", { className: cn("flex flex-col gap-6 overflow-auto py-6", "rounded-xl border", "bg-card 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 (_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
-	});
+    return (_jsx("div", { className: cn("leading-none font-semibold", className), "data-slot": "card-title", ...props, children: children }));
 }
 function CardDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("text-sm text-muted-foreground", className),
-		"data-slot": "card-description",
-		...props
-	});
+    return (_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 _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 (_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 (_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
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/components/carousel.d.ts

@@ -1,68 +1,38 @@
-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
+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 "#components/button";
 type ScopedProps<P> = P & {
-  __scopeCarousel?: Scope;
+    __scopeCarousel?: Scope;
 };
-declare const createCarouselScope: _$_radix_ui_react_context0.CreateScope;
+declare const createCarouselScope: import("@radix-ui/react-context").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;
-//#endregion
-export { Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, createCarouselScope };
+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, };
+//# sourceMappingURL=carousel.d.ts.map

package/dist/components/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/components/carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAIhE,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AAIpD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAQ5C,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,eAAe,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAEtD,QAAA,MAA8B,mBAAmB,+CAAqC,CAAC;AAEvF,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAC3C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAE/C,UAAU,iBAAiB;IACzB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACrC;AAkBD,UAAU,aAAc,SAAQ,iBAAiB,EAAE,cAAc,CAAC,KAAK,CAAC;CAAG;AAE3E,iBAAS,QAAQ,CAAC,EAChB,eAAe,EACf,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,WAAW,EACX,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,aAAa,CAAC,GAAG,GAAG,CAAC,OAAO,CAyF1C;AAQD,UAAU,oBAAqB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC1D,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,iBAAS,eAAe,CAAC,EACvB,eAAe,EACf,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,oBAAoB,CAAC,GAAG,GAAG,CAAC,OAAO,CAoBjD;AAQD,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE/C,iBAAS,YAAY,CAAC,EACpB,eAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,iBAAiB,CAAC,GAAG,GAAG,CAAC,OAAO,CAgB9C;AAQD,KAAK,qBAAqB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAE3D,iBAAS,gBAAgB,CAAC,EACxB,eAAe,EACf,SAAS,EACT,IAAa,EACb,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,qBAAqB,CAAC,GAAG,GAAG,CAAC,OAAO,CA6BlD;AAQD,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEvD,iBAAS,YAAY,CAAC,EACpB,eAAe,EACf,SAAS,EACT,IAAa,EACb,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,iBAAiB,CAAC,GAAG,GAAG,CAAC,OAAO,CA6B9C;AAMD,YAAY,EACV,WAAW,EACX,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,aAAa,GACd,CAAC;AACF,OAAO,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,GACpB,CAAC"}