@breadstone/mosaik-themes 0.0.177 → 0.0.178

package/Index.d.ts

@@ -22,7 +22,7 @@ export type { IThemeTypographyFontType } from './Theming/Utils/IThemeTypographyF
 export type { ThemeMode } from './Theming/ThemeObserver';
 export { ThemeObserver, ThemeObserverServiceLocator } from './Theming/ThemeObserver';
 export { ThemeGeneratorServiceLocator, ThemeGenerator } from './Theming/ThemeGenerator';
-export type { IThemeGeneratorStrategy } from './Theming/Strategies/IThemeGeneratorStrategy';
+export type { IThemeGeneratorStrategy } from './Theming/Strategies/interfaces/IThemeGeneratorStrategy';
 export { MaterialThemeGeneratorStrategy } from './Theming/Strategies/MaterialThemeGeneratorStrategy';
 export { JoyThemeGeneratorStrategy } from './Theming/Strategies/JoyThemeGeneratorStrategy';
 export { MemphisThemeGeneratorStrategy } from './Theming/Strategies/MemphisThemeGeneratorStrategy';

package/Index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Index.d.ts","sourceRoot":"","sources":["../src/Index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACrG,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AACrE,YAAY,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AACvE,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACzE,YAAY,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AACzF,YAAY,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,4BAA4B,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACxF,YAAY,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AAC5F,OAAO,EAAE,8BAA8B,EAAE,MAAM,qDAAqD,CAAC;AACrG,OAAO,EAAE,yBAAyB,EAAE,MAAM,gDAAgD,CAAC;AAC3F,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAC;AACnG,OAAO,EAAE,kCAAkC,EAAE,MAAM,yDAAyD,CAAC"}
+{"version":3,"file":"Index.d.ts","sourceRoot":"","sources":["../src/Index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACrG,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AACrE,YAAY,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AACvE,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACzE,YAAY,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AACzF,YAAY,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,4BAA4B,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACxF,YAAY,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAC;AACvG,OAAO,EAAE,8BAA8B,EAAE,MAAM,qDAAqD,CAAC;AACrG,OAAO,EAAE,yBAAyB,EAAE,MAAM,gDAAgD,CAAC;AAC3F,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAC;AACnG,OAAO,EAAE,kCAAkC,EAAE,MAAM,yDAAyD,CAAC"}

package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.d.ts

@@ -1,7 +1,7 @@
 import type { CssColor } from '../Utils/CssColor';
 import type { IThemePalette } from '../Utils/IThemePalette';
 import type { IThemeScheme } from '../Utils/IThemeScheme';
-import type { IThemeGeneratorStrategy } from './IThemeGeneratorStrategy';
+import type { IThemeGeneratorStrategy } from './interfaces/IThemeGeneratorStrategy';
 /**
  * Cosmopolitan theme generator strategy.
  *

package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CosmopolitanThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAKzE;;;;GAIG;AACH,qBAAa,kCAAmC,YAAW,uBAAuB;IAI9E,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAiC;;IAc5D,eAAe,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa;IA8B3E,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY;CAMnF"}
+{"version":3,"file":"CosmopolitanThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAKpF;;;;GAIG;AACH,qBAAa,kCAAmC,YAAW,uBAAuB;IAI9E,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAiC;;IAc5D,eAAe,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa;IA8B3E,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY;CAMnF"}

package/Theming/Strategies/JoyThemeGeneratorStrategy.d.ts

@@ -1,7 +1,7 @@
 import type { CssColor } from '../Utils/CssColor';
 import type { IThemePalette } from '../Utils/IThemePalette';
 import type { IThemeScheme } from '../Utils/IThemeScheme';
-import type { IThemeGeneratorStrategy } from './IThemeGeneratorStrategy';
+import type { IThemeGeneratorStrategy } from './interfaces/IThemeGeneratorStrategy';
 /**
  * Joy UI theme generator strategy.
  * Uses the same generation logic as Material Design.

package/Theming/Strategies/JoyThemeGeneratorStrategy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JoyThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/JoyThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAKzE;;;;;GAKG;AACH,qBAAa,yBAA0B,YAAW,uBAAuB;IAIrE,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAiC;;IAc5D,eAAe,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa;IAI3E,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY;CAMnF"}
+{"version":3,"file":"JoyThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/JoyThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAKpF;;;;;GAKG;AACH,qBAAa,yBAA0B,YAAW,uBAAuB;IAIrE,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAiC;;IAc5D,eAAe,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa;IAI3E,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY;CAMnF"}

package/Theming/Strategies/MaterialThemeGeneratorStrategy.d.ts

@@ -1,7 +1,7 @@
 import type { CssColor } from '../Utils/CssColor';
 import type { IThemePalette } from '../Utils/IThemePalette';
 import type { IThemeScheme } from '../Utils/IThemeScheme';
-import type { IThemeGeneratorStrategy } from './IThemeGeneratorStrategy';
+import type { IThemeGeneratorStrategy } from './interfaces/IThemeGeneratorStrategy';
 /**
  * Material Design theme generator strategy.
  *

package/Theming/Strategies/MaterialThemeGeneratorStrategy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/MaterialThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAIzE;;;;GAIG;AACH,qBAAa,8BAA+B,YAAW,uBAAuB;;IAWnE,eAAe,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa;IA8B3E,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY;CAuDnF"}
+{"version":3,"file":"MaterialThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/MaterialThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAIpF;;;;GAIG;AACH,qBAAa,8BAA+B,YAAW,uBAAuB;;IAWnE,eAAe,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa;IA8B3E,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY;CAuDnF"}

package/Theming/Strategies/MemphisThemeGeneratorStrategy.d.ts

@@ -1,7 +1,7 @@
 import type { CssColor } from '../Utils/CssColor';
 import type { IThemePalette } from '../Utils/IThemePalette';
 import type { IThemeScheme } from '../Utils/IThemeScheme';
-import type { IThemeGeneratorStrategy } from './IThemeGeneratorStrategy';
+import type { IThemeGeneratorStrategy } from './interfaces/IThemeGeneratorStrategy';
 /**
  * Memphis theme generator strategy.
  * Uses the same generation logic as Material Design.

package/Theming/Strategies/MemphisThemeGeneratorStrategy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MemphisThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/MemphisThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAKzE;;;;;GAKG;AACH,qBAAa,6BAA8B,YAAW,uBAAuB;IAIzE,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAiC;;IAc5D,eAAe,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa;IAI3E,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY;CAMnF"}
+{"version":3,"file":"MemphisThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/MemphisThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAKpF;;;;;GAKG;AACH,qBAAa,6BAA8B,YAAW,uBAAuB;IAIzE,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAiC;;IAc5D,eAAe,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa;IAI3E,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY;CAMnF"}

package/Theming/Strategies/TailwindThemeGeneratorStrategy.d.ts

@@ -0,0 +1,48 @@
+import type { CssColor } from '../Utils/CssColor';
+import type { IThemeGeneratorStrategy } from './interfaces/IThemeGeneratorStrategy';
+import type { IThemePalette } from '../Utils/IThemePalette';
+import type { IThemeScheme } from '../Utils/IThemeScheme';
+/**
+ * Tailwind-like strategy.
+ *
+ * Generates a color palette with the following shade steps:
+ * 50, 100, 200, 300, 400, 500, 600, 700, 800, 900.
+ *
+ * Each returned color is a hex string (CssColor).
+ */
+export declare class TailwindThemeGeneratorStrategy implements IThemeGeneratorStrategy {
+    /**
+     * Generates a palette of shades based on a base/accent color.
+     *
+     * @param baseColor - The base/accent color (e.g. "#3498db")
+     * @param mode - 'light' or 'dark' mode: determines how light or dark the palette extremes are.
+     * @returns An IThemePalette mapping each shade step to a hex color.
+     *
+     * Example (light mode, baseColor = blue-ish):
+     * {
+     *   "50":  "#f5faff",
+     *   "100": "#e1f3ff",
+     *   ...
+     *   "500": "#3498db",
+     *   ...
+     *   "900": "#0a2d4b"
+     * }
+     */
+    generatePalette(baseColor: CssColor, mode: 'light' | 'dark'): IThemePalette;
+    /**
+     * Generates a semantic color scheme for UI usage, based on the generated palette.
+     *
+     * @param baseColor - The base/accent color
+     * @param mode - 'light' or 'dark'
+     * @returns An IThemeScheme with semantic color roles.
+     *
+     * Returned keys:
+     * - background  → shade "50"
+     * - foreground  → shade "900"
+     * - primary     → shade "500"
+     * - accent      → shade "700"
+     * - muted       → shade "300"
+     */
+    generateScheme(baseColor: CssColor, mode: 'light' | 'dark'): IThemeScheme;
+}
+//# sourceMappingURL=TailwindThemeGeneratorStrategy.d.ts.map

package/Theming/Strategies/TailwindThemeGeneratorStrategy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TailwindThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/TailwindThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AACpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D;;;;;;;GAOG;AACH,qBAAa,8BAA+B,YAAW,uBAAuB;IAE1E;;;;;;;;;;;;;;;;OAgBG;IACI,eAAe,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,aAAa;IAkBlF;;;;;;;;;;;;;OAaG;IACI,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,YAAY;CAYnF"}

package/Theming/Strategies/TailwindThemeGeneratorStrategy.js

@@ -0,0 +1,69 @@
+// themeStrategies.ts
+import chroma from 'chroma-js';
+/**
+ * Tailwind-like strategy.
+ *
+ * Generates a color palette with the following shade steps:
+ * 50, 100, 200, 300, 400, 500, 600, 700, 800, 900.
+ *
+ * Each returned color is a hex string (CssColor).
+ */
+export class TailwindThemeGeneratorStrategy {
+    /**
+     * Generates a palette of shades based on a base/accent color.
+     *
+     * @param baseColor - The base/accent color (e.g. "#3498db")
+     * @param mode - 'light' or 'dark' mode: determines how light or dark the palette extremes are.
+     * @returns An IThemePalette mapping each shade step to a hex color.
+     *
+     * Example (light mode, baseColor = blue-ish):
+     * {
+     *   "50":  "#f5faff",
+     *   "100": "#e1f3ff",
+     *   ...
+     *   "500": "#3498db",
+     *   ...
+     *   "900": "#0a2d4b"
+     * }
+     */
+    generatePalette(baseColor, mode) {
+        const steps = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
+        const base = chroma(baseColor);
+        const [h, s] = base.hsl();
+        const palette = {};
+        steps.forEach((step, idx) => {
+            const t = idx / (steps.length - 1);
+            const lightness = mode === 'light'
+                ? 0.95 - t * 0.6 // from ~95% light → ~35% light
+                : 0.15 + t * 0.6; // from ~15% light → ~75% light
+            const col = chroma.hsl(h, s, lightness);
+            palette[step.toString()] = col.hex();
+        });
+        return palette;
+    }
+    /**
+     * Generates a semantic color scheme for UI usage, based on the generated palette.
+     *
+     * @param baseColor - The base/accent color
+     * @param mode - 'light' or 'dark'
+     * @returns An IThemeScheme with semantic color roles.
+     *
+     * Returned keys:
+     * - background  → shade "50"
+     * - foreground  → shade "900"
+     * - primary     → shade "500"
+     * - accent      → shade "700"
+     * - muted       → shade "300"
+     */
+    generateScheme(baseColor, mode) {
+        const p = this.generatePalette(baseColor, mode);
+        return {
+            background: p['50'],
+            foreground: p['900'],
+            primary: p['500'],
+            accent: p['700'],
+            muted: p['300']
+        };
+    }
+}
+//# sourceMappingURL=TailwindThemeGeneratorStrategy.js.map

package/Theming/Strategies/TailwindThemeGeneratorStrategy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TailwindThemeGeneratorStrategy.js","sourceRoot":"","sources":["../../../src/Theming/Strategies/TailwindThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAAA,qBAAqB;AAErB,OAAO,MAAM,MAAM,WAAW,CAAC;AAM/B;;;;;;;GAOG;AACH,MAAM,OAAO,8BAA8B;IAEvC;;;;;;;;;;;;;;;;OAgBG;IACI,eAAe,CAAC,SAAmB,EAAE,IAAsB;QAC9D,MAAM,KAAK,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QAChE,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAC/B,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC1B,MAAM,OAAO,GAA6B,EAAE,CAAC;QAE7C,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;YACxB,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACnC,MAAM,SAAS,GAAG,IAAI,KAAK,OAAO;gBAC9B,CAAC,CAAC,IAAI,GAAG,CAAC,GAAG,GAAG,CAAG,+BAA+B;gBAClD,CAAC,CAAC,IAAI,GAAG,CAAC,GAAG,GAAG,CAAC,CAAE,+BAA+B;YACtD,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;YACxC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,EAAc,CAAC;QACrD,CAAC,CAAC,CAAC;QAEH,OAAO,OAAO,CAAC;IACnB,CAAC;IAED;;;;;;;;;;;;;OAaG;IACI,cAAc,CAAC,SAAmB,EAAE,IAAsB;QAC7D,MAAM,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAEhD,OAAO;YACH,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC;YACnB,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC;YACpB,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC;YACjB,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC;YAChB,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC;SAClB,CAAC;IACN,CAAC;CAEJ"}

package/Theming/Strategies/index.d.ts

@@ -1,6 +1,7 @@
-export { IThemeGeneratorStrategy } from './IThemeGeneratorStrategy';
+export type { IThemeGeneratorStrategy } from './interfaces/IThemeGeneratorStrategy';
 export { MaterialThemeGeneratorStrategy } from './MaterialThemeGeneratorStrategy';
 export { JoyThemeGeneratorStrategy } from './JoyThemeGeneratorStrategy';
 export { MemphisThemeGeneratorStrategy } from './MemphisThemeGeneratorStrategy';
 export { CosmopolitanThemeGeneratorStrategy } from './CosmopolitanThemeGeneratorStrategy';
+export { TailwindThemeGeneratorStrategy } from './TailwindThemeGeneratorStrategy';
 //# sourceMappingURL=index.d.ts.map

package/Theming/Strategies/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Theming/Strategies/index.ts"],"names":[],"mappings":"AAEA,YAAY,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AACpF,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC"}

package/Theming/Strategies/index.js

@@ -3,5 +3,6 @@ export { MaterialThemeGeneratorStrategy } from './MaterialThemeGeneratorStrategy
 export { JoyThemeGeneratorStrategy } from './JoyThemeGeneratorStrategy';
 export { MemphisThemeGeneratorStrategy } from './MemphisThemeGeneratorStrategy';
 export { CosmopolitanThemeGeneratorStrategy } from './CosmopolitanThemeGeneratorStrategy';
+export { TailwindThemeGeneratorStrategy } from './TailwindThemeGeneratorStrategy';
 // #endregion
 //# sourceMappingURL=index.js.map

package/Theming/Strategies/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Theming/Strategies/index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAGlB,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAE1F,aAAa"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Theming/Strategies/index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAGlB,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAElF,aAAa"}

