@codefast/ui 0.3.11 → 0.3.12-canary.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @codefast/ui
 
+## 0.3.12-canary.0
+
+### Patch Changes
+
+- [`b3dfccb`](https://github.com/codefastlabs/codefast/commit/b3dfccbccff8961ca75a4671ae39e7616a7fa59c) Thanks [@thevuong](https://github.com/thevuong)! - refactor: switch package build scripts from tsdown to TypeScript build configs, align UI CSS exports to source CSS paths, and remove obsolete migration tooling
+
+- [`cb53569`](https://github.com/codefastlabs/codefast/commit/cb5356985d4f349dd12a32f9de85cc7d13e8cc74) Thanks [@thevuong](https://github.com/thevuong)! - refactor: migrate package dependencies to catalog references
+
+- [`82b37c0`](https://github.com/codefastlabs/codefast/commit/82b37c02ad0086114082cc02be54a60d0c4478a6) Thanks [@thevuong](https://github.com/thevuong)! - refactor: rename typecheck scripts to check-types for consistency
+
+- [`3f647bc`](https://github.com/codefastlabs/codefast/commit/3f647bce65e4c12d3349f06a5a3a80acf13b03de) Thanks [@thevuong](https://github.com/thevuong)! - refactor: align remaining alias references to subpath imports
+
+- Updated dependencies [[`b3dfccb`](https://github.com/codefastlabs/codefast/commit/b3dfccbccff8961ca75a4671ae39e7616a7fa59c), [`cb53569`](https://github.com/codefastlabs/codefast/commit/cb5356985d4f349dd12a32f9de85cc7d13e8cc74), [`e032524`](https://github.com/codefastlabs/codefast/commit/e032524a496132bb3ff6377a7348a7771c1d97dd), [`82b37c0`](https://github.com/codefastlabs/codefast/commit/82b37c02ad0086114082cc02be54a60d0c4478a6), [`3f647bc`](https://github.com/codefastlabs/codefast/commit/3f647bce65e4c12d3349f06a5a3a80acf13b03de)]:
+  - @codefast/tailwind-variants@0.3.12-canary.0
+
 ## 0.3.11
 
 ### Patch Changes

package/README.md

@@ -484,6 +484,10 @@ pnpm test --filter=@codefast/ui
 pnpm test:coverage --filter=@codefast/ui
 ```
 
+Package build/dev scripts use TypeScript directly via `tsc -p tsconfig.build.json` (watch mode for `pnpm dev --filter=@codefast/ui`).
+
+CSS entry exports under `@codefast/ui/css/*` are sourced from `src/css/*`.
+
 ### Adding New Components
 
 1. Create component files in `src/components/[component-name]/`.

package/dist/components/accordion.d.ts

@@ -1,37 +1,19 @@
+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;
-//#endregion
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionIcon, type AccordionIconProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };
+declare function AccordionContent({ children, className, ...props }: AccordionContentProps): JSX.Element;
+export { Accordion, AccordionContent, AccordionIcon, AccordionItem, AccordionTrigger };
+export type { AccordionContentProps, AccordionIconProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, };
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAO5C,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAErE,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAE5D;AAMD,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAEzE,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAQ/E;AAMD,UAAU,kBAAmB,SAAQ,cAAc,CAAC,OAAO,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,aAAa,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAcxF;AAMD,KAAK,qBAAqB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAE/E,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAe/F;AAMD,KAAK,qBAAqB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAE/E,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAU/F;AAMD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC;AACvF,YAAY,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,qBAAqB,GACtB,CAAC"}

package/dist/components/accordion.js

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

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

@@ -1,74 +1,39 @@
-import { buttonVariants } from "./button.js";
-import { VariantProps } from "@codefast/tailwind-variants";
+import type { VariantProps } from "@codefast/tailwind-variants";
+import type { ComponentProps, JSX } from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/alert-dialog.d.ts
+import { buttonVariants } from "#components/button";
 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;
-//#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 };
+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, };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/components/alert-dialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/alert-dialog.js

@@ -1,92 +1,39 @@
 "use client";
-import { buttonVariants } from "./button.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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
+import { buttonVariants } from "#components/button";
 function AlertDialog({ ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, {
-		"data-slot": "alert-dialog",
-		...props
-	});
+    return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
 }
 function AlertDialogTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, {
-		"data-slot": "alert-dialog-trigger",
-		...props
-	});
+    return _jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
 }
 function AlertDialogContent({ children, className, classNames, ...props }) {
-	return /* @__PURE__ */ jsxs(AlertDialogPrimitive.Portal, { children: [/* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, {
-		className: cn("fixed inset-0 z-50 bg-black/50 ease-ui data-[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
-		})
-	})] });
+    return (_jsxs(AlertDialogPrimitive.Portal, { children: [_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" }), _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: _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 }) })] }));
 }
 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 (_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 (_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 (_jsx("div", { className: cn("flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end", className), "data-slot": "alert-dialog-footer", ...props }));
 }
 function AlertDialogTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, {
-		className: cn("text-lg leading-none font-semibold tracking-tight", className),
-		"data-slot": "alert-dialog-title",
-		...props
-	});
+    return (_jsx(AlertDialogPrimitive.Title, { className: cn("text-lg leading-none font-semibold tracking-tight", className), "data-slot": "alert-dialog-title", ...props }));
 }
 function AlertDialogDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, {
-		className: cn("text-sm text-muted-foreground", className),
-		"data-slot": "alert-dialog-description",
-		...props
-	});
+    return (_jsx(AlertDialogPrimitive.Description, { className: cn("text-sm text-muted-foreground", className), "data-slot": "alert-dialog-description", ...props }));
 }
 function AlertDialogAction({ className, size, variant, ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, {
-		className: buttonVariants({
-			className,
-			size,
-			variant
-		}),
-		"data-slot": "alert-dialog-action",
-		...props
-	});
+    return (_jsx(AlertDialogPrimitive.Action, { className: buttonVariants({ className, size, variant }), "data-slot": "alert-dialog-action", ...props }));
 }
 function AlertDialogCancel({ className, size, variant = "outline", ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, {
-		className: buttonVariants({
-			className,
-			size,
-			variant
-		}),
-		"data-slot": "alert-dialog-cancel",
-		...props
-	});
+    return (_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 };
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, };

package/dist/components/alert.d.ts

@@ -1,30 +1,19 @@
-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;
-  };
+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;
+    };
 }, 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;
-//#endregion
-export { Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, alertVariants };
+declare function AlertDescription({ className, ...props }: AlertDescriptionProps): JSX.Element;
+export { alertVariants };
+export { Alert, AlertDescription, AlertTitle };
+export type { AlertDescriptionProps, AlertProps, AlertTitleProps };
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQjD,QAAA,MAAM,aAAa;;;;;yBAYjB,CAAC;AAMH,UAAU,UAAW,SAAQ,cAAc,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzF,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CASxE;AAMD,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE7C,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAUnF;AAMD,KAAK,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnD,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAWrF;AAMD,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC;AAC/C,YAAY,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/alert.js

@@ -1,39 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn, tv } from "@codefast/tailwind-variants";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/alert.tsx
+/* -----------------------------------------------------------------------------
+ * Variant: Alert
+ * -------------------------------------------------------------------------- */
 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 (_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
-	});
+    return (_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 }));
 }
 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 (_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 };
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { alertVariants };
+export { Alert, AlertDescription, AlertTitle };

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

@@ -1,10 +1,7 @@
+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;
-//#endregion
-export { AspectRatio, type AspectRatioProps };
+declare function AspectRatio({ ...props }: AspectRatioProps): JSX.Element;
+export { AspectRatio };
+export type { AspectRatioProps };
+//# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/components/aspect-ratio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../src/components/aspect-ratio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAMrE,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;AAEzE,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAEhE;AAMD,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/aspect-ratio.js

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

package/dist/components/avatar.d.ts

@@ -1,21 +1,11 @@
+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;
-//#endregion
-export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps };
+declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): JSX.Element;
+export { Avatar, AvatarFallback, AvatarImage };
+export type { AvatarFallbackProps, AvatarImageProps, AvatarProps };
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAM1D,KAAK,WAAW,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAE/D,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAQjE;AAMD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAErE,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAQ3E;AAMD,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,CAAC;AAE3E,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAQjF;AAMD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC;AAC/C,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/avatar.js

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