@xanui/core 1.3.7 → 1.3.9

package/theme/oklch.js

@@ -0,0 +1,246 @@
+/* ---------------- PARSERS ---------------- */
+function toOKLCH(input) {
+    if (input.startsWith("oklch")) {
+        const values = input.match(/[\d.]+/g);
+        if (!values || values.length < 3) {
+            throw new Error("Invalid OKLCH format");
+        }
+        let [l, c, h] = values.map(Number);
+        return {
+            l: l > 1 ? l / 100 : l,
+            c,
+            h,
+        };
+    }
+    const rgb = parseToRgb(input);
+    const lab = rgbToOklab(rgb.r, rgb.g, rgb.b);
+    return oklabToOklch(lab.L, lab.a, lab.b);
+}
+function parseToRgb(input) {
+    input = input.trim().toLowerCase();
+    if (input.startsWith("#"))
+        return parseHex(input);
+    if (input.startsWith("rgb"))
+        return parseRgb(input);
+    if (input.startsWith("hsl"))
+        return parseHsl(input);
+    throw new Error("Unsupported format");
+}
+/* ---------------- CORE MATH ---------------- */
+function srgbToLinear(c) {
+    return c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+}
+function rgbToOklab(r, g, b) {
+    r = srgbToLinear(r);
+    g = srgbToLinear(g);
+    b = srgbToLinear(b);
+    const l = 0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b;
+    const m = 0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b;
+    const s = 0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b;
+    const l_ = Math.cbrt(l);
+    const m_ = Math.cbrt(m);
+    const s_ = Math.cbrt(s);
+    return {
+        L: 0.2104542553 * l_ + 0.793617785 * m_ - 0.0040720468 * s_,
+        a: 1.9779984951 * l_ - 2.428592205 * m_ + 0.4505937099 * s_,
+        b: 0.0259040371 * l_ + 0.7827717662 * m_ - 0.808675766 * s_,
+    };
+}
+function oklabToOklch(L, a, b) {
+    const c = Math.sqrt(a * a + b * b);
+    let h = Math.atan2(b, a) * (180 / Math.PI);
+    if (h < 0)
+        h += 360;
+    return { l: L, c, h };
+}
+/* ---------------- FORMAT ---------------- */
+function formatOklch(color, alpha = 1) {
+    const l = (color.l * 100).toFixed(2) + "%";
+    const c = color.c.toFixed(4);
+    const h = color.h.toFixed(2);
+    return alpha === 1
+        ? `oklch(${l} ${c} ${h})`
+        : `oklch(${l} ${c} ${h} / ${alpha})`;
+}
+/* ---------------- UTILS ---------------- */
+function clamp(v, min = 0, max = 1) {
+    return Math.min(max, Math.max(min, v));
+}
+function createPalette(input) {
+    const base = toOKLCH(input);
+    const isTrueBlack = base.l < 0.2 && base.c < 0.02;
+    const isTrueWhite = base.l > 0.92 && base.c < 0.015;
+    const isDark = base.l < 0.75;
+    if (isTrueBlack) {
+        return {
+            main: formatOklch(base),
+            light: formatOklch({
+                l: clamp(base.l + (1 - base.l) * 0.10),
+                c: base.c * 0.85,
+                h: base.h,
+            }),
+            dark: formatOklch({
+                l: 0.04,
+                c: 0.005,
+                h: base.h,
+            }),
+            muted: formatOklch({
+                l: 0.72,
+                c: 0.01,
+                h: base.h,
+            }),
+            disabled: formatOklch({
+                l: 0.30,
+                c: 0,
+                h: base.h,
+            }),
+            contrast: formatOklch({
+                l: 0.98,
+                c: 0.01,
+                h: base.h,
+            }),
+            divider: formatOklch({
+                l: 0.30,
+                c: 0.002,
+                h: 0,
+            }),
+            ghost: formatOklch({
+                l: clamp(base.l + (1 - base.l) * 0.10),
+                c: base.c * 0.85,
+                h: base.h,
+            }, 0.6),
+        };
+    }
+    if (isTrueWhite) {
+        return {
+            main: formatOklch(base),
+            light: formatOklch({
+                l: 0.95,
+                c: 0,
+                h: base.h
+            }),
+            dark: formatOklch({
+                l: 0.86,
+                c: 0,
+                h: base.h,
+            }),
+            muted: formatOklch({
+                l: 0.55,
+                c: 0,
+                h: base.h,
+            }),
+            disabled: formatOklch({
+                l: 0.75,
+                c: 0,
+                h: base.h,
+            }),
+            contrast: formatOklch({
+                l: 0.15,
+                c: 0,
+                h: base.h,
+            }),
+            divider: formatOklch({
+                l: 0.85,
+                c: 0,
+                h: 0,
+            }),
+            ghost: formatOklch({
+                l: 0.85,
+                c: 0,
+                h: base.h
+            }, 0.2),
+        };
+    }
+    return {
+        main: formatOklch(base),
+        light: formatOklch({
+            l: clamp(base.l + 0.10),
+            c: clamp(base.c * 1.2),
+            h: base.h
+        }),
+        dark: formatOklch({
+            l: clamp(base.l - 0.06),
+            c: clamp(base.c * 1),
+            h: base.h
+        }),
+        muted: formatOklch({
+            l: clamp(base.l + (isDark ? 0.25 : -0.25)),
+            c: clamp(base.c * 0.22),
+            h: base.h
+        }),
+        disabled: formatOklch({
+            l: clamp(base.l + (isDark ? 0.01 : -0.01)),
+            c: clamp(base.c * 0.15),
+            h: base.h
+        }),
+        contrast: formatOklch({
+            l: isDark ? 0.97 : 0.11,
+            c: 0.01,
+            h: base.h
+        }),
+        divider: formatOklch({
+            l: clamp(base.l - 0.20),
+            c: clamp(base.c * 1.08),
+            h: base.h
+        }, .3),
+        ghost: formatOklch(base, isDark ? 0.1 : .22),
+    };
+}
+/* ---------------- PARSERS ---------------- */
+function parseHex(hex) {
+    hex = hex.replace("#", "").trim();
+    if (hex.length === 3) {
+        hex = hex.split("").map(c => c + c).join("");
+    }
+    const num = parseInt(hex, 16);
+    return {
+        r: ((num >> 16) & 255) / 255,
+        g: ((num >> 8) & 255) / 255,
+        b: (num & 255) / 255,
+    };
+}
+function parseRgb(input) {
+    const values = input.match(/[\d.]+/g);
+    if (!values || values.length < 3) {
+        throw new Error("Invalid RGB format");
+    }
+    const [r, g, b] = values.map(Number);
+    return {
+        r: r / 255,
+        g: g / 255,
+        b: b / 255,
+    };
+}
+function parseHsl(input) {
+    const values = input.match(/[\d.]+/g);
+    if (!values || values.length < 3) {
+        throw new Error("Invalid HSL format");
+    }
+    let [h, s, l] = values.map(Number);
+    h /= 360;
+    s /= 100;
+    l /= 100;
+    const hue2rgb = (p, q, t) => {
+        if (t < 0)
+            t += 1;
+        if (t > 1)
+            t -= 1;
+        if (t < 1 / 6)
+            return p + (q - p) * 6 * t;
+        if (t < 1 / 2)
+            return q;
+        if (t < 2 / 3)
+            return p + (q - p) * (2 / 3 - t) * 6;
+        return p;
+    };
+    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    const p = 2 * l - q;
+    return {
+        r: hue2rgb(p, q, h + 1 / 3),
+        g: hue2rgb(p, q, h),
+        b: hue2rgb(p, q, h - 1 / 3),
+    };
+}
+
+export { createPalette, toOKLCH };
+//# sourceMappingURL=oklch.js.map

