@breadstone/mosaik-themes 0.0.12-beta.0

package/Theming/Utils/CssLength.js

@@ -0,0 +1,116 @@
+export var CssLength;
+(function (CssLength) {
+    /**
+     * Determines whether the given value is a valid CSS length.
+     *
+     * @public
+     * @returns `true` if the value is a valid CSS length; otherwise, `false`.
+     */
+    function isCssLength(value) {
+        if (typeof value === 'number' || value === 'auto') {
+            return true;
+        }
+        if (typeof value !== 'string') {
+            return false;
+        }
+        if (value.trim() === '') {
+            return false;
+        }
+        const lengthRegex = /^-?\d+(\.\d+)?(em|ex|ch|rem|vh|vw|vmin|vmax|px|mm|cm|in|pt|pc|mozmm|%)/;
+        return lengthRegex.test(value);
+    }
+    CssLength.isCssLength = isCssLength;
+    /**
+     * @public
+     */
+    function isAuto(value) {
+        return value === 'auto';
+    }
+    CssLength.isAuto = isAuto;
+    /**
+     * @public
+     */
+    function isPercentage(value) {
+        if (typeof value !== 'string') {
+            return false;
+        }
+        if (value.trim() === '') {
+            return false;
+        }
+        const percentageRegex = /^-?\d+(\.\d+)?%/;
+        return percentageRegex.test(value);
+    }
+    CssLength.isPercentage = isPercentage;
+    /**
+     * @public
+     */
+    function isLength(value) {
+        if (typeof value !== 'string') {
+            return false;
+        }
+        if (value.trim() === '') {
+            return false;
+        }
+        const lengthRegex = /^-?\d+(\.\d+)?(em|ex|ch|rem|vh|vw|vmin|vmax|px|mm|cm|in|pt|pc|mozmm)/;
+        return lengthRegex.test(value);
+    }
+    CssLength.isLength = isLength;
+    /**
+     * @public
+     */
+    function extracthUnit(cssLength) {
+        const match = (/[a-z%]+$/i).exec(cssLength);
+        const lengt = match ? match[0] : null;
+        if (lengt === null) {
+            throw new Error(`Invalid value: ${cssLength}`);
+        }
+        return lengt;
+    }
+    CssLength.extracthUnit = extracthUnit;
+    /**
+     * @public
+     */
+    function extractValue(cssLength) {
+        const match = (/^-?\d*\.?\d+/).exec(cssLength);
+        const value = match ? parseFloat(match[0]) : null;
+        if (value === null) {
+            throw new Error(`Invalid value: ${cssLength}`);
+        }
+        return value;
+    }
+    CssLength.extractValue = extractValue;
+    /**
+     * Converts pixel values to rem units.
+     *
+     * @public
+     * @param pixel - The pixel value to convert.
+     * @returns The converted value in rem units.
+     */
+    function pxToRem(pixel) {
+        const value = extractValue(pixel);
+        const baseSize = 16; // Default font size in pixels
+        const sizeInRem = `${value / baseSize}rem`;
+        return sizeInRem;
+    }
+    CssLength.pxToRem = pxToRem;
+    function parse(value, defaultUnit = 'px') {
+        if (value === undefined || value === null) {
+            return undefined;
+        }
+        if (typeof value === 'string') {
+            if (isLength(value)) {
+                return value;
+            }
+            if (value.trim() === '') {
+                return undefined;
+            }
+            return `${value}${defaultUnit}`;
+        }
+        if (typeof value === 'number') {
+            return `${String(value)}${defaultUnit}`;
+        }
+        return undefined;
+    }
+    CssLength.parse = parse;
+})(CssLength || (CssLength = {}));
+//# sourceMappingURL=CssLength.js.map

package/Theming/Utils/CssLength.js.map

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

package/Theming/Utils/CssShadow.d.ts

