@batijs/cli 0.0.261 → 0.0.263

package/dist/boilerplates/@batijs/plain-sentry/files/$package.json.js

@@ -0,0 +1,117 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// package.json
+var require_package = __commonJS({
+  "package.json"(exports, module) {
+    module.exports = {
+      name: "@batijs/plain-sentry",
+      private: true,
+      version: "0.0.1",
+      description: "",
+      type: "module",
+      scripts: {
+        "check-types": "tsc --noEmit",
+        build: "bati-compile-boilerplate"
+      },
+      keywords: [],
+      author: "",
+      license: "MIT",
+      devDependencies: {
+        "@batijs/compile": "workspace:*",
+        "@batijs/sentry": "workspace:*",
+        "@sentry/browser": "^8.27.0",
+        "@types/node": "^18.19.14",
+        vite: "^5.4.2"
+      },
+      dependencies: {
+        "@batijs/core": "workspace:*"
+      },
+      files: [
+        "dist/"
+      ],
+      bati: {
+        if: {
+          $and: [
+            {
+              flag: "sentry"
+            },
+            {
+              flag: {
+                $not: {
+                  $in: [
+                    "react",
+                    "vue",
+                    "solid",
+                    "svelte",
+                    "preact",
+                    "angular"
+                  ]
+                }
+              }
+            }
+          ]
+        }
+      },
+      exports: {
+        "./sentry.browser.config": {
+          types: "./dist/types/sentry.browser.config.d.ts"
+        },
+        "./pages/sentry/+Page": {
+          types: "./dist/types/pages/sentry/+Page.d.ts"
+        },
+        "./pages/sentry/+client": {
+          types: "./dist/types/pages/sentry/+client.d.ts"
+        }
+      },
+      typesVersions: {
+        "*": {
+          "sentry.browser.config": [
+            "./dist/types/sentry.browser.config.d.ts"
+          ],
+          "pages/sentry/+Page": [
+            "./dist/types/pages/sentry/+Page.d.ts"
+          ],
+          "pages/sentry/+client": [
+            "./dist/types/pages/sentry/+client.d.ts"
+          ]
+        }
+      }
+    };
+  }
+});
+
+// files/$package.json.ts
+import { addDependency, loadAsJson } from "@batijs/core";
+async function getPackageJson(props) {
+  const packageJson = await loadAsJson(props);
+  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)).then((x) => x.default), {
+    dependencies: ["@sentry/browser"]
+  });
+}
+export {
+  getPackageJson as default
+};

package/dist/boilerplates/@batijs/plain-sentry/files/pages/sentry/+Page.js

@@ -0,0 +1,19 @@
+export { Page };
+
+function Page() {
+  // language=HTML
+  return `
+<h1>Sentry Test Page</h1>
+<p id="sentry_state" style="color:red">
+    Sentry Client is not initialized! Vite Mode: ${import.meta.env.PROD ? "PROD" : "DEV"}
+</p>
+<p id="sentry_dsn" style="color:red">
+    Sentry Client DSN is missing! Vite Mode: ${import.meta.env.PROD ? "PROD" : "DEV"}
+</p>
+<div>
+    <button id="errorButton">
+        Throw JavaScript Error
+    </button>
+</div>
+`;
+}

package/dist/boilerplates/@batijs/plain-sentry/files/pages/sentry/+client.js

@@ -0,0 +1,37 @@
+import "../+client";
+/**
+ * @typedef {Object} SentryClient
+ * @property {function(): SentryOptions} getOptions
+ */
+
+/**
+ * @typedef {Object} SentryOptions
+ * @property {string} dsn
+ */
+
+/**
+ * @type {Window & { Sentry?: { getClient: () => SentryClient } }}
+ */
+const globalWindow = globalThis?.window;
+
+if (typeof window !== "undefined") {
+  const window = globalThis?.window;
+
+  window.onload = function () {
+    const options = globalWindow?.Sentry?.getClient()?.getOptions();
+    if (options) {
+      const elmSentryState = document?.getElementById("sentry_state");
+      if (elmSentryState) elmSentryState.hidden = true;
+      if (options?.dsn?.length > 1) {
+        const elmSentryDSN = document?.getElementById("sentry_dsn");
+        if (elmSentryDSN) elmSentryDSN.hidden = true;
+      }
+    }
+
+    const elmSentryButton = document?.getElementById("errorButton");
+    if (elmSentryButton)
+      elmSentryButton.addEventListener("click", function () {
+        throw new Error("This is a SENTRY Browser Test!");
+      });
+  };
+}

