@arch-cadre/blog-module 0.0.1

package/dist/components/ui/table.mjs

@@ -0,0 +1,59 @@
+import * as React from "react";
+import { cn } from "../../lib/utils.mjs";
+const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("div", { className: "relative w-full overflow-auto" }, /* @__PURE__ */ React.createElement(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+)));
+Table.displayName = "Table";
+const TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+const TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+const TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "tr",
+  {
+    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) => /* @__PURE__ */ React.createElement(
+  "th",
+  {
+    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) => /* @__PURE__ */ React.createElement(
+  "td",
+  {
+    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/dist/components/ui/textarea.cjs

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Textarea = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Textarea = exports.Textarea = React.forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  return /* @__PURE__ */React.createElement("textarea", {
+    className: (0, _utils.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,
+    ...props
+  });
+});
+Textarea.displayName = "Textarea";

package/dist/components/ui/textarea.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };

package/dist/components/ui/textarea.mjs

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { cn } from "../../lib/utils.mjs";
+const Textarea = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ React.createElement(
+      "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,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+export { Textarea };

package/dist/index.cjs

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _server = require("@arch-cadre/core/server");
+var _manifest = _interopRequireDefault(require("../manifest.json"));
+var _navigation = require("./navigation.cjs");
+var _routes = require("./routes.cjs");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const blogModule = {
+  manifest: _manifest.default,
+  init: async () => {
+    console.log("[BlogModule] ready.");
+  },
+  onEnable: async () => {
+    console.log("[BlogModule] enabled.");
+  },
+  onDisable: async () => {
+    console.log("[Blog] onDisable: Dropping all tables physically...");
+    try {
+      const tables = ["blog_posts", "blog_comments"];
+      for (const table of tables) {
+        await _server.db.execute(`DROP TABLE IF EXISTS ${table} CASCADE`);
+      }
+    } catch (e) {
+      console.error("[Blog] onDisable Error:", e);
+    }
+  },
+  routes: {
+    public: _routes.publicRoutes,
+    private: _routes.privateRoutes
+  },
+  navigation: _navigation.navigation
+};
+module.exports = blogModule;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import type { IModule } from "@arch-cadre/modules";
+declare const blogModule: IModule;
+export default blogModule;

package/dist/index.mjs

@@ -0,0 +1,30 @@
+import { db } from "@arch-cadre/core/server";
+import manifest from "../manifest.json" with { type: "json" };
+import { navigation } from "./navigation.mjs";
+import { privateRoutes, publicRoutes } from "./routes.mjs";
+const blogModule = {
+  manifest,
+  init: async () => {
+    console.log("[BlogModule] ready.");
+  },
+  onEnable: async () => {
+    console.log("[BlogModule] enabled.");
+  },
+  onDisable: async () => {
+    console.log("[Blog] onDisable: Dropping all tables physically...");
+    try {
+      const tables = ["blog_posts", "blog_comments"];
+      for (const table of tables) {
+        await db.execute(`DROP TABLE IF EXISTS ${table} CASCADE`);
+      }
+    } catch (e) {
+      console.error("[Blog] onDisable Error:", e);
+    }
+  },
+  routes: {
+    public: publicRoutes,
+    private: privateRoutes
+  },
+  navigation
+};
+export default blogModule;

package/dist/intl.d.ts

@@ -0,0 +1,7 @@
+import type messages from "../locales/en/global.json";
+
+type JsonDataType = typeof messages;
+
+declare module "@arch-cadre/intl" {
+  export interface IntlMessages extends JsonDataType {}
+}

package/dist/lib/utils.cjs

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cn = cn;
+var _clsx = require("clsx");
+var _tailwindMerge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, _tailwindMerge.twMerge)((0, _clsx.clsx)(inputs));
+}

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/utils.mjs

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}

package/dist/lib/validation.cjs

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.postSchema = exports.commentSchema = void 0;
+var _zod = require("zod");
+const postSchema = exports.postSchema = _zod.z.object({
+  title: _zod.z.string().min(3, "Title must be at least 3 characters"),
+  content: _zod.z.string().min(10, "Content must be at least 10 characters"),
+  slug: _zod.z.string().min(3, "Slug is required")
+});
+const commentSchema = exports.commentSchema = _zod.z.object({
+  content: _zod.z.string().min(2, "Comment is too short"),
+  postId: _zod.z.string().uuid()
+});

