create-bearnie 0.1.0

package/README.md

@@ -0,0 +1,36 @@
+# create-bearnie
+
+Create a new Astro project with Bearnie UI components pre-configured.
+
+## Usage
+
+```bash
+npm create bearnie
+# or
+npx create-bearnie
+# or with a project name
+npm create bearnie my-app
+```
+
+## What's included
+
+- Astro 5 with TypeScript
+- Tailwind CSS v4 (via `@tailwindcss/vite`)
+- Bearnie CSS variables and theme
+- Simple landing page to get started
+- Ready for components via `npx @bearnie/cli add`
+
+## After creating your project
+
+```bash
+cd my-app
+npm install
+npx @bearnie/cli add button card dialog
+npm run dev
+```
+
+## Learn more
+
+- [Bearnie Documentation](https://bearnie.dev/docs)
+- [Browse Components](https://bearnie.dev/docs/components)
+- [GitHub](https://github.com/michael-andreuzza/bearnie)

package/dist/index.d.ts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dist/index.js

@@ -0,0 +1,112 @@
+#!/usr/bin/env node
+
+// src/index.ts
+import prompts from "prompts";
+import pc from "picocolors";
+import fs from "fs-extra";
+import path from "path";
+import { fileURLToPath } from "url";
+var __dirname = path.dirname(fileURLToPath(import.meta.url));
+var amber = (text) => pc.yellow(text);
+var logo = `${amber("\u{1F43B}")} ${pc.bold("bearnie")}`;
+var link = (text, url) => `\x1B]8;;${url}\x07${pc.cyan(text)}\x1B]8;;\x07`;
+async function main() {
+  console.log(`
+  ${logo}
+
+  ${amber("Hey!")} Let's create your Bearnie project.
+`);
+  let projectName = process.argv[2];
+  if (!projectName) {
+    const response = await prompts({
+      type: "text",
+      name: "projectName",
+      message: "Project name:",
+      initial: "my-bearnie-app",
+      validate: (value) => {
+        if (!value) return "Project name is required";
+        if (!/^[a-z0-9-_]+$/i.test(value))
+          return "Project name can only contain letters, numbers, hyphens, and underscores";
+        return true;
+      }
+    });
+    if (!response.projectName) {
+      console.log(`
+  ${pc.yellow("Cancelled.")}
+`);
+      process.exit(0);
+    }
+    projectName = response.projectName;
+  }
+  const targetDir = path.resolve(process.cwd(), projectName);
+  if (fs.existsSync(targetDir)) {
+    const { overwrite } = await prompts({
+      type: "confirm",
+      name: "overwrite",
+      message: `Directory ${pc.cyan(projectName)} already exists. Overwrite?`,
+      initial: false
+    });
+    if (!overwrite) {
+      console.log(`
+  ${pc.yellow("Cancelled.")}
+`);
+      process.exit(0);
+    }
+    await fs.remove(targetDir);
+  }
+  const templateDir = path.join(__dirname, "..", "template");
+  console.log(`
+  ${pc.dim("Creating project in")} ${pc.cyan(targetDir)}
+`);
+  await fs.copy(templateDir, targetDir);
+  const pkgPath = path.join(targetDir, "package.json");
+  const pkg = await fs.readJson(pkgPath);
+  pkg.name = projectName;
+  await fs.writeJson(pkgPath, pkg, { spaces: 2 });
+  await fs.writeFile(
+    path.join(targetDir, ".gitignore"),
+    `# Dependencies
+node_modules/
+
+# Build output
+dist/
+
+# Astro
+.astro/
+
+# Environment variables
+.env
+.env.*
+!.env.example
+
+# IDE
+.vscode/
+.idea/
+
+# OS
+.DS_Store
+Thumbs.db
+`
+  );
+  console.log(`  ${pc.green("\u2713")} Created project files`);
+  console.log(`
+  ${pc.green("Done!")} Your Bearnie project is ready.
+
+  ${pc.bold("Next steps:")}
+
+    ${pc.dim("1.")} cd ${pc.cyan(projectName)}
+    ${pc.dim("2.")} npm install
+    ${pc.dim("3.")} npx @bearnie/cli add button card
+    ${pc.dim("4.")} npm run dev
+
+  ${pc.dim("Browse components at")} ${link("bearnie.dev/docs/components", "https://bearnie.dev/docs/components")}
+
+  ${pc.dim("Made by")} ${link("Michael", "https://michaelandreuzza.com")} ${pc.dim("at")} ${link("Lexington Themes", "https://lexingtonthemes.com")}
+`);
+}
+main().catch((err) => {
+  console.error(`
+  ${pc.red("Error:")} ${err.message}
+`);
+  process.exit(1);
+});

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "create-bearnie",
+  "version": "0.1.0",
+  "description": "Create a new Astro project with Bearnie UI components",
+  "type": "module",
+  "license": "MIT",
+  "bin": {
+    "create-bearnie": "dist/index.js"
+  },
+  "files": [
+    "dist",
+    "template"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts --format esm --dts --clean",
+    "dev": "tsup src/index.ts --format esm --watch"
+  },
+  "dependencies": {
+    "prompts": "^2.4.2",
+    "picocolors": "^1.1.1",
+    "fs-extra": "^11.2.0"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^20.14.9",
+    "@types/prompts": "^2.4.9",
+    "tsup": "^8.1.0",
+    "typescript": "^5.5.3"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "author": "Michael Andreuzza",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/michael-andreuzza/bearnie.git",
+    "directory": "packages/create-bearnie"
+  },
+  "keywords": [
+    "create",
+    "bearnie",
+    "astro",
+    "tailwind",
+    "ui-components",
+    "starter"
+  ]
+}

package/template/astro.config.mjs

@@ -0,0 +1,8 @@
+import { defineConfig } from "astro/config";
+import tailwindcss from "@tailwindcss/vite";
+
+export default defineConfig({
+  vite: {
+    plugins: [tailwindcss()],
+  },
+});

package/template/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "my-bearnie-app",
+  "type": "module",
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview"
+  },
+  "dependencies": {
+    "astro": "^5.16.15"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.18",
+    "@tailwindcss/forms": "^0.5.11",
+    "tailwindcss": "^4.1.18"
+  }
+}

