getlotui 0.1.0

package/dist/templates/web/Tabs.tsx

@@ -0,0 +1,66 @@
+'use client'
+
+import * as React from 'react'
+import * as TabsPrimitive from '@radix-ui/react-tabs'
+
+import { cn } from '@/lib/utils'
+
+function Tabs({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Root>) {
+  return (
+    <TabsPrimitive.Root
+      data-slot="tabs"
+      className={cn('flex flex-col gap-2', className)}
+      {...props}
+    />
+  )
+}
+
+function TabsList({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.List>) {
+  return (
+    <TabsPrimitive.List
+      data-slot="tabs-list"
+      className={cn(
+        'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]',
+        className,
+      )}
+      {...props}
+    />
+  )
+}
+
+function TabsTrigger({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
+  return (
+    <TabsPrimitive.Trigger
+      data-slot="tabs-trigger"
+      className={cn(
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      {...props}
+    />
+  )
+}
+
+function TabsContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Content>) {
+  return (
+    <TabsPrimitive.Content
+      data-slot="tabs-content"
+      className={cn('flex-1 outline-none', className)}
+      {...props}
+    />
+  )
+}
+
+export { Tabs, TabsList, TabsTrigger, TabsContent }

package/dist/templates/web/Toast.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import * as ToastPrimitive from "@radix-ui/react-toast";
+import { type VariantProps } from "class-variance-authority";
+declare const ToastProvider: React.FC<ToastPrimitive.ToastProviderProps>;
+declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
+export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/dist/templates/web/Toast.js

@@ -0,0 +1,75 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastAction = exports.ToastClose = exports.ToastDescription = exports.ToastTitle = exports.Toast = exports.ToastViewport = exports.ToastProvider = void 0;
+const React = __importStar(require("react"));
+const ToastPrimitive = __importStar(require("@radix-ui/react-toast"));
+const class_variance_authority_1 = require("class-variance-authority");
+const lucide_react_1 = require("lucide-react");
+const utils_1 = require("./utils");
+const ToastProvider = ToastPrimitive.Provider;
+exports.ToastProvider = ToastProvider;
+const ToastViewport = React.forwardRef(({ className, ...props }, ref) => (React.createElement(ToastPrimitive.Viewport, { ref: ref, className: (0, utils_1.cn)("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", className), ...props })));
+exports.ToastViewport = ToastViewport;
+ToastViewport.displayName = ToastPrimitive.Viewport.displayName;
+const toastVariants = (0, class_variance_authority_1.cva)("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[animated=true]:duration-300 data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
+    variants: {
+        variant: {
+            default: "border bg-background text-foreground",
+            destructive: "destructive group border-destructive bg-destructive text-destructive-foreground",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const Toast = React.forwardRef(({ className, variant, ...props }, ref) => {
+    return (React.createElement(ToastPrimitive.Root, { ref: ref, className: (0, utils_1.cn)(toastVariants({ variant }), className), ...props }));
+});
+exports.Toast = Toast;
+Toast.displayName = ToastPrimitive.Root.displayName;
+const ToastAction = React.forwardRef(({ className, ...props }, ref) => (React.createElement(ToastPrimitive.Action, { ref: ref, className: (0, utils_1.cn)("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive", className), ...props })));
+exports.ToastAction = ToastAction;
+ToastAction.displayName = ToastPrimitive.Action.displayName;
+const ToastClose = React.forwardRef(({ className, ...props }, ref) => (React.createElement(ToastPrimitive.Close, { ref: ref, className: (0, utils_1.cn)("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50; group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className), "toast-close": "", ...props },
+    React.createElement(lucide_react_1.X, { className: "h-4 w-4" }))));
+exports.ToastClose = ToastClose;
+ToastClose.displayName = ToastPrimitive.Close.displayName;
+const ToastTitle = React.forwardRef(({ className, ...props }, ref) => (React.createElement(ToastPrimitive.Title, { ref: ref, className: (0, utils_1.cn)("text-sm font-semibold", className), ...props })));
+exports.ToastTitle = ToastTitle;
+ToastTitle.displayName = ToastPrimitive.Title.displayName;
+const ToastDescription = React.forwardRef(({ className, ...props }, ref) => (React.createElement(ToastPrimitive.Description, { ref: ref, className: (0, utils_1.cn)("text-sm opacity-90", className), ...props })));
+exports.ToastDescription = ToastDescription;
+ToastDescription.displayName = ToastPrimitive.Description.displayName;

package/dist/templates/web/Toast.tsx

@@ -0,0 +1,126 @@
+import * as React from "react";
+import * as ToastPrimitive from "@radix-ui/react-toast";
+import { cva, type VariantProps } from "class-variance-authority";
+import { X } from "lucide-react";
+import { cn } from "./utils";
+
+const ToastProvider = ToastPrimitive.Provider;
+
+const ToastViewport = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitive.Viewport>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitive.Viewport>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitive.Viewport
+    ref={ref}
+    className={cn(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      className
+    )}
+    {...props}
+  />
+));
+ToastViewport.displayName = ToastPrimitive.Viewport.displayName;
+
+const toastVariants = cva(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[animated=true]:duration-300 data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background text-foreground",
+        destructive:
+          "destructive group border-destructive bg-destructive text-destructive-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+);
+
+const Toast = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitive.Root> &
+    VariantProps<typeof toastVariants>
+>(({ className, variant, ...props }, ref) => {
+  return (
+    <ToastPrimitive.Root
+      ref={ref}
+      className={cn(toastVariants({ variant }), className)}
+      {...props}
+    />
+  );
+});
+Toast.displayName = ToastPrimitive.Root.displayName;
+
+const ToastAction = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitive.Action>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitive.Action>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitive.Action
+    ref={ref}
+    className={cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      className
+    )}
+    {...props}
+  />
+));
+ToastAction.displayName = ToastPrimitive.Action.displayName;
+
+const ToastClose = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitive.Close>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitive.Close>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitive.Close
+    ref={ref}
+    className={cn(
+      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50; group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      className
+    )}
+    toast-close=""
+    {...props}
+  >
+    <X className="h-4 w-4" />
+  </ToastPrimitive.Close>
+));
+ToastClose.displayName = ToastPrimitive.Close.displayName;
+
+const ToastTitle = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitive.Title
+    ref={ref}
+    className={cn("text-sm font-semibold", className)}
+    {...props}
+  />
+));
+ToastTitle.displayName = ToastPrimitive.Title.displayName;
+
+const ToastDescription = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitive.Description
+    ref={ref}
+    className={cn("text-sm opacity-90", className)}
+    {...props}
+  />
+));
+ToastDescription.displayName = ToastPrimitive.Description.displayName;
+
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
+
+export {
+  type ToastProps,
+  type ToastActionElement,
+  ToastProvider,
+  ToastViewport,
+  Toast,
+  ToastTitle,
+  ToastDescription,
+  ToastClose,
+  ToastAction,
+};