@@ -0,0 +1,27 @@
+import type { CssColor } from './CssColor';
+import type { CssLengthUnit } from './CssLength';
+/**
+ * Represents a valid CSS box-shadow value (single or multiple).
+ *
+ * @public
+ */
+export type CssShadowSingle = 'none' | `${`${number}${Extract<CssLengthUnit, 'px'>}`} ${`${number}${Extract<CssLengthUnit, 'px'>}`} ${`${number}${Extract<CssLengthUnit, 'px'>}`} ${`${number}${Extract<CssLengthUnit, 'px'>}`} ${CssColor}` | `inset ${`${number}${Extract<CssLengthUnit, 'px'>}`} ${`${number}${Extract<CssLengthUnit, 'px'>}`} ${`${number}${Extract<CssLengthUnit, 'px'>}`} ${`${number}${Extract<CssLengthUnit, 'px'>}`} ${CssColor}` | `${`${number}${Extract<CssLengthUnit, 'px'>}`} ${`${number}${Extract<CssLengthUnit, 'px'>}`} ${`${number}${Extract<CssLengthUnit, 'px'>}`} ${CssColor}` | `inset ${`${number}${Extract<CssLengthUnit, 'px'>}`} ${`${number}${Extract<CssLengthUnit, 'px'>}`} ${`${number}${Extract<CssLengthUnit, 'px'>}`} ${CssColor}` | `${`${number}${Extract<CssLengthUnit, 'px'>}`} ${`${number}${Extract<CssLengthUnit, 'px'>}`} ${CssColor}` | `inset ${`${number}${Extract<CssLengthUnit, 'px'>}`} ${`${number}${Extract<CssLengthUnit, 'px'>}`} ${CssColor}`;
+/**
+ * Represents a valid CSS box-shadow value, including multiple shadows.
+ *
+ * @public
+ */
+export type CssShadow = CssShadowSingle | `${CssShadowSingle}, ${CssShadowSingle}` | `${CssShadowSingle}, ${CssShadowSingle}, ${CssShadowSingle}`;
+/**
+ * @public
+ */
+export declare namespace CssShadow {
+    /**
+     * Checks if the given value is a valid CSS box-shadow (single or multiple).
+     *
+     * @param value - The value to check.
+     * @returns `true` if the value is a valid CSS box-shadow, otherwise `false`.
+     */
+    function isCssShadow(value: unknown): value is CssShadow;
+}
+//# sourceMappingURL=CssShadow.d.ts.map

package/Theming/Utils/CssShadow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CssShadow.d.ts","sourceRoot":"","sources":["../../../src/Theming/Utils/CssShadow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD;;;;GAIG;AACH,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,GAAG,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,IAAI,QAAQ,EAAE,GACrM,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,IAAI,QAAQ,EAAE,GAC3M,GAAG,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,IAAI,QAAQ,EAAE,GACvJ,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,IAAI,QAAQ,EAAE,GAC7J,GAAG,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,IAAI,QAAQ,EAAE,GACzG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,IAAI,QAAQ,EAAE,CAAC;AAEpH;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,GAAG,eAAe,KAAK,eAAe,EAAE,GAAG,GAAG,eAAe,KAAK,eAAe,KAAK,eAAe,EAAE,CAAC;AAElJ;;GAEG;AACH,yBAAiB,SAAS,CAAC;IAEvB;;;;;OAKG;IACH,SAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,SAAS,CAiB9D;CAsBJ"}

package/Theming/Utils/CssShadow.js

