@codefast/ui 0.3.11-canary.1 → 0.3.11

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # @codefast/ui
 
+## 0.3.11
+
+### Patch Changes
+
+- [`dd5130a`](https://github.com/codefastlabs/codefast/commit/dd5130adb5649dca6773614ffda262cdde732d8f) Thanks [@thevuong](https://github.com/thevuong)! - chore(deps): downgrade @rslib/core to 0.19.1 in package.json and pnpm-lock.yaml
+
+- [`bec9cfa`](https://github.com/codefastlabs/codefast/commit/bec9cfab879d59c877db130eb2c2522b1453bc8f) Thanks [@thevuong](https://github.com/thevuong)! - refactor(theme): reorganize imports for improved readability
+
+- [`135c6be`](https://github.com/codefastlabs/codefast/commit/135c6bed9d1bc1e96bad3173adab1bf32d74322f) Thanks [@thevuong](https://github.com/thevuong)! - chore: update linting and formatting scripts in package.json
+
+- [`610cf7a`](https://github.com/codefastlabs/codefast/commit/610cf7a7f9b6e5b37be21e7675ea363ef1020639) Thanks [@thevuong](https://github.com/thevuong)! - fix(hooks): handle missing `navigator.clipboard.writeText` gracefully
+
+- [`42758ab`](https://github.com/codefastlabs/codefast/commit/42758ab9d8f548ea9f4a806a7dbb7ed295fe2390) Thanks [@thevuong](https://github.com/thevuong)! - chore: update package configurations and TypeScript settings
+
+- [`b1d23c2`](https://github.com/codefastlabs/codefast/commit/b1d23c27dffff6686193e3cbb3f848970e253493) Thanks [@thevuong](https://github.com/thevuong)! - refactor(chart): update ChartTooltip types for improved compatibility
+
+- [`d2abc63`](https://github.com/codefastlabs/codefast/commit/d2abc636245526ec402811d8585d93684865dde6) Thanks [@thevuong](https://github.com/thevuong)! - chore(deps): update package versions and configurations
+
+- [`3e90474`](https://github.com/codefastlabs/codefast/commit/3e90474fbbb9f8ac626c5949bfdbac2eaf1cb3e8) Thanks [@thevuong](https://github.com/thevuong)! - chore: update project configuration and dependencies
+
+- [`92d1ed7`](https://github.com/codefastlabs/codefast/commit/92d1ed7650b19f91824cfb38ec238857a3d95876) Thanks [@thevuong](https://github.com/thevuong)! - build: replace rslib with tsdown in library packages
+
+- [`5c09d4c`](https://github.com/codefastlabs/codefast/commit/5c09d4ce2df564dc7ac6727b00cfa668164a1af4) Thanks [@thevuong](https://github.com/thevuong)! - refactor(config): rename `check-types` to `typecheck` and update usage
+
+- Updated dependencies [[`dd5130a`](https://github.com/codefastlabs/codefast/commit/dd5130adb5649dca6773614ffda262cdde732d8f), [`135c6be`](https://github.com/codefastlabs/codefast/commit/135c6bed9d1bc1e96bad3173adab1bf32d74322f), [`610cf7a`](https://github.com/codefastlabs/codefast/commit/610cf7a7f9b6e5b37be21e7675ea363ef1020639), [`42758ab`](https://github.com/codefastlabs/codefast/commit/42758ab9d8f548ea9f4a806a7dbb7ed295fe2390), [`d2abc63`](https://github.com/codefastlabs/codefast/commit/d2abc636245526ec402811d8585d93684865dde6), [`49df885`](https://github.com/codefastlabs/codefast/commit/49df8854d51bad598381be68b6e41096e7da814c), [`3e90474`](https://github.com/codefastlabs/codefast/commit/3e90474fbbb9f8ac626c5949bfdbac2eaf1cb3e8), [`92d1ed7`](https://github.com/codefastlabs/codefast/commit/92d1ed7650b19f91824cfb38ec238857a3d95876), [`5c09d4c`](https://github.com/codefastlabs/codefast/commit/5c09d4ce2df564dc7ac6727b00cfa668164a1af4)]:
+  - @codefast/tailwind-variants@0.3.11
+
+## 0.3.11-canary.2
+
+### Patch Changes
+
+- [`92d1ed7`](https://github.com/codefastlabs/codefast/commit/92d1ed7650b19f91824cfb38ec238857a3d95876) Thanks [@thevuong](https://github.com/thevuong)! - build: replace rslib with tsdown in library packages
+
+- Updated dependencies [[`92d1ed7`](https://github.com/codefastlabs/codefast/commit/92d1ed7650b19f91824cfb38ec238857a3d95876)]:
+  - @codefast/tailwind-variants@0.3.11-canary.2
+
 ## 0.3.11-canary.1
 
 ### Patch Changes

package/README.md

@@ -162,34 +162,54 @@ import "@codefast/ui/css/style.css";
 
 #### SSR with Nitro (TanStack Start)
 
-When deploying with [Nitro](https://v3.nitro.build/) (Vercel, self-host Node.js, etc.), add this to your `vite.config.ts` to avoid a Rolldown CJS→ESM interop error with `tslib` (used by Radix UI):
+Use this when you ship with **[Nitro](https://v3.nitro.build/)** (e.g. Vercel, Node) and **Vite 8** (Rolldown) via **TanStack Start**.
+
+**If you see** a server `TypeError` about `__extends` and `__toESM(...).default` (sometimes minified as `__toESM$1`), often during SSR or route loaders, configure `vite.config.ts` as below.
+
+##### Recommended: `nitro.exportConditions`
+
+Prefer ESM entry points from dependencies (`import` / `module` in `package.json` `exports`). That avoids pulling CommonJS builds that `require("tslib")`, which can trip Rolldown’s CJS→ESM interop. Nitro still merges in `production` / `development`, `node`, and related conditions.
 
 ```ts
 // vite.config.ts
 import { defineConfig } from "vite";
 
+export default defineConfig({
+  nitro: {
+    exportConditions: ["import", "module", "default"],
+  },
+  // plugins: [ tanstackStart(), nitro(), … ]
+});
+```
+
+##### Fallback: `resolve.alias`
+
+If the error persists, point `tslib` at its ESM file:
+
+```ts
 export default defineConfig({
   resolve: {
-    alias: {
-      // Workaround: Rolldown mishandles tslib CJS; force ESM to avoid SSR 500.
-      tslib: "tslib/tslib.es6.mjs",
-    },
+    alias: { tslib: "tslib/tslib.es6.mjs" },
   },
-  // ... other config
 });
 ```
 
-**Symptom without this:** `TypeError: Cannot destructure property '__extends' of '__toESM(...).default' as it is undefined` when serving SSR pages.
+##### Why it happens (short)
+
+- **Bundler:** Rolldown may wrap `tslib`’s CJS build and read helpers from `.default` in a way that breaks when the module is marked `__esModule`.
+- **Dependencies:** Overlay-related packages (Dialog, Sheet, Menu, …) often pull in utilities such as [`react-remove-scroll-bar`](https://www.npmjs.com/package/react-remove-scroll-bar). Their legacy CJS output can use `require("tslib")` even when your app source is ESM.
+
+> **Note:** Don’t use `nitro.alias` for the bare specifier `tslib`. In Nitro v3 that option is for unenv-style path overrides, not npm package names, and can produce broken paths.
 
 ### Troubleshooting
 
-| Issue                                              | Solution                                                                                                                          |
-| -------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
-| Components look unstyled                           | Ensure CSS imports run before any component renders (entry point first).                                                          |
-| Duplicate Tailwind CSS                             | Use Option 1 (theme + preset only), **not** `style.css`.                                                                          |
-| Dark mode not working                              | Add `class="dark"` to `<html>` when dark mode is active.                                                                          |
-| Build: CSS not found                               | Verify path: `@codefast/ui/css/[theme].css` (e.g. `slate.css`).                                                                   |
-| SSR 500: `Cannot destructure property '__extends'` | Add `resolve.alias: { tslib: 'tslib/tslib.es6.mjs' }` in `vite.config.ts` (see [SSR with Nitro](#ssr-with-nitro-tanstack-start)). |
+| Issue                                                    | Solution                                                                                                                                                  |
+| -------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Components look unstyled                                 | Ensure CSS imports run before any component renders (entry point first).                                                                                  |
+| Duplicate Tailwind CSS                                   | Use Option 1 (theme + preset only), **not** `style.css`.                                                                                                  |
+| Dark mode not working                                    | Add `class="dark"` to `<html>` when dark mode is active.                                                                                                  |
+| Build: CSS not found                                     | Verify path: `@codefast/ui/css/[theme].css` (e.g. `slate.css`).                                                                                           |
+| SSR / loaders: `Cannot destructure property '__extends'` | Set `nitro.exportConditions: ['import', 'module', 'default']`, or add `resolve.alias` for `tslib` (see [SSR with Nitro](#ssr-with-nitro-tanstack-start)). |
 
 ### Customizing Theme
 

package/dist/components/accordion.d.ts

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

package/dist/components/accordion.js

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

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

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

package/dist/components/alert-dialog.js

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

package/dist/components/alert.d.ts

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