@quidgest/ui 0.14.11 → 0.14.13

package/esm/composables/theme.d.ts

@@ -1,5 +1,50 @@
-import { ThemeInstance } from '../framework';
-export declare const THEME_SYMBOL = "q-theme";
+import { ComputedRef, DeepReadonly, InjectionKey, Ref } from 'vue';
+import { ColorScheme } from '../utils/color';
+export declare const ThemeSymbol: InjectionKey<ThemeInstance>;
+/**
+ * Represents the two available theme modes for the application: light and dark.
+ */
+export type ThemeMode = 'light' | 'dark';
+/**
+ * Represents the theme configuration for the application, including the default theme
+ * and a list of available themes with customizable color schemes.
+ */
+export type AppThemes = {
+    /** The name of the default theme to be applied initially. */
+    defaultTheme: string;
+    /** An array of theme definitions available for the application. */
+    themes: Array<{
+        /** The name of the theme. */
+        name: string;
+        /** The mode of the theme (e.g., light or dark). */
+        mode: ThemeMode;
+        /** An optional object to customize the color scheme of the theme. */
+        colors?: Partial<ColorScheme>;
+    }>;
+};
+/**
+ * Defines the structure of a theme, including its name, mode, and color scheme.
+ */
+export type ThemeDefinition = {
+    /** The unique name of the theme. */
+    name: string;
+    /** The mode of the theme (e.g., light or dark). */
+    mode: ThemeMode;
+    /** The color scheme associated with the theme. */
+    scheme: ColorScheme;
+};
+/**
+ * Represents an instance of a theme, containing reactive properties for
+ * managing theme state and accessing theme definitions.
+ */
+export type ThemeInstance = {
+    /** The reactive reference to the active theme's name. */
+    readonly name: Ref<string>;
+    /** A computed reference to the current theme definition. */
+    readonly current: DeepReadonly<ComputedRef<ThemeDefinition>>;
+    /** An array of available theme definitions. */
+    readonly themes: DeepReadonly<ThemeDefinition[]>;
+};
 /**
  * Custom hook for accessing the theme configuration in context.
  *
@@ -7,11 +52,14 @@ export declare const THEME_SYMBOL = "q-theme";
  */
 export declare function useTheme(): ThemeInstance;
 /**
- * Provides a theme with the specified name using the current theme configuration.
+ * Provides and manages a theme instance based on the specified theme name.
+ *
+ * This function retrieves the available themes from the current theme context,
+ * creates a new theme instance, and provides it to the Vue dependency injection system.
  *
- * @param name - The name of the theme to provide.
+ * @param name - A reactive reference (`Ref<string>`) representing the name of the theme to activate.
  *
- * @returns The active theme.
+ * @returns The newly created and provided `ThemeInstance`.
  */
-export declare function provideTheme(name: string): ThemeInstance;
+export declare function provideTheme(name: Ref<string>): ThemeInstance;
 //# sourceMappingURL=theme.d.ts.map

package/esm/composables/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/composables/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAKhD,eAAO,MAAM,YAAY,YAAY,CAAA;AAErC;;;;GAIG;AACH,wBAAgB,QAAQ,IAAI,aAAa,CAQxC;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,iBAWxC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/composables/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAMhD,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,aAAa,CAAyB,CAAA;AAE7E;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAExC;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACvB,6DAA6D;IAC7D,YAAY,EAAE,MAAM,CAAA;IAEpB,mEAAmE;IACnE,MAAM,EAAE,KAAK,CAAC;QACb,6BAA6B;QAC7B,IAAI,EAAE,MAAM,CAAA;QAEZ,mDAAmD;QACnD,IAAI,EAAE,SAAS,CAAA;QAEf,qEAAqE;QACrE,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAC7B,CAAC,CAAA;CACF,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAA;IAEZ,mDAAmD;IACnD,IAAI,EAAE,SAAS,CAAA;IAEf,kDAAkD;IAClD,MAAM,EAAE,WAAW,CAAA;CACnB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC3B,yDAAyD;IACzD,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAE1B,4DAA4D;IAC5D,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAA;IAE5D,+CAA+C;IAC/C,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC,CAAA;CAChD,CAAA;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,IAAI,aAAa,CAQxC;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,aAAa,CAU7D"}