@@ -0,0 +1,45 @@
+/**
+ * @public
+ */
+export var CssShadow;
+(function (CssShadow) {
+    /**
+     * Checks if the given value is a valid CSS box-shadow (single or multiple).
+     *
+     * @param value - The value to check.
+     * @returns `true` if the value is a valid CSS box-shadow, otherwise `false`.
+     */
+    function isCssShadow(value) {
+        if (typeof value !== 'string') {
+            return false;
+        }
+        if (value.trim() === '') {
+            return false;
+        }
+        if (value === 'none') {
+            return true;
+        }
+        // Split multiple shadows by comma
+        const shadows = value.split(/\s*,\s*/);
+        return shadows.every(isCssShadowSingle);
+    }
+    CssShadow.isCssShadow = isCssShadow;
+    /**
+     * Checks if a single value is a valid CSS box-shadow (without multiple shadows).
+     *
+     * @param value - The value to check.
+     * @returns `true` if the value is a valid single CSS box-shadow, otherwise `false`.
+     */
+    function isCssShadowSingle(value) {
+        const shadowRegex = new RegExp('^' +
+            '(inset\\s+)?' + // Optional "inset"
+            '(-?\\d+(\\.\\d+)?(px|em|rem|vh|vw|%)?)\\s+' + // X-offset
+            '(-?\\d+(\\.\\d+)?(px|em|rem|vh|vw|%)?)\\s+' + // Y-offset
+            '(-?\\d+(\\.\\d+)?(px|em|rem|vh|vw|%)?)?\\s*' + // Optional Blur-radius
+            '(-?\\d+(\\.\\d+)?(px|em|rem|vh|vw|%)?)?\\s*' + // Optional Spread-radius
+            '(rgba?\\(\\d{1,3},\\s*\\d{1,3},\\s*\\d{1,3}(,\\s*(0|1|0?\\.\\d+))?\\)|#[0-9a-fA-F]{3,6})$', // Color (RGB, RGBA, HEX)
+        'i');
+        return shadowRegex.test(value);
+    }
+})(CssShadow || (CssShadow = {}));
+//# sourceMappingURL=CssShadow.js.map

package/Theming/Utils/CssShadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CssShadow.js","sourceRoot":"","sources":["../../../src/Theming/Utils/CssShadow.ts"],"names":[],"mappings":"AAwBA;;GAEG;AACH,MAAM,KAAW,SAAS,CA+CzB;AA/CD,WAAiB,SAAS;IAEtB;;;;;OAKG;IACH,SAAgB,WAAW,CAAC,KAAc;QACtC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC5B,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YACtB,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;YACnB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,kCAAkC;QAClC,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAEvC,OAAO,OAAO,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC5C,CAAC;IAjBe,qBAAW,cAiB1B,CAAA;IAED;;;;;OAKG;IACH,SAAS,iBAAiB,CAAC,KAAa;QACpC,MAAM,WAAW,GAAG,IAAI,MAAM,CAC1B,GAAG;YACH,cAAc,GAAoC,mBAAmB;YACrE,4CAA4C,GAAM,WAAW;YAC7D,4CAA4C,GAAM,WAAW;YAC7D,6CAA6C,GAAK,uBAAuB;YACzE,6CAA6C,GAAK,yBAAyB;YAC3E,2FAA2F,EAAE,yBAAyB;QACtH,GAAG,CACN,CAAC;QAEF,OAAO,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;AACL,CAAC,EA/CgB,SAAS,KAAT,SAAS,QA+CzB"}

package/Theming/Utils/CssTime.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @public
+ */
+export type CssTimeUnit = 's' | 'ms';
+/**
+ * @public
+ */
+export type CssTime = `${string}${CssTimeUnit}` | number | 0;
+/**
+ * @public
+ */
+export declare namespace CssTime {
+    /**
+     * @public
+     */
+    function isCssTime(value: unknown): value is CssTime;
+}
+//# sourceMappingURL=CssTime.d.ts.map

package/Theming/Utils/CssTime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CssTime.d.ts","sourceRoot":"","sources":["../../../src/Theming/Utils/CssTime.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,IAAI,CAAC;AAErC;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,GAAG,MAAM,GAAG,WAAW,EAAE,GAAG,MAAM,GAAG,CAAC,CAAC;AAE7D;;GAEG;AACH,yBAAiB,OAAO,CAAC;IAErB;;OAEG;IACH,SAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,OAAO,CAgB1D;CAEJ"}

