@moni-labs/moni-ui 0.2.0 → 0.3.0

package/dist/styles/tokens.css

@@ -1,46 +1,51 @@
-@import 'tailwindcss';
-
-@theme {
-	/* ─── Material Design 3 Expressive tokens ─── */
-	--color-primary: var(--md-sys-color-primary);
-	--color-on-primary: var(--md-sys-color-on-primary);
-	--color-primary-container: var(--md-sys-color-primary-container);
-	--color-on-primary-container: var(--md-sys-color-on-primary-container);
-
-	--color-secondary: var(--md-sys-color-secondary);
-	--color-on-secondary: var(--md-sys-color-on-secondary);
-	--color-secondary-container: var(--md-sys-color-secondary-container);
-	--color-on-secondary-container: var(--md-sys-color-on-secondary-container);
-
-	--color-tertiary: var(--md-sys-color-tertiary);
-	--color-on-tertiary: var(--md-sys-color-on-tertiary);
-	--color-tertiary-container: var(--md-sys-color-tertiary-container);
-	--color-on-tertiary-container: var(--md-sys-color-on-tertiary-container);
-
-	--color-error: var(--md-sys-color-error);
-	--color-on-error: var(--md-sys-color-on-error);
-	--color-error-container: var(--md-sys-color-error-container);
-	--color-on-error-container: var(--md-sys-color-on-error-container);
-
-	--color-background: var(--md-sys-color-background);
-	--color-on-background: var(--md-sys-color-on-background);
-	--color-surface: var(--md-sys-color-surface);
-	--color-on-surface: var(--md-sys-color-on-surface);
-	--color-surface-variant: var(--md-sys-color-surface-variant);
-	--color-on-surface-variant: var(--md-sys-color-on-surface-variant);
-
-	--color-outline: var(--md-sys-color-outline);
-	--color-outline-variant: var(--md-sys-color-outline-variant);
-
-	--color-surface-container-lowest: var(--md-sys-color-surface-container-lowest);
-	--color-surface-container-low: var(--md-sys-color-surface-container-low);
-	--color-surface-container: var(--md-sys-color-surface-container);
-	--color-surface-container-high: var(--md-sys-color-surface-container-high);
-	--color-surface-container-highest: var(--md-sys-color-surface-container-highest);
-
-	--color-inverse-surface: var(--md-sys-color-inverse-surface);
-	--color-inverse-on-surface: var(--md-sys-color-inverse-on-surface);
-	--color-inverse-primary: var(--md-sys-color-inverse-primary);
+/**
+ * @file styles/tokens.css
+ * @package @moni-labs/moni-ui
+ * @license MIT
+ * @contributors Moni Labs & Contributors
+ */
+
+:root {
+	/* ─── Moni Design System core prefixed tokens ─── */
+	--moni-primary: var(--md-sys-color-primary, #6750a4);
+	--moni-on-primary: var(--md-sys-color-on-primary, #ffffff);
+	--moni-primary-container: var(--md-sys-color-primary-container, #eaddff);
+	--moni-on-primary-container: var(--md-sys-color-on-primary-container, #21005d);
+
+	--moni-secondary: var(--md-sys-color-secondary, #625b71);
+	--moni-on-secondary: var(--md-sys-color-on-secondary, #ffffff);
+	--moni-secondary-container: var(--md-sys-color-secondary-container, #e8def8);
+	--moni-on-secondary-container: var(--md-sys-color-on-secondary-container, #1d192b);
+
+	--moni-tertiary: var(--md-sys-color-tertiary, #7d5260);
+	--moni-on-tertiary: var(--md-sys-color-on-tertiary, #ffffff);
+	--moni-tertiary-container: var(--md-sys-color-tertiary-container, #ffd8e4);
+	--moni-on-tertiary-container: var(--md-sys-color-on-tertiary-container, #31111d);
+
+	--moni-error: var(--md-sys-color-error, #b3261e);
+	--moni-on-error: var(--md-sys-color-on-error, #ffffff);
+	--moni-error-container: var(--md-sys-color-error-container, #f9dedc);
+	--moni-on-error-container: var(--md-sys-color-on-error-container, #410e0b);
+
+	--moni-background: var(--md-sys-color-background, #fef7ff);
+	--moni-on-background: var(--md-sys-color-on-background, #1d1b20);
+	--moni-surface: var(--md-sys-color-surface, #fef7ff);
+	--moni-on-surface: var(--md-sys-color-on-surface, #1d1b20);
+	--moni-surface-variant: var(--md-sys-color-surface-variant, #e7e0ec);
+	--moni-on-surface-variant: var(--md-sys-color-on-surface-variant, #49454f);
+
+	--moni-outline: var(--md-sys-color-outline, #79747e);
+	--moni-outline-variant: var(--md-sys-color-outline-variant, #cac4d0);
+
+	--moni-surface-container-lowest: var(--md-sys-color-surface-container-lowest, #ffffff);
+	--moni-surface-container-low: var(--md-sys-color-surface-container-low, #f7f2fa);
+	--moni-surface-container: var(--md-sys-color-surface-container, #f3edf7);
+	--moni-surface-container-high: var(--md-sys-color-surface-container-high, #ece6f0);
+	--moni-surface-container-highest: var(--md-sys-color-surface-container-highest, #e6e1e5);
+
+	--moni-inverse-surface: var(--md-sys-color-inverse-surface, #313033);
+	--moni-inverse-on-surface: var(--md-sys-color-inverse-on-surface, #f4f0f4);
+	--moni-inverse-primary: var(--md-sys-color-inverse-primary, #d0bcff);
 
 	/* ─── Semantic Moni tokens ─── */
 	--color-success: #16a34a;
@@ -126,65 +131,72 @@
 	--moni-grain-opacity: var(--moni-grain-opacity, 0.03);
 
 	/* ─── Legacy Moni tokens (fallback durante la migración) ─── */
-	--color-brand-bg: var(--md-sys-color-background);
-	--color-brand-surface: var(--md-sys-color-surface);
-	--color-brand-primary: var(--md-sys-color-on-surface);
-	--color-brand-muted: var(--md-sys-color-on-surface-variant);
-	--color-brand-border: var(--md-sys-color-outline-variant);
-	--color-brand-accent: var(--md-sys-color-primary);
-
-	--color-admin-bg: var(--md-sys-color-background);
-	--color-admin-surface: var(--md-sys-color-surface);
-	--color-admin-sidebar: var(--md-sys-color-inverse-surface);
-	--color-admin-sidebar-fg: var(--md-sys-color-inverse-on-surface);
-	--color-admin-sidebar-muted: var(--md-sys-color-inverse-on-surface);
-	--color-admin-accent: var(--md-sys-color-primary);
-	--color-admin-accent-soft: var(--md-sys-color-primary-container);
-	--color-admin-text: var(--md-sys-color-on-surface);
+	--color-brand-bg: var(--moni-background);
+	--color-brand-surface: var(--moni-surface);
+	--color-brand-primary: var(--moni-on-surface);
+	--color-brand-muted: var(--moni-on-surface-variant);
+	--color-brand-border: var(--moni-outline-variant);
+	--color-brand-accent: var(--moni-primary);
+
+	--color-admin-bg: var(--moni-background);
+	--color-admin-surface: var(--moni-surface);
+	--color-admin-sidebar: var(--moni-inverse-surface);
+	--color-admin-sidebar-fg: var(--moni-inverse-on-surface);
+	--color-admin-sidebar-muted: var(--moni-inverse-on-surface);
+	--color-admin-accent: var(--moni-primary);
+	--color-admin-accent-soft: var(--moni-primary-container);
+	--color-admin-text: var(--moni-on-surface);
 	--color-admin-success: var(--color-success);
 	--color-admin-warn: var(--color-warning);
 	--color-admin-danger: var(--color-danger);
 	--color-admin-info: var(--color-info);
-}
 
-:root {
-	--primary: var(--md-sys-color-primary);
-	--on-primary: var(--md-sys-color-on-primary);
-	--primary-container: var(--md-sys-color-primary-container);
-	--on-primary-container: var(--md-sys-color-on-primary-container);
-
-	--secondary: var(--md-sys-color-secondary);
-	--on-secondary: var(--md-sys-color-on-secondary);
-	--secondary-container: var(--md-sys-color-secondary-container);
-	--on-secondary-container: var(--md-sys-color-on-secondary-container);
-
-	--tertiary: var(--md-sys-color-tertiary);
-	--on-tertiary: var(--md-sys-color-on-tertiary);
-	--tertiary-container: var(--md-sys-color-tertiary-container);
-	--on-tertiary-container: var(--md-sys-color-on-tertiary-container);
-
-	--error: var(--md-sys-color-error);
-	--on-error: var(--md-sys-color-on-error);
-	--error-container: var(--md-sys-color-error-container);
-	--on-error-container: var(--md-sys-color-on-error-container);
-
-	--background: var(--md-sys-color-background);
-	--on-background: var(--md-sys-color-on-background);
-	--surface: var(--md-sys-color-surface);
-	--on-surface: var(--md-sys-color-on-surface);
-	--surface-variant: var(--md-sys-color-surface-variant);
-	--on-surface-variant: var(--md-sys-color-on-surface-variant);
-
-	--outline: var(--md-sys-color-outline);
-	--outline-variant: var(--md-sys-color-outline-variant);
-
-	--surface-container-lowest: var(--md-sys-color-surface-container-lowest);
-	--surface-container-low: var(--md-sys-color-surface-container-low);
-	--surface-container: var(--md-sys-color-surface-container);
-	--surface-container-high: var(--md-sys-color-surface-container-high);
-	--surface-container-highest: var(--md-sys-color-surface-container-highest);
-
-	--inverse-surface: var(--md-sys-color-inverse-surface);
-	--inverse-on-surface: var(--md-sys-color-inverse-on-surface);
-	--inverse-primary: var(--md-sys-color-inverse-primary);
+	/* ─── CSS compatibility aliases for Light DOM / external styling ─── */
+	--color-primary: var(--moni-primary);
+	--color-on-primary: var(--moni-on-primary);
+	--color-primary-container: var(--moni-primary-container);
+	--color-on-primary-container: var(--moni-on-primary-container);
+
+	--color-secondary: var(--moni-secondary);
+	--color-on-secondary: var(--moni-on-secondary);
+	--color-secondary-container: var(--moni-secondary-container);
+	--color-on-secondary-container: var(--moni-on-secondary-container);
+
+	--color-tertiary: var(--moni-tertiary);
+	--color-on-tertiary: var(--moni-on-tertiary);
+	--color-tertiary-container: var(--moni-tertiary-container);
+	--color-on-tertiary-container: var(--moni-on-tertiary-container);
+
+	--color-error: var(--moni-error);
+	--color-on-error: var(--moni-on-error);
+	--color-error-container: var(--moni-error-container);
+	--color-on-error-container: var(--moni-on-error-container);
+
+	--color-background: var(--moni-background);
+	--color-on-background: var(--moni-on-background);
+	--color-surface: var(--moni-surface);
+	--color-on-surface: var(--moni-on-surface);
+	--color-surface-variant: var(--moni-surface-variant);
+	--color-on-surface-variant: var(--moni-on-surface-variant);
+
+	--color-outline: var(--moni-outline);
+	--color-outline-variant: var(--moni-outline-variant);
+
+	--color-surface-container-lowest: var(--moni-surface-container-lowest);
+	--color-surface-container-low: var(--moni-surface-container-low);
+	--color-surface-container: var(--moni-surface-container);
+	--color-surface-container-high: var(--moni-surface-container-high);
+	--color-surface-container-highest: var(--moni-surface-container-highest);
+
+	--color-inverse-surface: var(--moni-inverse-surface);
+	--color-inverse-on-surface: var(--moni-inverse-on-surface);
+	--color-inverse-primary: var(--moni-inverse-primary);
+
+	/* Deprecated global variables fallback (can be disabled if conflicting) */
+	--primary: var(--moni-primary);
+	--on-primary: var(--moni-on-primary);
+	--background: var(--moni-background);
+	--surface: var(--moni-surface);
+	--on-surface: var(--moni-on-surface);
+	--outline: var(--moni-outline);
 }

package/dist/utils/color.d.ts

@@ -1,51 +1,230 @@
 /**
- * Utilidades de color para generar esquemas compatibles con Material Design 3.
- * Basado en @material/material-color-utilities.
+ * @file utils/color.ts
+ * @package @moni-labs/moni-ui
+ * @license MIT
+ * @contributors Moni Labs & Contributors
+ */
+/**
+ * WCAG contrast enhancement level for a generated color scheme.
+ *
+ * Maps to the `contrastLevel` argument of `SchemeTonalSpot`:
+ * - `'standard'` → 0.0  — WCAG AA minimum contrast. Best for everyday UIs.
+ * - `'medium'`   → 0.5  — Raised contrast. Useful for users with mild low-vision.
+ * - `'high'`     → 1.0  — WCAG AAA maximum contrast. Required for accessibility-first apps.
  */
 export type ContrastLevel = 'standard' | 'medium' | 'high';
+/**
+ * Hue–Saturation–Lightness color representation.
+ *
+ * All values use the CSS `hsl()` convention:
+ *  - `h` — hue angle in **degrees**, range [0, 360).
+ *  - `s` — saturation as a **percentage**, range [0, 100].
+ *  - `l` — lightness as a **percentage**, range [0, 100].
+ */
 export interface HSL {
+    /** Hue angle in degrees [0, 360). */
     h: number;
+    /** Saturation percentage [0, 100]. */
     s: number;
+    /** Lightness percentage [0, 100]. */
     l: number;
 }
+/**
+ * A complete Material Design 3 color scheme with 27 semantic color roles.
+ *
+ * Every role is expressed as a 7-character hex string (e.g. `'#6750a4'`).
+ * The naming convention follows the MD3 spec directly:
+ *  - `primary` / `onPrimary`                — main brand color and its contrast pair.
+ *  - `primaryContainer` / `onPrimaryContainer` — lower-emphasis filled containers.
+ *  - `secondary`, `tertiary`, `error`       — supporting accent palettes.
+ *  - `surface*`                             — background hierarchy (5 tones).
+ *  - `inverse*`                             — used in snackbars and tooltips.
+ *  - `shadow`                               — drop-shadow tint.
+ *
+ * @see https://m3.material.io/styles/color/roles
+ */
 export interface ColorScheme {
+    /** High-emphasis brand color. Used for filled buttons, FABs, active indicators. */
     primary: string;
+    /** Text/icon color that guarantees contrast on top of `primary`. */
     onPrimary: string;
+    /** Lower-emphasis container using the primary palette (tone 90 light / tone 30 dark). */
     primaryContainer: string;
+    /** Text/icon color that guarantees contrast on top of `primaryContainer`. */
     onPrimaryContainer: string;
+    /** Complementary accent color, less prominent than primary. */
     secondary: string;
+    /** Text/icon color that guarantees contrast on top of `secondary`. */
     onSecondary: string;
+    /** Lower-emphasis container using the secondary palette. */
     secondaryContainer: string;
+    /** Text/icon color that guarantees contrast on top of `secondaryContainer`. */
     onSecondaryContainer: string;
+    /** Optional third accent color for decorative elements. */
     tertiary: string;
+    /** Text/icon color that guarantees contrast on top of `tertiary`. */
     onTertiary: string;
+    /** Lower-emphasis container using the tertiary palette. */
     tertiaryContainer: string;
+    /** Text/icon color that guarantees contrast on top of `tertiaryContainer`. */
     onTertiaryContainer: string;
+    /** Standard error/destructive color (red family by design). */
     error: string;
+    /** Text/icon color that guarantees contrast on top of `error`. */
     onError: string;
+    /** Lower-emphasis container for error states. */
     errorContainer: string;
+    /** Text/icon color that guarantees contrast on top of `errorContainer`. */
     onErrorContainer: string;
+    /** Page-level background (typically equivalent to `surface` in M3). */
     background: string;
+    /** Default text/icon color on top of `background`. */
     onBackground: string;
+    /** Base surface color used for sheets, cards, and dialogs. */
     surface: string;
+    /** Default text/icon color on top of `surface`. */
     onSurface: string;
+    /** Subtle variant of surface used for chips, text field backgrounds, etc. */
     surfaceVariant: string;
+    /** Text/icon color that guarantees contrast on top of `surfaceVariant`. */
     onSurfaceVariant: string;
+    /** Border color for fields, dividers, and outlined components. */
     outline: string;
+    /** Lower-emphasis border color; used for decorative separators. */
     outlineVariant: string;
+    /** Lightest container tone (lowest elevation). */
     surfaceContainerLowest: string;
+    /** Second lightest container tone. */
     surfaceContainerLow: string;
+    /** Mid-range container tone (default cards, sheets). */
     surfaceContainer: string;
+    /** Second darkest container tone. */
     surfaceContainerHigh: string;
+    /** Darkest container tone (highest elevation equivalent). */
     surfaceContainerHighest: string;
+    /** Inverse of `surface`; used for snackbar and tooltip backgrounds. */
     inverseSurface: string;
+    /** Text/icon color that guarantees contrast on top of `inverseSurface`. */
     inverseOnSurface: string;
+    /** Used for action elements (links, buttons) inside inverse surfaces. */
     inversePrimary: string;
+    /** Color tint used as the drop-shadow color for elevation. */
     shadow: string;
 }
+/**
+ * Converts a 6-digit hex color string to the HSL color model.
+ *
+ * Normalizes the input (strips optional `#`), parses each 8-bit RGB channel
+ * into a [0, 1] float, then applies the standard RGB→HSL algorithm:
+ *
+ *  - Lightness  = (max + min) / 2
+ *  - Saturation = delta / (2 − max − min)  if L > 0.5
+ *               = delta / (max + min)       otherwise
+ *  - Hue        = derived from which channel is the maximum
+ *
+ * When the color is achromatic (r = g = b), hue and saturation are both 0.
+ *
+ * @param hex - A 6-digit hex color, with or without the `#` prefix.
+ *              Examples: `'#4f46e5'`, `'4f46e5'`.
+ * @returns An {@link HSL} object where `h` ∈ [0, 360), `s` ∈ [0, 100], `l` ∈ [0, 100].
+ *
+ * @example
+ * hexToHsl('#ff0000') // { h: 0,   s: 100, l: 50 }
+ * hexToHsl('#ffffff') // { h: 0,   s: 0,   l: 100 }
+ * hexToHsl('#4f46e5') // { h: 243, s: 73,  l: 59 }  (approx)
+ */
 export declare function hexToHsl(hex: string): HSL;
+/**
+ * Converts an HSL color to a 6-digit hex string.
+ *
+ * Uses the CSS Color Level 4 reference algorithm. Internally computes R, G,
+ * and B via a piecewise function `f(n)` that maps chroma sector offsets to
+ * individual channel values.
+ *
+ * @param hsl - An {@link HSL} object where `h` ∈ [0, 360), `s` ∈ [0, 100], `l` ∈ [0, 100].
+ * @returns A lowercase 7-character hex string including the `#` prefix (e.g. `'#4f46e5'`).
+ *
+ * @example
+ * hslToHex({ h: 0, s: 100, l: 50 })   // '#ff0000'
+ * hslToHex({ h: 0, s: 0,   l: 100 }) // '#ffffff'
+ */
 export declare function hslToHex({ h, s, l }: HSL): string;
+/**
+ * Generates a complete Material Design 3 color scheme from a seed hex color.
+ *
+ * Uses `SchemeTonalSpot` — the standard M3 dynamic color algorithm — which
+ * derives all 27 color roles from a single source hue while respecting the
+ * target lightness/contrast requirements for each role.
+ *
+ * **Algorithm pipeline:**
+ * 1. Parse `seedHex` → ARGB integer via `argbFromHex`.
+ * 2. Convert ARGB → HCT (Hue–Chroma–Tone) color space.
+ * 3. Construct a `SchemeTonalSpot` with the requested mode and contrast level.
+ * 4. Extract each scheme role via `hexFromArgb` and build the {@link ColorScheme}.
+ *
+ * @param seedHex   - The source/brand color as a hex string. The `#` prefix
+ *                    is optional (e.g. `'#4f46e5'` or `'4f46e5'`).
+ * @param mode      - Color scheme polarity. `'light'` produces light backgrounds
+ *                    with dark text; `'dark'` inverts the tone mapping.
+ *                    Defaults to `'light'`.
+ * @param contrast  - WCAG contrast enhancement level. Defaults to `'standard'`.
+ *
+ * @returns A fully populated {@link ColorScheme} where every value is a
+ *          lowercase 7-character hex string (e.g. `'#6750a4'`).
+ *
+ * @example
+ * // Generate a standard light scheme from an indigo seed.
+ * const scheme = generateScheme('#4f46e5');
+ * console.log(scheme.primary);           // e.g. '#5046e4'
+ * console.log(scheme.primaryContainer);  // e.g. '#e9e7ff'
+ *
+ * @example
+ * // High-contrast dark scheme.
+ * const darkHC = generateScheme('#4f46e5', 'dark', 'high');
+ */
 export declare function generateScheme(seedHex: string, mode?: 'light' | 'dark', contrast?: ContrastLevel): ColorScheme;
+/**
+ * Writes a {@link ColorScheme} to the document root as CSS custom properties.
+ *
+ * For each color role in the scheme, **three aliases** are set on
+ * `document.documentElement` so every context can consume the tokens:
+ *
+ * | Namespace prefix     | Example                          | Consumer              |
+ * |----------------------|----------------------------------|-----------------------|
+ * | `--md-sys-color-`    | `--md-sys-color-primary`         | MD3 spec / third-party|
+ * | `--moni-`            | `--moni-primary`                 | Moni components       |
+ * | `--` (bare)          | `--primary`                      | BeerCSS / legacy      |
+ *
+ * camelCase role names are converted to kebab-case automatically
+ * (e.g. `primaryContainer` → `primary-container`).
+ *
+ * Additionally sets `data-theme="light|dark"` on `<html>` so CSS can use
+ * `:root[data-theme='dark']` selectors for any additional overrides.
+ *
+ * **Side effects:** Mutates `doc.documentElement.style` and attributes.
+ * This function should only be called in browser environments.
+ *
+ * @param scheme - The color scheme to apply, as produced by {@link generateScheme}.
+ * @param mode   - The resolved mode (`'light'` or `'dark'`); written to `data-theme`.
+ * @param doc    - The `Document` to target. Pass `document` in normal usage;
+ *                 accepts a custom document for iframe or SSR scenarios.
+ *
+ * @example
+ * const scheme = generateScheme('#4f46e5', 'dark');
+ * applySchemeToDocument(scheme, 'dark', document);
+ * // <html data-theme="dark" style="--md-sys-color-primary: #...; --moni-primary: #...; --primary: #...">
+ */
 export declare function applySchemeToDocument(scheme: ColorScheme, mode: 'light' | 'dark', doc: Document): void;
+/**
+ * Returns the default seed color used by the Moni design system.
+ *
+ * The default seed is a deep indigo (`#4f46e5`) that maps to a material-spec
+ * primary hue of roughly 243°. It was chosen because it:
+ *  - Generates accessible contrast ratios in both light and dark modes.
+ *  - Feels brand-neutral enough to serve as a placeholder before users
+ *    customize their color.
+ *
+ * @returns The default seed hex string `'#4f46e5'`.
+ */
 export declare function getDefaultSeed(): string;
 //# sourceMappingURL=color.d.ts.map

package/dist/utils/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3D,MAAM,WAAW,GAAG;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACV;AAED,MAAM,WAAW,WAAW;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CA8BzC;AAED,wBAAgB,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,MAAM,CAYjD;AAID,wBAAgB,cAAc,CAC7B,OAAO,EAAE,MAAM,EACf,IAAI,GAAE,OAAO,GAAG,MAAgB,EAChC,QAAQ,GAAE,aAA0B,GAClC,WAAW,CAiDb;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,EAAE,QAAQ,QAW/F;AAED,wBAAgB,cAAc,IAAI,MAAM,CAEvC"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"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"}