@arch-cadre/blog-module 1.0.10 → 1.0.12

package/dist/actions/index.d.ts

@@ -1,5 +1,5 @@
 import type { z } from "zod";
-import { commentSchema, postSchema } from "../lib/validation.js";
+import { commentSchema, postSchema } from "../lib/validation";
 export declare function createPost(data: z.infer<typeof postSchema>): Promise<{
     success: boolean;
     error?: undefined;

package/dist/actions/index.js

@@ -2,8 +2,8 @@
 import { db, getCurrentSession, userTable } from "@arch-cadre/core/server";
 import { desc, eq } from "drizzle-orm";
 import { revalidatePath } from "next/cache";
-import { commentSchema, postSchema } from "../lib/validation.js";
-import { commentsTable, postsTable } from "../schema.js";
+import { commentSchema, postSchema } from "../lib/validation";
+import { commentsTable, postsTable } from "../schema";
 // --- Posts ---
 export async function createPost(data) {
     try {

package/dist/components/BlogStatsWidget.js

@@ -4,7 +4,7 @@ import { getTranslation } from "@arch-cadre/intl/server";
 import { Card, CardContent, CardHeader, CardTitle } from "@arch-cadre/ui";
 import { sql } from "drizzle-orm";
 import { FileText, MessageSquare } from "lucide-react";
-import { commentsTable, postsTable } from "../schema.js";
+import { commentsTable, postsTable } from "../schema";
 export default async function BlogStatsWidget() {
     const { t } = await getTranslation();
     const [postsCount] = await db

package/dist/components/RecentCommentsWidget.js

@@ -3,7 +3,7 @@ import { db, userTable } from "@arch-cadre/core/server";
 import { getTranslation } from "@arch-cadre/intl/server";
 import { Avatar, AvatarFallback, AvatarImage, Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@arch-cadre/ui";
 import { desc, eq } from "drizzle-orm";
-import { commentsTable } from "../schema.js";
+import { commentsTable } from "../schema";
 export default async function RecentCommentsWidget() {
     const { t } = await getTranslation();
     const comments = await db

package/dist/components/RecentPostsWidget.js

@@ -3,7 +3,7 @@ import { db, userTable } from "@arch-cadre/core/server";
 import { getTranslation } from "@arch-cadre/intl/server";
 import { Avatar, AvatarFallback, AvatarImage, Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@arch-cadre/ui";
 import { desc, eq } from "drizzle-orm";
-import { postsTable } from "../schema.js";
+import { postsTable } from "../schema";
 export default async function RecentPostsWidget() {
     const { t } = await getTranslation();
     const posts = await db

package/dist/components/ui/button.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import * as React from "react";
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 const buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", {
     variants: {
         variant: {

package/dist/components/ui/card.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-xl border bg-card text-card-foreground shadow", className), ...props })));
 Card.displayName = "Card";
 const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));

package/dist/components/ui/input.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 const Input = React.forwardRef(({ className, type, ...props }, ref) => {
     return (_jsx("input", { type: type, className: cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref, ...props }));
 });

package/dist/components/ui/table.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 const Table = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: "relative w-full overflow-auto", children: _jsx("table", { ref: ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })));
 Table.displayName = "Table";
 const TableHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("thead", { ref: ref, className: cn("[&_tr]:border-b", className), ...props })));

package/dist/components/ui/textarea.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 const Textarea = React.forwardRef(({ className, ...props }, ref) => {
     return (_jsx("textarea", { className: cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref, ...props }));
 });

package/dist/index.js

@@ -1,11 +1,11 @@
 import { assignPermissionToRole, createPermission, db, getRoles, permissionsTable, } from "@arch-cadre/core/server";
 import { inArray, sql } from "drizzle-orm";
 import manifest from "../manifest.json" with { type: "json" };
-import BlogStatsWidget from "./components/BlogStatsWidget.js";
-import RecentCommentsWidget from "./components/RecentCommentsWidget.js";
-import RecentPostsWidget from "./components/RecentPostsWidget.js";
-import { navigation } from "./navigation.js";
-import { privateRoutes, publicRoutes } from "./routes.js";
+import BlogStatsWidget from "./components/BlogStatsWidget";
+import RecentCommentsWidget from "./components/RecentCommentsWidget";
+import RecentPostsWidget from "./components/RecentPostsWidget";
+import { navigation } from "./navigation";
+import { privateRoutes, publicRoutes } from "./routes";
 const BLOG_PERMISSIONS = [
     { name: "post:create", description: "Allow creating blog posts" },
     { name: "post:update", description: "Allow updating blog posts" },

package/dist/routes.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getCurrentSession } from "@arch-cadre/core/server";
-import { getComments, getPostById, getPostBySlug, getPosts } from "./actions/index.js";
-import { BlogAdminPage, BlogListPage, CreatePostForm, EditPostForm, PostDetailPage, } from "./ui/views.js";
+import { getComments, getPostById, getPostBySlug, getPosts } from "./actions/index";
+import { BlogAdminPage, BlogListPage, CreatePostForm, EditPostForm, PostDetailPage, } from "./ui/views";
 export const publicRoutes = [
     {
         path: "/blog",

package/dist/ui/views.js

@@ -8,13 +8,13 @@ import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useForm } from "react-hook-form";
 import { toast } from "sonner";
-import { createComment, createPost, deletePost, updatePost } from "../actions/index.js";
-import { Button } from "../components/ui/button.js";
-import { Card, CardContent, CardHeader, CardTitle, } from "../components/ui/card.js";
-import { Input } from "../components/ui/input.js";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../components/ui/table.js";
-import { Textarea } from "../components/ui/textarea.js";
-import { commentSchema, postSchema } from "../lib/validation.js";
+import { createComment, createPost, deletePost, updatePost } from "../actions/index";
+import { Button } from "../components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle, } from "../components/ui/card";
+import { Input } from "../components/ui/input";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../components/ui/table";
+import { Textarea } from "../components/ui/textarea";
+import { commentSchema, postSchema } from "../lib/validation";
 export function BlogListPage({ posts = [] }) {
     const { t } = useTranslation();
     return (_jsxs("div", { className: "max-w-4xl mx-auto p-6 space-y-8", children: [_jsxs("header", { className: "border-b pb-6", children: [_jsx("h1", { className: "text-4xl font-black tracking-tighter text-primary", children: t("Blog Posts") }), _jsx("p", { className: "text-muted-foreground mt-2", children: t("Reading your blog posts") })] }), _jsx("div", { className: "grid gap-6", children: posts.map((post) => (_jsx(Link, { href: `/blog/${post.slug}`, children: _jsxs(Card, { className: "group hover:shadow-lg transition-all cursor-pointer overflow-hidden border-primary/5", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-2xl group-hover:text-primary transition-colors", children: post.title }), _jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground mt-1", children: [_jsx(UserIcon, { className: "size-3" }), _jsx("span", { children: post.author?.name }), _jsx("span", { children: "\u2022" }), _jsx("span", { children: new Date(post.createdAt).toLocaleDateString() })] })] }), _jsx(CardContent, { children: _jsx("p", { className: "text-secondary-foreground line-clamp-2", children: post.content }) })] }) }, post.id))) })] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arch-cadre/blog-module",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "A sample module for Kryo framework",
   "type": "module",
   "types": "./dist/index.d.ts",
@@ -24,7 +24,7 @@
     "build": "pnpm clean && tsc --module esnext"
   },
   "dependencies": {
-    "@arch-cadre/modules": "^0.0.79",
+    "@arch-cadre/modules": "^0.0.81",
     "@hookform/resolvers": "^3.10.0",
     "@radix-ui/react-slot": "^1.2.3",
     "class-variance-authority": "^0.7.1",
@@ -47,9 +47,9 @@
     "unbuild": "^3.6.1"
   },
   "peerDependencies": {
-    "@arch-cadre/core": "^0.0.53",
-    "@arch-cadre/intl": "^0.0.53",
-    "@arch-cadre/ui": "^0.0.53",
+    "@arch-cadre/core": "^0.0.55",
+    "@arch-cadre/intl": "^0.0.55",
+    "@arch-cadre/ui": "^0.0.55",
     "react": "^19.0.0"
   },
   "main": "./dist/index.mjs"

package/src/actions/index.ts

@@ -4,8 +4,8 @@ import { db, getCurrentSession, userTable } from "@arch-cadre/core/server";
 import { desc, eq } from "drizzle-orm";
 import { revalidatePath } from "next/cache";
 import type { z } from "zod";
-import { commentSchema, postSchema } from "../lib/validation.js";
-import { commentsTable, postsTable } from "../schema.js";
+import { commentSchema, postSchema } from "../lib/validation";
+import { commentsTable, postsTable } from "../schema";
 
 // --- Posts ---
 export async function createPost(data: z.infer<typeof postSchema>) {

package/src/components/BlogStatsWidget.tsx

@@ -4,7 +4,7 @@ import { Card, CardContent, CardHeader, CardTitle } from "@arch-cadre/ui";
 import { sql } from "drizzle-orm";
 import { FileText, MessageSquare } from "lucide-react";
 import * as React from "react";
-import { commentsTable, postsTable } from "../schema.js";
+import { commentsTable, postsTable } from "../schema";
 
 export default async function BlogStatsWidget() {
   const { t } = await getTranslation();

package/src/components/RecentCommentsWidget.tsx

@@ -12,7 +12,7 @@ import {
 } from "@arch-cadre/ui";
 import { desc, eq } from "drizzle-orm";
 import * as React from "react";
-import { commentsTable } from "../schema.js";
+import { commentsTable } from "../schema";
 
 export default async function RecentCommentsWidget() {
   const { t } = await getTranslation();

package/src/components/RecentPostsWidget.tsx

@@ -12,7 +12,7 @@ import {
 } from "@arch-cadre/ui";
 import { desc, eq } from "drizzle-orm";
 import * as React from "react";
-import { postsTable } from "../schema.js";
+import { postsTable } from "../schema";
 
 export default async function RecentPostsWidget() {
   const { t } = await getTranslation();

package/src/components/ui/button.js

@@ -1,33 +1,47 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import * as React from "react";
-import { cn } from "../../lib/utils.js";
-const buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+  {
     variants: {
-        variant: {
-            default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-            destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-            outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-            secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-            ghost: "hover:bg-accent hover:text-accent-foreground",
-            link: "text-primary underline-offset-4 hover:underline",
-        },
-        size: {
-            default: "h-9 px-4 py-2",
-            sm: "h-8 rounded-md px-3 text-xs",
-            lg: "h-10 rounded-md px-8",
-            icon: "size-9",
-        },
+      variant: {
+        default:
+          "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive:
+          "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline:
+          "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary:
+          "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "size-9",
+      },
     },
     defaultVariants: {
-        variant: "default",
-        size: "default",
+      variant: "default",
+      size: "default",
     },
-});
-const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+  },
+);
+const Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
-    return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props }));
-});
+    return _jsx(Comp, {
+      className: cn(buttonVariants({ variant, size, className })),
+      ref: ref,
+      ...props,
+    });
+  },
+);
 Button.displayName = "Button";
 export { Button, buttonVariants };