package/Theming/Utils/CssTime.js

@@ -0,0 +1,24 @@
+/**
+ * @public
+ */
+export var CssTime;
+(function (CssTime) {
+    /**
+     * @public
+     */
+    function isCssTime(value) {
+        if (typeof value === 'number' || value === 0) {
+            return true;
+        }
+        if (typeof value !== 'string') {
+            return false;
+        }
+        if (value.trim() === '') {
+            return false;
+        }
+        const timeRegex = /^-?\d+(\.\d+)?(s|ms)/;
+        return timeRegex.test(value);
+    }
+    CssTime.isCssTime = isCssTime;
+})(CssTime || (CssTime = {}));
+//# sourceMappingURL=CssTime.js.map

package/Theming/Utils/CssTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CssTime.js","sourceRoot":"","sources":["../../../src/Theming/Utils/CssTime.ts"],"names":[],"mappings":"AAWA;;GAEG;AACH,MAAM,KAAW,OAAO,CAuBvB;AAvBD,WAAiB,OAAO;IAEpB;;OAEG;IACH,SAAgB,SAAS,CAAC,KAAc;QACpC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YAC3C,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC5B,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YACtB,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,MAAM,SAAS,GAAG,sBAAsB,CAAC;QAEzC,OAAO,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAhBe,iBAAS,YAgBxB,CAAA;AAEL,CAAC,EAvBgB,OAAO,KAAP,OAAO,QAuBvB"}

package/Theming/Utils/ITheme.d.ts

@@ -0,0 +1,27 @@
+import type { IThemeScheme } from './IThemeScheme';
+import { IThemePalette } from './IThemePalette';
+import type { IThemeElevation } from './IThemeElevation';
+import type { IThemeLayout } from './IThemeLayout';
+import type { IThemeTypography } from './IThemeTypography';
+import type { CssColor } from './CssColor';
+/**
+ * Represents a dynamic theme system.
+ *
+ * @public
+ */
+export interface ITheme {
+    name: string;
+    scheme: Record<string, IThemeScheme>;
+    palette: Record<string, Record<string, IThemePalette | CssColor>>;
+    fontFamily: string;
+    typography: IThemeTypography;
+    layout: IThemeLayout;
+    elevation: Record<string, IThemeElevation>;
+}
+export declare namespace ITheme {
+    function getScheme(theme: ITheme, mode: string): IThemeScheme;
+    function getSchemeColor(theme: ITheme, mode: string, key: string): CssColor;
+    function getPalette(theme: ITheme, mode: string, palette: string): IThemePalette;
+    function getPaletteColor(theme: ITheme, mode: string, palette: string, key: string): CssColor;
+}
+//# sourceMappingURL=ITheme.d.ts.map

package/Theming/Utils/ITheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITheme.d.ts","sourceRoot":"","sources":["../../../src/Theming/Utils/ITheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAK3C;;;;GAIG;AAEH,MAAM,WAAW,MAAM;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IACrC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC;IAClE,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;CAC9C;AAED,yBAAiB,MAAM,CAAC;IACpB,SAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,YAAY,CAInE;IAED,SAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,QAAQ,CAKjF;IAED,SAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,aAAa,CAQtF;IAED,SAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,QAAQ,CAUnG;CACJ"}

package/Theming/Utils/ITheme.js