package/theme/oklch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"oklch.js","sources":["../../src/theme/oklch.ts"],"sourcesContent":["type OKLCH = {\n   l: number;\n   c: number;\n   h: number;\n};\n\ntype ColorRole = {\n   main: string;\n   light: string;\n   dark: string;\n   contrast: string;\n   muted: string;\n   divider: string;\n   disabled: string;\n   ghost: string;\n};\n\n/* ---------------- PARSERS ---------------- */\n\nexport function toOKLCH(input: string): OKLCH {\n   if (input.startsWith(\"oklch\")) {\n      const values = input.match(/[\\d.]+/g);\n      if (!values || values.length < 3) {\n         throw new Error(\"Invalid OKLCH format\");\n      }\n\n      let [l, c, h] = values.map(Number);\n\n      return {\n         l: l > 1 ? l / 100 : l,\n         c,\n         h,\n      };\n   }\n\n   const rgb = parseToRgb(input);\n   const lab = rgbToOklab(rgb.r, rgb.g, rgb.b);\n   return oklabToOklch(lab.L, lab.a, lab.b);\n}\n\nfunction parseToRgb(input: string) {\n   input = input.trim().toLowerCase();\n\n   if (input.startsWith(\"#\")) return parseHex(input);\n   if (input.startsWith(\"rgb\")) return parseRgb(input);\n   if (input.startsWith(\"hsl\")) return parseHsl(input);\n\n   throw new Error(\"Unsupported format\");\n}\n\n/* ---------------- CORE MATH ---------------- */\n\nfunction srgbToLinear(c: number) {\n   return c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);\n}\n\nfunction rgbToOklab(r: number, g: number, b: number) {\n   r = srgbToLinear(r);\n   g = srgbToLinear(g);\n   b = srgbToLinear(b);\n\n   const l = 0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b;\n   const m = 0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b;\n   const s = 0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b;\n\n   const l_ = Math.cbrt(l);\n   const m_ = Math.cbrt(m);\n   const s_ = Math.cbrt(s);\n\n   return {\n      L: 0.2104542553 * l_ + 0.793617785 * m_ - 0.0040720468 * s_,\n      a: 1.9779984951 * l_ - 2.428592205 * m_ + 0.4505937099 * s_,\n      b: 0.0259040371 * l_ + 0.7827717662 * m_ - 0.808675766 * s_,\n   };\n}\n\nfunction oklabToOklch(L: number, a: number, b: number): OKLCH {\n   const c = Math.sqrt(a * a + b * b);\n   let h = Math.atan2(b, a) * (180 / Math.PI);\n\n   if (h < 0) h += 360;\n\n   return { l: L, c, h };\n}\n\n/* ---------------- FORMAT ---------------- */\n\nfunction formatOklch(color: OKLCH, alpha = 1): string {\n   const l = (color.l * 100).toFixed(2) + \"%\";\n   const c = color.c.toFixed(4);\n   const h = color.h.toFixed(2);\n\n   return alpha === 1\n      ? `oklch(${l} ${c} ${h})`\n      : `oklch(${l} ${c} ${h} / ${alpha})`;\n}\n\n/* ---------------- UTILS ---------------- */\n\nfunction clamp(v: number, min = 0, max = 1) {\n   return Math.min(max, Math.max(min, v));\n}\n\n\nexport function createPalette(input: string): ColorRole {\n   const base = toOKLCH(input);\n   const isTrueBlack = base.l < 0.2 && base.c < 0.02;\n   const isTrueWhite = base.l > 0.92 && base.c < 0.015;\n   const isDark = base.l < 0.75;\n\n   if (isTrueBlack) {\n      return {\n         main: formatOklch(base),\n\n         light: formatOklch({\n            l: clamp(base.l + (1 - base.l) * 0.10),\n            c: base.c * 0.85,\n            h: base.h,\n         }),\n\n         dark: formatOklch({\n            l: 0.04,\n            c: 0.005,\n            h: base.h,\n         }),\n\n         muted: formatOklch({\n            l: 0.72,\n            c: 0.01,\n            h: base.h,\n         }),\n\n         disabled: formatOklch({\n            l: 0.30,\n            c: 0,\n            h: base.h,\n         }),\n\n         contrast: formatOklch({\n            l: 0.98,\n            c: 0.01,\n            h: base.h,\n         }),\n\n         divider: formatOklch({\n            l: 0.30,\n            c: 0.002,\n            h: 0,\n         }),\n\n         ghost: formatOklch({\n            l: clamp(base.l + (1 - base.l) * 0.10),\n            c: base.c * 0.85,\n            h: base.h,\n         }, 0.6),\n\n      };\n   }\n\n   if (isTrueWhite) {\n      return {\n         main: formatOklch(base),\n\n         light: formatOklch({\n            l: 0.95,\n            c: 0,\n            h: base.h\n         }),\n\n         dark: formatOklch({\n            l: 0.86,\n            c: 0,\n            h: base.h,\n         }),\n\n         muted: formatOklch({\n            l: 0.55,\n            c: 0,\n            h: base.h,\n         }),\n\n         disabled: formatOklch({\n            l: 0.75,\n            c: 0,\n            h: base.h,\n         }),\n\n         contrast: formatOklch({\n            l: 0.15,\n            c: 0,\n            h: base.h,\n         }),\n\n         divider: formatOklch({\n            l: 0.85,\n            c: 0,\n            h: 0,\n         }),\n\n         ghost: formatOklch({\n            l: 0.85,\n            c: 0,\n            h: base.h\n         }, 0.2),\n      };\n   }\n\n\n   return {\n      main: formatOklch(base),\n\n      light: formatOklch({\n         l: clamp(base.l + 0.10),\n         c: clamp(base.c * 1.2),\n         h: base.h\n      }),\n\n      dark: formatOklch({\n         l: clamp(base.l - 0.06),\n         c: clamp(base.c * 1),\n         h: base.h\n      }),\n\n      muted: formatOklch({\n         l: clamp(base.l + (isDark ? 0.25 : -0.25)),\n         c: clamp(base.c * 0.22),\n         h: base.h\n      }),\n\n      disabled: formatOklch({\n         l: clamp(base.l + (isDark ? 0.01 : -0.01)),\n         c: clamp(base.c * 0.15),\n         h: base.h\n      }),\n\n      contrast: formatOklch({\n         l: isDark ? 0.97 : 0.11,\n         c: 0.01,\n         h: base.h\n      }),\n\n      divider: formatOklch({\n         l: clamp(base.l - 0.20),\n         c: clamp(base.c * 1.08),\n         h: base.h\n      }, .3),\n\n      ghost: formatOklch(base, isDark ? 0.1 : .22),\n   };\n}\n\n/* ---------------- PARSERS ---------------- */\n\nfunction parseHex(hex: string) {\n   hex = hex.replace(\"#\", \"\").trim();\n\n   if (hex.length === 3) {\n      hex = hex.split(\"\").map(c => c + c).join(\"\");\n   }\n\n   const num = parseInt(hex, 16);\n\n   return {\n      r: ((num >> 16) & 255) / 255,\n      g: ((num >> 8) & 255) / 255,\n      b: (num & 255) / 255,\n   };\n}\n\nfunction parseRgb(input: string) {\n   const values = input.match(/[\\d.]+/g);\n   if (!values || values.length < 3) {\n      throw new Error(\"Invalid RGB format\");\n   }\n\n   const [r, g, b] = values.map(Number);\n\n   return {\n      r: r / 255,\n      g: g / 255,\n      b: b / 255,\n   };\n}\n\nfunction parseHsl(input: string) {\n   const values = input.match(/[\\d.]+/g);\n   if (!values || values.length < 3) {\n      throw new Error(\"Invalid HSL format\");\n   }\n\n   let [h, s, l] = values.map(Number);\n\n   h /= 360;\n   s /= 100;\n   l /= 100;\n\n   const hue2rgb = (p: number, q: number, t: number) => {\n      if (t < 0) t += 1;\n      if (t > 1) t -= 1;\n      if (t < 1 / 6) return p + (q - p) * 6 * t;\n      if (t < 1 / 2) return q;\n      if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;\n      return p;\n   };\n\n   const q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n   const p = 2 * l - q;\n\n   return {\n      r: hue2rgb(p, q, h + 1 / 3),\n      g: hue2rgb(p, q, h),\n      b: hue2rgb(p, q, h - 1 / 3),\n   };\n}"],"names":[],"mappings":"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"}

