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

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # @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
+
+- [`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

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
 
@@ -464,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 };