package/template/public/favicon.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M44.5941 16.1512C43.1281 16.3277 42.0795 16.5298 40.5508 16.9303C38.5908 17.4439 36.3397 18.3891 36.4916 18.6347C36.5288 18.695 36.505 18.7086 36.4364 18.6663C36.3702 18.6253 35.9807 18.7679 35.5708 18.9833C34.8826 19.3449 34.8007 19.3647 34.4962 19.2425C33.2374 18.7373 32.5828 18.5871 31.8612 18.6381C30.3233 18.7466 29.1747 19.4877 28.5371 20.7827C28.2215 21.4236 28.1933 21.5629 28.1933 22.4788C28.1933 23.5629 28.3807 24.1313 29.068 25.1302L29.381 25.5851L29.0224 26.4098C28.1374 28.4449 27.4447 30.9995 27.0973 33.5091L26.8836 35.0529L25.9579 36.6006C21.7636 43.6131 19.1302 51.1237 17.9277 59.5032C16.7737 67.5452 17.8051 74.3376 20.8809 78.9529C21.2126 79.4506 21.9573 80.339 22.5357 80.927C23.7971 82.2094 24.2813 82.4664 25.9778 82.754C27.4705 83.0072 27.5842 83.0695 26.4294 83.0013C25.8577 82.9677 25.3368 82.8719 25.067 82.751C24.8267 82.6433 24.5129 82.5193 24.3695 82.4754C24.1001 82.3928 23.3727 81.9487 23.1293 81.7182C23.0531 81.646 22.9234 81.587 22.8411 81.587C22.7588 81.587 22.6914 81.5098 22.6914 81.4153C22.6914 81.2641 22.5829 81.2523 21.7744 81.3152C19.6802 81.4781 16.8773 81.969 16.2812 82.2772C15.9088 82.4698 15.9067 82.5901 16.2725 82.7762C17.711 83.5079 23.8119 83.9953 31.552 83.9966C35.8021 83.9975 37.2132 83.9126 40.2974 83.4705C43.3359 83.035 44.6899 82.9493 48.513 82.9503C52.1216 82.9513 53.2568 83.0204 56.1218 83.4138C59.5306 83.8819 60.644 83.9432 65.7632 83.9441C75.4488 83.9458 84.2217 83.2536 83.973 82.5073C83.8254 82.0647 79.749 81.4902 74.8162 81.2168L73.5466 81.1463L73.1394 81.5895C72.6679 82.1027 72.1038 82.4831 71.489 82.7027C70.9591 82.8918 69.5358 83.0645 69.3526 82.9619C69.2792 82.9209 69.6645 82.8311 70.209 82.7623C71.6886 82.5754 72.2088 82.3425 73.0175 81.5047C75.1271 79.3196 76.8696 74.9698 77.6233 70.0069C77.8279 68.66 77.8616 68.0296 77.8593 65.6054C77.8528 59.019 76.5322 52.3997 73.866 45.589C73.0267 43.445 71.0897 39.5762 69.7835 37.435C69.1574 36.4087 68.5436 35.3997 68.4195 35.193C68.2955 34.9861 68.1629 34.5525 68.125 34.2295C67.7866 31.3493 67.1173 28.7345 66.1415 26.4803C65.9334 25.9997 65.7632 25.5415 65.7632 25.4622C65.7632 25.3829 65.903 25.0974 66.0741 24.8278C66.9152 23.5014 67.034 21.9354 66.3924 20.6321C66.0329 19.9018 65.4337 19.344 64.4594 18.8325C63.5517 18.3559 62.0075 18.4532 60.5696 19.0777L60.0395 19.3079L58.4212 18.508C56.7448 17.6793 55.2841 17.1251 54.1228 16.8772C53.7525 16.798 52.8836 16.6127 52.1919 16.4651C51.5003 16.3175 50.4864 16.1497 49.9388 16.092C48.5738 15.9484 46.0462 15.9764 44.5941 16.1512Z" fill="#1a1a1a"/>
+</svg>

