@quidgest/ui 0.14.12 → 0.14.14

package/esm/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from './QAccordion';
 export * from './QBadge';
+export * from './QBadgeIndicator';
 export * from './QButton';
 export * from './QButtonGroup';
 export * from './QButtonToggle';
@@ -8,9 +9,11 @@ export * from './QCheckbox';
 export * from './QCollapsible';
 export * from './QColorPicker';
 export * from './QCombobox';
+export * from './QDateTimePicker';
 export * from './QDialog';
 export * from './QDropdownMenu';
 export * from './QField';
+export * from './QFileUpload';
 export * from './QIcon';
 export * from './QInputGroup';
 export * from './QLineLoader';

package/esm/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}

package/esm/components/index.js

@@ -1,62 +1,68 @@
 import { QAccordion as e } from "./QAccordion/index.js";
 import { QBadge as p } from "./QBadge/index.js";
-import { QButton as m } from "./QButton/index.js";
-import { QButtonGroup as f } from "./QButtonGroup/index.js";
-import { QButtonToggle as n } from "./QButtonToggle/index.js";
-import { QCard as L } from "./QCard/index.js";
-import { QCheckbox as a } from "./QCheckbox/index.js";
-import { QCollapsible as u } from "./QCollapsible/index.js";
-import { QColorPicker as I } from "./QColorPicker/index.js";
-import { QCombobox as g } from "./QCombobox/index.js";
-import { QDialog as C } from "./QDialog/index.js";
-import { QDropdownMenu as v } from "./QDropdownMenu/index.js";
-import { QField as G } from "./QField/index.js";
-import { QIcon as T, QIconFont as k, QIconImg as F, QIconSvg as h } from "./QIcon/index.js";
-import { QInputGroup as D } from "./QInputGroup/index.js";
-import { QLineLoader as M } from "./QLineLoader/index.js";
-import { QList as R, QListItem as j, QListItemGroup as q } from "./QList/index.js";
-import { QOverlay as E } from "./QOverlay/index.js";
-import { QPopover as J } from "./QPopover/index.js";
-import { QPropertyList as N, QPropertyListGroup as U, QPropertyListPanel as V, QPropertyListRow as W } from "./QPropertyList/index.js";
-import { QSelect as Y } from "./QSelect/index.js";
-import { QSkeletonLoader as _ } from "./QSkeletonLoader/index.js";
-import { QSpinnerLoader as oo } from "./QSpinnerLoader/index.js";
-import { QTextField as eo } from "./QTextField/index.js";
-import { QThemeProvider as po } from "./QThemeProvider/index.js";
-import { QTooltip as mo } from "./QTooltip/index.js";
+import { QBadgeIndicator as m } from "./QBadgeIndicator/index.js";
+import { QButton as f } from "./QButton/index.js";
+import { QButtonGroup as n } from "./QButtonGroup/index.js";
+import { QButtonToggle as a } from "./QButtonToggle/index.js";
+import { QCard as c } from "./QCard/index.js";
+import { QCheckbox as u } from "./QCheckbox/index.js";
+import { QCollapsible as P } from "./QCollapsible/index.js";
+import { QColorPicker as g } from "./QColorPicker/index.js";
+import { QCombobox as B } from "./QCombobox/index.js";
+import { QDateTimePicker as T } from "./QDateTimePicker/index.js";
+import { QDialog as k } from "./QDialog/index.js";
+import { QDropdownMenu as F } from "./QDropdownMenu/index.js";
+import { QField as S } from "./QField/index.js";
+import { QFileUpload as h } from "./QFileUpload/index.js";
+import { QIcon as A, QIconFont as M, QIconImg as O, QIconSvg as R } from "./QIcon/index.js";
+import { QInputGroup as j } from "./QInputGroup/index.js";
+import { QLineLoader as z } from "./QLineLoader/index.js";
+import { QList as H, QListItem as J, QListItemGroup as K } from "./QList/index.js";
+import { QOverlay as V } from "./QOverlay/index.js";
+import { QPopover as X } from "./QPopover/index.js";
+import { QPropertyList as Z, QPropertyListGroup as _, QPropertyListPanel as $, QPropertyListRow as oo } from "./QPropertyList/index.js";
+import { QSelect as eo } from "./QSelect/index.js";
+import { QSkeletonLoader as po } from "./QSkeletonLoader/index.js";
+import { QSpinnerLoader as mo } from "./QSpinnerLoader/index.js";
+import { QTextField as fo } from "./QTextField/index.js";
+import { QThemeProvider as no } from "./QThemeProvider/index.js";
+import { QTooltip as ao } from "./QTooltip/index.js";
 export {
   e as QAccordion,
   p as QBadge,
-  m as QButton,
-  f as QButtonGroup,
-  n as QButtonToggle,
-  L as QCard,
-  a as QCheckbox,
-  u as QCollapsible,
-  I as QColorPicker,
-  g as QCombobox,
-  C as QDialog,
-  v as QDropdownMenu,
-  G as QField,
-  T as QIcon,
-  k as QIconFont,
-  F as QIconImg,
-  h as QIconSvg,
-  D as QInputGroup,
-  M as QLineLoader,
-  R as QList,
-  j as QListItem,
-  q as QListItemGroup,
-  E as QOverlay,
-  J as QPopover,
-  N as QPropertyList,
-  U as QPropertyListGroup,
-  V as QPropertyListPanel,
-  W as QPropertyListRow,
-  Y as QSelect,
-  _ as QSkeletonLoader,
-  oo as QSpinnerLoader,
-  eo as QTextField,
-  po as QThemeProvider,
-  mo as QTooltip
+  m as QBadgeIndicator,
+  f as QButton,
+  n as QButtonGroup,
+  a as QButtonToggle,
+  c as QCard,
+  u as QCheckbox,
+  P as QCollapsible,
+  g as QColorPicker,
+  B as QCombobox,
+  T as QDateTimePicker,
+  k as QDialog,
+  F as QDropdownMenu,
+  S as QField,
+  h as QFileUpload,
+  A as QIcon,
+  M as QIconFont,
+  O as QIconImg,
+  R as QIconSvg,
+  j as QInputGroup,
+  z as QLineLoader,
+  H as QList,
+  J as QListItem,
+  K as QListItemGroup,
+  V as QOverlay,
+  X as QPopover,
+  Z as QPropertyList,
+  _ as QPropertyListGroup,
+  $ as QPropertyListPanel,
+  oo as QPropertyListRow,
+  eo as QSelect,
+  po as QSkeletonLoader,
+  mo as QSpinnerLoader,
+  fo as QTextField,
+  no as QThemeProvider,
+  ao as QTooltip
 };