package/dist/templates/web/utils.d.ts

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

package/dist/templates/web/utils.js

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

package/dist/templates/web/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/dist/utils/detect.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Detect if the current project is an Expo project.
+ * Checks for presence of `expo` dependency in package.json
+ * or existence of `app.json` / `app.config.js`.
+ */
+export declare function detectExpoProject(cwd: string): Promise<boolean>;
+/**
+ * Detect if the current project is a Flutter project.
+ * Checks for existence of `pubspec.yaml`.
+ */
+export declare function detectFlutterProject(cwd: string): Promise<boolean>;
+/**
+ * Detect if the current project is a Web project (React/Next.js/Vite).
+ */
+export declare function detectWebProject(cwd: string): Promise<boolean>;
+/**
+ * Detect the package manager used in the current directory.
+ */
+export declare function detectPackageManager(cwd: string): Promise<"npm" | "pnpm" | "yarn" | "bun">;

package/dist/utils/detect.js

@@ -0,0 +1,90 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.detectExpoProject = detectExpoProject;
+exports.detectFlutterProject = detectFlutterProject;
+exports.detectWebProject = detectWebProject;
+exports.detectPackageManager = detectPackageManager;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+/**
+ * Detect if the current project is an Expo project.
+ * Checks for presence of `expo` dependency in package.json
+ * or existence of `app.json` / `app.config.js`.
+ */
+async function detectExpoProject(cwd) {
+    // Check package.json dependencies
+    try {
+        const pkgPath = path_1.default.join(cwd, "package.json");
+        const pkgContent = await fs_1.default.promises.readFile(pkgPath, "utf8");
+        const pkg = JSON.parse(pkgContent);
+        const deps = {
+            ...(pkg.dependencies || {}),
+            ...(pkg.devDependencies || {}),
+        };
+        if (deps["expo"])
+            return true;
+    }
+    catch {
+        // ignore errors, continue detection
+    }
+    // Check for app.json or app.config.js
+    const possibleFiles = ["app.json", "app.config.js", "app.config.ts"];
+    for (const file of possibleFiles) {
+        if (fs_1.default.existsSync(path_1.default.join(cwd, file)))
+            return true;
+    }
+    return false;
+}
+/**
+ * Detect if the current project is a Flutter project.
+ * Checks for existence of `pubspec.yaml`.
+ */
+async function detectFlutterProject(cwd) {
+    return fs_1.default.existsSync(path_1.default.join(cwd, "pubspec.yaml"));
+}
+/**
+ * Detect if the current project is a Web project (React/Next.js/Vite).
+ */
+async function detectWebProject(cwd) {
+    const possibleFiles = [
+        "next.config.js",
+        "next.config.ts",
+        "vite.config.js",
+        "vite.config.ts",
+        "package.json",
+    ];
+    for (const file of possibleFiles) {
+        if (fs_1.default.existsSync(path_1.default.join(cwd, file))) {
+            if (file === "package.json") {
+                try {
+                    const pkg = JSON.parse(fs_1.default.readFileSync(path_1.default.join(cwd, file), "utf8"));
+                    const deps = {
+                        ...(pkg.dependencies || {}),
+                        ...(pkg.devDependencies || {}),
+                    };
+                    return !!(deps["next"] || deps["react-dom"] || deps["vite"]);
+                }
+                catch {
+                    return false;
+                }
+            }
+            return true;
+        }
+    }
+    return false;
+}
+/**
+ * Detect the package manager used in the current directory.
+ */
+async function detectPackageManager(cwd) {
+    if (fs_1.default.existsSync(path_1.default.join(cwd, "pnpm-lock.yaml")))
+        return "pnpm";
+    if (fs_1.default.existsSync(path_1.default.join(cwd, "yarn.lock")))
+        return "yarn";
+    if (fs_1.default.existsSync(path_1.default.join(cwd, "bun.lockb")))
+        return "bun";
+    return "npm";
+}