package/theme/types.d.ts

@@ -3,92 +3,50 @@ import { GlobalCSS, BreakpointKeys } from '../css/types.js';
 type ObjectType = {
     [key: string]: any;
 };
+type BaseTypographyKeys = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "big" | "text" | "button" | "small";
 type ThemeTypographyItem = {
     fontSize: number;
     lineHeight: number;
     fontWeight: number;
 };
-type ThemeTypographyType = {
-    h1: ThemeTypographyItem;
-    h2: ThemeTypographyItem;
-    h3: ThemeTypographyItem;
-    h4: ThemeTypographyItem;
-    h5: ThemeTypographyItem;
-    h6: ThemeTypographyItem;
-    big: ThemeTypographyItem;
-    text: ThemeTypographyItem;
-    button: ThemeTypographyItem;
-    small: ThemeTypographyItem;
-};
+type ThemeColorKeys = "surface" | "primary" | "accent" | "info" | "success" | "warning" | "danger";
 type ThemeColorOption = {
-    primary: string;
-    secondary: string;
-    text: string;
-};
-type ThemeOptionsColor = ThemeColorOption & {
-    soft: {
-        primary: string;
-        secondary: string;
-    };
+    main: string;
+    light: string;
+    dark: string;
+    contrast: string;
+    muted: string;
+    disabled: string;
+    divider: string;
+    ghost: string;
 };