package/dist/boilerplates/@batijs/plain-sentry/files/sentry.browser.config.ts

@@ -0,0 +1,25 @@
+import * as Sentry from "@sentry/browser";
+
+export const sentryBrowserConfig = () => {
+  // eslint-disable-next-line
+  import.meta.env.PROD === true &&
+    Sentry.init({
+      dsn: import.meta.env.PUBLIC_ENV__SENTRY_DSN,
+      environment: "production-frontend",
+      //enabled: import.meta.env.DEV ? false : true,
+      integrations: [Sentry.replayIntegration()],
+      autoSessionTracking: globalThis?.window?.document ? true : false, // disable autoSessionTracking in SSR
+      // Set tracesSampleRate to 1.0 to capture 100%
+      // of transactions for tracing.
+      tracesSampleRate: 1.0,
+      // Set `tracePropagationTargets` to control for which URLs trace propagation should be enabled
+      tracePropagationTargets: [/^\//, /^https:\/\/yourserver\.io\/api/],
+      // Capture Replay for 10% of all sessions,
+      // plus for 100% of sessions with an error
+      replaysSessionSampleRate: 0.1,
+      replaysOnErrorSampleRate: 1.0,
+    });
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  (window as any).Sentry = Sentry;
+};

package/dist/boilerplates/@batijs/plain-sentry/files/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/dist/boilerplates/@batijs/plain-sentry/types/pages/sentry/+Page.d.ts

@@ -0,0 +1 @@
+export function Page(): string;

package/dist/boilerplates/@batijs/plain-sentry/types/pages/sentry/+client.d.ts

@@ -0,0 +1,6 @@
+export type SentryClient = {
+    getOptions: () => SentryOptions;
+};
+export type SentryOptions = {
+    dsn: string;
+};

package/dist/boilerplates/@batijs/plain-sentry/types/sentry.browser.config.d.ts

@@ -0,0 +1 @@
+export declare const sentryBrowserConfig: () => void;

package/dist/boilerplates/@batijs/prettier/files/.prettierignore

@@ -133,3 +133,6 @@ dist
 
 # Cloudflare
 .wrangler/
+
+# Sentry Vite Plugin
+.env.sentry-build-plugin

package/dist/boilerplates/@batijs/react-sentry/files/$package.json.js

@@ -0,0 +1,101 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// package.json
+var require_package = __commonJS({
+  "package.json"(exports, module) {
+    module.exports = {
+      name: "@batijs/react-sentry",
+      private: true,
+      version: "0.0.1",
+      description: "",
+      type: "module",
+      scripts: {
+        "check-types": "tsc --noEmit",
+        build: "bati-compile-boilerplate"
+      },
+      keywords: [],
+      author: "",
+      license: "MIT",
+      devDependencies: {
+        "@batijs/compile": "workspace:*",
+        "@sentry/react": "^8.27.0",
+        "@types/node": "^18.19.14",
+        "@types/react": "^18.3.4",
+        "@types/react-dom": "^18.3.0",
+        react: "^18.3.1",
+        "react-dom": "^18.3.1",
+        vite: "^5.4.2"
+      },
+      dependencies: {
+        "@batijs/core": "workspace:*"
+      },
+      files: [
+        "dist/"
+      ],
+      bati: {
+        if: {
+          flag: {
+            $all: [
+              "react",
+              "sentry"
+            ]
+          }
+        }
+      },
+      exports: {
+        "./sentry.browser.config": {
+          types: "./dist/types/sentry.browser.config.d.ts"
+        },
+        "./pages/sentry/+Page": {
+          types: "./dist/types/pages/sentry/+Page.d.ts"
+        }
+      },
+      typesVersions: {
+        "*": {
+          "sentry.browser.config": [
+            "./dist/types/sentry.browser.config.d.ts"
+          ],
+          "pages/sentry/+Page": [
+            "./dist/types/pages/sentry/+Page.d.ts"
+          ]
+        }
+      }
+    };
+  }
+});
+
+// files/$package.json.ts
+import { addDependency, loadAsJson } from "@batijs/core";
+async function getPackageJson(props) {
+  const packageJson = await loadAsJson(props);
+  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)).then((x) => x.default), {
+    dependencies: ["@sentry/react"]
+  });
+}
+export {
+  getPackageJson as default
+};