package/dist/utils/fs.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Safely copy a component template to the destination.
+ * If the destination file already exists, it will be skipped and a warning shown.
+ */
+export declare function copyComponent(src: string, dest: string): Promise<void>;

package/dist/utils/fs.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.copyComponent = copyComponent;
+const fs_1 = require("fs");
+const path_1 = __importDefault(require("path"));
+const chalk_1 = __importDefault(require("chalk"));
+/**
+ * Safely copy a component template to the destination.
+ * If the destination file already exists, it will be skipped and a warning shown.
+ */
+async function copyComponent(src, dest) {
+    try {
+        // Ensure source exists
+        await fs_1.promises.access(src);
+    }
+    catch {
+        console.error(chalk_1.default.red(`Template not found at ${src}`));
+        return;
+    }
+    try {
+        await fs_1.promises.access(dest);
+        console.log(chalk_1.default.yellow(`File ${path_1.default.basename(dest)} already exists. Skipping copy.`));
+        return;
+    }
+    catch {
+        // dest does not exist, proceed
+    }
+    // Ensure destination directory exists
+    await fs_1.promises.mkdir(path_1.default.dirname(dest), { recursive: true });
+    await fs_1.promises.copyFile(src, dest);
+    console.log(chalk_1.default.green(`Copied ${path_1.default.basename(src)} to ${dest}`));
+}

package/getlotui.config.json

@@ -0,0 +1,4 @@
+{
+  "adapter": "unknown",
+  "componentsDir": "components/ui"
+}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "getlotui",
+  "version": "0.1.0",
+  "description": "CLI for GetLotUI component scaffolding",
+  "main": "dist/index.js",
+  "bin": {
+    "getlotui": "dist/bin.js"
+  },
+  "scripts": {
+    "build": "tsc -p . && node -e \"require('fs-extra').copySync('src/templates', 'dist/templates')\"",
+    "prepare": "npm run build"
+  },
+  "keywords": [
+    "getlotui",
+    "cli",
+    "component",
+    "scaffold"
+  ],
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "chalk": "^5.3.0",
+    "commander": "^11.1.0",
+    "fs-extra": "^11.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^25.0.3",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.4.5"
+  }
+}

package/src/bin.ts

@@ -0,0 +1,5 @@
+#!/usr/bin/env node
+
+import { runCLI } from "./index";
+
+runCLI();

package/src/commands/add.ts