package/esm/composables/maska.d.ts

@@ -0,0 +1,28 @@
+import { MaskOptions, MaskInput } from 'maska';
+import { Ref } from 'vue';
+/**
+ * Creates and manages a masked input instance on a given HTML input element.
+ *
+ * This function initializes a MaskInput instance using the provided HTML input element or a ref to the element.
+ * It applies mask options if provided, and listens for changes in the options to update the mask instance dynamically.
+ * The mask is automatically destroyed when the component is unmounted.
+ *
+ * @param target - The HTML input element or a ref to the HTML input element where the mask should be applied.
+ * @param options - (Optional) A ref to a set of mask options to configure the input mask. The mask instance will be updated
+ *                  when these options change.
+ *
+ * @returns An object containing a "maska" ref to the MaskInput instance.
+ *
+ * @example
+ * ```ts
+ * const inputRef = ref<HTMLInputElement | null>(null);
+ * const maskOptions = ref<MaskOptions>({ mask: '###-##-####', tokens: { '#': { pattern: /\d/ } } });
+ * const { maska } = useMaska(inputRef, maskOptions);
+ * ```
+ *
+ * @see MaskInput for more details on how the mask is implemented.
+ */
+export declare function useMaska(target: HTMLInputElement | Ref<HTMLInputElement | null | undefined>, options?: Ref<MaskOptions>): {
+    maska: Ref<MaskInput, MaskInput>;
+};
+//# sourceMappingURL=maska.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"maska.d.ts","sourceRoot":"","sources":["../../src/composables/maska.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAG9B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CACvB,MAAM,EAAE,gBAAgB,GAAG,GAAG,CAAC,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAAC,EACnE,OAAO,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC;;EAmC1B"}

package/esm/composables/maska.js