package/dist/lib/validation.d.ts

@@ -0,0 +1,24 @@
+import { z } from "zod";
+export declare const postSchema: z.ZodObject<{
+    title: z.ZodString;
+    content: z.ZodString;
+    slug: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    title: string;
+    content: string;
+    slug: string;
+}, {
+    title: string;
+    content: string;
+    slug: string;
+}>;
+export declare const commentSchema: z.ZodObject<{
+    content: z.ZodString;
+    postId: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    content: string;
+    postId: string;
+}, {
+    content: string;
+    postId: string;
+}>;

package/dist/lib/validation.mjs

@@ -0,0 +1,10 @@
+import { z } from "zod";
+export const postSchema = z.object({
+  title: z.string().min(3, "Title must be at least 3 characters"),
+  content: z.string().min(10, "Content must be at least 10 characters"),
+  slug: z.string().min(3, "Slug is required")
+});
+export const commentSchema = z.object({
+  content: z.string().min(2, "Comment is too short"),
+  postId: z.string().uuid()
+});

package/dist/navigation.cjs

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.navigation = void 0;
+var _intl = require("@arch-cadre/intl");
+const navigation = exports.navigation = {
+  public: [{
+    title: (0, _intl.i18n)("Blog"),
+    url: "/blog",
+    icon: "solar:pen-2-broken"
+  }],
+  admin: {
+    [(0, _intl.i18n)("CMS")]: [{
+      title: (0, _intl.i18n)("Blog Manager"),
+      url: "/blog",
+      icon: "solar:posts-carousel-vertical-broken"
+    }]
+  }
+};

package/dist/navigation.d.ts

@@ -0,0 +1,2 @@
+import type { ModuleNavigation } from "@arch-cadre/modules";
+export declare const navigation: ModuleNavigation;

package/dist/navigation.mjs

@@ -0,0 +1,19 @@
+import { i18n } from "@arch-cadre/intl";
+export const navigation = {
+  public: [
+    {
+      title: i18n("Blog"),
+      url: "/blog",
+      icon: "solar:pen-2-broken"
+    }
+  ],
+  admin: {
+    [i18n("CMS")]: [
+      {
+        title: i18n("Blog Manager"),
+        url: "/blog",
+        icon: "solar:posts-carousel-vertical-broken"
+      }
+    ]
+  }
+};

package/dist/routes.cjs

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.publicRoutes = exports.privateRoutes = void 0;
+var _server = require("@arch-cadre/core/server");
+var React = _interopRequireWildcard(require("react"));
+var _actions = require("./actions/index.cjs");
+var _views = require("./ui/views.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const publicRoutes = exports.publicRoutes = [{
+  path: "/blog",
+  component: async () => {
+    const posts = await (0, _actions.getPosts)();
+    return /* @__PURE__ */React.createElement(_views.BlogListPage, {
+      posts
+    });
+  },
+  auth: false
+}, {
+  path: "/blog/:slug",
+  component: async ({
+    params
+  }) => {
+    const {
+      slug
+    } = await params;
+    const post = await (0, _actions.getPostBySlug)(slug);
+    const comments = post ? await (0, _actions.getComments)(post.id) : [];
+    const session = await (0, _server.getCurrentSession)();
+    return /* @__PURE__ */React.createElement(_views.PostDetailPage, {
+      post,
+      comments,
+      currentUser: session?.user
+    });
+  },
+  auth: false
+}];
+const privateRoutes = exports.privateRoutes = [{
+  path: "/blog",
+  component: async () => {
+    const posts = await (0, _actions.getPosts)();
+    return /* @__PURE__ */React.createElement(_views.BlogAdminPage, {
+      posts
+    });
+  },
+  auth: true
+}, {
+  path: "/blog/new",
+  component: _views.CreatePostForm,
+  auth: true,
+  roles: ["admin"]
+}, {
+  path: "/blog/edit/:id",
+  component: async ({
+    params
+  }) => {
+    const {
+      id
+    } = await params;
+    const post = await (0, _actions.getPostById)(id);
+    return /* @__PURE__ */React.createElement(_views.EditPostForm, {
+      post
+    });
+  },
+  auth: true,
+  roles: ["admin"]
+}];

package/dist/routes.d.ts