package/dist/boilerplates/@batijs/react-sentry/files/pages/sentry/+Page.tsx

@@ -0,0 +1,43 @@
+import React, { useEffect } from "react";
+import * as Sentry from "@sentry/react";
+
+export default function ReactSentryErrorPage() {
+  const [sentryClientStatus, setSentryClientStatus] = React.useState({
+    client_not_loaded: false,
+    enabled: true,
+    dsn_missing: false,
+  });
+  useEffect(() => {
+    const options = Sentry?.getClient()?.getOptions();
+    setSentryClientStatus({
+      client_not_loaded: !options,
+      dsn_missing: (options?.dsn?.length ?? 0) < 2,
+      enabled: (options?.enabled ?? true) !== false,
+    });
+    console.log("Sentry DSN: ", options?.dsn);
+  }, []);
+
+  return (
+    <>
+      <h1>Sentry Test Page</h1>
+      {(sentryClientStatus.client_not_loaded || sentryClientStatus.dsn_missing || !sentryClientStatus.enabled) && (
+        <p style={{ color: "red" }}>
+          <b>Sentry Config Error:</b>
+          {sentryClientStatus.client_not_loaded ? "Client not loaded!" : ""}{" "}
+          {!sentryClientStatus.client_not_loaded && sentryClientStatus.dsn_missing ? "DSN is missing! " : ""}
+          {!sentryClientStatus.client_not_loaded && !sentryClientStatus.enabled ? "Client is not enabled! " : ""} Vite
+          Mode: {import.meta.env.PROD ? "PROD" : "DEV"}
+        </p>
+      )}
+      <div>
+        <button
+          onClick={() => {
+            throw new Error(`This is a React SENTRY Browser Test! [${import.meta.env.DEV ? "DEV Mode" : "PROD Mode"}]`);
+          }}
+        >
+          Throw Javascript Error
+        </button>
+      </div>
+    </>
+  );
+}

package/dist/boilerplates/@batijs/react-sentry/files/sentry.browser.config.ts