package/Theming/Strategies/interfaces/IThemeGeneratorStrategy.d.ts

@@ -0,0 +1,27 @@
+import type { CssColor } from '../../Utils/CssColor';
+import type { IThemePalette } from '../../Utils/IThemePalette';
+import type { IThemeScheme } from '../../Utils/IThemeScheme';
+/**
+ * Strategy interface for theme-specific palette and scheme generation.
+ *
+ * @public
+ */
+export interface IThemeGeneratorStrategy {
+    /**
+     * Generates a color palette for the theme.
+     *
+     * @param baseColor - The base color to generate the palette from
+     * @param mode - The color mode (dark or light)
+     * @returns The generated palette
+     */
+    generatePalette(baseColor: CssColor, mode: 'dark' | 'light'): IThemePalette;
+    /**
+     * Generates a color scheme for the theme.
+     *
+     * @param baseColor - The base color to generate the scheme from
+     * @param mode - The color mode (dark or light)
+     * @returns The generated scheme
+     */
+    generateScheme(baseColor: CssColor, mode: 'dark' | 'light'): IThemeScheme;
+}
+//# sourceMappingURL=IThemeGeneratorStrategy.d.ts.map

package/Theming/Strategies/interfaces/IThemeGeneratorStrategy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IThemeGeneratorStrategy.d.ts","sourceRoot":"","sources":["../../../../src/Theming/Strategies/interfaces/IThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7D;;;;GAIG;AACH,MAAM,WAAW,uBAAuB;IAEpC;;;;;;OAMG;IACH,eAAe,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa,CAAC;IAE5E;;;;;;OAMG;IACH,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY,CAAC;CAE7E"}