@@ -0,0 +1,3 @@
+import type { PrivateRouteDefinition, PublicRouteDefinition } from "@arch-cadre/modules";
+export declare const publicRoutes: PublicRouteDefinition[];
+export declare const privateRoutes: PrivateRouteDefinition[];

package/dist/routes.mjs

@@ -0,0 +1,64 @@
+import { getCurrentSession } from "@arch-cadre/core/server";
+import * as React from "react";
+import { getComments, getPostById, getPostBySlug, getPosts } from "./actions/index.mjs";
+import {
+  BlogAdminPage,
+  BlogListPage,
+  CreatePostForm,
+  EditPostForm,
+  PostDetailPage
+} from "./ui/views.mjs";
+export const publicRoutes = [
+  {
+    path: "/blog",
+    component: async () => {
+      const posts = await getPosts();
+      return /* @__PURE__ */ React.createElement(BlogListPage, { posts });
+    },
+    auth: false
+  },
+  {
+    path: "/blog/:slug",
+    component: async ({ params }) => {
+      const { slug } = await params;
+      const post = await getPostBySlug(slug);
+      const comments = post ? await getComments(post.id) : [];
+      const session = await getCurrentSession();
+      return /* @__PURE__ */ React.createElement(
+        PostDetailPage,
+        {
+          post,
+          comments,
+          currentUser: session?.user
+        }
+      );
+    },
+    auth: false
+  }
+];
+export const privateRoutes = [
+  {
+    path: "/blog",
+    component: async () => {
+      const posts = await getPosts();
+      return /* @__PURE__ */ React.createElement(BlogAdminPage, { posts });
+    },
+    auth: true
+  },
+  {
+    path: "/blog/new",
+    component: CreatePostForm,
+    auth: true,
+    roles: ["admin"]
+  },
+  {
+    path: "/blog/edit/:id",
+    component: async ({ params }) => {
+      const { id } = await params;
+      const post = await getPostById(id);
+      return /* @__PURE__ */ React.createElement(EditPostForm, { post });
+    },
+    auth: true,
+    roles: ["admin"]
+  }
+];

package/dist/schema.cjs

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.relations = exports.postsTable = exports.commentsTable = exports.blogSchema = void 0;
+var _core = require("@arch-cadre/core");
+var _drizzleOrm = require("drizzle-orm");
+var _pgCore = require("drizzle-orm/pg-core");
+const postsTable = exports.postsTable = (0, _pgCore.pgTable)("blog_posts", {
+  id: (0, _pgCore.text)("id").primaryKey().$defaultFn(() => crypto.randomUUID()),
+  title: (0, _pgCore.text)("title").notNull(),
+  slug: (0, _pgCore.text)("slug").unique().notNull(),
+  content: (0, _pgCore.text)("content").notNull(),
+  authorId: (0, _pgCore.text)("author_id").references(() => _core.userTable.id, {
+    onDelete: "cascade"
+  }).notNull(),
+  createdAt: (0, _pgCore.timestamp)("created_at").defaultNow().notNull()
+});
+const commentsTable = exports.commentsTable = (0, _pgCore.pgTable)("blog_comments", {
+  id: (0, _pgCore.text)("id").primaryKey().$defaultFn(() => crypto.randomUUID()),
+  postId: (0, _pgCore.text)("post_id").references(() => postsTable.id, {
+    onDelete: "cascade"
+  }).notNull(),
+  authorId: (0, _pgCore.text)("author_id").references(() => _core.userTable.id, {
+    onDelete: "cascade"
+  }).notNull(),
+  content: (0, _pgCore.text)("content").notNull(),
+  createdAt: (0, _pgCore.timestamp)("created_at").defaultNow().notNull()
+});
+const blogSchema = exports.blogSchema = {
+  postsTable,
+  commentsTable
+};
+const relations = exports.relations = (0, _drizzleOrm.defineRelations)({
+  user: _core.userTable,
+  post: postsTable,
+  comment: commentsTable
+}, r => ({
+  user: {
+    posts: r.many.post({
+      from: r.user.id,
+      to: r.post.authorId
+    }),
+    comments: r.many.comment({
+      from: r.user.id,
+      to: r.comment.authorId
+    })
+  },
+  post: {
+    comments: r.many.comment({
+      from: r.post.id,
+      to: r.comment.postId
+    })
+  },
+  comment: {
+    post: r.one.post({
+      from: r.comment.postId,
+      to: r.post.id
+    })
+  }
+}));