package/src/components/ui/button.tsx

@@ -1,7 +1,7 @@
 import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";
 import * as React from "react";
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 
 const buttonVariants = cva(
   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",

package/src/components/ui/card.js

@@ -1,12 +1,36 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils.js";
-const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-xl border bg-card text-card-foreground shadow", className), ...props })));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+
+const Card = React.forwardRef(({ className, ...props }, ref) =>
+  _jsx("div", {
+    ref: ref,
+    className: cn(
+      "rounded-xl border bg-card text-card-foreground shadow",
+      className,
+    ),
+    ...props,
+  }),
+);
 Card.displayName = "Card";
-const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));
+const CardHeader = React.forwardRef(({ className, ...props }, ref) =>
+  _jsx("div", {
+    ref: ref,
+    className: cn("flex flex-col space-y-1.5 p-6", className),
+    ...props,
+  }),
+);
 CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })));
+const CardTitle = React.forwardRef(({ className, ...props }, ref) =>
+  _jsx("div", {
+    ref: ref,
+    className: cn("font-semibold leading-none tracking-tight", className),
+    ...props,
+  }),
+);
 CardTitle.displayName = "CardTitle";
-const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props })));
+const CardContent = React.forwardRef(({ className, ...props }, ref) =>
+  _jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props }),
+);
 CardContent.displayName = "CardContent";
 export { Card, CardHeader, CardTitle, CardContent };