-interface ThemeOptions {
+type ThemeInterface<T = any> = (defaultProps: T, theme: ThemeOptions) => T;
+type ThemeMode = "dark" | "light";
+type ThemeOptions = {
     name: string;
+    mode?: ThemeMode;
     rtl: boolean;
     globalStyle: GlobalCSS;
     breakpoints: {
         [key in BreakpointKeys]: number;
     };
     shadow: string[];
-    interfaces: {
-        [name: string]: <P extends object>(defaultProps: P, theme: ThemeOptions) => P;
-    };
-    colors: {
-        background: Omit<ThemeOptionsColor, 'text'>;
-        text: Omit<ThemeOptionsColor, 'text'>;
-        divider: Omit<ThemeOptionsColor, 'text'>;
-        brand: ThemeOptionsColor;
-        accent: ThemeOptionsColor;
-        success: ThemeOptionsColor;
-        info: ThemeOptionsColor;
-        warning: ThemeOptionsColor;
-        danger: ThemeOptionsColor;
-    };
-    typography: ThemeTypographyType;
-    change: (theme: ThemeOptions) => void;
-}
-type ThemeTypographyItemInput = Partial<ThemeTypographyItem>;
-type ThemeTypographyInputType = {
-    h1?: ThemeTypographyItemInput;
-    h2?: ThemeTypographyItemInput;
-    h3?: ThemeTypographyItemInput;
-    h4?: ThemeTypographyItemInput;
-    h5?: ThemeTypographyItemInput;
-    h6?: ThemeTypographyItemInput;
-    text?: ThemeTypographyItemInput;
-    button?: ThemeTypographyItemInput;
-    small?: ThemeTypographyItemInput;
+    interfaces: Record<string, ThemeInterface>;
+    colors: Record<ThemeColorKeys, ThemeColorOption>;
+    typography: Record<BaseTypographyKeys, ThemeTypographyItem>;
+    change: (theme: ThemeOptionInput) => void;
 };
-interface ThemeOptionInput {
+type ThemeOptionInput = {
+    name?: string;
+    mode?: ThemeMode;
     rtl?: boolean;
     globalStyle?: GlobalCSS;
     shadow?: string[];
-    interfaces?: {
-        [name: string]: <P extends object>(defaultProps: P, theme: ThemeOptions) => P;
-    };
-    colors?: {
-        background?: Omit<ThemeColorOption, 'text'>;
-        text?: Omit<ThemeColorOption, 'text'>;
-        divider?: Omit<ThemeColorOption, 'text'>;
-        brand?: ThemeColorOption;
-        accent?: ThemeColorOption;
-        success?: ThemeColorOption;
-        info?: ThemeColorOption;
-        warning?: ThemeColorOption;
-        danger?: ThemeColorOption;
-    };
-    typography?: ThemeTypographyInputType;
-}
-type TypographyRefTypes = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "text" | "button" | "small";
-type ColorsRefTypes = "background" | "background.primary" | "background.secondary" | "text" | "text.primary" | "text.secondary" | "divider" | "divider.primary" | "divider.secondary" | "divider.soft.primary" | "divider.soft.secondary" | "brand" | "brand.primary" | "brand.secondary" | "brand.text" | "brand.soft.primary" | "brand.soft.secondary" | "accent" | "accent.primary" | "accent.secondary" | "accent.text" | "accent.soft.primary" | "accent.soft.secondary" | "info" | "info.primary" | "info.secondary" | "info.text" | "info.soft.primary" | "info.soft.secondary" | "success" | "success.primary" | "success.secondary" | "success.text" | "success.soft.primary" | "success.soft.secondary" | "warning" | "warning.primary" | "warning.secondary" | "warning.text" | "warning.soft.primary" | "warning.soft.secondary" | "danger" | "danger.primary" | "danger.secondary" | "danger.text" | "danger.soft.primary" | "danger.soft.secondary";
+    interfaces?: Record<string, ThemeInterface>;
+    colors?: Partial<Record<ThemeColorKeys, string | Partial<ThemeColorOption>>>;
+    typography?: Record<BaseTypographyKeys, ThemeTypographyItem>;
+};
+type TypographyRefTypes = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "big" | "text" | "button" | "small";
+type ColorsRefTypes = "surface" | "surface.main" | "surface.light" | "surface.dark" | "surface.contrast" | "surface.muted" | "surface.disabled" | "surface.divider" | "surface.ghost" | "primary" | "primary.main" | "primary.light" | "primary.dark" | "primary.contrast" | "primary.muted" | "primary.disabled" | "primary.divider" | "primary.ghost" | "accent" | "accent.main" | "accent.light" | "accent.dark" | "accent.contrast" | "accent.muted" | "accent.disabled" | "accent.divider" | "accent.ghost" | "success" | "success.main" | "success.light" | "success.dark" | "success.contrast" | "success.muted" | "success.disabled" | "success.divider" | "success.ghost" | "info" | "info.main" | "info.light" | "info.dark" | "info.contrast" | "info.muted" | "info.disabled" | "info.divider" | "info.ghost" | "warning" | "warning.main" | "warning.light" | "warning.dark" | "warning.contrast" | "warning.muted" | "warning.disabled" | "warning.divider" | "warning.ghost" | "danger" | "danger.main" | "danger.light" | "danger.dark" | "danger.contrast" | "danger.muted" | "danger.disabled" | "danger.divider" | "danger.ghost";
 
-export type { ColorsRefTypes, ObjectType, ThemeColorOption, ThemeOptionInput, ThemeOptions, ThemeOptionsColor, ThemeTypographyInputType, ThemeTypographyItem, ThemeTypographyItemInput, ThemeTypographyType, TypographyRefTypes };
+export type { BaseTypographyKeys, ColorsRefTypes, ObjectType, ThemeColorKeys, ThemeColorOption, ThemeInterface, ThemeMode, ThemeOptionInput, ThemeOptions, ThemeTypographyItem, TypographyRefTypes };