package/esm/composables/theme.js

@@ -1,20 +1,18 @@
-import { inject as r, ref as m, provide as h } from "vue";
-const n = "q-theme";
-function i() {
-  const e = r(n);
+import { createThemeInstance as r } from "../utils/theme.js";
+import { inject as c, provide as h } from "vue";
+const n = Symbol.for("q-theme");
+function s() {
+  const e = c(n);
   if (!e)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return e;
 }
-function s(e) {
-  const o = i(), t = {
-    activeTheme: m(e),
-    themes: o.themes
-  };
+function u(e) {
+  const o = s(), m = o.themes, t = r(e, m);
   return h(n, t), t;
 }
 export {
-  n as THEME_SYMBOL,
-  s as provideTheme,
-  i as useTheme
+  n as ThemeSymbol,
+  u as provideTheme,
+  s as useTheme
 };

package/esm/composables/useDropZone/index.d.ts

@@ -0,0 +1,38 @@
+import { MaybeRef, Ref } from 'vue';
+interface DropZoneOptions {
+    /** Callback fired when valid files are dropped */
+    onDrop?: (files: File[]) => void;
+    /** Callback fired when files are dragged over the drop zone */
+    onDragOver?: (event: DragEvent) => void;
+    /** Callback fired when files are dragged out of the drop zone */
+    onDragLeave?: (event: DragEvent) => void;
+    /** Array of accepted MIME types or file patterns (e.g., 'image/*', '.pdf') */
+    accept?: MaybeRef<string[]>;
+    /** Whether to allow multiple files to be dropped */
+    multiple?: MaybeRef<boolean>;
+    /** Maximum allowed file size in bytes */
+    maxSize?: number;
+    /** Whether the drop zone is enabled */
+    enabled?: MaybeRef<boolean>;
+}
+interface UseDropZoneReturn {
+    /** Whether files are currently being dragged over the drop zone */
+    isOverDropZone: Ref<boolean>;
+    /** Whether the currently dragged files match the accepted types */
+    isValid: Ref<boolean>;
+    /** Whether the drop zone is currently enabled */
+    isEnabled: Ref<boolean>;
+    /** Function to enable the drop zone */
+    enable: () => void;
+    /** Function to disable the drop zone */
+    disable: () => void;
+}
+/**
+ * Vue composable for handling file drag and drop with validation
+ *
+ * @param elementRef - Ref to the HTML element that will act as the drop zone
+ * @param options - Configuration options for the drop zone
+ */
+export declare function useDropZone(elementRef: Ref<HTMLElement | null>, options?: DropZoneOptions): UseDropZoneReturn;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/esm/composables/useDropZone/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDropZone/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAKxC,UAAU,eAAe;IACxB,kDAAkD;IAClD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IAChC,+DAA+D;IAC/D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACvC,iEAAiE;IACjE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACxC,8EAA8E;IAC9E,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;IAC3B,oDAAoD;IACpD,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC5B,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uCAAuC;IACvC,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;CAC3B;AAED,UAAU,iBAAiB;IAC1B,mEAAmE;IACnE,cAAc,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAC5B,mEAAmE;IACnE,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACrB,iDAAiD;IACjD,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACvB,uCAAuC;IACvC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,wCAAwC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAA;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAC1B,UAAU,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EACnC,OAAO,GAAE,eAAoB,GAC3B,iBAAiB,CAmJnB"}

package/esm/composables/useDropZone/index.js

@@ -0,0 +1,62 @@
+import { ref as v, unref as c, isRef as C, watch as M, onMounted as O, onUnmounted as U } from "vue";
+function k(p, s = {}) {
+  const {
+    onDrop: m,
+    onDragOver: i,
+    onDragLeave: d,
+    accept: y = [],
+    multiple: F,
+    maxSize: g,
+    enabled: T = !0
+  } = s;
+  let a = 0;
+  const l = v(!1), u = v(!1), t = v(c(T)), E = (e) => {
+    const r = c(y);
+    return r.length === 0 || r.some((n) => e.match(n));
+  }, x = (e) => !(g && e.size > g || !E(e.type)), f = () => {
+    a = 0, l.value = !1, u.value = !1;
+  }, L = (e) => {
+    var o;
+    if (!t.value) return;
+    e.preventDefault(), f();
+    const r = Array.from(((o = e.dataTransfer) == null ? void 0 : o.files) || []);
+    if (!c(F) && r.length > 1)
+      return;
+    const n = r.filter(x);
+    n.length && m && m(n);
+  }, h = (e) => {
+    var n;
+    if (!t.value) return;
+    e.preventDefault();
+    const r = Array.from(((n = e.dataTransfer) == null ? void 0 : n.items) || []).map((o) => o.type);
+    u.value = r.some(E), a++, a === 1 && (l.value = !0, i == null || i(e));
+  }, D = (e) => {
+    t.value && (e.preventDefault(), a--, a === 0 && (l.value = !1, u.value = !1, d == null || d(e)));
+  }, b = (e) => {
+    t.value && e.preventDefault();
+  }, z = () => {
+    t.value = !0;
+  }, A = () => {
+    t.value = !1, f();
+  };
+  s.enabled && C(s.enabled) && M(s.enabled, (e) => {
+    t.value = e, e || f();
+  });
+  const S = () => {
+    const e = p.value;
+    e && (e.addEventListener("drop", L), e.addEventListener("dragenter", h), e.addEventListener("dragleave", D), e.addEventListener("dragover", b));
+  }, Z = () => {
+    const e = p.value;
+    e && (e.removeEventListener("drop", L), e.removeEventListener("dragenter", h), e.removeEventListener("dragleave", D), e.removeEventListener("dragover", b));
+  };
+  return O(S), U(Z), {
+    isOverDropZone: l,
+    isValid: u,
+    isEnabled: t,
+    enable: z,
+    disable: A
+  };
+}
+export {
+  k as useDropZone
+};

package/esm/framework.d.ts

@@ -1,28 +1,25 @@
 import { Defaults } from './composables/defaults';
-import { Component, Plugin, Ref } from 'vue';
-import { ColorScheme } from './utils/color';
+import { AppThemes } from './composables/theme';
+import { Component, Plugin } from 'vue';
+/**
+ * Configuration options for the Quidgest UI framework plugin.
+ */
 export type FrameworkConfig = {
+    /** An optional record of components to be registered globally in the application. */
     components?: Record<string, Component>;
+    /** An optional configuration for the available themes and the default theme. */
     themes?: AppThemes;
+    /** An optional object containing global default values for the application. */
     defaults?: Defaults;
 };
-export type ThemeMode = 'light' | 'dark';
-export type AppThemes = {
-    defaultTheme: string;
-    themes: Array<{
-        name: string;
-        mode: ThemeMode;
-        colors?: Partial<ColorScheme>;
-    }>;
-};
-export type ThemeDefinition = {
-    name: string;
-    mode: ThemeMode;
-    scheme: ColorScheme;
-};
-export type ThemeInstance = {
-    activeTheme: Ref<string>;
-    themes: ThemeDefinition[];
-};
+/**
+ * Creates the Quidgest UI framework plugin that installs components, sets up global defaults,
+ * and configures themes based on the provided configuration.
+ *
+ * @param config - The framework configuration, including components, defaults, and themes.
+ *                 Defaults to an empty object if no configuration is provided.
+ *
+ * @returns A Vue plugin (`Plugin`) with an `install` function to set up the framework.
+ */
 export declare function createFramework(config?: FrameworkConfig): Plugin;
 //# sourceMappingURL=framework.d.ts.map

package/esm/framework.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"framework.d.ts","sourceRoot":"","sources":["../src/framework.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAO,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAMhD,MAAM,MAAM,eAAe,GAAG;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACtC,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAExC,MAAM,MAAM,SAAS,GAAG;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,KAAK,CAAC;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,SAAS,CAAA;QACf,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAC7B,CAAC,CAAA;CACF,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,SAAS,CAAA;IACf,MAAM,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC3B,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACxB,MAAM,EAAE,eAAe,EAAE,CAAA;CACzB,CAAA;AAED,wBAAgB,eAAe,CAAC,MAAM,GAAE,eAAoB,GAAG,MAAM,CAiBpE"}
+{"version":3,"file":"framework.d.ts","sourceRoot":"","sources":["../src/framework.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAE,SAAS,EAAmB,MAAM,qBAAqB,CAAA;AACrE,OAAO,KAAK,EAAO,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAMjD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAEtC,gFAAgF;IAChF,MAAM,CAAC,EAAE,SAAS,CAAA;IAElB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACnB,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,MAAM,GAAE,eAAoB,GAAG,MAAM,CAiBpE"}

package/esm/framework.js

@@ -1,47 +1,44 @@
 import { DEFAULTS_SYMBOL as c } from "./composables/defaults.js";
-import { THEME_SYMBOL as i } from "./composables/theme.js";
-import { defaultLightColorScheme as a, defaultDarkColorScheme as h } from "./templates/theme.js";
-import { ref as n, watch as f } from "vue";
-import { generateRootStyle as d } from "./utils/theme.js";
-function v(m = {}) {
+import { ThemeSymbol as h } from "./composables/theme.js";
+import { defaultLightColorScheme as l, defaultDarkColorScheme as i } from "./templates/theme.js";
+import { ref as a, watch as f } from "vue";
+import { createThemeInstance as d, generateRootStyle as u } from "./utils/theme.js";
+function D(s = {}) {
   return { install: (o) => {
-    const t = m.components || {};
-    for (const l in t)
-      o.component(l, t[l]);
-    const e = m.defaults || {};
-    o.provide(c, n(e)), u(o, m.themes);
+    const t = s.components || {};
+    for (const n in t)
+      o.component(n, t[n]);
+    const e = s.defaults || {};
+    o.provide(c, a(e)), p(o, s.themes);
   } };
 }
-function u(m, s) {
+function p(s, m) {
   const o = [];
   let t;
-  if (!s)
+  if (!m)
     t = "default", o.push({
       name: t,
       mode: "light",
-      scheme: a
+      scheme: l
     });
   else
-    for (const e of s.themes) {
-      const r = { ...e.mode === "light" ? a : h, ...e.colors };
+    for (const e of m.themes) {
+      const r = { ...e.mode === "light" ? l : i, ...e.colors };
       o.push({
         name: e.name,
         mode: e.mode,
         scheme: r
-      }), e.name === s.defaultTheme && (t = e.name);
+      }), e.name === m.defaultTheme && (t = e.name);
     }
   if (t) {
-    const e = {
-      activeTheme: n(t),
-      themes: o
-    };
-    d(o), f(e.activeTheme, p, { immediate: !0 }), m.provide(i, e);
+    const e = a(t), n = d(e, o);
+    u(o), f(n.name, S, { immediate: !0 }), s.provide(h, n);
   }
 }
-function p(m) {
-  const s = document.documentElement, t = Array.from(s.classList).filter((e) => !e.startsWith("q-theme"));
-  s.className = t.join(" "), s.classList.add(`q-theme--${m}`);
+function S(s) {
+  const m = document.documentElement, t = Array.from(m.classList).filter((e) => !e.startsWith("q-theme"));
+  m.className = t.join(" "), m.classList.add(`q-theme--${s}`);
 }
 export {
-  v as createFramework
+  D as createFramework
 };

package/esm/index.d.ts

@@ -9,16 +9,20 @@ declare module '@vue/runtime-core' {
 	export interface GlobalComponents {
 		QAccordion: typeof import('@quidgest/ui/components')['QAccordion']
 		QBadge: typeof import('@quidgest/ui/components')['QBadge']
+		QBadgeIndicator: typeof import('@quidgest/ui/components')['QBadgeIndicator']
 		QButton: typeof import('@quidgest/ui/components')['QButton']
 		QButtonGroup: typeof import('@quidgest/ui/components')['QButtonGroup']
 		QButtonToggle: typeof import('@quidgest/ui/components')['QButtonToggle']
 		QCard: typeof import('@quidgest/ui/components')['QCard']
 		QCheckbox: typeof import('@quidgest/ui/components')['QCheckbox']
 		QCollapsible: typeof import('@quidgest/ui/components')['QCollapsible']
+		QColorPicker: typeof import('@quidgest/ui/components')['QColorPicker']
 		QCombobox: typeof import('@quidgest/ui/components')['QCombobox']
+		QDateTimePicker: typeof import('@quidgest/ui/components')['QDateTimePicker']
 		QDialog: typeof import('@quidgest/ui/components')['QDialog']
 		QDropdownMenu: typeof import('@quidgest/ui/components')['QDropdownMenu']
 		QField: typeof import('@quidgest/ui/components')['QField']
+		QFileUpload: typeof import('@quidgest/ui/components')['QFileUpload']
 		QIcon: typeof import('@quidgest/ui/components')['QIcon']
 		QIconFont: typeof import('@quidgest/ui/components')['QIconFont']
 		QIconImg: typeof import('@quidgest/ui/components')['QIconImg']

package/esm/templates/theme.js

@@ -30,28 +30,28 @@ const f = {
   onDanger: "#fff",
   onInfo: "#fff"
 }, a = {
-  primary: "#009ff5",
-  primaryLight: "#ade2ff",
-  primaryDark: "#164965",
+  primary: "#008ad2",
+  primaryLight: "#006398",
+  primaryDark: "#cde5ff",
   secondary: "#003552",
   highlight: "#f65600",
-  info: "#25cbe4",
-  infoLight: "#bceff7",
-  infoDark: "#225964",
-  success: "#3acf5d",
-  successLight: "#c2f0cd",
-  successDark: "#275738",
+  info: "#17a2b8",
+  infoLight: "#11798a",
+  infoDark: "#bceff7",
+  success: "#28a745",
+  successLight: "#1e7d34",
+  successDark: "#c2f0cd",
   warning: "#ffa900",
-  warningLight: "#ffeabf",
-  warningDark: "#5a471e",
-  danger: "#de2b2b",
-  dangerLight: "#f7cccc",
-  dangerDark: "#4d2528",
+  warningLight: "#bf7f00",
+  warningDark: "#ffeabf",
+  danger: "#b71c1c",
+  dangerLight: "#891515",
+  dangerDark: "#f7cccc",
   background: "#202428",
   container: "#202428",
   neutral: "#9299a0",
-  neutralLight: "#dee1e3",
-  neutralDark: "#41464a",
+  neutralLight: "#40474f",
+  neutralDark: "#c4c5ca",
   onBackground: "#fff",
   onPrimary: "#fff",
   onSecondary: "#fff",

package/esm/utils/color.d.ts

@@ -49,9 +49,10 @@ export type HSL = {
 /**
  * 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): boolean;
+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)'.

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

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IAEzB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IAEnB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IAGnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IAEd,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAGhB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IAEpB,SAAS,EAAE,MAAM,CAAA;IAGjB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;CACnB,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;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT,CAAA;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAExD;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,SAAS,CASxD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAkB7C;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAYrD;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAYpD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAM3C;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAqCtC;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAuBtC;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAOhE;AAED,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,mBAIpD;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAU3D"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IAEzB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IAEnB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IAGnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IAEd,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAGhB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IAEpB,SAAS,EAAE,MAAM,CAAA;IAGjB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;CACnB,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;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,YAAY,EAAE,MAAM,EAAE,eAAe,GAAE,OAAe,GAAG,OAAO,CAQ1F;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,SAAS,CASxD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAkB7C;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAYrD;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAYpD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAM3C;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAqCtC;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAuBtC;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAOhE;AAED,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,mBAIpD;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAU3D"}

package/esm/utils/color.js

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

package/esm/utils/date/date.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Converts a Unicode date format pattern
+ * into a mask string compatible with the Maska library.
+ *
+ * @param pattern - The Unicode date format pattern to be converted.
+ * @returns The corresponding mask string for the Maska library.
+ */
+export declare function convertDatePatternToMask(format: string): string | string[];
+//# sourceMappingURL=date.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../../src/utils/date/date.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CA8C1E"}