package/template/src/layouts/BaseLayout.astro

@@ -0,0 +1,27 @@
+---
+import "@/styles/global.css";
+
+interface Props {
+  title?: string;
+  description?: string;
+}
+
+const { 
+  title = "My Bearnie App", 
+  description = "Built with Astro, Tailwind CSS, and Bearnie components" 
+} = Astro.props;
+---
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content={description} />
+    <title>{title}</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+  </head>
+  <body class="min-h-screen bg-background text-foreground antialiased">
+    <slot />
+  </body>
+</html>

package/template/src/pages/index.astro

@@ -0,0 +1,80 @@
+---
+import BaseLayout from "@/layouts/BaseLayout.astro";
+---
+
+<BaseLayout title="Welcome to Bearnie">
+  <main class="min-h-screen flex flex-col">
+    <!-- Hero -->
+    <section class="flex-1 flex items-center justify-center px-4">
+      <div class="max-w-sm text-center mx-auto">
+        <!-- Bearnie Logo -->
+        <svg
+          class="size-16 lg:size-20 mx-auto"
+          viewBox="0 0 100 100"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M44.5941 16.1512C43.1281 16.3277 42.0795 16.5298 40.5508 16.9303C38.5908 17.4439 36.3397 18.3891 36.4916 18.6347C36.5288 18.695 36.505 18.7086 36.4364 18.6663C36.3702 18.6253 35.9807 18.7679 35.5708 18.9833C34.8826 19.3449 34.8007 19.3647 34.4962 19.2425C33.2374 18.7373 32.5828 18.5871 31.8612 18.6381C30.3233 18.7466 29.1747 19.4877 28.5371 20.7827C28.2215 21.4236 28.1933 21.5629 28.1933 22.4788C28.1933 23.5629 28.3807 24.1313 29.068 25.1302L29.381 25.5851L29.0224 26.4098C28.1374 28.4449 27.4447 30.9995 27.0973 33.5091L26.8836 35.0529L25.9579 36.6006C21.7636 43.6131 19.1302 51.1237 17.9277 59.5032C16.7737 67.5452 17.8051 74.3376 20.8809 78.9529C21.2126 79.4506 21.9573 80.339 22.5357 80.927C23.7971 82.2094 24.2813 82.4664 25.9778 82.754C27.4705 83.0072 27.5842 83.0695 26.4294 83.0013C25.8577 82.9677 25.3368 82.8719 25.067 82.751C24.8267 82.6433 24.5129 82.5193 24.3695 82.4754C24.1001 82.3928 23.3727 81.9487 23.1293 81.7182C23.0531 81.646 22.9234 81.587 22.8411 81.587C22.7588 81.587 22.6914 81.5098 22.6914 81.4153C22.6914 81.2641 22.5829 81.2523 21.7744 81.3152C19.6802 81.4781 16.8773 81.969 16.2812 82.2772C15.9088 82.4698 15.9067 82.5901 16.2725 82.7762C17.711 83.5079 23.8119 83.9953 31.552 83.9966C35.8021 83.9975 37.2132 83.9126 40.2974 83.4705C43.3359 83.035 44.6899 82.9493 48.513 82.9503C52.1216 82.9513 53.2568 83.0204 56.1218 83.4138C59.5306 83.8819 60.644 83.9432 65.7632 83.9441C75.4488 83.9458 84.2217 83.2536 83.973 82.5073C83.8254 82.0647 79.749 81.4902 74.8162 81.2168L73.5466 81.1463L73.1394 81.5895C72.6679 82.1027 72.1038 82.4831 71.489 82.7027C70.9591 82.8918 69.5358 83.0645 69.3526 82.9619C69.2792 82.9209 69.6645 82.8311 70.209 82.7623C71.6886 82.5754 72.2088 82.3425 73.0175 81.5047C75.1271 79.3196 76.8696 74.9698 77.6233 70.0069C77.8279 68.66 77.8616 68.0296 77.8593 65.6054C77.8528 59.019 76.5322 52.3997 73.866 45.589C73.0267 43.445 71.0897 39.5762 69.7835 37.435C69.1574 36.4087 68.5436 35.3997 68.4195 35.193C68.2955 34.9861 68.1629 34.5525 68.125 34.2295C67.7866 31.3493 67.1173 28.7345 66.1415 26.4803C65.9334 25.9997 65.7632 25.5415 65.7632 25.4622C65.7632 25.3829 65.903 25.0974 66.0741 24.8278C66.9152 23.5014 67.034 21.9354 66.3924 20.6321C66.0329 19.9018 65.4337 19.344 64.4594 18.8325C63.5517 18.3559 62.0075 18.4532 60.5696 19.0777L60.0395 19.3079L58.4212 18.508C56.7448 17.6793 55.2841 17.1251 54.1228 16.8772C53.7525 16.798 52.8836 16.6127 52.1919 16.4651C51.5003 16.3175 50.4864 16.1497 49.9388 16.092C48.5738 15.9484 46.0462 15.9764 44.5941 16.1512ZM50.6158 16.8782C51.3674 16.9668 52.3124 17.1111 52.7159 17.1988C54.6476 17.619 57.2725 18.6016 58.8623 19.4995C59.4186 19.8137 59.9498 20.0708 60.043 20.0708C60.136 20.0708 60.6006 19.8726 61.0752 19.6304C61.8839 19.2178 61.9941 19.1898 62.8289 19.185C63.5998 19.1807 63.8006 19.2197 64.3211 19.4753C65.4143 20.0121 66.0746 21.0873 66.0707 22.3239C66.0677 23.3093 65.9742 23.5551 65.0358 25.0467C64.897 25.2674 64.9252 25.3815 65.3851 26.4588C66.3718 28.7699 66.9006 30.6868 67.2892 33.361L67.5406 35.0916L68.3722 36.4104C72.1301 42.3705 74.5021 48.1704 75.9831 55.0202C77.3021 61.1207 77.4773 67.6639 76.4486 72.4036C75.7373 75.6806 74.1773 79.1454 72.6773 80.7797C71.8628 81.6672 71.4743 81.8671 70.1898 82.0604C68.9719 82.2436 66.406 82.4742 66.3383 82.4065C66.312 82.3802 66.3839 82.1751 66.4984 81.9506C66.757 81.4435 66.7809 80.5237 66.5418 80.2845C66.3046 80.0474 66.2061 80.0775 65.9641 80.4604C65.7791 80.7532 65.7556 80.9224 65.7969 81.6656L65.8449 82.5302H64.7972C63.8398 82.5302 63.7564 82.5144 63.8274 82.3468C64.2328 81.3903 64.2837 80.5866 63.9596 80.2624C63.4811 79.784 63.0891 80.8133 63.2855 82.0324L63.3658 82.5302H62.8064C61.9657 82.5302 60.5401 82.3304 60.1158 82.1531C59.2763 81.8024 58.9841 81.2904 58.8412 79.9204C58.5356 76.9876 59.8931 70.8098 61.8658 66.1555C62.1528 65.4783 62.3696 64.9242 62.3475 64.9242C62.2691 64.9242 61.4773 66.578 60.9057 67.9358C60.1474 69.7367 59.4732 71.7508 59.0195 73.57C58.3489 76.2586 58.2805 76.7524 58.2751 78.9409L58.2702 80.9581L48.6026 80.9582H38.935V79.3735C38.935 77.5488 38.7639 76.2383 38.2548 74.1651C37.6185 71.5736 36.7932 69.2348 35.5855 66.6009C34.8029 64.8941 34.577 64.5867 35.1641 66.0273C37.2309 71.0996 38.3297 75.6018 38.3351 79.0195C38.3375 80.5757 38.2317 81.1773 37.8768 81.6286C37.4147 82.2161 36.3251 82.5278 34.7286 82.5293L33.9279 82.5302L33.9759 81.6656C34.0172 80.9224 33.9937 80.7532 33.8086 80.4604C33.5739 80.0889 33.3744 80.0322 33.1698 80.2787C32.9718 80.5171 33.0959 81.7043 33.3668 82.1633L33.5871 82.5366L32.3154 82.5072L31.0438 82.4778L31.0658 81.5695C31.087 80.6883 31.0781 80.6507 30.7665 80.3119C30.4506 79.9685 30.4424 79.9661 30.2804 80.1722C30.0502 80.4649 30.1286 81.4198 30.4304 81.9989C30.5598 82.2473 30.6486 82.4678 30.6275 82.4889C30.58 82.5364 27.4395 82.2515 26.4242 82.1077C26.0139 82.0496 25.3716 81.9253 24.9969 81.8314C24.3433 81.6677 24.2688 81.6138 23.1528 80.4973C21.8267 79.1706 21.122 78.1781 20.3249 76.515C19.3749 74.5327 18.7885 72.456 18.4283 69.7973C18.1757 67.9318 18.1769 63.5318 18.4308 61.2563C19.3985 52.5838 22.0477 44.678 26.5936 36.8971C27.6103 35.1569 27.6328 35.104 27.7304 34.2247C28.0012 31.7861 28.6239 29.2811 29.4645 27.2494C29.7268 26.6154 29.9953 25.9651 30.0612 25.8045C30.1908 25.4882 30.2109 25.5365 29.5258 24.5143C28.5332 23.0336 28.6769 21.2842 29.8814 20.1834C30.9841 19.1756 32.4838 19.0596 34.259 19.8448L34.7694 20.0706L36.0757 19.4393C37.7903 18.6105 38.3398 18.3839 39.721 17.9361C41.4121 17.3878 43.3802 16.9772 45.2229 16.7884C46.2666 16.6814 49.3861 16.7334 50.6158 16.8782ZM61.1983 21.9014C61.0006 22.051 61.0016 22.0553 61.2376 22.0586C61.5595 22.063 61.8651 22.2275 62.2787 22.619L62.6193 22.9414V22.6206C62.6193 22.1228 62.2642 21.7475 61.7934 21.7475C61.578 21.7475 61.3103 21.8168 61.1983 21.9014ZM32.5911 22.2665C32.2672 22.3977 32.0906 22.6644 32.1003 23.0073C32.115 23.5265 32.2372 23.5637 32.4585 23.1163C32.5742 22.8824 32.8091 22.5731 32.9804 22.4289C33.2821 22.175 33.2843 22.1669 33.0482 22.1733C32.9141 22.177 32.7084 22.2189 32.5911 22.2665ZM54.8562 27.8177C54.584 28.09 54.5499 28.1959 54.5499 28.769C54.5499 29.342 54.584 29.448 54.8562 29.7202C55.0275 29.8916 55.2753 30.0265 55.4184 30.0265C56.0178 30.0265 56.5186 29.2069 56.3708 28.468C56.295 28.0886 55.695 27.5114 55.3765 27.5114C55.2588 27.5114 55.0247 27.6492 54.8562 27.8177ZM39.2137 27.8315C38.8428 28.1231 38.6675 28.7911 38.8244 29.3148C39.216 30.6217 40.6118 30.2761 40.6118 28.8721C40.6118 28.3802 40.476 28.0626 40.1541 27.8019C39.856 27.5604 39.5459 27.5701 39.2137 27.8315ZM55.5604 27.8796C55.6399 28.0864 55.4151 28.3535 55.2234 28.28C55.041 28.2099 55.0303 28.0161 55.1996 27.8468C55.3688 27.6776 55.4871 27.6884 55.5604 27.8796ZM39.9609 28.1272C39.9205 28.3388 39.459 28.4249 39.459 28.2209C39.459 28.0108 39.6713 27.8334 39.8437 27.8996C39.926 27.9311 39.9787 28.0336 39.9609 28.1272ZM46.7198 30.4992C45.5559 30.7521 44.569 31.3664 44.2044 32.065C44.0009 32.4547 44.0037 33.3669 44.2095 33.7647C44.4474 34.2248 45.3694 35.0369 45.9293 35.2796C46.2036 35.3985 46.7106 35.5543 47.0559 35.6259L47.6837 35.756L47.768 36.2581C47.8142 36.5343 47.8382 37.0489 47.8212 37.4019L47.7904 38.0436C47.7904 38.0436 47.8013 38.1922 47.5441 38.3219C47.2869 38.4516 46.7111 38.1123 46.4961 38.1123C46.0538 38.1123 46.0037 38.2878 46.2341 38.4791C46.4965 38.6969 47.7072 38.8922 47.7072 38.8922L48.6753 38.8799C48.6753 38.8799 49.2793 38.8626 49.6401 38.7411C49.9943 38.6218 50.426 38.4764 50.426 38.3219C50.426 38.1674 50.4431 38.0958 50.1116 38.0654C49.7802 38.035 48.9608 38.3806 48.7493 38.2794C48.5378 38.1781 48.4889 38.0654 48.4889 38.0654L48.4167 37.1029C48.3157 35.7551 48.3038 35.7815 49.1004 35.5806C50.437 35.2434 51.2298 34.7278 51.7164 33.8793C52.5844 32.3657 51.5864 30.9825 49.283 30.5067C48.3276 30.3094 47.6031 30.3072 46.7198 30.4992ZM48.8009 31.0769C49.2431 31.1998 49.4445 31.3994 49.3566 31.6281C49.2458 31.9171 48.7291 32.0412 47.7976 32.0024C47.0425 31.971 46.8694 31.9292 46.6708 31.7307C46.3934 31.4533 46.4694 31.3378 47.0699 31.1237C47.5554 30.9506 48.2762 30.9312 48.8009 31.0769ZM54.9809 81.7217C54.883 81.8193 52.9838 81.849 46.8285 81.849H38.8036L38.6335 82.1058C38.311 82.5926 37.9817 82.8442 37.5119 82.9624C36.9214 83.1111 36.7965 83.0267 37.358 82.8585C37.7478 82.7417 38.2237 82.3576 38.6474 81.8178L38.8312 81.5834L46.9698 81.5889C53.3542 81.5933 55.0809 81.6219 54.9809 81.7217ZM59.7863 82.7283C60.0775 82.8536 60.6101 83.0246 60.9698 83.1082L61.6237 83.2604L60.8413 83.2069C60.1548 83.1599 59.9892 83.1054 59.4911 82.7631C59.1789 82.5485 58.8118 82.2271 58.6753 82.0487C58.27 81.5186 58.395 81.4953 58.8427 82.0175C59.0983 82.3157 59.4592 82.5876 59.7863 82.7283ZM83.212 82.5302C83.295 82.6645 82.8435 82.6645 82.6357 82.5302C82.5161 82.4528 82.5584 82.4282 82.8129 82.427C82.9968 82.4261 83.1764 82.4725 83.212 82.5302ZM31.648 83.2356C32.9142 83.2696 33.8574 83.3338 33.744 83.3781C33.5841 83.4407 33.62 83.4607 33.9047 83.4676C34.2683 83.4765 34.6276 83.6238 34.5282 83.7232C34.4006 83.8507 29.6878 83.826 29.2412 83.6954L28.9268 83.6035L29.1872 83.5008L29.4474 83.3982L29.2134 83.3239C29.0846 83.283 28.9792 83.2006 28.9792 83.1407C28.9792 83.0797 29.06 83.063 29.1626 83.1027C29.2635 83.1417 30.382 83.2015 31.648 83.2356ZM63.449 83.3306C63.473 83.3515 63.2282 83.3686 62.905 83.3686C62.5817 83.3686 62.2902 83.3248 62.2571 83.2712C62.2017 83.1816 63.3429 83.2385 63.449 83.3306ZM66.9124 83.2556C66.7087 83.2955 66.4885 83.3613 66.4231 83.4017C66.3577 83.4421 65.7463 83.4394 65.0643 83.3957L63.8245 83.3162L64.7677 83.2574C66.1926 83.1685 67.3617 83.1676 66.9124 83.2556Z"
+            fill="currentColor"
+          />
+        </svg>
+
+        <h1 class="text-lg font-medium tracking-tight mt-12">
+          Welcome to your Bearnie project
+        </h1>
+
+        <p class="text-sm text-muted-foreground mt-4">
+          Accessible components for Astro and Tailwind CSS. Add components, customize them, and make them your own.
+        </p>
+
+        <div class="flex items-center gap-2.5 mt-12 justify-center">
+          <a
+            href="https://bearnie.dev/docs"
+            class="inline-flex items-center justify-center rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors"
+          >
+            Get Started
+          </a>
+          <a
+            href="https://bearnie.dev/docs/components"
+            class="inline-flex items-center justify-center rounded-lg border border-input bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground transition-colors"
+          >
+            Browse Components
+          </a>
+        </div>
+
+        <code class="mt-8 block text-xs text-muted-foreground font-mono">
+          npx @bearnie/cli add button
+        </code>
+      </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="py-8">
+      <div class="max-w-2xl mx-auto text-center">
+        <p class="text-sm text-muted-foreground">
+          Built by
+          <a
+            target="_blank"
+            rel="noopener noreferrer"
+            class="text-foreground hover:text-muted-foreground"
+            href="https://x.com/mike_andreuzza"
+          >
+            Michael
+          </a>
+          . Code available on
+          <a
+            target="_blank"
+            rel="noopener noreferrer"
+            class="text-foreground hover:text-muted-foreground"
+            href="https://github.com/michael-andreuzza/bearnie"
+          >
+            GitHub
+          </a>
+        </p>
+      </div>
+    </footer>
+  </main>
+</BaseLayout>

