@tstdl/base 0.81.22 → 0.81.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tstdl/base",
-  "version": "0.81.22",
+  "version": "0.81.23",
   "author": "Patrick Hein",
   "publishConfig": {
     "access": "public"
@@ -17,7 +17,7 @@
   "dependencies": {
     "luxon": "^3.1",
     "reflect-metadata": "^0.1",
-    "rxjs": "^7.6",
+    "rxjs": "^7.8",
     "type-fest": "^2.19"
   },
   "devDependencies": {
@@ -47,7 +47,7 @@
     "koa": "^2.14",
     "minio": "^7.0",
     "mjml": "^4.13",
-    "mongodb": "4.12",
+    "mongodb": "4.13",
     "nodemailer": "^6.8",
     "puppeteer": "^19.4",
     "undici": "^5.14",

package/rxjs/index.d.ts

@@ -1,5 +1,6 @@
 export * from './cast';
 export * from './intersection-observer';
+export * from './media-query';
 export * from './mutation-observer';
 export * from './noop';
 export * from './performance-observer';

package/rxjs/index.js

@@ -16,6 +16,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./cast"), exports);
 __exportStar(require("./intersection-observer"), exports);
+__exportStar(require("./media-query"), exports);
 __exportStar(require("./mutation-observer"), exports);
 __exportStar(require("./noop"), exports);
 __exportStar(require("./performance-observer"), exports);

package/rxjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../source/rxjs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,0DAAwC;AACxC,sDAAoC;AACpC,yCAAuB;AACvB,yDAAuC;AACvC,oDAAkC;AAClC,kDAAgC;AAChC,+CAA6B;AAC7B,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../source/rxjs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,0DAAwC;AACxC,gDAA8B;AAC9B,sDAAoC;AACpC,yCAAuB;AACvB,yDAAuC;AACvC,oDAAkC;AAClC,kDAAgC;AAChC,+CAA6B;AAC7B,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB"}

package/rxjs/media-query.d.ts

@@ -0,0 +1,6 @@
+import type { Observable } from 'rxjs';
+/**
+ * creates an observable that emits whether the query matches
+ * @param query query to watch
+ */
+export declare function observeMediaQuery(query: string): Observable<boolean>;

package/rxjs/media-query.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.observeMediaQuery = void 0;
+const rxjs_1 = require("rxjs");
+/**
+ * creates an observable that emits whether the query matches
+ * @param query query to watch
+ */
+function observeMediaQuery(query) {
+    const mediaQueryList = window.matchMedia(query);
+    return (0, rxjs_1.fromEvent)(mediaQueryList, 'change').pipe((0, rxjs_1.map)(() => mediaQueryList.matches));
+}
+exports.observeMediaQuery = observeMediaQuery;
+//# sourceMappingURL=media-query.js.map

package/rxjs/media-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-query.js","sourceRoot":"","sources":["../../source/rxjs/media-query.ts"],"names":[],"mappings":";;;AACA,+BAAsC;AAEtC;;;GAGG;AACH,SAAgB,iBAAiB,CAAC,KAAa;IAC7C,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAChD,OAAO,IAAA,gBAAS,EAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAA,UAAG,EAAC,GAAG,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;AACrF,CAAC;AAHD,8CAGC"}

package/tailwind/colors.d.ts

@@ -1,4 +1,4 @@
-import type { Theme } from "../css/theme";
+import type { Theme } from "../theme";
 export declare type TailwindPalette = {
     DEFAULT: string;
     50: string;
@@ -12,5 +12,6 @@ export declare type TailwindPalette = {
     800: string;
     900: string;
 };
-export declare function generateTailwindColors(theme: Theme): Record<string, TailwindPalette>;
+export declare function generateTailwindColorsFromTheme(theme: Theme): Record<string, TailwindPalette>;
+export declare function generateTailwindColorsFromThemeColors(colors: string[]): Record<string, TailwindPalette>;
 export declare function generateTailwindPalette(name: string): TailwindPalette;

package/tailwind/colors.js

@@ -1,17 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateTailwindPalette = exports.generateTailwindColors = void 0;
+exports.generateTailwindPalette = exports.generateTailwindColorsFromThemeColors = exports.generateTailwindColorsFromTheme = void 0;
 const object_1 = require("../utils/object/object");
-const type_guards_1 = require("../utils/type-guards");
-function generateTailwindColors(theme) {
-    const entries = (0, object_1.objectEntries)(theme.colors)
-        .map(([colorName, value]) => {
-        const name = (0, type_guards_1.isString)(value) ? colorName : (value.name ?? colorName);
-        return [name, generateTailwindPalette(name)];
-    });
+function generateTailwindColorsFromTheme(theme) {
+    const colors = (0, object_1.objectKeys)(theme.palette);
+    return generateTailwindColorsFromThemeColors(colors);
+}
+exports.generateTailwindColorsFromTheme = generateTailwindColorsFromTheme;
+function generateTailwindColorsFromThemeColors(colors) {
+    const entries = colors
+        .flatMap((color) => [[color, generateTailwindPalette(color)], [`${color}-contrast`, generateTailwindPalette(color)]]);
     return Object.fromEntries(entries);
 }
-exports.generateTailwindColors = generateTailwindColors;
+exports.generateTailwindColorsFromThemeColors = generateTailwindColorsFromThemeColors;
 function generateTailwindPalette(name) {
     return {
         /* eslint-disable @typescript-eslint/naming-convention */

package/tailwind/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../source/tailwind/colors.ts"],"names":[],"mappings":";;;AACA,mDAAsD;AACtD,sDAA+C;AAkB/C,SAAgB,sBAAsB,CAAC,KAAY;IACjD,MAAM,OAAO,GAAG,IAAA,sBAAa,EAAC,KAAK,CAAC,MAAM,CAAC;SACxC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE;QAC1B,MAAM,IAAI,GAAG,IAAA,sBAAQ,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;QACrE,OAAO,CAAC,IAAI,EAAE,uBAAuB,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEL,OAAO,MAAM,CAAC,WAAW,CAAC,OAAO,CAAoC,CAAC;AACxE,CAAC;AARD,wDAQC;AAED,SAAgB,uBAAuB,CAAC,IAAY;IAClD,OAAO;QACL,yDAAyD;QACzD,OAAO,EAAE,eAAe,IAAI,GAAG;QAC/B,EAAE,EAAE,eAAe,IAAI,MAAM;QAC7B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,wDAAwD;KACzD,CAAC;AACJ,CAAC;AAhBD,0DAgBC"}
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../source/tailwind/colors.ts"],"names":[],"mappings":";;;AACA,mDAAmD;AAkBnD,SAAgB,+BAA+B,CAAC,KAAY;IAC1D,MAAM,MAAM,GAAG,IAAA,mBAAU,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACzC,OAAO,qCAAqC,CAAC,MAAM,CAAC,CAAC;AACvD,CAAC;AAHD,0EAGC;AAED,SAAgB,qCAAqC,CAAC,MAAgB;IACpE,MAAM,OAAO,GAAG,MAAM;SACnB,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,KAAK,WAAW,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAExH,OAAO,MAAM,CAAC,WAAW,CAAC,OAAO,CAAoC,CAAC;AACxE,CAAC;AALD,sFAKC;AAED,SAAgB,uBAAuB,CAAC,IAAY;IAClD,OAAO;QACL,yDAAyD;QACzD,OAAO,EAAE,eAAe,IAAI,GAAG;QAC/B,EAAE,EAAE,eAAe,IAAI,MAAM;QAC7B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,GAAG,EAAE,eAAe,IAAI,OAAO;QAC/B,wDAAwD;KACzD,CAAC;AACJ,CAAC;AAhBD,0DAgBC"}

package/theme/adapters/css-adapter.d.ts

@@ -0,0 +1,5 @@
+import type { ThemeService } from '../theme-service';
+export interface CssThemeAdapter {
+    destroy(): void;
+}
+export declare function cssThemeAdapter(themeService: ThemeService<any>): CssThemeAdapter;

package/theme/adapters/css-adapter.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cssThemeAdapter = void 0;
+const object_1 = require("../../utils/object");
+const string_1 = require("../../utils/string");
+const theme_service_1 = require("../theme-service");
+function cssThemeAdapter(themeService) {
+    const variablesStyleElement = document.createElement('style');
+    const classesStyleElement = document.createElement('style');
+    const classes = generateClasses(themeService.colors);
+    classesStyleElement.innerHTML = classes.join('\n');
+    themeService.calculatedTheme$.subscribe((theme) => {
+        const variables = generateVariables(theme.palette);
+        variablesStyleElement.innerHTML = `:root {
+  ${variables.join('\n')}
+}`;
+    });
+    document.head.appendChild(variablesStyleElement);
+    document.head.appendChild(classesStyleElement);
+    return {
+        destroy() {
+            variablesStyleElement.remove();
+            classesStyleElement.remove();
+        }
+    };
+}
+exports.cssThemeAdapter = cssThemeAdapter;
+function generateVariables(palette) {
+    const entries = (0, object_1.objectEntries)(palette);
+    return entries.flatMap(([color, { main, contrast }]) => [
+        `--color-${(0, string_1.hyphenate)(color)}: ${main.base};`,
+        ...theme_service_1.themeColorTones.map((tone) => `--color-${(0, string_1.hyphenate)(color)}-${tone}: ${main[tone]};`),
+        `--color-${(0, string_1.hyphenate)(color)}-contrast: ${contrast.base};`,
+        ...theme_service_1.themeColorTones.map((tone) => `--color-${(0, string_1.hyphenate)(color)}-contrast-${tone}: ${contrast[tone]};`)
+    ]);
+}
+function generateClasses(colors) {
+    const classes = [];
+    for (const color of colors) {
+        classes.push(`.theme-color-${color} {
+  background-color: var(--color-${(0, string_1.hyphenate)(color)});
+  color: var(--color-${(0, string_1.hyphenate)(color)}-contrast);
+}`);
+        for (const tone of theme_service_1.themeColorTones) {
+            classes.push(`.theme-color-${color}-${tone} {
+  background-color: var(--color-${(0, string_1.hyphenate)(color)}-${tone});
+  color: var(--color-${(0, string_1.hyphenate)(color)}-contrast-${tone});
+}`);
+        }
+    }
+    return classes;
+}
+//# sourceMappingURL=css-adapter.js.map

package/theme/adapters/css-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-adapter.js","sourceRoot":"","sources":["../../../source/theme/adapters/css-adapter.ts"],"names":[],"mappings":";;;AAAA,+CAA+C;AAC/C,+CAA2C;AAE3C,oDAAmD;AAMnD,SAAgB,eAAe,CAAC,YAA+B;IAC7D,MAAM,qBAAqB,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9D,MAAM,mBAAmB,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAE5D,MAAM,OAAO,GAAG,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACrD,mBAAmB,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEnD,YAAY,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;QAChD,MAAM,SAAS,GAAG,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAEnD,qBAAqB,CAAC,SAAS,GAAG;IAClC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;EACtB,CAAC;IACD,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;IACjD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;IAE/C,OAAO;QACL,OAAO;YACL,qBAAqB,CAAC,MAAM,EAAE,CAAC;YAC/B,mBAAmB,CAAC,MAAM,EAAE,CAAC;QAC/B,CAAC;KACF,CAAC;AACJ,CAAC;AAxBD,0CAwBC;AAED,SAAS,iBAAiB,CAAC,OAA0B;IACnD,MAAM,OAAO,GAAG,IAAA,sBAAa,EAAC,OAAO,CAAC,CAAC;IAEvC,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;QACtD,WAAW,IAAA,kBAAS,EAAC,KAAK,CAAC,KAAK,IAAI,CAAC,IAAI,GAAG;QAC5C,GAAG,+BAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,IAAA,kBAAS,EAAC,KAAK,CAAC,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;QAEvF,WAAW,IAAA,kBAAS,EAAC,KAAK,CAAC,cAAc,QAAQ,CAAC,IAAI,GAAG;QACzD,GAAG,+BAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,IAAA,kBAAS,EAAC,KAAK,CAAC,aAAa,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC;KACrG,CAAC,CAAC;AACL,CAAC;AAED,SAAS,eAAe,CAAC,MAAgB;IACvC,MAAM,OAAO,GAAa,EAAE,CAAC;IAE7B,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE;QAC1B,OAAO,CAAC,IAAI,CACV,gBAAgB,KAAK;kCACO,IAAA,kBAAS,EAAC,KAAK,CAAC;uBAC3B,IAAA,kBAAS,EAAC,KAAK,CAAC;EACrC,CACG,CAAC;QAEF,KAAK,MAAM,IAAI,IAAI,+BAAe,EAAE;YAClC,OAAO,CAAC,IAAI,CACV,gBAAgB,KAAK,IAAI,IAAI;kCACH,IAAA,kBAAS,EAAC,KAAK,CAAC,IAAI,IAAI;uBACnC,IAAA,kBAAS,EAAC,KAAK,CAAC,aAAa,IAAI;EACtD,CACK,CAAC;SACH;KACF;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/theme/index.d.ts

@@ -0,0 +1 @@
+export * from './theme-service';

package/{css/theme → theme}/index.js

@@ -14,6 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./theme.model"), exports);
-__exportStar(require("./theme.service"), exports);
+__exportStar(require("./theme-service"), exports);
 //# sourceMappingURL=index.js.map

package/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../source/theme/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC"}

package/theme/theme-service.d.ts

@@ -0,0 +1,49 @@
+import type { UnionToTuple } from "../types";
+import type { Observable } from 'rxjs';
+export declare type CalculatedPalette<Colors extends string = string> = {
+    [Color in Colors]: {
+        main: ColorTones;
+        contrast: ColorTones;
+    };
+};
+export declare type CalculatedTheme<Colors extends string = string> = {
+    name: string;
+    palette: CalculatedPalette<Colors>;
+};
+export declare type PaletteColor = string | {
+    main: string;
+    contrast?: string;
+};
+export declare type Theme<Colors extends string = string> = {
+    name: string;
+    palette: Palette<Colors>;
+};
+export declare type Palette<Colors extends string = string> = {
+    [Color in Colors]: PaletteColor;
+};
+export declare type ColorTones = {
+    base: string;
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const themeColorTones: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
+export declare class ThemeService<Colors extends string = string> {
+    private readonly themeSubject;
+    private readonly calculatedThemeSubject;
+    private readonly defaultTheme;
+    readonly colors: UnionToTuple<Colors>;
+    readonly theme$: Observable<Theme<Colors>>;
+    readonly calculatedTheme$: Observable<CalculatedTheme<Colors>>;
+    get theme(): Theme<Colors>;
+    get calculatedTheme(): CalculatedTheme<Colors>;
+    constructor(defaultTheme: Theme<Colors>);
+    setTheme(theme: Theme<Colors> | undefined): void;
+}

package/theme/theme-service.js

@@ -0,0 +1,168 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeService = exports.themeColorTones = void 0;
+const container_1 = require("../container");
+const array_1 = require("../utils/array/array");
+const object_1 = require("../utils/object/object");
+const type_guards_1 = require("../utils/type-guards");
+const chroma = require("chroma-js");
+const rxjs_1 = require("rxjs");
+const white = chroma('white');
+const black = chroma('black');
+exports.themeColorTones = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
+let ThemeService = class ThemeService {
+    themeSubject;
+    calculatedThemeSubject;
+    defaultTheme;
+    colors;
+    theme$;
+    calculatedTheme$;
+    get theme() {
+        return this.themeSubject.value;
+    }
+    get calculatedTheme() {
+        return this.calculatedThemeSubject.value;
+    }
+    constructor(defaultTheme) {
+        this.defaultTheme = defaultTheme;
+        this.colors = (0, object_1.objectKeys)(defaultTheme.palette);
+        this.themeSubject = new rxjs_1.BehaviorSubject(undefined);
+        this.calculatedThemeSubject = new rxjs_1.BehaviorSubject(undefined);
+        this.theme$ = this.themeSubject.asObservable();
+        this.calculatedTheme$ = this.calculatedThemeSubject.asObservable();
+        this.setTheme(undefined);
+    }
+    setTheme(theme) {
+        const newTheme = theme ?? this.defaultTheme;
+        const calculatedTheme = calculateTheme(newTheme);
+        this.themeSubject.next(newTheme);
+        this.calculatedThemeSubject.next(calculatedTheme);
+    }
+};
+ThemeService = __decorate([
+    (0, container_1.singleton)(),
+    __metadata("design:paramtypes", [Object])
+], ThemeService);
+exports.ThemeService = ThemeService;
+function getContrastColor(color) {
+    const contrastWhite = chroma.contrast(color, white);
+    const contrastBlack = chroma.contrast(color, black);
+    return (contrastWhite > contrastBlack) ? '#ffffff' : '#000000';
+}
+function calculateTheme(theme) {
+    const entries = (0, object_1.objectEntries)(theme.palette);
+    const calculatedTheme = {
+        name: theme.name,
+        palette: {}
+    };
+    for (const [color, palette] of entries) {
+        const mainBase = (0, type_guards_1.isString)(palette) ? palette : palette.main;
+        const contrastBase = ((0, type_guards_1.isObject)(palette) ? palette.contrast : undefined) ?? getContrastColor(mainBase);
+        const mainTones = generateColorTones(mainBase);
+        calculatedTheme.palette[color] = {
+            main: mainTones,
+            contrast: generateContrastColorTones(contrastBase, mainTones)
+        };
+    }
+    return calculatedTheme;
+}
+function generateColorTones(base) {
+    const colors = generateColors([base], undefined, 10, true, true);
+    return {
+        base: (0, type_guards_1.isString)(base) ? base : base.hex(),
+        50: colors[0],
+        100: colors[1],
+        200: colors[2],
+        300: colors[3],
+        400: colors[4],
+        500: colors[5],
+        600: colors[6],
+        700: colors[7],
+        800: colors[8],
+        900: colors[9]
+    };
+}
+function generateContrastColorTones(base, tones) {
+    return {
+        base: (0, type_guards_1.isString)(base) ? base : base.hex(),
+        50: getContrastColor(tones[50]),
+        100: getContrastColor(tones[100]),
+        200: getContrastColor(tones[200]),
+        300: getContrastColor(tones[300]),
+        400: getContrastColor(tones[400]),
+        500: getContrastColor(tones[500]),
+        600: getContrastColor(tones[600]),
+        700: getContrastColor(tones[700]),
+        800: getContrastColor(tones[800]),
+        900: getContrastColor(tones[900])
+    };
+}
+/**
+ * stolen from <https://github.com/gka/palettes/blob/master/src/PalettePreview.svelte>
+ */
+function generateColors(baseColors, divergingColors, colorCount, bezier, correctLightness) {
+    const diverging = (0, type_guards_1.isDefined)(divergingColors) && (divergingColors.length > 0);
+    const even = (colorCount % 2) == 0;
+    const numColorsLeft = diverging ? Math.ceil(colorCount / 2) + (even ? 1 : 0) : colorCount;
+    const numColorsRight = diverging ? Math.ceil(colorCount / 2) + (even ? 1 : 0) : 0;
+    const genColors = (baseColors.length > 0)
+        ? (baseColors.length > 1)
+            ? baseColors
+            : autoColors(baseColors[0], numColorsLeft, diverging)
+        : [];
+    const genColors2 = diverging
+        ? (divergingColors.length > 1)
+            ? divergingColors
+            : autoColors(divergingColors[0], numColorsRight, diverging, true)
+        : [];
+    const stepsLeft = (baseColors.length > 0)
+        ? (bezier ? chroma.bezier(genColors).scale() : chroma.scale(genColors))
+            .correctLightness(correctLightness)
+            .colors(numColorsLeft)
+        : [];
+    const stepsRight = diverging
+        ? ((bezier && (divergingColors.length > 1)) ? chroma.bezier(genColors2).scale() : chroma.scale(genColors2))
+            .correctLightness(correctLightness)
+            .colors(numColorsRight)
+        : [];
+    const steps = (even && diverging ? stepsLeft.slice(0, stepsLeft.length - 1) : stepsLeft).concat(stepsRight.slice(1));
+    return steps;
+}
+function autoColors(color, numColors, diverging, reverse = false) {
+    if (diverging) {
+        const colors = autoGradient(color, 3, diverging).concat(chroma('#f5f5f5'));
+        if (reverse) {
+            return colors.reverse();
+        }
+        return colors;
+    }
+    return autoGradient(color, numColors, diverging);
+}
+function autoGradient(color, numColors, diverging) {
+    const lab = chroma(color).lab();
+    const lRange = 100 * ((0.95 - 1) / numColors);
+    const lStep = lRange / (numColors - 1);
+    const lStart = (100 - lRange) * 0.5;
+    const range = (0, array_1.createArray)(numColors, (i) => lStart + (i * lStep));
+    let offset = 0;
+    if (!diverging) {
+        offset = 9999;
+        for (let i = 0; i < numColors; i++) {
+            const diff = lab[0] - range[i];
+            if (Math.abs(diff) < Math.abs(offset)) {
+                offset = diff;
+            }
+        }
+    }
+    return range.map((l) => chroma.lab(l + offset, lab[1], lab[2]));
+}
+//# sourceMappingURL=theme-service.js.map

package/theme/theme-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-service.js","sourceRoot":"","sources":["../../source/theme/theme-service.ts"],"names":[],"mappings":"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"}

package/utils/string/hypenate.d.ts

@@ -0,0 +1 @@
+export declare function hyphenate(value: string): string;

package/utils/string/hypenate.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hyphenate = void 0;
+function hyphenate(value) {
+    return value.replace(/[A-Z]|[0-9]+/ug, (match) => `-${match}`);
+}
+exports.hyphenate = hyphenate;
+//# sourceMappingURL=hypenate.js.map

package/utils/string/hypenate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hypenate.js","sourceRoot":"","sources":["../../../source/utils/string/hypenate.ts"],"names":[],"mappings":";;;AAAA,SAAgB,SAAS,CAAC,KAAa;IACrC,OAAO,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;AACjE,CAAC;AAFD,8BAEC"}

package/utils/string/index.d.ts

@@ -0,0 +1 @@
+export * from './hypenate';

package/utils/string/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./hypenate"), exports);
+//# sourceMappingURL=index.js.map

package/utils/string/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../source/utils/string/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}

package/css/theme/index.d.ts

@@ -1,2 +0,0 @@
-export * from './theme.model';
-export * from './theme.service';

package/css/theme/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../source/css/theme/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,kDAAgC"}

package/css/theme/theme.model.d.ts

@@ -1,8 +0,0 @@
-export declare type ThemeEntry<Name extends string = string> = string | {
-    name?: Name;
-    color: string;
-};
-export declare type Theme<T extends Record<string, ThemeEntry> = Record<string, ThemeEntry>> = {
-    colors: T;
-};
-export declare function createTheme<T extends Theme>(theme: T): T;

package/css/theme/theme.model.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTheme = void 0;
-function createTheme(theme) {
-    return theme;
-}
-exports.createTheme = createTheme;
-//# sourceMappingURL=theme.model.js.map

package/css/theme/theme.model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.model.js","sourceRoot":"","sources":["../../../source/css/theme/theme.model.ts"],"names":[],"mappings":";;;AASA,SAAgB,WAAW,CAAkB,KAAQ;IACnD,OAAO,KAAK,CAAC;AACf,CAAC;AAFD,kCAEC"}

package/css/theme/theme.service.d.ts

@@ -1,6 +0,0 @@
-import type { Theme } from './theme.model';
-export declare class ThemeService {
-    private readonly styleElement;
-    constructor(document: Document);
-    setTheme(theme: Theme, darkTheme?: Theme): void;
-}

package/css/theme/theme.service.js

@@ -1,91 +0,0 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeService = void 0;
-const container_1 = require("../../container");
-const tokens_1 = require("../../tokens");
-const object_1 = require("../../utils/object/object");
-const type_guards_1 = require("../../utils/type-guards");
-const chroma = require("chroma-js");
-let ThemeService = class ThemeService {
-    styleElement;
-    constructor(document) {
-        this.styleElement = document.createElement('style');
-        document.head.appendChild(this.styleElement);
-    }
-    setTheme(theme, darkTheme) {
-        const lightRules = buildThemeRules(theme);
-        const darkRules = (0, type_guards_1.isDefined)(darkTheme) ? buildThemeRules(darkTheme) : [];
-        const lightRulesString = lightRules.join('\n');
-        const darkRulesString = darkRules.join('\n');
-        this.styleElement.innerHTML = `
-@media (prefers-color-scheme: light) {
-  :root, .light {
-    ${lightRulesString}
-  }
-
-  .dark {
-    ${darkRulesString}
-  }
-}
-
-@media (prefers-color-scheme: dark) {
-  :root, .dark {
-    ${darkRulesString}
-  }
-
-  .light {
-    ${lightRulesString}
-  }
-}
-`;
-    }
-};
-ThemeService = __decorate([
-    (0, container_1.singleton)(),
-    __param(0, (0, container_1.inject)(tokens_1.DOCUMENT)),
-    __metadata("design:paramtypes", [Document])
-], ThemeService);
-exports.ThemeService = ThemeService;
-function buildThemeRules(theme) {
-    const rules = [];
-    for (const [colorName, value] of (0, object_1.objectEntries)(theme.colors)) {
-        const name = (0, type_guards_1.isString)(value) ? colorName : (value.name ?? colorName);
-        const color = (0, type_guards_1.isString)(value) ? value : value.color;
-        const colorRules = generatePaletteVariableDeclarations(name, color);
-        rules.push(...colorRules);
-    }
-    return rules;
-}
-function generatePaletteVariableDeclarations(paletteName, color) {
-    const chromaColor = chroma(color);
-    const [hue, saturation, lightness] = chromaColor.hsl();
-    const colors = {
-        50: chroma.hsl(hue, saturation, lightness + 0.50).css(),
-        100: chroma.hsl(hue, saturation, lightness + 0.40).css(),
-        200: chroma.hsl(hue, saturation, lightness + 0.30).css(),
-        300: chroma.hsl(hue, saturation, lightness + 0.20).css(),
-        400: chroma.hsl(hue, saturation, lightness + 0.10).css(),
-        500: chromaColor.css(),
-        600: chroma.hsl(hue, saturation, lightness - 0.10).css(),
-        700: chroma.hsl(hue, saturation, lightness - 0.20).css(),
-        800: chroma.hsl(hue, saturation, lightness - 0.30).css(),
-        900: chroma.hsl(hue, saturation, lightness - 0.40).css()
-    };
-    const colorEntries = (0, object_1.objectEntries)(colors);
-    const variables = [[`--color-${paletteName}`, colors[500]], ...colorEntries.map(([number, numberColor]) => [`--color-${paletteName}-${number}`, numberColor])];
-    const variableDeclarations = variables.map(([name, value]) => `${name}: ${value};`);
-    return variableDeclarations;
-}
-//# sourceMappingURL=theme.service.js.map

package/css/theme/theme.service.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.service.js","sourceRoot":"","sources":["../../../source/css/theme/theme.service.ts"],"names":[],"mappings":"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"}