package/dist/schema.mjs

@@ -0,0 +1,53 @@
+import { userTable } from "@arch-cadre/core";
+import { defineRelations } from "drizzle-orm";
+import { pgTable, text, timestamp } from "drizzle-orm/pg-core";
+export const postsTable = pgTable("blog_posts", {
+  id: text("id").primaryKey().$defaultFn(() => crypto.randomUUID()),
+  title: text("title").notNull(),
+  slug: text("slug").unique().notNull(),
+  content: text("content").notNull(),
+  authorId: text("author_id").references(() => userTable.id, { onDelete: "cascade" }).notNull(),
+  createdAt: timestamp("created_at").defaultNow().notNull()
+});
+export const commentsTable = pgTable("blog_comments", {
+  id: text("id").primaryKey().$defaultFn(() => crypto.randomUUID()),
+  postId: text("post_id").references(() => postsTable.id, { onDelete: "cascade" }).notNull(),
+  authorId: text("author_id").references(() => userTable.id, { onDelete: "cascade" }).notNull(),
+  content: text("content").notNull(),
+  createdAt: timestamp("created_at").defaultNow().notNull()
+});
+export const blogSchema = {
+  postsTable,
+  commentsTable
+};
+export const relations = defineRelations(
+  {
+    user: userTable,
+    post: postsTable,
+    comment: commentsTable
+  },
+  (r) => ({
+    user: {
+      posts: r.many.post({
+        from: r.user.id,
+        to: r.post.authorId
+      }),
+      comments: r.many.comment({
+        from: r.user.id,
+        to: r.comment.authorId
+      })
+    },
+    post: {
+      comments: r.many.comment({
+        from: r.post.id,
+        to: r.comment.postId
+      })
+    },
+    comment: {
+      post: r.one.post({
+        from: r.comment.postId,
+        to: r.post.id
+      })
+    }
+  })
+);

package/dist/styles/globals.css

@@ -0,0 +1 @@
+@import "tailwindcss";@import "tw-animate-css";@custom-variant dark (&:is(.dark *));:root{--background:oklch(1 0 0);--foreground:oklch(0.145 0 0);--card:oklch(1 0 0);--card-foreground:oklch(0.145 0 0);--popover:oklch(1 0 0);--popover-foreground:oklch(0.145 0 0);--primary:oklch(0.205 0 0);--primary-foreground:oklch(0.985 0 0);--secondary:oklch(0.97 0 0);--secondary-foreground:oklch(0.205 0 0);--muted:oklch(0.97 0 0);--muted-foreground:oklch(0.556 0 0);--accent:oklch(0.97 0 0);--accent-foreground:oklch(0.205 0 0);--destructive:oklch(0.577 0.245 27.325);--destructive-foreground:oklch(0.577 0.245 27.325);--border:oklch(0.922 0 0);--input:oklch(0.922 0 0);--ring:oklch(0.708 0 0);--chart-1:oklch(0.646 0.222 41.116);--chart-2:oklch(0.6 0.118 184.704);--chart-3:oklch(0.398 0.07 227.392);--chart-4:oklch(0.828 0.189 84.429);--chart-5:oklch(0.769 0.188 70.08);--radius:0.625rem;--sidebar:oklch(0.985 0 0);--sidebar-foreground:oklch(0.145 0 0);--sidebar-primary:oklch(0.205 0 0);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.205 0 0);--sidebar-border:oklch(0.922 0 0);--sidebar-ring:oklch(0.708 0 0)}.dark{--background:oklch(0.145 0 0);--foreground:oklch(0.985 0 0);--card:oklch(0.145 0 0);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.145 0 0);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.985 0 0);--primary-foreground:oklch(0.205 0 0);--secondary:oklch(0.269 0 0);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--accent:oklch(0.269 0 0);--accent-foreground:oklch(0.985 0 0);--destructive:oklch(0.396 0.141 25.723);--destructive-foreground:oklch(0.637 0.237 25.331);--border:oklch(0.269 0 0);--input:oklch(0.269 0 0);--ring:oklch(0.439 0 0);--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(0.269 0 0);--sidebar-ring:oklch(0.439 0 0)}@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-chart-1:var(--chart-1);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4);--color-chart-5:var(--chart-5);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring)}@layer base{*{@apply border-border outline-ring/50}body{@apply bg-background text-foreground}}