@sonny-ui/core 0.1.0-alpha.11 → 0.1.0-alpha.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonny-ui/core",
-  "version": "0.1.0-alpha.11",
+  "version": "0.1.0-alpha.12",
   "description": "Angular UI component library inspired by shadcn/ui — signals, zoneless, Tailwind CSS v4",
   "peerDependencies": {
     "@angular/common": "^21.0.0",

package/schematics/ng-add/index.js

@@ -21,6 +21,33 @@ function ngAdd(options) {
                 context.logger.info('Added SonnyUI theme import to styles.css');
             }
         }
+        // Add provideSonnyUI to app.config.ts
+        const configPath = 'src/app/app.config.ts';
+        if (tree.exists(configPath)) {
+            let configContent = tree.read(configPath).toString('utf-8');
+            const theme = options.theme || 'light';
+            if (!configContent.includes('provideSonnyUI')) {
+                // Add import statement
+                const importLine = `import { provideSonnyUI } from '@sonny-ui/core';\n`;
+                const lastImportIndex = configContent.lastIndexOf('import ');
+                const lastImportEnd = configContent.indexOf('\n', lastImportIndex);
+                configContent =
+                    configContent.slice(0, lastImportEnd + 1) +
+                        importLine +
+                        configContent.slice(lastImportEnd + 1);
+                // Add provider to providers array
+                const providersMatch = configContent.match(/providers\s*:\s*\[/);
+                if (providersMatch && providersMatch.index !== undefined) {
+                    const insertPos = providersMatch.index + providersMatch[0].length;
+                    configContent =
+                        configContent.slice(0, insertPos) +
+                            `\n    provideSonnyUI({ defaultTheme: '${theme}' }),` +
+                            configContent.slice(insertPos);
+                }
+                tree.overwrite(configPath, configContent);
+                context.logger.info('Added provideSonnyUI to app.config.ts');
+            }
+        }
         return tree;
     };
 }

package/schematics/ng-generate/component/index.js

@@ -393,12 +393,12 @@ function generateComponent(options) {
         // Ensure cn.ts utility exists
         const cnTargetPath = `${targetDir}/utils/cn.ts`;
         if (!tree.exists(cnTargetPath)) {
-            const cnContent = `import { clsx, type ClassValue } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-export function cn(...inputs: ClassValue[]): string {
-  return twMerge(clsx(inputs));
-}
+            const cnContent = `import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]): string {
+  return twMerge(clsx(inputs));
+}
 `;
             tree.create(cnTargetPath, cnContent);
             context.logger.info('Created utils/cn.ts');

package/schematics/ng-generate/component/schema.json

@@ -1,32 +1,32 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "$id": "SonnyUIGenerateComponentSchema",
-  "title": "SonnyUI component generator (copy-paste style)",
-  "type": "object",
-  "properties": {
-    "name": {
-      "type": "string",
-      "description": "The component to copy (accordion, alert, avatar, badge, breadcrumb, button, button-group, calendar, card, carousel, chat-bubble, checkbox, combobox, diff, divider, dock, drawer, dropdown, fab, fieldset, file-input, indicator, input, kbd, link, list, loader, modal, navbar, pagination, progress, radial-progress, radio, rating, select, sheet, skeleton, slider, stat, status, steps, switch, table, tabs, textarea, timeline, toast, toggle, tooltip, validator).",
-      "$default": {
-        "$source": "argv",
-        "index": 0
-      }
-    },
-    "path": {
-      "type": "string",
-      "default": "src/app/ui",
-      "description": "The path to copy the component into."
-    },
-    "prefix": {
-      "type": "string",
-      "default": "sny",
-      "description": "The prefix to use for selectors."
-    },
-    "skipTests": {
-      "type": "boolean",
-      "default": false,
-      "description": "Skip copying test files."
-    }
-  },
-  "required": ["name"]
-}
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "SonnyUIGenerateComponentSchema",
+  "title": "SonnyUI component generator (copy-paste style)",
+  "type": "object",
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "The component to copy (accordion, alert, avatar, badge, breadcrumb, button, button-group, calendar, card, carousel, chat-bubble, checkbox, combobox, diff, divider, dock, drawer, dropdown, fab, fieldset, file-input, indicator, input, kbd, link, list, loader, modal, navbar, pagination, progress, radial-progress, radio, rating, select, sheet, skeleton, slider, stat, status, steps, switch, table, tabs, textarea, timeline, toast, toggle, tooltip, validator).",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      }
+    },
+    "path": {
+      "type": "string",
+      "default": "src/app/ui",
+      "description": "The path to copy the component into."
+    },
+    "prefix": {
+      "type": "string",
+      "default": "sny",
+      "description": "The prefix to use for selectors."
+    },
+    "skipTests": {
+      "type": "boolean",
+      "default": false,
+      "description": "Skip copying test files."
+    }
+  },
+  "required": ["name"]
+}

package/types/sonny-ui-core.d.ts

@@ -13,7 +13,7 @@ declare function cn(...inputs: ClassValue[]): string;
 
 interface SonnyConfig {
     prefix?: string;
-    defaultTheme?: 'light' | 'dark' | 'corporate';
+    defaultTheme?: 'light' | 'dark' | 'corporate' | 'system';
 }
 declare const SNY_CONFIG: InjectionToken<SonnyConfig>;
 declare function provideSonnyUI(config?: Partial<SonnyConfig>): EnvironmentProviders;
@@ -22,11 +22,14 @@ type Theme = 'light' | 'dark' | 'corporate';
 declare class ThemeService {
     private readonly document;
     private readonly isBrowser;
+    private readonly config;
     private readonly _theme;
     readonly theme: _angular_core.Signal<Theme>;
     readonly isDark: _angular_core.Signal<boolean>;
+    constructor();
     setTheme(theme: Theme): void;
     toggleDark(): void;
+    private resolveInitialTheme;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
 }