package/src/components/ui/card.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 
 const Card = React.forwardRef<
   HTMLDivElement,

package/src/components/ui/input.js

@@ -1,8 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+
 const Input = React.forwardRef(({ className, type, ...props }, ref) => {
-    return (_jsx("input", { type: type, className: cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref, ...props }));
+  return _jsx("input", {
+    type: type,
+    className: cn(
+      "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+      className,
+    ),
+    ref: ref,
+    ...props,
+  });
 });
 Input.displayName = "Input";
 export { Input };

package/src/components/ui/input.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 
 export interface InputProps
   extends React.InputHTMLAttributes<HTMLInputElement> { }

package/src/components/ui/table.js

@@ -1,16 +1,65 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils.js";
-const Table = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: "relative w-full overflow-auto", children: _jsx("table", { ref: ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+
+const Table = React.forwardRef(({ className, ...props }, ref) =>
+  _jsx("div", {
+    className: "relative w-full overflow-auto",
+    children: _jsx("table", {
+      ref: ref,
+      className: cn("w-full caption-bottom text-sm", className),
+      ...props,
+    }),
+  }),
+);
 Table.displayName = "Table";
-const TableHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("thead", { ref: ref, className: cn("[&_tr]:border-b", className), ...props })));
+const TableHeader = React.forwardRef(({ className, ...props }, ref) =>
+  _jsx("thead", {
+    ref: ref,
+    className: cn("[&_tr]:border-b", className),
+    ...props,
+  }),
+);
 TableHeader.displayName = "TableHeader";
-const TableBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("tbody", { ref: ref, className: cn("[&_tr:last-child]:border-0", className), ...props })));
+const TableBody = React.forwardRef(({ className, ...props }, ref) =>
+  _jsx("tbody", {
+    ref: ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props,
+  }),
+);
 TableBody.displayName = "TableBody";