package/Theming/Strategies/interfaces/IThemeGeneratorStrategy.js

@@ -0,0 +1,3 @@
+// #region Imports
+export {};
+//# sourceMappingURL=IThemeGeneratorStrategy.js.map

package/Theming/Strategies/interfaces/IThemeGeneratorStrategy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IThemeGeneratorStrategy.js","sourceRoot":"","sources":["../../../../src/Theming/Strategies/interfaces/IThemeGeneratorStrategy.ts"],"names":[],"mappings":"AAAA,kBAAkB"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-themes",
-    "version": "0.0.177",
+    "version": "0.0.178",
     "description": "Mosaik elements various themes.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -15,7 +15,7 @@
         "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "^0.0.177",
+        "@breadstone/mosaik-elements": "^0.0.178",
         "chroma-js": "^3.2.0",
         "tslib": "^2.8.1"
     },
@@ -25,49 +25,49 @@
             "types": "./Index.d.ts"
         },
         "./scss": "./_index.scss",
-        "./tailwind/v3/bootstrap": {
-            "import": "./tailwind/v3/mosaik-bootstrap.tailwind.config.cjs",
-            "require": "./tailwind/v3/mosaik-bootstrap.tailwind.config.cjs"
+        "./tailwind/v3/presets/bootstrap": {
+            "import": "./tailwind/v3/presets/mosaik-bootstrap.tailwind.presets.cjs",
+            "require": "./tailwind/v3/presets/mosaik-bootstrap.tailwind.presets.cjs"
         },
         "./tailwind/v3/plugins/bootstrap": {
             "import": "./tailwind/v3/plugins/mosaik-bootstrap.tailwind.plugin.cjs",
             "require": "./tailwind/v3/plugins/mosaik-bootstrap.tailwind.plugin.cjs"
         },
-        "./tailwind/v3/cosmopolitan": {
-            "import": "./tailwind/v3/mosaik-cosmopolitan.tailwind.config.cjs",
-            "require": "./tailwind/v3/mosaik-cosmopolitan.tailwind.config.cjs"
+        "./tailwind/v3/presets/cosmopolitan": {
+            "import": "./tailwind/v3/presets/mosaik-cosmopolitan.tailwind.presets.cjs",
+            "require": "./tailwind/v3/presets/mosaik-cosmopolitan.tailwind.presets.cjs"
         },
         "./tailwind/v3/plugins/cosmopolitan": {
             "import": "./tailwind/v3/plugins/mosaik-cosmopolitan.tailwind.plugin.cjs",
             "require": "./tailwind/v3/plugins/mosaik-cosmopolitan.tailwind.plugin.cjs"
         },
-        "./tailwind/v3/fluent": {
-            "import": "./tailwind/v3/mosaik-fluent.tailwind.config.cjs",
-            "require": "./tailwind/v3/mosaik-fluent.tailwind.config.cjs"
+        "./tailwind/v3/presets/fluent": {
+            "import": "./tailwind/v3/presets/mosaik-fluent.tailwind.presets.cjs",
+            "require": "./tailwind/v3/presets/mosaik-fluent.tailwind.presets.cjs"
         },
         "./tailwind/v3/plugins/fluent": {
             "import": "./tailwind/v3/plugins/mosaik-fluent.tailwind.plugin.cjs",
             "require": "./tailwind/v3/plugins/mosaik-fluent.tailwind.plugin.cjs"
         },
-        "./tailwind/v3/joy": {
-            "import": "./tailwind/v3/mosaik-joy.tailwind.config.cjs",
-            "require": "./tailwind/v3/mosaik-joy.tailwind.config.cjs"
+        "./tailwind/v3/presets/joy": {
+            "import": "./tailwind/v3/presets/mosaik-joy.tailwind.presets.cjs",
+            "require": "./tailwind/v3/presets/mosaik-joy.tailwind.presets.cjs"
         },
         "./tailwind/v3/plugins/joy": {
             "import": "./tailwind/v3/plugins/mosaik-joy.tailwind.plugin.cjs",
             "require": "./tailwind/v3/plugins/mosaik-joy.tailwind.plugin.cjs"
         },
-        "./tailwind/v3/material": {
-            "import": "./tailwind/v3/mosaik-material.tailwind.config.cjs",
-            "require": "./tailwind/v3/mosaik-material.tailwind.config.cjs"
+        "./tailwind/v3/presets/material": {
+            "import": "./tailwind/v3/presets/mosaik-material.tailwind.presets.cjs",
+            "require": "./tailwind/v3/presets/mosaik-material.tailwind.presets.cjs"
         },
         "./tailwind/v3/plugins/material": {
             "import": "./tailwind/v3/plugins/mosaik-material.tailwind.plugin.cjs",
             "require": "./tailwind/v3/plugins/mosaik-material.tailwind.plugin.cjs"
         },
-        "./tailwind/v3/memphis": {
-            "import": "./tailwind/v3/mosaik-memphis.tailwind.config.cjs",
-            "require": "./tailwind/v3/mosaik-memphis.tailwind.config.cjs"
+        "./tailwind/v3/presets/memphis": {
+            "import": "./tailwind/v3/presets/mosaik-memphis.tailwind.presets.cjs",
+            "require": "./tailwind/v3/presets/mosaik-memphis.tailwind.presets.cjs"
         },
         "./tailwind/v3/plugins/memphis": {
             "import": "./tailwind/v3/plugins/mosaik-memphis.tailwind.plugin.cjs",