@@ -0,0 +1,34 @@
+// #region Imports
+import { IThemePalette } from './IThemePalette';
+export var ITheme;
+(function (ITheme) {
+    function getScheme(theme, mode) {
+        const scheme = theme.scheme[mode];
+        return scheme;
+    }
+    ITheme.getScheme = getScheme;
+    function getSchemeColor(theme, mode, key) {
+        const scheme = theme.scheme[mode];
+        const color = scheme[key];
+        return color;
+    }
+    ITheme.getSchemeColor = getSchemeColor;
+    function getPalette(theme, mode, palette) {
+        const paletteObj = theme.palette[mode][palette];
+        if (!IThemePalette.isThemePalette(paletteObj)) {
+            throw new Error(`Palette '${palette}' is not a valid theme palette.`);
+        }
+        return paletteObj;
+    }
+    ITheme.getPalette = getPalette;
+    function getPaletteColor(theme, mode, palette, key) {
+        const paletteObj = theme.palette[mode][palette];
+        if (!IThemePalette.isThemePalette(paletteObj)) {
+            throw new Error(`Palette '${palette}' is not a valid theme palette.`);
+        }
+        const color = paletteObj[key];
+        return color;
+    }
+    ITheme.getPaletteColor = getPaletteColor;
+})(ITheme || (ITheme = {}));
+//# sourceMappingURL=ITheme.js.map

package/Theming/Utils/ITheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITheme.js","sourceRoot":"","sources":["../../../src/Theming/Utils/ITheme.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAGlB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAyBhD,MAAM,KAAW,MAAM,CAmCtB;AAnCD,WAAiB,MAAM;IACnB,SAAgB,SAAS,CAAC,KAAa,EAAE,IAAY;QACjD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAElC,OAAO,MAAM,CAAC;IAClB,CAAC;IAJe,gBAAS,YAIxB,CAAA;IAED,SAAgB,cAAc,CAAC,KAAa,EAAE,IAAY,EAAE,GAAW;QACnE,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAClC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAE1B,OAAO,KAAK,CAAC;IACjB,CAAC;IALe,qBAAc,iBAK7B,CAAA;IAED,SAAgB,UAAU,CAAC,KAAa,EAAE,IAAY,EAAE,OAAe;QACnE,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;QAEhD,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,CAAC;YAC5C,MAAM,IAAI,KAAK,CAAC,YAAY,OAAO,iCAAiC,CAAC,CAAC;QAC1E,CAAC;QAED,OAAO,UAAU,CAAC;IACtB,CAAC;IARe,iBAAU,aAQzB,CAAA;IAED,SAAgB,eAAe,CAAC,KAAa,EAAE,IAAY,EAAE,OAAe,EAAE,GAAW;QACrF,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;QAEhD,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,CAAC;YAC5C,MAAM,IAAI,KAAK,CAAC,YAAY,OAAO,iCAAiC,CAAC,CAAC;QAC1E,CAAC;QAED,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;QAE9B,OAAO,KAAK,CAAC;IACjB,CAAC;IAVe,sBAAe,kBAU9B,CAAA;AACL,CAAC,EAnCgB,MAAM,KAAN,MAAM,QAmCtB"}

package/Theming/Utils/IThemeElevation.d.ts

@@ -0,0 +1,10 @@
+import type { CssShadow } from './CssShadow';
+/**
+ * Represents dynamic shadow elevation styles.
+ *
+ * @public
+ */
+export interface IThemeElevation {
+    [key: string]: CssShadow;
+}
+//# sourceMappingURL=IThemeElevation.d.ts.map

package/Theming/Utils/IThemeElevation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IThemeElevation.d.ts","sourceRoot":"","sources":["../../../src/Theming/Utils/IThemeElevation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C;;;;GAIG;AAEH,MAAM,WAAW,eAAe;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B"}

package/Theming/Utils/IThemeElevation.js

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

package/Theming/Utils/IThemeElevation.js.map

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

package/Theming/Utils/IThemeLayout.d.ts

@@ -0,0 +1,12 @@
+import type { CssLength } from './CssLength';
+/**
+ * Represents dynamic layout properties.
+ *
+ * @public
+ */
+export interface IThemeLayout {
+    thickness?: CssLength;
+    radius?: CssLength;
+    space?: CssLength;
+}
+//# sourceMappingURL=IThemeLayout.d.ts.map