@@ -0,0 +1,50 @@
+import { promises as fs } from "fs";
+import path from "path";
+import chalk from "chalk";
+import { copyComponent } from "../utils/fs";
+
+export async function addCommand(component: string) {
+  try {
+    const cwd = process.cwd();
+    const configPath = path.join(cwd, "getlotui.config.json");
+    // Ensure config exists
+    let config;
+    try {
+      const configContent = await fs.readFile(configPath, "utf8");
+      config = JSON.parse(configContent);
+    } catch {
+      console.error(
+        chalk.red("getlotui.config.json not found. Run `getlotui init` first.")
+      );
+      return;
+    }
+
+    const adapter = config.adapter || "expo";
+    const extension = adapter === "flutter" ? "dart" : "tsx";
+    const componentsDir = path.resolve(
+      cwd,
+      config.componentsDir ||
+        (adapter === "flutter" ? "lib/components/ui" : "components/ui")
+    );
+
+    const componentName =
+      component.charAt(0).toUpperCase() + component.slice(1);
+    const templatePath = path.resolve(
+      __dirname,
+      "..",
+      "templates",
+      adapter,
+      `${componentName}.${extension}`
+    );
+
+    await copyComponent(
+      templatePath,
+      path.join(componentsDir, `${componentName}.${extension}`)
+    );
+    console.log(
+      chalk.green(`Component ${componentName} added to ${componentsDir}`)
+    );
+  } catch (err) {
+    console.error(chalk.red("Failed to add component:"), err);
+  }
+}

package/src/commands/init.ts

@@ -0,0 +1,108 @@
+import { promises as fs } from "fs";
+import path from "path";
+import chalk from "chalk";
+import {
+  detectExpoProject,
+  detectFlutterProject,
+  detectWebProject,
+  detectPackageManager,
+} from "../utils/detect";
+
+export async function initCommand() {
+  try {
+    const cwd = process.cwd();
+    const configPath = path.join(cwd, "getlotui.config.json");
+    // Check if config already exists
+    try {
+      await fs.access(configPath);
+      console.log(
+        chalk.yellow("getlotui.config.json already exists. Skipping creation.")
+      );
+      return;
+    } catch {
+      // file does not exist, continue
+    }
+
+    // Detect adapter
+    let adapter: string = "unknown";
+    if (await detectExpoProject(cwd)) {
+      adapter = "expo";
+    } else if (await detectFlutterProject(cwd)) {
+      adapter = "flutter";
+    } else if (await detectWebProject(cwd)) {
+      adapter = "web";
+    }
+    // Detect package manager
+    const packageManager = await detectPackageManager(cwd);
+
+    const defaultConfig = {
+      adapter,
+      packageManager,
+      componentsDir:
+        adapter === "flutter" ? "lib/components/ui" : "components/ui",
+      themeDir: adapter === "flutter" ? "lib/theme" : "theme",
+    };
+
+    await fs.writeFile(
+      configPath,
+      JSON.stringify(defaultConfig, null, 2),
+      "utf8"
+    );
+
+    // Create theme directory
+    const fullThemeDir = path.join(cwd, defaultConfig.themeDir);
+    try {
+      await fs.mkdir(fullThemeDir, { recursive: true });
+      const isFlutter = adapter === "flutter";
+      const themeFileName = isFlutter ? "config.dart" : "config.ts";
+      const themeFilePath = path.join(fullThemeDir, themeFileName);
+
+      const themeContent = isFlutter
+        ? `import 'package:flutter/material.dart';
+
+class GetLotUITheme {
+  static const colors = {
+    'primary': Color(0xFF6366F1),
+    'background': Color(0xFFFFFFFF),
+    'foreground': Color(0xFF0F172A),
+  };
+  
+  static const radius = {
+    'sm': 4.0,
+    'md': 8.0,
+    'lg': 12.0,
+  };
+}`
+        : `export const theme = {
+  colors: {
+    primary: '#6366f1',
+    background: '#ffffff',
+    foreground: '#0f172a',
+  },
+  radius: {
+    sm: 4,
+    md: 8,
+    lg: 12,
+  },
+  spacing: {
+    unit: 8,
+  }
+};`;
+
+      await fs.writeFile(themeFilePath, themeContent, "utf8");
+      console.log(
+        chalk.green(`Created ${defaultConfig.themeDir}/${themeFileName}`)
+      );
+    } catch (err) {
+      console.warn(chalk.yellow("Could not create theme directory:"), err);
+    }
+
+    console.log(
+      chalk.green(
+        `Created getlotui.config.json with ${adapter} (${packageManager}) defaults.`
+      )
+    );
+  } catch (err) {
+    console.error(chalk.red("Failed to initialize GetLotUI config:"), err);
+  }
+}