-const TableRow = React.forwardRef(({ className, ...props }, ref) => (_jsx("tr", { ref: ref, className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className), ...props })));
+const TableRow = React.forwardRef(({ className, ...props }, ref) =>
+  _jsx("tr", {
+    ref: ref,
+    className: cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className,
+    ),
+    ...props,
+  }),
+);
 TableRow.displayName = "TableRow";
-const TableHead = React.forwardRef(({ className, ...props }, ref) => (_jsx("th", { ref: ref, className: cn("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props })));
+const TableHead = React.forwardRef(({ className, ...props }, ref) =>
+  _jsx("th", {
+    ref: ref,
+    className: cn(
+      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className,
+    ),
+    ...props,
+  }),
+);
 TableHead.displayName = "TableHead";
-const TableCell = React.forwardRef(({ className, ...props }, ref) => (_jsx("td", { ref: ref, className: cn("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props })));
+const TableCell = React.forwardRef(({ className, ...props }, ref) =>
+  _jsx("td", {
+    ref: ref,
+    className: cn(
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className,
+    ),
+    ...props,
+  }),
+);
 TableCell.displayName = "TableCell";
 export { Table, TableHeader, TableBody, TableHead, TableRow, TableCell };

package/src/components/ui/table.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 
 const Table = React.forwardRef<
   HTMLTableElement,

package/src/components/ui/textarea.js

@@ -1,8 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+
 const Textarea = React.forwardRef(({ className, ...props }, ref) => {
-    return (_jsx("textarea", { className: cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref, ...props }));
+  return _jsx("textarea", {
+    className: cn(
+      "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+      className,
+    ),
+    ref: ref,
+    ...props,
+  });
 });
 Textarea.displayName = "Textarea";
 export { Textarea };

package/src/components/ui/textarea.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 
 export interface TextareaProps
   extends React.TextareaHTMLAttributes<HTMLTextAreaElement> { }

package/src/index.ts

@@ -8,11 +8,11 @@ import {
 import type { IModule } from "@arch-cadre/modules";
 import { inArray, sql } from "drizzle-orm";
 import manifest from "../manifest.json" with { type: "json" };
-import BlogStatsWidget from "./components/BlogStatsWidget.js";
-import RecentCommentsWidget from "./components/RecentCommentsWidget.js";
-import RecentPostsWidget from "./components/RecentPostsWidget.js";
-import { navigation } from "./navigation.js";
-import { privateRoutes, publicRoutes } from "./routes.js";
+import BlogStatsWidget from "./components/BlogStatsWidget";
+import RecentCommentsWidget from "./components/RecentCommentsWidget";
+import RecentPostsWidget from "./components/RecentPostsWidget";
+import { navigation } from "./navigation";
+import { privateRoutes, publicRoutes } from "./routes";
 
 const BLOG_PERMISSIONS = [
   { name: "post:create", description: "Allow creating blog posts" },

package/src/routes.tsx

@@ -4,14 +4,14 @@ import type {
   PublicRouteDefinition,
 } from "@arch-cadre/modules";
 import * as React from "react";
-import { getComments, getPostById, getPostBySlug, getPosts } from "./actions/index.js";
+import { getComments, getPostById, getPostBySlug, getPosts } from "./actions/index";
 import {
   BlogAdminPage,
   BlogListPage,
   CreatePostForm,
   EditPostForm,
   PostDetailPage,
-} from "./ui/views.js";
+} from "./ui/views";
 
 export const publicRoutes: PublicRouteDefinition[] = [
   {

package/src/ui/views.tsx

@@ -17,15 +17,15 @@ import { useRouter } from "next/navigation";
 import * as React from "react";
 import { useForm } from "react-hook-form";
 import { toast } from "sonner";
-import { createComment, createPost, deletePost, updatePost } from "../actions/index.js";
-import { Button } from "../components/ui/button.js";
+import { createComment, createPost, deletePost, updatePost } from "../actions/index";
+import { Button } from "../components/ui/button";
 import {
   Card,
   CardContent,
   CardHeader,
   CardTitle,
-} from "../components/ui/card.js";
-import { Input } from "../components/ui/input.js";
+} from "../components/ui/card";
+import { Input } from "../components/ui/input";
 import {
   Table,
   TableBody,
@@ -33,9 +33,9 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from "../components/ui/table.js";
-import { Textarea } from "../components/ui/textarea.js";
-import { commentSchema, postSchema } from "../lib/validation.js";
+} from "../components/ui/table";
+import { Textarea } from "../components/ui/textarea";
+import { commentSchema, postSchema } from "../lib/validation";
 
 export function BlogListPage({ posts = [] }: { posts?: any[] }) {
   const { t } = useTranslation();