package/Theming/Utils/IThemeLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IThemeLayout.d.ts","sourceRoot":"","sources":["../../../src/Theming/Utils/IThemeLayout.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C;;;;GAIG;AAEH,MAAM,WAAW,YAAY;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB"}

package/Theming/Utils/IThemeLayout.js

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

package/Theming/Utils/IThemeLayout.js.map

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

package/Theming/Utils/IThemeMetadata.d.ts

@@ -0,0 +1,15 @@
+import type { ITheme } from './ITheme';
+/**
+ * @public
+ */
+export interface IThemeMetadata {
+    theme: ITheme;
+    palettes: Array<string>;
+    paletteVariants: Array<string>;
+    schemes: Array<string>;
+    schemeVariants: Array<string>;
+    elevation: Array<string>;
+    elevationVariants: Array<string>;
+    typographies: Array<string>;
+}
+//# sourceMappingURL=IThemeMetadata.d.ts.map

package/Theming/Utils/IThemeMetadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IThemeMetadata.d.ts","sourceRoot":"","sources":["../../../src/Theming/Utils/IThemeMetadata.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIvC;;GAEG;AACH,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACxB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC9B,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACjC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC/B"}

package/Theming/Utils/IThemeMetadata.js

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

package/Theming/Utils/IThemeMetadata.js.map

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

package/Theming/Utils/IThemePalette.d.ts

@@ -0,0 +1,17 @@
+import type { CssColor } from './CssColor';
+/**
+ * Represents a dynamic theme palette.
+ */
+export interface IThemePalette {
+    [key: string]: CssColor;
+}
+export declare namespace IThemePalette {
+    /**
+     * Checks if the value is a theme palette.
+     *
+     * @param value - The value to check.
+     * @returns The result.
+     */
+    function isThemePalette(value: unknown): value is IThemePalette;
+}
+//# sourceMappingURL=IThemePalette.d.ts.map

package/Theming/Utils/IThemePalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IThemePalette.d.ts","sourceRoot":"","sources":["../../../src/Theming/Utils/IThemePalette.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAI3C;;GAEG;AAEH,MAAM,WAAW,aAAa;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAC;CAC3B;AAED,yBAAiB,aAAa,CAAC;IAE3B;;;;;OAKG;IACH,SAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,aAAa,CAErE;CAEJ"}

package/Theming/Utils/IThemePalette.js

@@ -0,0 +1,15 @@
+// #region Imports
+export var IThemePalette;
+(function (IThemePalette) {
+    /**
+     * Checks if the value is a theme palette.
+     *
+     * @param value - The value to check.
+     * @returns The result.
+     */
+    function isThemePalette(value) {
+        return typeof value === 'object' && value !== null;
+    }
+    IThemePalette.isThemePalette = isThemePalette;
+})(IThemePalette || (IThemePalette = {}));
+//# sourceMappingURL=IThemePalette.js.map

package/Theming/Utils/IThemePalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IThemePalette.js","sourceRoot":"","sources":["../../../src/Theming/Utils/IThemePalette.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAclB,MAAM,KAAW,aAAa,CAY7B;AAZD,WAAiB,aAAa;IAE1B;;;;;OAKG;IACH,SAAgB,cAAc,CAAC,KAAc;QACzC,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC;IACvD,CAAC;IAFe,4BAAc,iBAE7B,CAAA;AAEL,CAAC,EAZgB,aAAa,KAAb,aAAa,QAY7B"}

package/Theming/Utils/IThemeScheme.d.ts

@@ -0,0 +1,10 @@
+import type { CssColor } from './CssColor';
+/**
+ * Represents a dynamic color scheme.
+ *
+ * @public
+ */
+export interface IThemeScheme {
+    [key: string]: CssColor;
+}
+//# sourceMappingURL=IThemeScheme.d.ts.map

package/Theming/Utils/IThemeScheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IThemeScheme.d.ts","sourceRoot":"","sources":["../../../src/Theming/Utils/IThemeScheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAI3C;;;;GAIG;AAEH,MAAM,WAAW,YAAY;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAC;CAC3B"}

