igniteui-theming 25.0.0 → 25.0.2

package/dist/mcp/tools/schemas.d.ts

@@ -27,7 +27,7 @@ export declare const sizeKeywordSchema: z.ZodEnum<["small", "medium", "large"]>;
 /**
  * Platform schema - derived from PLATFORMS constant.
  */
-export declare const platformSchema: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor"]>>;
+export declare const platformSchema: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor", "generic"]>>;
 /**
  * Licensed package schema - for @infragistics prefixed packages.
  */
@@ -46,7 +46,7 @@ export declare const detectPlatformSchema: z.ZodObject<{
  * Schema for create_palette tool.
  */
 export declare const createPaletteSchema: z.ZodObject<{
-    platform: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor"]>>;
+    platform: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor", "generic"]>>;
     licensed: z.ZodOptional<z.ZodBoolean>;
     primary: z.ZodString;
     secondary: z.ZodString;
@@ -69,7 +69,7 @@ export declare const createPaletteSchema: z.ZodObject<{
     warn?: string | undefined;
     error?: string | undefined;
     variant?: "light" | "dark" | undefined;
-    platform?: "angular" | "webcomponents" | "react" | "blazor" | undefined;
+    platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     name?: string | undefined;
     licensed?: boolean | undefined;
     output?: "sass" | "css" | undefined;
@@ -83,7 +83,7 @@ export declare const createPaletteSchema: z.ZodObject<{
     warn?: string | undefined;
     error?: string | undefined;
     variant?: "light" | "dark" | undefined;
-    platform?: "angular" | "webcomponents" | "react" | "blazor" | undefined;
+    platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     name?: string | undefined;
     licensed?: boolean | undefined;
     output?: "sass" | "css" | undefined;
@@ -123,7 +123,7 @@ export declare const typeStyleSchema: z.ZodObject<{
  * Schema for create_typography tool.
  */
 export declare const createTypographySchema: z.ZodObject<{
-    platform: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor"]>>;
+    platform: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor", "generic"]>>;
     licensed: z.ZodOptional<z.ZodBoolean>;
     fontFamily: z.ZodString;
     designSystem: z.ZodOptional<z.ZodEnum<["material", "bootstrap", "fluent", "indigo"]>>;
@@ -159,7 +159,7 @@ export declare const createTypographySchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     fontFamily: string;
     designSystem?: "material" | "bootstrap" | "fluent" | "indigo" | undefined;
-    platform?: "angular" | "webcomponents" | "react" | "blazor" | undefined;
+    platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     name?: string | undefined;
     licensed?: boolean | undefined;
     customScale?: Record<string, {
@@ -175,7 +175,7 @@ export declare const createTypographySchema: z.ZodObject<{
 }, {
     fontFamily: string;
     designSystem?: "material" | "bootstrap" | "fluent" | "indigo" | undefined;
-    platform?: "angular" | "webcomponents" | "react" | "blazor" | undefined;
+    platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     name?: string | undefined;
     licensed?: boolean | undefined;
     customScale?: Record<string, {
@@ -193,18 +193,18 @@ export declare const createTypographySchema: z.ZodObject<{
  * Schema for create_elevations tool.
  */
 export declare const createElevationsSchema: z.ZodObject<{
-    platform: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor"]>>;
+    platform: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor", "generic"]>>;
     licensed: z.ZodOptional<z.ZodBoolean>;
     designSystem: z.ZodOptional<z.ZodEnum<["material", "indigo"]>>;
     name: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     designSystem?: "material" | "indigo" | undefined;
-    platform?: "angular" | "webcomponents" | "react" | "blazor" | undefined;
+    platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     name?: string | undefined;
     licensed?: boolean | undefined;
 }, {
     designSystem?: "material" | "indigo" | undefined;
-    platform?: "angular" | "webcomponents" | "react" | "blazor" | undefined;
+    platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     name?: string | undefined;
     licensed?: boolean | undefined;
 }>;
@@ -212,7 +212,7 @@ export declare const createElevationsSchema: z.ZodObject<{
  * Schema for create_theme tool.
  */
 export declare const createThemeSchema: z.ZodObject<{
-    platform: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor"]>>;
+    platform: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor", "generic"]>>;
     licensed: z.ZodOptional<z.ZodBoolean>;
     designSystem: z.ZodOptional<z.ZodEnum<["material", "bootstrap", "fluent", "indigo"]>>;
     primaryColor: z.ZodString;
@@ -234,7 +234,7 @@ export declare const createThemeSchema: z.ZodObject<{
     designSystem?: "material" | "bootstrap" | "fluent" | "indigo" | undefined;
     variant?: "light" | "dark" | undefined;
     fontFamily?: string | undefined;
-    platform?: "angular" | "webcomponents" | "react" | "blazor" | undefined;
+    platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     name?: string | undefined;
     licensed?: boolean | undefined;
 }, {
@@ -247,7 +247,7 @@ export declare const createThemeSchema: z.ZodObject<{
     includeElevations?: boolean | undefined;
     includeSpacing?: boolean | undefined;
     fontFamily?: string | undefined;
-    platform?: "angular" | "webcomponents" | "react" | "blazor" | undefined;
+    platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     name?: string | undefined;
     licensed?: boolean | undefined;
 }>;
@@ -264,7 +264,7 @@ export type { DesignSystem, ElevationPreset, OutputFormat, Platform, ThemeVarian
  * Schema for create_custom_palette tool.
  */
 export declare const createCustomPaletteSchema: z.ZodObject<{
-    platform: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor"]>>;
+    platform: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor", "generic"]>>;
     licensed: z.ZodOptional<z.ZodBoolean>;
     variant: z.ZodOptional<z.ZodEnum<["light", "dark"]>>;
     designSystem: z.ZodOptional<z.ZodEnum<["material", "bootstrap", "fluent", "indigo"]>>;
@@ -593,7 +593,7 @@ export declare const createCustomPaletteSchema: z.ZodObject<{
     } | undefined;
     designSystem?: "material" | "bootstrap" | "fluent" | "indigo" | undefined;
     variant?: "light" | "dark" | undefined;
-    platform?: "angular" | "webcomponents" | "react" | "blazor" | undefined;
+    platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     name?: string | undefined;
     licensed?: boolean | undefined;
     output?: "sass" | "css" | undefined;
@@ -680,7 +680,7 @@ export declare const createCustomPaletteSchema: z.ZodObject<{
     } | undefined;
     designSystem?: "material" | "bootstrap" | "fluent" | "indigo" | undefined;
     variant?: "light" | "dark" | undefined;
-    platform?: "angular" | "webcomponents" | "react" | "blazor" | undefined;
+    platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     name?: string | undefined;
     licensed?: boolean | undefined;
     output?: "sass" | "css" | undefined;
@@ -700,7 +700,7 @@ export declare const getComponentDesignTokensSchema: z.ZodObject<{
  * Schema for create_component_theme tool.
  */
 export declare const createComponentThemeSchema: z.ZodObject<{
-    platform: z.ZodEnum<["angular", "webcomponents", "react", "blazor"]>;
+    platform: z.ZodEnum<["angular", "webcomponents", "react", "blazor", "generic"]>;
     licensed: z.ZodOptional<z.ZodBoolean>;
     designSystem: z.ZodOptional<z.ZodEnum<["material", "bootstrap", "fluent", "indigo"]>>;
     variant: z.ZodOptional<z.ZodEnum<["light", "dark"]>>;
@@ -710,7 +710,7 @@ export declare const createComponentThemeSchema: z.ZodObject<{
     name: z.ZodOptional<z.ZodString>;
     output: z.ZodOptional<z.ZodEnum<["sass", "css"]>>;
 }, "strip", z.ZodTypeAny, {
-    platform: "angular" | "webcomponents" | "react" | "blazor";
+    platform: "angular" | "webcomponents" | "react" | "blazor" | "generic";
     component: string;
     tokens: Record<string, string | number>;
     designSystem?: "material" | "bootstrap" | "fluent" | "indigo" | undefined;
@@ -720,7 +720,7 @@ export declare const createComponentThemeSchema: z.ZodObject<{
     output?: "sass" | "css" | undefined;
     selector?: string | undefined;
 }, {
-    platform: "angular" | "webcomponents" | "react" | "blazor";
+    platform: "angular" | "webcomponents" | "react" | "blazor" | "generic";
     component: string;
     tokens: Record<string, string | number>;
     designSystem?: "material" | "bootstrap" | "fluent" | "indigo" | undefined;
@@ -764,26 +764,26 @@ export declare const getColorSchema: z.ZodEffects<z.ZodObject<{
 }>;
 export type GetColorParams = z.infer<typeof getColorSchema>;
 export declare const setSizeSchema: z.ZodObject<{
-    platform: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor"]>>;
+    platform: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor", "generic"]>>;
     component: z.ZodOptional<z.ZodString>;
     scope: z.ZodOptional<z.ZodString>;
     size: z.ZodUnion<[z.ZodEnum<["small", "medium", "large"]>, z.ZodNumber]>;
     output: z.ZodOptional<z.ZodEnum<["sass", "css"]>>;
 }, "strip", z.ZodTypeAny, {
     size: number | "medium" | "small" | "large";
-    platform?: "angular" | "webcomponents" | "react" | "blazor" | undefined;
+    platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     output?: "sass" | "css" | undefined;
     component?: string | undefined;
     scope?: string | undefined;
 }, {
     size: number | "medium" | "small" | "large";
-    platform?: "angular" | "webcomponents" | "react" | "blazor" | undefined;
+    platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     output?: "sass" | "css" | undefined;
     component?: string | undefined;
     scope?: string | undefined;
 }>;
 export declare const setSpacingInputSchema: z.ZodObject<{
-    platform: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor"]>>;
+    platform: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor", "generic"]>>;
     component: z.ZodOptional<z.ZodString>;
     scope: z.ZodOptional<z.ZodString>;
     spacing: z.ZodNumber;
@@ -792,7 +792,7 @@ export declare const setSpacingInputSchema: z.ZodObject<{
     output: z.ZodOptional<z.ZodEnum<["sass", "css"]>>;
 }, "strip", z.ZodTypeAny, {
     spacing: number;
-    platform?: "angular" | "webcomponents" | "react" | "blazor" | undefined;
+    platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     inline?: number | undefined;
     output?: "sass" | "css" | undefined;
     component?: string | undefined;
@@ -800,7 +800,7 @@ export declare const setSpacingInputSchema: z.ZodObject<{
     block?: number | undefined;
 }, {
     spacing: number;
-    platform?: "angular" | "webcomponents" | "react" | "blazor" | undefined;
+    platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     inline?: number | undefined;
     output?: "sass" | "css" | undefined;
     component?: string | undefined;
@@ -808,7 +808,7 @@ export declare const setSpacingInputSchema: z.ZodObject<{
     block?: number | undefined;
 }>;
 export declare const setSpacingSchema: z.ZodObject<{
-    platform: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor"]>>;
+    platform: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor", "generic"]>>;
     component: z.ZodOptional<z.ZodString>;
     scope: z.ZodOptional<z.ZodString>;
     spacing: z.ZodNumber;
@@ -817,7 +817,7 @@ export declare const setSpacingSchema: z.ZodObject<{
     output: z.ZodOptional<z.ZodEnum<["sass", "css"]>>;
 }, "strip", z.ZodTypeAny, {
     spacing: number;
-    platform?: "angular" | "webcomponents" | "react" | "blazor" | undefined;
+    platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     inline?: number | undefined;
     output?: "sass" | "css" | undefined;
     component?: string | undefined;
@@ -825,7 +825,7 @@ export declare const setSpacingSchema: z.ZodObject<{
     block?: number | undefined;
 }, {
     spacing: number;
-    platform?: "angular" | "webcomponents" | "react" | "blazor" | undefined;
+    platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     inline?: number | undefined;
     output?: "sass" | "css" | undefined;
     component?: string | undefined;
@@ -833,20 +833,20 @@ export declare const setSpacingSchema: z.ZodObject<{
     block?: number | undefined;
 }>;
 export declare const setRoundnessSchema: z.ZodObject<{
-    platform: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor"]>>;
+    platform: z.ZodOptional<z.ZodEnum<["angular", "webcomponents", "react", "blazor", "generic"]>>;
     component: z.ZodOptional<z.ZodString>;
     scope: z.ZodOptional<z.ZodString>;
     radiusFactor: z.ZodNumber;
     output: z.ZodOptional<z.ZodEnum<["sass", "css"]>>;
 }, "strip", z.ZodTypeAny, {
     radiusFactor: number;
-    platform?: "angular" | "webcomponents" | "react" | "blazor" | undefined;
+    platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     output?: "sass" | "css" | undefined;
     component?: string | undefined;
     scope?: string | undefined;
 }, {
     radiusFactor: number;
-    platform?: "angular" | "webcomponents" | "react" | "blazor" | undefined;
+    platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     output?: "sass" | "css" | undefined;
     component?: string | undefined;
     scope?: string | undefined;

package/dist/mcp/utils/sass.d.ts

@@ -42,6 +42,26 @@ export declare function generateHeader(description: string): string;
  * @returns The appropriate @use statement for the platform
  */
 export declare function generateUseStatement(platform?: Platform, licensed?: boolean): string;
+/**
+ * Generate additional @use import statements for typography and/or elevation presets.
+ *
+ * For non-Angular platforms, preset variables like `$material-type-scale` and
+ * `$material-elevations` are defined in separate sub-modules that must be
+ * explicitly imported. Angular's `igniteui-angular/theming` re-exports all
+ * presets, so no additional imports are needed.
+ *
+ * These imports use the presets index files which re-forward individual
+ * design system modules with prefixed names (e.g., `$type-scale` becomes
+ * `$material-type-scale` via `@forward './material' as material-*`).
+ *
+ * @param options - Configuration for which preset imports to include
+ * @returns Array of @use statements (empty for Angular)
+ */
+export declare function generatePresetImports(options: {
+    platform?: Platform;
+    includeTypography?: boolean;
+    includeElevations?: boolean;
+}): string[];
 /**
  * Options for generating a palette function call.
  */

package/dist/mcp/utils/sass.js

@@ -40,6 +40,21 @@ function generateUseStatement(platform, licensed) {
   }
   return "@use 'igniteui-theming' as *;";
 }
+const TYPOGRAPHY_PRESETS_PATH = "igniteui-theming/sass/typography/presets";
+const ELEVATIONS_PRESETS_PATH = "igniteui-theming/sass/elevations/presets";
+function generatePresetImports(options) {
+  if (options.platform === "angular") {
+    return [];
+  }
+  const lines = [];
+  if (options.includeTypography) {
+    lines.push(`@use '${TYPOGRAPHY_PRESETS_PATH}' as *;`);
+  }
+  if (options.includeElevations) {
+    lines.push(`@use '${ELEVATIONS_PRESETS_PATH}' as *;`);
+  }
+  return lines;
+}
 function generatePaletteCode(options) {
   const variant = options.variant ?? "light";
   const varName = options.variableName ? `$${options.variableName}` : `$custom-${variant}-palette`;
@@ -187,6 +202,7 @@ export {
   generateElevationsCode,
   generateHeader,
   generatePaletteCode,
+  generatePresetImports,
   generateTypographyCode,
   generateUseStatement,
   quoteFontFamily,

package/dist/mcp/utils/types.d.ts

@@ -14,8 +14,9 @@
  * - webcomponents: Ignite UI for Web Components (uses igniteui-theming directly)
  * - react: Ignite UI for React (uses igniteui-theming directly)
  * - blazor: Ignite UI for Blazor (uses igniteui-theming for Sass compilation)
+ * - generic: Platform-agnostic output using igniteui-theming directly (no Ignite UI product)
  */
-export declare const PLATFORMS: readonly ["angular", "webcomponents", "react", "blazor"];
+export declare const PLATFORMS: readonly ["angular", "webcomponents", "react", "blazor", "generic"];
 /**
  * Supported design systems.
  */

package/dist/mcp/utils/types.js

@@ -2,7 +2,8 @@ const PLATFORMS = [
   "angular",
   "webcomponents",
   "react",
-  "blazor"
+  "blazor",
+  "generic"
 ];
 const DESIGN_SYSTEMS = [
   "material",