inai-react-components 0.1.3 → 0.1.4

package/dist/commands/init.d.ts

@@ -1,9 +1,226 @@
 declare const AVAILABLE_THEMES: readonly ["monday", "linear", "notion", "vercel", "inai", "anthropic", "shadcn-default", "shadcn-blue", "shadcn-green", "shadcn-orange", "shadcn-red", "shadcn-rose", "shadcn-violet", "shadcn-yellow"];
 type Theme = (typeof AVAILABLE_THEMES)[number];
+declare const FONT_PRESETS: readonly [{
+    readonly name: "outfit";
+    readonly label: "Outfit";
+    readonly family: "'Outfit', system-ui, sans-serif";
+}, {
+    readonly name: "inter";
+    readonly label: "Inter";
+    readonly family: "'Inter', system-ui, sans-serif";
+}, {
+    readonly name: "geist";
+    readonly label: "Geist";
+    readonly family: "'Geist', system-ui, sans-serif";
+}, {
+    readonly name: "plus-jakarta-sans";
+    readonly label: "Plus Jakarta Sans";
+    readonly family: "'Plus Jakarta Sans', system-ui, sans-serif";
+}, {
+    readonly name: "dm-sans";
+    readonly label: "DM Sans";
+    readonly family: "'DM Sans', system-ui, sans-serif";
+}, {
+    readonly name: "albert-sans";
+    readonly label: "Albert Sans";
+    readonly family: "'Albert Sans', system-ui, sans-serif";
+}, {
+    readonly name: "general-sans";
+    readonly label: "General Sans";
+    readonly family: "'General Sans', system-ui, sans-serif";
+}, {
+    readonly name: "cabinet-grotesk";
+    readonly label: "Cabinet Grotesk";
+    readonly family: "'Cabinet Grotesk', system-ui, sans-serif";
+}, {
+    readonly name: "satoshi";
+    readonly label: "Satoshi";
+    readonly family: "'Satoshi', system-ui, sans-serif";
+}, {
+    readonly name: "clash-display";
+    readonly label: "Clash Display";
+    readonly family: "'Clash Display', system-ui, sans-serif";
+}, {
+    readonly name: "nunito";
+    readonly label: "Nunito";
+    readonly family: "'Nunito', system-ui, sans-serif";
+}, {
+    readonly name: "nunito-sans";
+    readonly label: "Nunito Sans";
+    readonly family: "'Nunito Sans', system-ui, sans-serif";
+}, {
+    readonly name: "rubik";
+    readonly label: "Rubik";
+    readonly family: "'Rubik', system-ui, sans-serif";
+}, {
+    readonly name: "poppins";
+    readonly label: "Poppins";
+    readonly family: "'Poppins', system-ui, sans-serif";
+}, {
+    readonly name: "manrope";
+    readonly label: "Manrope";
+    readonly family: "'Manrope', system-ui, sans-serif";
+}, {
+    readonly name: "sora";
+    readonly label: "Sora";
+    readonly family: "'Sora', system-ui, sans-serif";
+}, {
+    readonly name: "figtree";
+    readonly label: "Figtree";
+    readonly family: "'Figtree', system-ui, sans-serif";
+}, {
+    readonly name: "be-vietnam-pro";
+    readonly label: "Be Vietnam Pro";
+    readonly family: "'Be Vietnam Pro', system-ui, sans-serif";
+}, {
+    readonly name: "open-sans";
+    readonly label: "Open Sans";
+    readonly family: "'Open Sans', system-ui, sans-serif";
+}, {
+    readonly name: "roboto";
+    readonly label: "Roboto";
+    readonly family: "'Roboto', system-ui, sans-serif";
+}, {
+    readonly name: "lato";
+    readonly label: "Lato";
+    readonly family: "'Lato', system-ui, sans-serif";
+}, {
+    readonly name: "montserrat";
+    readonly label: "Montserrat";
+    readonly family: "'Montserrat', system-ui, sans-serif";
+}, {
+    readonly name: "raleway";
+    readonly label: "Raleway";
+    readonly family: "'Raleway', system-ui, sans-serif";
+}, {
+    readonly name: "work-sans";
+    readonly label: "Work Sans";
+    readonly family: "'Work Sans', system-ui, sans-serif";
+}, {
+    readonly name: "source-sans-3";
+    readonly label: "Source Sans 3";
+    readonly family: "'Source Sans 3', system-ui, sans-serif";
+}, {
+    readonly name: "barlow";
+    readonly label: "Barlow";
+    readonly family: "'Barlow', system-ui, sans-serif";
+}, {
+    readonly name: "red-hat-display";
+    readonly label: "Red Hat Display";
+    readonly family: "'Red Hat Display', system-ui, sans-serif";
+}, {
+    readonly name: "red-hat-text";
+    readonly label: "Red Hat Text";
+    readonly family: "'Red Hat Text', system-ui, sans-serif";
+}, {
+    readonly name: "space-grotesk";
+    readonly label: "Space Grotesk";
+    readonly family: "'Space Grotesk', system-ui, sans-serif";
+}, {
+    readonly name: "archivo";
+    readonly label: "Archivo";
+    readonly family: "'Archivo', system-ui, sans-serif";
+}, {
+    readonly name: "overpass";
+    readonly label: "Overpass";
+    readonly family: "'Overpass', system-ui, sans-serif";
+}, {
+    readonly name: "urbanist";
+    readonly label: "Urbanist";
+    readonly family: "'Urbanist', system-ui, sans-serif";
+}, {
+    readonly name: "lexend";
+    readonly label: "Lexend";
+    readonly family: "'Lexend', system-ui, sans-serif";
+}, {
+    readonly name: "playfair-display";
+    readonly label: "Playfair Display";
+    readonly family: "'Playfair Display', Georgia, serif";
+}, {
+    readonly name: "lora";
+    readonly label: "Lora";
+    readonly family: "'Lora', Georgia, serif";
+}, {
+    readonly name: "merriweather";
+    readonly label: "Merriweather";
+    readonly family: "'Merriweather', Georgia, serif";
+}, {
+    readonly name: "dm-serif-display";
+    readonly label: "DM Serif Display";
+    readonly family: "'DM Serif Display', Georgia, serif";
+}, {
+    readonly name: "dm-serif-text";
+    readonly label: "DM Serif Text";
+    readonly family: "'DM Serif Text', Georgia, serif";
+}, {
+    readonly name: "fraunces";
+    readonly label: "Fraunces";
+    readonly family: "'Fraunces', Georgia, serif";
+}, {
+    readonly name: "source-serif-4";
+    readonly label: "Source Serif 4";
+    readonly family: "'Source Serif 4', Georgia, serif";
+}, {
+    readonly name: "bitter";
+    readonly label: "Bitter";
+    readonly family: "'Bitter', Georgia, serif";
+}, {
+    readonly name: "crimson-pro";
+    readonly label: "Crimson Pro";
+    readonly family: "'Crimson Pro', Georgia, serif";
+}, {
+    readonly name: "libre-baskerville";
+    readonly label: "Libre Baskerville";
+    readonly family: "'Libre Baskerville', Georgia, serif";
+}, {
+    readonly name: "eb-garamond";
+    readonly label: "EB Garamond";
+    readonly family: "'EB Garamond', Georgia, serif";
+}, {
+    readonly name: "cormorant";
+    readonly label: "Cormorant";
+    readonly family: "'Cormorant', Georgia, serif";
+}, {
+    readonly name: "instrument-serif";
+    readonly label: "Instrument Serif";
+    readonly family: "'Instrument Serif', Georgia, serif";
+}, {
+    readonly name: "young-serif";
+    readonly label: "Young Serif";
+    readonly family: "'Young Serif', Georgia, serif";
+}, {
+    readonly name: "jetbrains-mono";
+    readonly label: "JetBrains Mono";
+    readonly family: "'JetBrains Mono', ui-monospace, monospace";
+}, {
+    readonly name: "fira-code";
+    readonly label: "Fira Code";
+    readonly family: "'Fira Code', ui-monospace, monospace";
+}, {
+    readonly name: "source-code-pro";
+    readonly label: "Source Code Pro";
+    readonly family: "'Source Code Pro', ui-monospace, monospace";
+}, {
+    readonly name: "ibm-plex-mono";
+    readonly label: "IBM Plex Mono";
+    readonly family: "'IBM Plex Mono', ui-monospace, monospace";
+}, {
+    readonly name: "space-mono";
+    readonly label: "Space Mono";
+    readonly family: "'Space Mono', ui-monospace, monospace";
+}, {
+    readonly name: "system";
+    readonly label: "System Default";
+    readonly family: "system-ui, -apple-system, sans-serif";
+}];
+type FontPreset = (typeof FONT_PRESETS)[number]["name"];
 export interface InitConfig {
     componentPath: string;
     blockPath: string;
     theme: Theme;
+    fontBody: FontPreset;
+    fontHeading: FontPreset;
+    radius: number;
     importAlias: string;
     utilsAlias: string;
     tanstackRouter: boolean;
@@ -25,6 +242,11 @@ export interface ComponentsJson {
         utils: string;
     };
     theme: Theme;
+    font: {
+        body: FontPreset;
+        heading: FontPreset;
+    };
+    radius: number;
     tanstack: {
         router: boolean;
         query: boolean;
@@ -35,8 +257,8 @@ export interface ComponentsJson {
 export declare function promptInitConfig(registryDir?: string): Promise<InitConfig | null>;
 export declare function buildComponentsJson(config: InitConfig, repoUrl?: string): ComponentsJson;
 export declare function getCnTemplate(): string;
-export declare function getLocalTailwindCssTemplate(theme: Theme): string;
-export declare function getLegacyTailwindCssTemplate(theme: Theme): string;
+export declare function getLocalTailwindCssTemplate(theme: Theme, fontBody: FontPreset, fontHeading: FontPreset, radius: number): string;
+export declare function getLegacyTailwindCssTemplate(theme: Theme, fontBody: FontPreset, fontHeading: FontPreset, radius: number): string;
 export declare function runInit(config: InitConfig, targetDir: string, repoUrl?: string): Promise<{
     success: boolean;
     filesCreated: string[];

package/dist/commands/init.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,gBAAgB,yMAeZ,CAAC;AACX,KAAK,KAAK,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/C,MAAM,WAAW,UAAU;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE;QACR,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,OAAO,EAAE;QACP,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE;QACR,MAAM,EAAE,OAAO,CAAC;QAChB,KAAK,EAAE,OAAO,CAAC;QACf,IAAI,EAAE,OAAO,CAAC;QACd,KAAK,EAAE,OAAO,CAAC;KAChB,CAAC;CACH;AAgBD,wBAAsB,gBAAgB,CACpC,WAAW,CAAC,EAAE,MAAM,GACnB,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,CAyE5B;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,UAAU,EAClB,OAAO,CAAC,EAAE,MAAM,GACf,cAAc,CA6BhB;AAED,wBAAgB,aAAa,IAAI,MAAM,CAQtC;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAOhE;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAOjE;AA2ED,wBAAsB,OAAO,CAC3B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,MAAM,GACf,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC,CA4CvD;AAED,wBAAsB,WAAW,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CA0DjE"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,gBAAgB,yMAeZ,CAAC;AACX,KAAK,KAAK,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/C,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DR,CAAC;AACX,KAAK,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAUxD,MAAM,WAAW,UAAU;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,UAAU,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE;QACR,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,OAAO,EAAE;QACP,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU,CAAC;QACjB,OAAO,EAAE,UAAU,CAAC;KACrB,CAAC;IACF,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE;QACR,MAAM,EAAE,OAAO,CAAC;QAChB,KAAK,EAAE,OAAO,CAAC;QACf,IAAI,EAAE,OAAO,CAAC;QACd,KAAK,EAAE,OAAO,CAAC;KAChB,CAAC;CACH;AAgBD,wBAAsB,gBAAgB,CACpC,WAAW,CAAC,EAAE,MAAM,GACnB,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,CA8F5B;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,UAAU,EAClB,OAAO,CAAC,EAAE,MAAM,GACf,cAAc,CAkChB;AAED,wBAAgB,aAAa,IAAI,MAAM,CAQtC;AAOD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAa/H;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAahI;AA2ED,wBAAsB,OAAO,CAC3B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,MAAM,GACf,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC,CA4CvD;AAED,wBAAsB,WAAW,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CA0DjE"}

package/dist/commands/init.js

@@ -20,6 +20,74 @@ const AVAILABLE_THEMES = [
     "shadcn-violet",
     "shadcn-yellow",
 ];
+const FONT_PRESETS = [
+    // Sans-serif — geometric & modern
+    { name: "outfit", label: "Outfit", family: "'Outfit', system-ui, sans-serif" },
+    { name: "inter", label: "Inter", family: "'Inter', system-ui, sans-serif" },
+    { name: "geist", label: "Geist", family: "'Geist', system-ui, sans-serif" },
+    { name: "plus-jakarta-sans", label: "Plus Jakarta Sans", family: "'Plus Jakarta Sans', system-ui, sans-serif" },
+    { name: "dm-sans", label: "DM Sans", family: "'DM Sans', system-ui, sans-serif" },
+    { name: "albert-sans", label: "Albert Sans", family: "'Albert Sans', system-ui, sans-serif" },
+    { name: "general-sans", label: "General Sans", family: "'General Sans', system-ui, sans-serif" },
+    { name: "cabinet-grotesk", label: "Cabinet Grotesk", family: "'Cabinet Grotesk', system-ui, sans-serif" },
+    { name: "satoshi", label: "Satoshi", family: "'Satoshi', system-ui, sans-serif" },
+    { name: "clash-display", label: "Clash Display", family: "'Clash Display', system-ui, sans-serif" },
+    // Sans-serif — humanist & rounded
+    { name: "nunito", label: "Nunito", family: "'Nunito', system-ui, sans-serif" },
+    { name: "nunito-sans", label: "Nunito Sans", family: "'Nunito Sans', system-ui, sans-serif" },
+    { name: "rubik", label: "Rubik", family: "'Rubik', system-ui, sans-serif" },
+    { name: "poppins", label: "Poppins", family: "'Poppins', system-ui, sans-serif" },
+    { name: "manrope", label: "Manrope", family: "'Manrope', system-ui, sans-serif" },
+    { name: "sora", label: "Sora", family: "'Sora', system-ui, sans-serif" },
+    { name: "figtree", label: "Figtree", family: "'Figtree', system-ui, sans-serif" },
+    { name: "be-vietnam-pro", label: "Be Vietnam Pro", family: "'Be Vietnam Pro', system-ui, sans-serif" },
+    // Sans-serif — neo-grotesque & neutral
+    { name: "open-sans", label: "Open Sans", family: "'Open Sans', system-ui, sans-serif" },
+    { name: "roboto", label: "Roboto", family: "'Roboto', system-ui, sans-serif" },
+    { name: "lato", label: "Lato", family: "'Lato', system-ui, sans-serif" },
+    { name: "montserrat", label: "Montserrat", family: "'Montserrat', system-ui, sans-serif" },
+    { name: "raleway", label: "Raleway", family: "'Raleway', system-ui, sans-serif" },
+    { name: "work-sans", label: "Work Sans", family: "'Work Sans', system-ui, sans-serif" },
+    { name: "source-sans-3", label: "Source Sans 3", family: "'Source Sans 3', system-ui, sans-serif" },
+    { name: "barlow", label: "Barlow", family: "'Barlow', system-ui, sans-serif" },
+    { name: "red-hat-display", label: "Red Hat Display", family: "'Red Hat Display', system-ui, sans-serif" },
+    { name: "red-hat-text", label: "Red Hat Text", family: "'Red Hat Text', system-ui, sans-serif" },
+    { name: "space-grotesk", label: "Space Grotesk", family: "'Space Grotesk', system-ui, sans-serif" },
+    { name: "archivo", label: "Archivo", family: "'Archivo', system-ui, sans-serif" },
+    { name: "overpass", label: "Overpass", family: "'Overpass', system-ui, sans-serif" },
+    { name: "urbanist", label: "Urbanist", family: "'Urbanist', system-ui, sans-serif" },
+    { name: "lexend", label: "Lexend", family: "'Lexend', system-ui, sans-serif" },
+    // Serif — editorial & elegant
+    { name: "playfair-display", label: "Playfair Display", family: "'Playfair Display', Georgia, serif" },
+    { name: "lora", label: "Lora", family: "'Lora', Georgia, serif" },
+    { name: "merriweather", label: "Merriweather", family: "'Merriweather', Georgia, serif" },
+    { name: "dm-serif-display", label: "DM Serif Display", family: "'DM Serif Display', Georgia, serif" },
+    { name: "dm-serif-text", label: "DM Serif Text", family: "'DM Serif Text', Georgia, serif" },
+    { name: "fraunces", label: "Fraunces", family: "'Fraunces', Georgia, serif" },
+    { name: "source-serif-4", label: "Source Serif 4", family: "'Source Serif 4', Georgia, serif" },
+    { name: "bitter", label: "Bitter", family: "'Bitter', Georgia, serif" },
+    { name: "crimson-pro", label: "Crimson Pro", family: "'Crimson Pro', Georgia, serif" },
+    { name: "libre-baskerville", label: "Libre Baskerville", family: "'Libre Baskerville', Georgia, serif" },
+    { name: "eb-garamond", label: "EB Garamond", family: "'EB Garamond', Georgia, serif" },
+    { name: "cormorant", label: "Cormorant", family: "'Cormorant', Georgia, serif" },
+    { name: "instrument-serif", label: "Instrument Serif", family: "'Instrument Serif', Georgia, serif" },
+    { name: "young-serif", label: "Young Serif", family: "'Young Serif', Georgia, serif" },
+    // Monospace
+    { name: "jetbrains-mono", label: "JetBrains Mono", family: "'JetBrains Mono', ui-monospace, monospace" },
+    { name: "fira-code", label: "Fira Code", family: "'Fira Code', ui-monospace, monospace" },
+    { name: "source-code-pro", label: "Source Code Pro", family: "'Source Code Pro', ui-monospace, monospace" },
+    { name: "ibm-plex-mono", label: "IBM Plex Mono", family: "'IBM Plex Mono', ui-monospace, monospace" },
+    { name: "space-mono", label: "Space Mono", family: "'Space Mono', ui-monospace, monospace" },
+    // System
+    { name: "system", label: "System Default", family: "system-ui, -apple-system, sans-serif" },
+];
+const RADIUS_OPTIONS = [
+    { label: "None (0)", value: 0 },
+    { label: "Small (0.25rem)", value: 0.25 },
+    { label: "Medium (0.5rem)", value: 0.5 },
+    { label: "Large (0.75rem)", value: 0.75 },
+    { label: "Full (1rem)", value: 1.0 },
+];
 function discoverThemes(registryDir) {
     if (registryDir) {
         const themesDir = path.join(registryDir, "packages", "tokens", "src", "themes");
@@ -55,6 +123,27 @@ export async function promptInitConfig(registryDir) {
             choices: themes.map((t) => ({ title: t, value: t })),
             initial: 0,
         },
+        {
+            type: "autocomplete",
+            name: "fontBody",
+            message: "Which font for body text?",
+            choices: FONT_PRESETS.map((f) => ({ title: f.label, value: f.name })),
+            initial: 0,
+        },
+        {
+            type: "autocomplete",
+            name: "fontHeading",
+            message: "Which font for headings?",
+            choices: FONT_PRESETS.map((f) => ({ title: f.label, value: f.name })),
+            initial: 0,
+        },
+        {
+            type: "select",
+            name: "radius",
+            message: "Which border radius would you like to use?",
+            choices: RADIUS_OPTIONS.map((r) => ({ title: r.label, value: r.value })),
+            initial: 2,
+        },
         {
             type: "text",
             name: "importAlias",
@@ -117,6 +206,11 @@ export function buildComponentsJson(config, repoUrl) {
             utils: config.utilsAlias,
         },
         theme: config.theme,
+        font: {
+            body: config.fontBody,
+            heading: config.fontHeading,
+        },
+        radius: config.radius,
         tanstack: {
             router: config.tanstackRouter,
             query: config.tanstackQuery,
@@ -138,20 +232,36 @@ export function cn(...inputs: ClassValue[]) {
 }
 `;
 }
-export function getLocalTailwindCssTemplate(theme) {
+function getFontFamily(font) {
+    const preset = FONT_PRESETS.find((f) => f.name === font);
+    return preset?.family ?? "'Outfit', system-ui, sans-serif";
+}
+export function getLocalTailwindCssTemplate(theme, fontBody, fontHeading, radius) {
     return `@import "tailwindcss";
 @import "./styles/tokens/index.css";
 @import "./styles/tokens/themes/${theme}.css";
 @import "./styles/tokens/presets/typography.css";
 @import "./styles/tokens/presets/animations.css";
+
+:root {
+  --radius: ${radius}rem;
+  --font-body: ${getFontFamily(fontBody)};
+  --font-heading: ${getFontFamily(fontHeading)};
+}
 `;
 }
-export function getLegacyTailwindCssTemplate(theme) {
+export function getLegacyTailwindCssTemplate(theme, fontBody, fontHeading, radius) {
     return `@import "tailwindcss";
 @import "@company/tokens";
 @import "@company/tokens/themes/${theme}.css";
 @import "@company/tokens/presets/typography.css";
 @import "@company/tokens/presets/animations.css";
+
+:root {
+  --radius: ${radius}rem;
+  --font-body: ${getFontFamily(fontBody)};
+  --font-heading: ${getFontFamily(fontHeading)};
+}
 `;
 }
 function copyDirRecursive(src, dest) {
@@ -241,11 +351,11 @@ export async function runInit(config, targetDir, repoUrl) {
         const registryDir = getCacheDir();
         const tokenFiles = copyTokensToProject(registryDir, targetDir, config.theme);
         filesCreated.push(...tokenFiles);
-        fs.writeFileSync(cssPath, getLocalTailwindCssTemplate(config.theme));
+        fs.writeFileSync(cssPath, getLocalTailwindCssTemplate(config.theme, config.fontBody, config.fontHeading, config.radius));
     }
     else {
         // Local mode: reference @company/tokens package
-        fs.writeFileSync(cssPath, getLegacyTailwindCssTemplate(config.theme));
+        fs.writeFileSync(cssPath, getLegacyTailwindCssTemplate(config.theme, config.fontBody, config.fontHeading, config.radius));
     }
     filesCreated.push("src/index.css");
     return { success: true, filesCreated };

package/dist/commands/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/commands/theme.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAExD;AAED,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAMhF;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAgB3F;AAED,wBAAsB,cAAc,CAClC,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,MAAM,GACd,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CAoDlE;AAED,wBAAsB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,CAwBnF"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/commands/theme.ts"],"names":[],"mappings":"AAsBA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAExD;AAED,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAMhF;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAgB3F;AAED,wBAAsB,cAAc,CAClC,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,MAAM,GACd,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CAoDlE;AAED,wBAAsB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,CAwBnF"}

package/dist/commands/theme.js

@@ -2,7 +2,22 @@ import fs from "node:fs";
 import path from "node:path";
 import chalk from "chalk";
 import ora from "ora";
-const AVAILABLE_THEMES = ["monday", "linear", "notion", "vercel"];
+const AVAILABLE_THEMES = [
+    "monday",
+    "linear",
+    "notion",
+    "vercel",
+    "inai",
+    "anthropic",
+    "shadcn-default",
+    "shadcn-blue",
+    "shadcn-green",
+    "shadcn-orange",
+    "shadcn-red",
+    "shadcn-rose",
+    "shadcn-violet",
+    "shadcn-yellow",
+];
 export function resolveThemesDir(rootDir) {
     return path.join(rootDir, "packages", "tokens", "src", "themes");
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inai-react-components",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "CLI for InAI UI component library — install components from a private registry into your React project",
   "private": false,
   "type": "module",