@quidgest/ui 0.16.33 → 0.16.34

package/esm/utils/color/types.d.ts

@@ -0,0 +1,51 @@
+export type BaseColorScheme = {
+    primary: string;
+    primaryLight: string;
+    primaryDark: string;
+    secondary: string;
+    secondaryLight: string;
+    secondaryDark: string;
+    highlight: string;
+    highlightLight: string;
+    highlightDark: string;
+    info: string;
+    infoLight: string;
+    infoDark: string;
+    success: string;
+    successLight: string;
+    successDark: string;
+    warning: string;
+    warningLight: string;
+    warningDark: string;
+    danger: string;
+    dangerLight: string;
+    dangerDark: string;
+    background: string;
+    container: string;
+    neutral: string;
+    neutralLight: string;
+    neutralDark: string;
+};
+type Capitalize<S extends string> = S extends `${infer F}${infer R}` ? `${Uppercase<F>}${R}` : S;
+type OnVariants<T> = {
+    [K in keyof T as `on${Capitalize<string & K>}`]: string;
+};
+export type ColorScheme = BaseColorScheme & OnVariants<BaseColorScheme>;
+/**
+ * Represents a color in RGB space.
+ */
+export type RGB = {
+    r: number;
+    g: number;
+    b: number;
+};
+/**
+ * Represents a color in HSL space.
+ */
+export type HSL = {
+    h: number;
+    s: number;
+    l: number;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/esm/utils/color/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/color/types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,eAAe,GAAG;IAE7B,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IAEnB,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IAErB,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IAGrB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAEhB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IAEnB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IAEnB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAGlB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IAGjB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;CACnB,CAAA;AAGD,KAAK,UAAU,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAA;AAGhG,KAAK,UAAU,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,GAAG,MAAM;CACvD,CAAA;AAGD,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC,CAAA;AAEvE;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT,CAAA"}

package/esm/utils/theme.js

@@ -1,6 +1,6 @@
 import { computed as c } from "vue";
-import { parseColor as d } from "./color.js";
 import { toKebabCase as a } from "./string.js";
+import { parseColor as d } from "./color/parse.js";
 const m = "q-theme";
 function h() {
   let e = document.getElementById(

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.16.33",
+  "version": "0.16.34",
   "private": false,
   "type": "module",
   "author": "Quidgest",
@@ -39,6 +39,8 @@
     "./templates/*": "./esm/templates/*.js",
     "./components": "./esm/components/index.js",
     "./components/*": "./esm/components/*/index.js",
+    "./utils": "./esm/utils/index.js",
+    "./utils/*": "./esm/utils/*/index.js",
     "./*": "./*"
   },
   "devDependencies": {

package/esm/utils/color.d.ts

@@ -1,123 +0,0 @@
-export type ColorScheme = {
-    primary: string;
-    primaryLight: string;
-    primaryDark: string;
-    onPrimary: string;
-    secondary: string;
-    secondaryLight: string;
-    secondaryDark: string;
-    onSecondary: string;
-    highlight: string;
-    highlightLight: string;
-    highlightDark: string;
-    onHighlight: string;
-    info: string;
-    infoLight: string;
-    infoDark: string;
-    onInfo: string;
-    success: string;
-    successLight: string;
-    successDark: string;
-    onSuccess: string;
-    warning: string;
-    warningLight: string;
-    warningDark: string;
-    onWarning: string;
-    danger: string;
-    dangerLight: string;
-    dangerDark: string;
-    onDanger: string;
-    background: string;
-    onBackground: string;
-    container: string;
-    neutral: string;
-    neutralLight: string;
-    neutralDark: string;
-    onNeutral: string;
-};
-/**
- * Represents a color in RGB space.
- */
-export type RGB = {
-    r: number;
-    g: number;
-    b: number;
-};
-/**
- * Represents a color in HSL space.
- */
-export type HSL = {
-    h: number;
-    s: number;
-    l: number;
-};
-/**
- * Checks if the given string represents a valid hexadecimal color code.
- * @param hexColorCode - The color code to validate.
- * @param enforceSixChars - Whether to enforce only the 6-character format (default is false).
- * @returns True if the color code is valid, false otherwise.
- */
-export declare function isValidHex(hexColorCode: string, enforceSixChars?: boolean): boolean;
-/**
- * Tries to parse a string in the format 'rgb(r, g, b)' to an RGB object.
- * @param tr The input string to parse, expected in the format 'rgb(r, g, b)'.
- * @returns An object containing parsed RGB values if the input string is valid, otherwise undefined.
- */
-export declare function tryParseRgb(str: string): RGB | undefined;
-/**
- * Parses a color from a hex string.
- * @param color A hex string representing the color, e.g., "#aabbcc".
- * @returns A `RGB` object representing the parsed color.
- */
-export declare function parseColor(color: string): RGB;
-/**
- * Lightens a color by a specified amount.
- * @param rgb The color to lighten.
- * @param amount The amount to lighten the color by, in the range [0, 100].
- * @returns The lightened color.
- */
-export declare function lighten(rgb: RGB, amount: number): RGB;
-/**
- * Darkens a color by a specified amount.
- * @param rgb The color to darken.
- * @param amount The amount to darken the color by, in the range [0, 100].
- * @returns The darkened color.
- */
-export declare function darken(rgb: RGB, amount: number): RGB;
-/**
- * Converts a `Color` object to a hex string.
- * @param rgb The color to convert.
- * @returns A hex string representing the color.
- */
-export declare function colorToHex(rgb: RGB): string;
-/**
- * Converts an RGB object to a string in the format 'r g b'.
- * @param rgb The RGB object to convert.
- * @returns A string representing the color in 'r g b' format.
- */
-export declare function rgbToVariableString(rgb: RGB): string;
-/**
- * Converts a color from RGB to HSL space.
- * @param color The color to convert.
- * @returns An object representing the color in HSL space.
- */
-export declare function rgbToHsl(rgb: RGB): HSL;
-/**
- * Converts a color from HSL to RGB space.
- * @param h The hue component of the color, in the range [0, 1].
- * @param s The saturation component of the color, in the range [0, 1].
- * @param l The lightness component of the color, in the range [0, 1].
- * @returns A `RGB` object representing the color in RGB space.
- */
-export declare function hslToRgb(hsl: HSL): RGB;
-/**
- * Helper function to convert a hue value to a corresponding RGB value.
- * @param p The first RGB component.
- * @param q The second RGB component.
- * @param t The hue value.
- * @returns The corresponding RGB value.
- */
-export declare function hueToRgb(p: number, q: number, t: number): number;
-export declare function getContrastingColor(luminance: number): "#000" | "#fff";
-export declare function getComplementaryColor(color: string): string;
-//# sourceMappingURL=color.d.ts.map

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

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

package/esm/utils/color.js

@@ -1,97 +0,0 @@
-function d(t, r = !1) {
-  return r ? /^#[a-fA-F0-9]{6}$/.test(t) : /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
-}
-function g(t) {
-  const r = t.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
-  if (r) {
-    const n = parseInt(r[1], 10), s = parseInt(r[2], 10), e = parseInt(r[3], 10);
-    return { r: n, g: s, b: e };
-  }
-}
-function b(t) {
-  if (d(t)) {
-    t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
-    const r = parseInt(t.slice(1, 3), 16), n = parseInt(t.slice(3, 5), 16), s = parseInt(t.slice(5, 7), 16);
-    return { r, g: n, b: s };
-  } else {
-    const r = g(t);
-    if (r) return r;
-  }
-  throw new Error("Invalid color format");
-}
-function $(t, r) {
-  const n = h(t), s = r / 100;
-  return n.l = n.l + s * (100 - n.l), l(n);
-}
-function p(t, r) {
-  const n = h(t), s = r / 100;
-  return n.l = n.l - s * n.l, l(n);
-}
-function M(t) {
-  const r = t.r.toString(16).padStart(2, "0"), n = t.g.toString(16).padStart(2, "0"), s = t.b.toString(16).padStart(2, "0");
-  return `#${r}${n}${s}`;
-}
-function m(t) {
-  return `${t.r} ${t.g} ${t.b}`;
-}
-function h(t) {
-  const r = t.r / 255, n = t.g / 255, s = t.b / 255, e = Math.max(r, n, s), o = Math.min(r, n, s);
-  let a = 0, c;
-  const i = (e + o) / 2;
-  if (e === o)
-    a = c = 0;
-  else {
-    const u = e - o;
-    switch (c = i > 0.5 ? u / (2 - e - o) : u / (e + o), e) {
-      case r:
-        a = (n - s) / u + (n < s ? 6 : 0);
-        break;
-      case n:
-        a = (s - r) / u + 2;
-        break;
-      case s:
-        a = (r - n) / u + 4;
-        break;
-    }
-    a /= 6;
-  }
-  return {
-    h: Math.round(a * 360),
-    s: Math.round(c * 100),
-    l: Math.round(i * 100)
-  };
-}
-function l(t) {
-  const r = t.h / 360, n = t.s / 100, s = t.l / 100;
-  let e, o, a;
-  if (n === 0)
-    e = o = a = s;
-  else {
-    const c = s < 0.5 ? s * (1 + n) : s + n - s * n, i = 2 * s - c;
-    e = f(i, c, r + 1 / 3), o = f(i, c, r), a = f(i, c, r - 1 / 3);
-  }
-  return {
-    r: Math.round(e * 255),
-    g: Math.round(o * 255),
-    b: Math.round(a * 255)
-  };
-}
-function f(t, r, n) {
-  return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (r - t) * 6 * n : n < 1 / 2 ? r : n < 2 / 3 ? t + (r - t) * (2 / 3 - n) * 6 : t;
-}
-function I(t) {
-  return t > 50 ? "#000" : "#fff";
-}
-export {
-  M as colorToHex,
-  p as darken,
-  I as getContrastingColor,
-  l as hslToRgb,
-  f as hueToRgb,
-  d as isValidHex,
-  $ as lighten,
-  b as parseColor,
-  h as rgbToHsl,
-  m as rgbToVariableString,
-  g as tryParseRgb
-};