package/template/src/styles/global.css

@@ -0,0 +1,157 @@
+@import "tailwindcss";
+@plugin "@tailwindcss/forms";
+
+@theme {
+  /* Typography */
+  --font-sans: Inter, sans-serif;
+  --font-mono: Geist Mono, monospace;
+
+  /* Border Radius - Base: 0.625rem (10px) */
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --radius-2xl: calc(var(--radius) + 8px);
+  --radius-full: 9999px;
+
+  /* Shadows */
+  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+}
+
+@theme inline {
+  /* Semantic Colors */
+  --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-success: var(--success);
+  --color-success-foreground: var(--success-foreground);
+  --color-warning: var(--warning);
+  --color-warning-foreground: var(--warning-foreground);
+  --color-info: var(--info);
+  --color-info-foreground: var(--info-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);
+
+  /* Sidebar Colors */
+  --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);
+}
+
+:root {
+  --radius: 0.625rem;
+  --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);
+  --success: oklch(0.564 0.168 143.8);
+  --success-foreground: oklch(0.564 0.168 143.8);
+  --warning: oklch(0.681 0.150 59.0);
+  --warning-foreground: oklch(0.681 0.150 59.0);
+  --info: oklch(0.609 0.202 257.2);
+  --info-foreground: oklch(0.609 0.202 257.2);
+  --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);
+
+  /* Sidebar */
+  --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.985 0 0);
+  --success: oklch(0.634 0.188 142.8);
+  --success-foreground: oklch(0.985 0 0);
+  --warning: oklch(0.785 0.162 64.8);
+  --warning-foreground: oklch(0.985 0 0);
+  --info: oklch(0.701 0.156 247.3);
+  --info-foreground: oklch(0.985 0 0);
+  --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 */
+  --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);
+}
+
+/* Base styles */
+* {
+  border-color: var(--border);
+}

package/template/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "astro/tsconfigs/strict",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  }
+}