@mintlify/common 1.0.1051 → 1.0.1053

package/dist/colors.d.ts

@@ -1,6 +1,17 @@
 import { DocsConfig } from '@mintlify/validation';
-import { RGBA } from 'color-blend/dist/types.js';
-import { RgbaObject } from 'hex-rgb';
+export type RGBA = {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+export type RgbaObject = {
+    red: number;
+    green: number;
+    blue: number;
+    alpha: number;
+};
+export declare const hexRgb: (hex: string) => RgbaObject;
 type TailwindColorScale = {
     '50': string;
     '100': string;

package/dist/colors.js

@@ -1,5 +1,30 @@
-import { normal } from 'color-blend';
-import hexRgb from 'hex-rgb';
+const blendNormal = (backdrop, source) => {
+    const alpha = source.a + backdrop.a - source.a * backdrop.a;
+    if (alpha === 0)
+        return { r: 0, g: 0, b: 0, a: 0 };
+    const weight = source.a / alpha;
+    const channel = (b, s) => Math.round((1 - weight) * b + weight * s);
+    return {
+        r: channel(backdrop.r, source.r),
+        g: channel(backdrop.g, source.g),
+        b: channel(backdrop.b, source.b),
+        a: alpha,
+    };
+};
+export const hexRgb = (hex) => {
+    var _a;
+    const match = (_a = /^#?([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.exec(hex)) === null || _a === void 0 ? void 0 : _a[1];
+    if (!match)
+        throw new TypeError(`Expected a valid hex string, got ${hex}`);
+    const value = match.length < 6 ? [...match].map((char) => char + char).join('') : match;
+    const num = Number.parseInt(value.slice(0, 6), 16);
+    return {
+        red: num >> 16,
+        green: (num >> 8) & 0xff,
+        blue: num & 0xff,
+        alpha: value.length === 8 ? Number.parseInt(value.slice(6, 8), 16) / 255 : 1,
+    };
+};
 export const hexToRgbString = (hex) => {
     try {
         const rgb = hexRgb(hex);
@@ -27,11 +52,11 @@ export const generateDynamicBackgroundDarkColor = (primaryLight, backgroundDark,
 export const combineColors = (color1, color1Opacity, color2, color2Opacity) => {
     const color1Rgb = hexRgb(color1);
     const color2Rgb = hexRgb(color2);
-    return normal({ r: color1Rgb.red, g: color1Rgb.green, b: color1Rgb.blue, a: color1Opacity }, { r: color2Rgb.red, g: color2Rgb.green, b: color2Rgb.blue, a: color2Opacity });
+    return blendNormal({ r: color1Rgb.red, g: color1Rgb.green, b: color1Rgb.blue, a: color1Opacity }, { r: color2Rgb.red, g: color2Rgb.green, b: color2Rgb.blue, a: color2Opacity });
 };
 export const generateDynamicGrayRgb = (primaryRgb, grayColor) => {
     const grayRgb = hexRgb(grayColor);
-    const combinedGray = normal({ r: primaryRgb.red, g: primaryRgb.green, b: primaryRgb.blue, a: 0.6 }, { r: grayRgb.red, g: grayRgb.green, b: grayRgb.blue, a: 0.95 });
+    const combinedGray = blendNormal({ r: primaryRgb.red, g: primaryRgb.green, b: primaryRgb.blue, a: 0.6 }, { r: grayRgb.red, g: grayRgb.green, b: grayRgb.blue, a: 0.95 });
     return rgbToRgbString(combinedGray);
 };
 export const generateDynamicGrayScale = (primaryColor) => {