@@ -0,0 +1,26 @@
+import { MaskInput as m } from "../vendors/maska/dist/maska.js";
+import { ref as c, onMounted as d, onUnmounted as f, watch as o } from "vue";
+function M(u, e) {
+  const n = c(null), r = () => {
+    const a = u instanceof HTMLInputElement ? u : u.value;
+    if (!a)
+      throw new Error("Input element is required");
+    n.value = new m(a, e == null ? void 0 : e.value), e && o(
+      e,
+      (s) => {
+        var t;
+        (t = n.value) == null || t.update(s);
+      },
+      { deep: !0 }
+    );
+  }, l = () => {
+    var a;
+    (a = n.value) == null || a.destroy(), n.value = null;
+  };
+  return d(r), f(l), {
+    maska: n
+  };
+}
+export {
+  M as useMaska
+};

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/index.d.ts

@@ -9,6 +9,7 @@ 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']
@@ -17,9 +18,11 @@ declare module '@vue/runtime-core' {
 		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/utils/color.js

@@ -1,41 +1,49 @@
-function h(t, n = !1) {
-  return n ? /^#[a-fA-F0-9]{6}$/.test(t) : /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
+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) {
-  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 };
+  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 o(t) {
+function b(t) {
   if (h(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);
-    return { r: n, g: s, b: e };
+    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 = d(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);
+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 u = (r + i) / 2;
-  if (r === i)
+  const i = (e + o) / 2;
+  if (e === o)
     a = c = 0;
   else {
-    const f = r - i;
-    switch (c = u > 0.5 ? f / (2 - r - i) : f / (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) / f + (s < e ? 6 : 0);
+        a = (s - r) / u + 2;
         break;
       case s:
-        a = (e - n) / f + 2;
-        break;
-      case e:
-        a = (n - s) / f + 4;
+        a = (r - n) / u + 4;
         break;
     }
     a /= 6;
@@ -43,16 +51,38 @@ function b(t) {
   return {
     h: Math.round(a * 360),
     s: Math.round(c * 100),
-    l: Math.round(u * 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,
+  M as colorToHex,
+  p as darken,
+  m as getContrastingColor,
+  l as hslToRgb,
+  f as hueToRgb,
   h as isValidHex,
-  o as parseColor,
-  b as rgbToHsl,
+  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"}

package/esm/utils/date/date.js

@@ -0,0 +1,91 @@
+import { tokenizeFormat as g, staticTokensMap as h, isUnitRepetition as y, dynamicTokensMap as E } from "./tokens.js";
+function x(n) {
+  const r = g(n);
+  if (!r)
+    throw Error("Failed to tokenize format string.");
+  const i = [...r.sort((e, a) => a.length - e.length)], t = [n];
+  if (r.filter((e) => h[e] !== void 0).forEach((e) => {
+    const a = h[e];
+    d(a, t, e);
+    const c = i.indexOf(e);
+    i.splice(c, 1);
+  }), [...i].forEach((e) => {
+    if (!y(e))
+      throw new Error(`Invalid token format: ${e}. Tokens must be repeated characters.`);
+    const a = e[0], c = w(a, e.length);
+    d(c, t, e);
+    const f = i.indexOf(e);
+    i.splice(f, 1);
+  }), i.length > 0)
+    throw new Error(`Unhandled tokens remain: ${i.join(", ")}`);
+  return t.forEach((e, a) => {
+    t[a] = T(e);
+  }), t.length === 1 ? t[0] : t;
+}
+function T(n) {
+  const r = "\0";
+  return n.replace(/'((?:[^']|'')+)'/g, (i, t) => t.replace(/''/g, r).split("").map((e) => e === r ? "!'" : "!" + e).join(""));
+}
+function w(n, r) {
+  const i = [], t = E[n];
+  if (t === void 0)
+    throw new Error(`Dynamic token '${n}' not found.`);
+  if (typeof t == "string") {
+    const s = p(t, r);
+    i.push(s);
+  } else Array.isArray(i) && t.forEach((o) => {
+    const s = p(o, r);
+    i.push(s);
+  });
+  return i;
+}
+function p(n, r) {
+  const i = n.startsWith("-");
+  return i && (n = n.substring(1)), n = n.repeat(r), i && (n = `-${n}`), n;
+}
+function d(n, r, i) {
+  if (typeof n == "string") {
+    const t = n;
+    r.forEach((o, s) => {
+      r[s] = u(o, i, t);
+    });
+  } else if (Array.isArray(n)) {
+    const t = n.length, o = [...r], s = o.length;
+    for (let e = 1; e < t; e++)
+      r.push(...o);
+    n.forEach((e, a) => {
+      const c = a * s, f = c + s - 1;
+      for (let l = c; l <= f; l++)
+        r[l] = u(r[l], i, e);
+    });
+  }
+}
+function u(n, r, i) {
+  let t = "", o = 0, s = !1, e = "";
+  const a = r.length;
+  for (; o < n.length; ) {
+    const c = n[o];
+    if (!s && (c === "'" || c === '"')) {
+      s = !0, e = c, t += c, o++;
+      continue;
+    }
+    if (s)
+      if (c === e)
+        if (o + 1 < n.length && n[o + 1] === e) {
+          t += e + e, o += 2;
+          continue;
+        } else {
+          s = !1, t += c, o++;
+          continue;
+        }
+      else {
+        t += c, o++;
+        continue;
+      }
+    n.substring(o, o + a) === r ? (t += i, o += a) : (t += c, o++);
+  }
+  return t;
+}
+export {
+  x as convertDatePatternToMask
+};

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

@@ -0,0 +1,4 @@
+import { convertDatePatternToMask } from './date';
+import { isTimeOnlyFormat } from './tokens';
+export { convertDatePatternToMask, isTimeOnlyFormat };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/date/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAE3C,OAAO,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,CAAA"}

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

@@ -0,0 +1,49 @@
+export type TokenMap = {
+    [token: string]: string | string[];
+};
+export declare const staticTokensMap: TokenMap;
+export declare const dynamicTokensMap: TokenMap;
+/**
+ * Tokenizes a given format string by matching against both variable and fixed token patterns.
+ *
+ * This function dynamically constructs a regular expression that first targets variable tokens
+ * (allowing for 1 to 4 greedy occurrences) and then fixed tokens (sorted in descending order of length).
+ * It escapes any special regex characters in both token maps to ensure that they are correctly interpreted
+ * as literal strings in the resulting Regex.
+ *
+ * @remarks
+ * The generated regular expression is used to match and extract tokens from the provided format string.
+ * If any tokens are found based on the specified patterns from `variableTokensMap` and `tokensMap`, an array
+ * of tokens is returned; otherwise, `null` is returned.
+ *
+ * @param format - The string containing the format to be tokenized.
+ * @returns An array of matched tokens if present, or `null` if no tokens match.
+ *
+ * @example
+ * ```ts
+ * const tokens = tokenizeFormat("YYYY-MM-DD");
+ * console.log(tokens); // ['YYYY', 'MM', 'DD']
+ * ```
+ *
+ * @see dynamicTokensMap
+ * @see staticTokensMap
+ */
+export declare function tokenizeFormat(format: string): RegExpMatchArray | null;
+/**
+ * Determines if a given format string represents a time-only format.
+ *
+ * @param format - The format string to check (e.g., 'HH:mm:ss', 'YYYY-MM-DD HH:mm').
+ * @returns `true` if the format is time-only, `false` if it includes date components.
+ */
+export declare function isTimeOnlyFormat(format: string): boolean;
+/**
+ * Checks whether the given token is not composed entirely of a single repeated character.
+ *
+ * A valid unit repetition (e.g., 'yyyy') consists of the same character repeated. This function
+ * returns false if the token consists solely of one repeating character, and true otherwise.
+ *
+ * @param token - The string token to evaluate.
+ * @returns False if the token is a unit repetition; true if it is not.
+ */
+export declare function isUnitRepetition(token: string): boolean;
+//# sourceMappingURL=tokens.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/utils/date/tokens.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,QAAQ,GAAG;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;CAAE,CAAA;AA0I7D,eAAO,MAAM,eAAe,EAAE,QAG7B,CAAA;AAuBD,eAAO,MAAM,gBAAgB,EAAE,QAG9B,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,gBAAgB,GAAG,IAAI,CAuBtE;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAOxD;AA4BD;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,WAG7C"}