@@ -0,0 +1,22 @@
+import * as Sentry from "@sentry/react";
+
+export const sentryBrowserConfig = () => {
+  // eslint-disable-next-line
+  import.meta.env.PROD === true &&
+    Sentry.init({
+      dsn: import.meta.env.PUBLIC_ENV__SENTRY_DSN,
+      environment: "production-frontend",
+      //enabled: import.meta.env.DEV ? false : true,
+      integrations: [Sentry.replayIntegration()],
+      autoSessionTracking: globalThis?.window?.document ? true : false, // disable autoSessionTracking in SSR
+      // Set tracesSampleRate to 1.0 to capture 100%
+      // of transactions for tracing.
+      tracesSampleRate: 1.0,
+      // Set `tracePropagationTargets` to control for which URLs trace propagation should be enabled
+      tracePropagationTargets: [/^\//, /^https:\/\/yourserver\.io\/api/],
+      // Capture Replay for 10% of all sessions,
+      // plus for 100% of sessions with an error
+      replaysSessionSampleRate: 0.1,
+      replaysOnErrorSampleRate: 1.0,
+    });
+};

package/dist/boilerplates/@batijs/react-sentry/types/pages/sentry/+Page.d.ts

@@ -0,0 +1 @@
+export default function ReactSentryErrorPage(): import("react/jsx-runtime").JSX.Element;

package/dist/boilerplates/@batijs/react-sentry/types/sentry.browser.config.d.ts

@@ -0,0 +1 @@
+export declare const sentryBrowserConfig: () => void;

package/dist/boilerplates/@batijs/sentry/files/$.env.js

@@ -0,0 +1,22 @@
+// files/$.env.ts
+import { appendToEnv } from "@batijs/core";
+async function getServerlessEnv(props) {
+  const sentryDNS = process.env.TEST_SENTRY_DSN;
+  let envContent = await props.readfile?.();
+  envContent = appendToEnv(
+    envContent,
+    "SENTRY_DSN",
+    sentryDNS ?? "",
+    "Sentry DNS. Used for Error Reporting on the Server"
+  );
+  envContent = appendToEnv(
+    envContent,
+    "PUBLIC_ENV__SENTRY_DSN",
+    "",
+    "Sentry DNS. Used for Error Reporting in the Browser"
+  );
+  return envContent;
+}
+export {
+  getServerlessEnv as default
+};

package/dist/boilerplates/@batijs/sentry/files/$README.md.js

@@ -0,0 +1,31 @@
+// files/$README.md.ts
+import { loadReadme } from "@batijs/core";
+async function getReadme(props) {
+  const content = await loadReadme(props);
+  const about = `
+
+## Sentry Browser / Error Tracking & Performance Monitoring
+
+This app is integrated with [Sentry](https://sentry.io) for error tracking. 
+
+Add your Sentry DSN to \`.env\` file.
+You can configure [Sentry for the browser](` + (props.meta.BATI.has("react") ? "https://docs.sentry.io/platforms/javascript/guides/react/" : props.meta.BATI.has("solid") ? "https://docs.sentry.io/platforms/javascript/guides/solid/" : props.meta.BATI.has("vue") ? "https://docs.sentry.io/platforms/javascript/guides/vue/" : "https://docs.sentry.io/platforms/javascript/") + `) in \`sentry.browser.config.ts\`.
+
+Upload of source maps to Sentry is handled by the [\`sentryVitePlugin\`](https://docs.sentry.io/platforms/javascript/sourcemaps/uploading/vite/) in \`vite.config.ts\`.
+You have to configure \`SENTRY_ORG\`, \`SENTRY_PROJECT\` and \`SENTRY_AUTH_TOKEN\` in the \`.env.sentry-build-plugin\` file with the values from your Sentry account.
+
+> [!NOTE]
+> Sentry Error Tracking is **only activated in production** (\`import.meta.env.PROD === true\`)!
+
+**Testing Sentry** receiving Errors:
+1. Build & Start the app \`pnpm build && pnpm preview\`.
+2. open Testpage in browser: http://localhost:3000/sentry.
+3. check your [Sentry Dashboard](https://sentry.io) for new Errors.
+
+`;
+  content.addAbout(about);
+  return content.finalize();
+}
+export {
+  getReadme as default
+};

package/dist/boilerplates/@batijs/sentry/files/$package.json.js

@@ -0,0 +1,86 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// package.json
+var require_package = __commonJS({
+  "package.json"(exports, module) {
+    module.exports = {
+      name: "@batijs/sentry",
+      private: true,
+      version: "0.0.1",
+      description: "",
+      type: "module",
+      scripts: {
+        "check-types": "tsc --noEmit",
+        build: "bati-compile-boilerplate"
+      },
+      keywords: [],
+      author: "",
+      license: "MIT",
+      devDependencies: {
+        "@batijs/compile": "workspace:*",
+        "@sentry/vite-plugin": "^2.22.3",
+        "@types/node": "^18.19.44",
+        vite: "^5.4.2"
+      },
+      dependencies: {
+        "@batijs/core": "workspace:*"
+      },
+      files: [
+        "dist/"
+      ],
+      bati: {
+        if: {
+          flag: "sentry"
+        }
+      },
+      exports: {
+        "./sentry.browser.config copy": {
+          types: "./dist/types/sentry.browser.config copy.d.ts"
+        }
+      },
+      typesVersions: {
+        "*": {
+          "sentry.browser.config copy": [
+            "./dist/types/sentry.browser.config copy.d.ts"
+          ]
+        }
+      }
+    };
+  }
+});
+
+// files/$package.json.ts
+import { addDependency, loadAsJson } from "@batijs/core";
+async function getPackageJson(props) {
+  const packageJson = await loadAsJson(props);
+  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)).then((x) => x.default), {
+    devDependencies: ["@sentry/vite-plugin"]
+  });
+}
+export {
+  getPackageJson as default
+};

