xlibs-components/dist/lib/component-template.d.ts

Modern React component library with Aceternity, MagicUI, and ShadCN components for building beautiful web applications

import type { ComponentConfig } from "./config";
export declare function generateComponentTemplate(componentName: string, config: ComponentConfig, library?: "ui" | "aceternity" | "magicui"): {
    componentCode: string;
    configCode: string;
    indexCode: string;
    validation: {
        isValid: boolean;
        errors: string[];
    };
};
export declare function createComponent(componentName: string, config: ComponentConfig, library?: "ui" | "aceternity" | "magicui"): void;
export declare const commonConfigs: {
    readonly card: {
        readonly variants: {
            readonly default: {
                readonly className: "bg-card text-card-foreground border border-border rounded-lg shadow-sm";
            };
            readonly outline: {
                readonly className: "border border-border bg-transparent";
            };
            readonly ghost: {
                readonly className: "bg-transparent";
            };
        };
        readonly sizes: {
            readonly sm: {
                readonly className: "p-3";
            };
            readonly md: {
                readonly className: "p-4";
            };
            readonly lg: {
                readonly className: "p-6";
            };
        };
    };
    readonly button: {
        readonly variants: {
            readonly default: {
                readonly className: "btn-primary";
            };
            readonly outline: {
                readonly className: "btn-outline";
            };
            readonly ghost: {
                readonly className: "hover:bg-accent hover:text-accent-foreground";
            };
            readonly destructive: {
                readonly className: "btn-destructive";
            };
            readonly success: {
                readonly className: "btn-success";
            };
            readonly warning: {
                readonly className: "btn-warning";
            };
            readonly info: {
                readonly className: "btn-info";
            };
        };
        readonly sizes: {
            readonly sm: {
                readonly className: "px-3 py-1.5 text-sm";
            };
            readonly md: {
                readonly className: "px-4 py-2";
            };
            readonly lg: {
                readonly className: "px-6 py-3 text-lg";
            };
        };
    };
};
//# sourceMappingURL=component-template.d.ts.map