package/Theming/Utils/IThemeScheme.js

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

package/Theming/Utils/IThemeScheme.js.map

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

package/Theming/Utils/IThemeTypography.d.ts

@@ -0,0 +1,10 @@
+import type { IThemeTypographyFontType } from './IThemeTypographyFontType';
+/**
+ * Represents dynamic typography styles.
+ *
+ * @public
+ */
+export interface IThemeTypography {
+    [key: string]: IThemeTypographyFontType;
+}
+//# sourceMappingURL=IThemeTypography.d.ts.map

package/Theming/Utils/IThemeTypography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IThemeTypography.d.ts","sourceRoot":"","sources":["../../../src/Theming/Utils/IThemeTypography.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAI3E;;;;GAIG;AAEH,MAAM,WAAW,gBAAgB;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,wBAAwB,CAAC;CAC3C"}

package/Theming/Utils/IThemeTypography.js

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

package/Theming/Utils/IThemeTypography.js.map

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

package/Theming/Utils/IThemeTypographyFontType.d.ts

@@ -0,0 +1,16 @@
+import type { CssLengthUnit } from './CssLength';
+/**
+ * Represents dynamic typography styles.
+ *
+ * @public
+ */
+export interface IThemeTypographyFontType {
+    fontFamily?: string;
+    fontSize: `${number}${Extract<CssLengthUnit, 'px'>}`;
+    lineHeight: `${number}${Extract<CssLengthUnit, 'px'>}` | `${number}`;
+    fontWeight: '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+    letterSpacing: `${number}${Extract<CssLengthUnit, 'px'>}` | `${number}` | 'normal';
+    textDecoration: 'none' | 'underline' | 'overline' | 'line-through';
+    textTransform: 'none' | 'capitalize' | 'uppercase' | 'lowercase';
+}
+//# sourceMappingURL=IThemeTypographyFontType.d.ts.map

package/Theming/Utils/IThemeTypographyFontType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IThemeTypographyFontType.d.ts","sourceRoot":"","sources":["../../../src/Theming/Utils/IThemeTypographyFontType.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD;;;;GAIG;AAEH,MAAM,WAAW,wBAAwB;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,CAAC;IACrD,UAAU,EAAE,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,GAAG,GAAG,MAAM,EAAE,CAAC;IACrE,UAAU,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAClF,aAAa,EAAE,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,GAAG,GAAG,MAAM,EAAE,GAAG,QAAQ,CAAC;IACnF,cAAc,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,CAAC;IACnE,aAAa,EAAE,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,CAAC;CACpE"}

package/Theming/Utils/IThemeTypographyFontType.js

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

package/Theming/Utils/IThemeTypographyFontType.js.map

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

package/package.json

@@ -0,0 +1,29 @@
+{
+    "name": "@breadstone/mosaik-themes",
+    "version": "0.0.12-beta.0",
+    "description": "Mosaik elements various themes.",
+    "license": "MIT",
+    "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
+    "main": "./Index.js",
+    "module": "./Index.js",
+    "commonjs": "./Index.js",
+    "typings": "./Index.d.ts",
+    "types": "./Index.d.ts",
+    "customElements": "./custom-elements.json",
+    "repository": {
+        "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
+    },
+    "dependencies": {
+        "@breadstone/mosaik-elements": "^0.0.12-beta.0",
+        "@ctrl/tinycolor": "^4.1.0",
+        "@floating-ui/dom": "^1.7.0",
+        "@lit-labs/virtualizer": "^2.1.0",
+        "apexcharts": "^4.7.0",
+        "lit": "^3.3.0",
+        "qr-creator": "^1.0.0",
+        "qrcode": "^1.5.4",
+        "signature_pad": "^5.0.7",
+        "tslib": "^2.8.1",
+        "webcomponents.js": "^0.7.24"
+    }
+}