package/dist/boilerplates/@batijs/sentry/files/$vite.config.ts.js

@@ -0,0 +1,18 @@
+// files/$vite.config.ts.ts
+import { addVitePlugin, loadAsMagicast, deepMergeObject } from "@batijs/core";
+async function getViteConfig(props) {
+  const mod = await loadAsMagicast(props);
+  addVitePlugin(mod, {
+    from: "@sentry/vite-plugin",
+    constructor: "sentryVitePlugin",
+    imported: "sentryVitePlugin",
+    options: {
+      sourcemaps: { disable: false }
+    }
+  });
+  deepMergeObject(mod.exports.default.$args[0], { build: { sourcemap: true } });
+  return mod.generate().code;
+}
+export {
+  getViteConfig as default
+};

package/dist/boilerplates/@batijs/sentry/files/.env.sentry-build-plugin

@@ -0,0 +1,8 @@
+# Sentry Organization Slug. Used for Upload of Source Maps
+SENTRY_ORG=
+
+# Sentry Project Slug. Used for Upload of Source Maps
+SENTRY_PROJECT=
+
+# Sentry Auth Token. Used for Upload of Source Maps
+SENTRY_AUTH_TOKEN=

package/dist/boilerplates/@batijs/sentry/files/pages/$+client.ts.js

@@ -0,0 +1,23 @@
+// files/pages/$+client.ts.ts
+import { builders, generateCode, loadAsMagicast, parseModule } from "@batijs/core";
+async function getViteConfig(props) {
+  let mod;
+  try {
+    mod = await loadAsMagicast(props);
+  } catch {
+    mod = parseModule("");
+  }
+  if (!props.meta.BATI.has("vue")) {
+    mod.imports.$prepend({
+      from: "../sentry.browser.config",
+      imported: "sentryBrowserConfig"
+    });
+    const e = builders.functionCall("sentryBrowserConfig");
+    const c = generateCode(e).code;
+    mod.$ast.body.splice(mod.$ast.body.length - 1, 0, c);
+  }
+  return mod.generate().code;
+}
+export {
+  getViteConfig as default
+};

package/dist/boilerplates/@batijs/shadcn-ui/files/!tailwind.config.ts

@@ -0,0 +1,68 @@
+import type { Config } from "tailwindcss";
+import tailwindAnimate from "tailwindcss-animate";
+
+export default {
+  darkMode: ["class"],
+  content: ["./{pages,layouts,components,src}/**/*.{html,js,jsx,ts,tsx,vue}"],
+  theme: {
+    extend: {
+      keyframes: {
+        "caret-blink": {
+          "0%,70%,100%": { opacity: "1" },
+          "20%,50%": { opacity: "0" },
+        },
+      },
+      animation: {
+        "caret-blink": "caret-blink 1.25s ease-out infinite",
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+      colors: {
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        chart: {
+          "1": "hsl(var(--chart-1))",
+          "2": "hsl(var(--chart-2))",
+          "3": "hsl(var(--chart-3))",
+          "4": "hsl(var(--chart-4))",
+          "5": "hsl(var(--chart-5))",
+        },
+      },
+    },
+  },
+  plugins: [tailwindAnimate],
+} satisfies Config;