@quidgest/ui 0.25.0 → 0.27.0

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

@@ -6,6 +6,26 @@ import { RGB } from './types';
  * @returns Relative luminance between 0 and 1.
  */
 export declare function getRelativeLuminance(rgb: RGB): number;
+/**
+ * Calculates the WCAG 2.x contrast ratio between two relative luminance values.
+ *
+ * @param luminanceA - Relative luminance of the first color.
+ * @param luminanceB - Relative luminance of the second color.
+ * @returns Contrast ratio, where 1 means no contrast and 21 is the maximum.
+ */
+export declare function getContrastRatio(luminanceA: number, luminanceB: number): number;
+/**
+ * Darkens or lightens `color` on the same hue until it clears `minimumRatio`
+ * against `background`. A pair that already passes is returned unchanged.
+ *
+ * Direction follows the surface: darken on a light background, lighten on a dark one.
+ *
+ * @param color - Foreground color (hex, rgb, or hsl).
+ * @param background - Surface the text sits on.
+ * @param minimumRatio - WCAG contrast ratio to reach. Defaults to 4.5:1.
+ * @returns The original color when it already passes, otherwise an adjusted hex color.
+ */
+export declare function ensureContrast(color: string, background: string, minimumRatio?: number): string;
 /**
  * Determines a contrasting color (black or white) based on WCAG relative luminance.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"contrast.d.ts","sourceRoot":"","sources":["../../../src/utils/color/contrast.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAiBlC;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAMrD;AAgBD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,GAAG,MAAM,CAM7D;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQ3D"}
+{"version":3,"file":"contrast.d.ts","sourceRoot":"","sources":["../../../src/utils/color/contrast.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAkBlC;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAMrD;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAK/E;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,YAAY,SAAM,GAAG,MAAM,CA8B5F;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,GAAG,MAAM,CAM7D;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQ3D"}

package/esm/utils/color/contrast.js

@@ -1,25 +1,36 @@
 import { rgbToHex as e } from "./conversion.js";
-import { parseColor as t } from "./parse.js";
+import { darken as t, lighten as n } from "./manipulate.js";
+import { parseColor as r } from "./parse.js";
 //#region src/utils/color/contrast.ts
-function n(e) {
+function i(e) {
 	let t = e / 255;
 	return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
 }
-function r(e) {
-	let t = n(e.r), r = n(e.g), i = n(e.b);
-	return .2126 * t + .7152 * r + .0722 * i;
+function a(e) {
+	let t = i(e.r), n = i(e.g), r = i(e.b);
+	return .2126 * t + .7152 * n + .0722 * r;
 }
-function i(e, t) {
+function o(e, t) {
 	let n = Math.max(e, t), r = Math.min(e, t);
 	return (n + .05) / (r + .05);
 }
-function a(e) {
-	let t = r(e), n = i(t, 0);
-	return i(t, 1) >= n ? "#fff" : "#000";
+function s(i, s, l = 4.5) {
+	let u = r(i), d = r(s), f = a(d), p = (e) => o(a(e), f);
+	if (p(u) >= l) return i;
+	let m = c(d) === "#000", h = (e) => m ? t(u, e) : n(u, e), g = 0, _ = 100, v = h(100);
+	for (let e = 0; e < 16; e++) {
+		let e = (g + _) / 2, t = h(e);
+		p(t) >= l ? (v = t, _ = e) : g = e;
+	}
+	return e(v);
+}
+function c(e) {
+	let t = a(e), n = o(t, 0);
+	return o(t, 1) >= n ? "#fff" : "#000";
 }
-function o(n) {
-	let r = t(n);
-	return r.r = 255 - r.r, r.g = 255 - r.g, r.b = 255 - r.b, e(r);
+function l(t) {
+	let n = r(t);
+	return n.r = 255 - n.r, n.g = 255 - n.g, n.b = 255 - n.b, e(n);
 }
 //#endregion
-export { o as getComplementaryColor, a as getContrastingColor, r as getRelativeLuminance };
+export { s as ensureContrast, l as getComplementaryColor, o as getContrastRatio, c as getContrastingColor, a as getRelativeLuminance };

package/esm/utils/color/merge.js

@@ -1,16 +1,16 @@
 import { rgbToHex as e } from "./conversion.js";
-import { parseColor as t } from "./parse.js";
-import { getComplementaryColor as n, getContrastingColor as r } from "./contrast.js";
-import { darken as i, lighten as a } from "./manipulate.js";
+import { darken as t, lighten as n } from "./manipulate.js";
+import { parseColor as r } from "./parse.js";
+import { getComplementaryColor as i, getContrastingColor as a } from "./contrast.js";
 function o(o, s) {
-	let c = { ...o }, l = (n, r) => {
-		let o = t(n), s = e(a(o, 75)), c = e(i(o, 25)), l = r.toString().replace(/(Light|Dark)$/, "");
+	let c = { ...o }, l = (i, a) => {
+		let o = r(i), s = e(n(o, 75)), c = e(t(o, 25)), l = a.toString().replace(/(Light|Dark)$/, "");
 		return {
-			[l]: n,
+			[l]: i,
 			[`${l}Light`]: s,
 			[`${l}Dark`]: c
 		};
-	}, u = (e) => r(t(e));
+	}, u = (e) => a(r(e));
 	for (let e of [
 		"primary",
 		"secondary",
@@ -29,7 +29,7 @@ function o(o, s) {
 		s[t] || (s[n] && (c[n] = s[n], s[a] || (c[a] = u(s[n]))), s[r] && (c[r] = s[r], s[o] || (c[o] = u(s[r])))), s[i] && (c[i] = s[i]), s[a] && (c[a] = s[a]), s[o] && (c[o] = s[o]);
 	}
 	if (s.primary && !s.highlight) {
-		let e = n(s.primary), t = l(e, "highlight");
+		let e = i(s.primary), t = l(e, "highlight");
 		Object.assign(c, t), c.onHighlight = u(e), c.onHighlightLight = u(t.highlightLight), c.onHighlightDark = u(t.highlightDark);
 	}
 	for (let e of ["background", "container"]) if (s[e]) {

package/esm/utils/index.js

@@ -1,66 +1,68 @@
 import { __exportAll as e } from "../_virtual/_rolldown/runtime.js";
 import { hslToRgb as t, hueToRgb as n, rgbToHex as r, rgbToHsl as i, rgbToVariableString as a } from "./color/conversion.js";
-import { isValidHex as o, parseColor as s, tryParseColor as c, tryParseRgb as l } from "./color/parse.js";
-import { getComplementaryColor as u, getContrastingColor as d, getRelativeLuminance as f } from "./color/contrast.js";
-import { darken as p, lighten as m } from "./color/manipulate.js";
-import { mergeColorSchemes as h } from "./color/merge.js";
-import { THEME_COLOR_KEYS as g, isThemeColor as _, isUnsupportedColor as v } from "./color/theme-colors.js";
-import { addDays as y, addMonths as b, advancePastFormatLiteral as x, clampDayByMonthYear as S, clampNumericSegments as C, completePartialDateInput as w, convertDatePatternToMask as T, formatDate as E, formatUsesSeconds as D, formatUsesTime as O, getDaysInMonth as k, getEndOfDay as A, getFirstDayOfMonth as j, getFirstDayOfWeek as M, getLastDayOfMonth as N, getStartOfDay as P, inputIncludesTimePortion as F, isBetween as I, isLeapYear as L, isSameDay as R, isTimeOnlyFormat as z, normalizeNumericToken as B, padNumber as V, parseDate as H, parseDateWithCompletion as U, parseIsoDate as W, uses12HourFormat as G } from "./date.js";
-import { applyMask as K } from "./mask.js";
-import { DENSITIES as q, getGlobalDensity as J, setGlobalDensity as Y } from "./density.js";
+import { darken as o, lighten as s } from "./color/manipulate.js";
+import { isValidHex as c, parseColor as l, tryParseColor as u, tryParseRgb as d } from "./color/parse.js";
+import { ensureContrast as f, getComplementaryColor as p, getContrastRatio as m, getContrastingColor as h, getRelativeLuminance as g } from "./color/contrast.js";
+import { mergeColorSchemes as _ } from "./color/merge.js";
+import { THEME_COLOR_KEYS as v, isThemeColor as y, isUnsupportedColor as b } from "./color/theme-colors.js";
+import { addDays as x, addMonths as S, advancePastFormatLiteral as C, clampDayByMonthYear as w, clampNumericSegments as T, completePartialDateInput as E, convertDatePatternToMask as D, formatDate as O, formatUsesSeconds as k, formatUsesTime as A, getDaysInMonth as j, getEndOfDay as M, getFirstDayOfMonth as N, getFirstDayOfWeek as P, getLastDayOfMonth as F, getStartOfDay as I, inputIncludesTimePortion as L, isBetween as R, isLeapYear as z, isSameDay as B, isTimeOnlyFormat as V, normalizeNumericToken as H, padNumber as U, parseDate as W, parseDateWithCompletion as G, parseIsoDate as K, uses12HourFormat as q } from "./date.js";
+import { applyMask as J } from "./mask.js";
+import { DENSITIES as Y, getGlobalDensity as X, setGlobalDensity as Z } from "./density.js";
 //#region src/utils/index.ts
-var X = /* @__PURE__ */ e({
+var Q = /* @__PURE__ */ e({
 	COLOR_SCHEME_DARKEN_AMOUNT: () => 25,
 	COLOR_SCHEME_LIGHTEN_AMOUNT: () => 75,
-	DENSITIES: () => q,
-	THEME_COLOR_KEYS: () => g,
-	addDays: () => y,
-	addMonths: () => b,
-	advancePastFormatLiteral: () => x,
-	applyMask: () => K,
-	clampDayByMonthYear: () => S,
-	clampNumericSegments: () => C,
-	completePartialDateInput: () => w,
-	convertDatePatternToMask: () => T,
-	darken: () => p,
-	formatDate: () => E,
-	formatUsesSeconds: () => D,
-	formatUsesTime: () => O,
-	getComplementaryColor: () => u,
-	getContrastingColor: () => d,
-	getDaysInMonth: () => k,
-	getEndOfDay: () => A,
-	getFirstDayOfMonth: () => j,
-	getFirstDayOfWeek: () => M,
-	getGlobalDensity: () => J,
-	getLastDayOfMonth: () => N,
-	getRelativeLuminance: () => f,
-	getStartOfDay: () => P,
+	DENSITIES: () => Y,
+	THEME_COLOR_KEYS: () => v,
+	addDays: () => x,
+	addMonths: () => S,
+	advancePastFormatLiteral: () => C,
+	applyMask: () => J,
+	clampDayByMonthYear: () => w,
+	clampNumericSegments: () => T,
+	completePartialDateInput: () => E,
+	convertDatePatternToMask: () => D,
+	darken: () => o,
+	ensureContrast: () => f,
+	formatDate: () => O,
+	formatUsesSeconds: () => k,
+	formatUsesTime: () => A,
+	getComplementaryColor: () => p,
+	getContrastRatio: () => m,
+	getContrastingColor: () => h,
+	getDaysInMonth: () => j,
+	getEndOfDay: () => M,
+	getFirstDayOfMonth: () => N,
+	getFirstDayOfWeek: () => P,
+	getGlobalDensity: () => X,
+	getLastDayOfMonth: () => F,
+	getRelativeLuminance: () => g,
+	getStartOfDay: () => I,
 	hslToRgb: () => t,
 	hueToRgb: () => n,
-	inputIncludesTimePortion: () => F,
-	isBetween: () => I,
-	isLeapYear: () => L,
-	isSameDay: () => R,
-	isThemeColor: () => _,
-	isTimeOnlyFormat: () => z,
-	isUnsupportedColor: () => v,
-	isValidHex: () => o,
-	lighten: () => m,
-	mergeColorSchemes: () => h,
-	normalizeNumericToken: () => B,
-	padNumber: () => V,
-	parseColor: () => s,
-	parseDate: () => H,
-	parseDateWithCompletion: () => U,
-	parseIsoDate: () => W,
+	inputIncludesTimePortion: () => L,
+	isBetween: () => R,
+	isLeapYear: () => z,
+	isSameDay: () => B,
+	isThemeColor: () => y,
+	isTimeOnlyFormat: () => V,
+	isUnsupportedColor: () => b,
+	isValidHex: () => c,
+	lighten: () => s,
+	mergeColorSchemes: () => _,
+	normalizeNumericToken: () => H,
+	padNumber: () => U,
+	parseColor: () => l,
+	parseDate: () => W,
+	parseDateWithCompletion: () => G,
+	parseIsoDate: () => K,
 	rgbToHex: () => r,
 	rgbToHsl: () => i,
 	rgbToVariableString: () => a,
-	setGlobalDensity: () => Y,
-	tryParseColor: () => c,
-	tryParseRgb: () => l,
-	uses12HourFormat: () => G
+	setGlobalDensity: () => Z,
+	tryParseColor: () => u,
+	tryParseRgb: () => d,
+	uses12HourFormat: () => q
 });
 //#endregion
-export { q as DENSITIES, g as THEME_COLOR_KEYS, y as addDays, b as addMonths, x as advancePastFormatLiteral, K as applyMask, S as clampDayByMonthYear, C as clampNumericSegments, w as completePartialDateInput, T as convertDatePatternToMask, p as darken, E as formatDate, D as formatUsesSeconds, O as formatUsesTime, u as getComplementaryColor, d as getContrastingColor, k as getDaysInMonth, A as getEndOfDay, j as getFirstDayOfMonth, M as getFirstDayOfWeek, J as getGlobalDensity, N as getLastDayOfMonth, f as getRelativeLuminance, P as getStartOfDay, t as hslToRgb, n as hueToRgb, F as inputIncludesTimePortion, I as isBetween, L as isLeapYear, R as isSameDay, _ as isThemeColor, z as isTimeOnlyFormat, v as isUnsupportedColor, o as isValidHex, m as lighten, h as mergeColorSchemes, B as normalizeNumericToken, V as padNumber, s as parseColor, H as parseDate, U as parseDateWithCompletion, W as parseIsoDate, r as rgbToHex, i as rgbToHsl, a as rgbToVariableString, Y as setGlobalDensity, c as tryParseColor, l as tryParseRgb, G as uses12HourFormat, X as utils_exports };
+export { Y as DENSITIES, v as THEME_COLOR_KEYS, x as addDays, S as addMonths, C as advancePastFormatLiteral, J as applyMask, w as clampDayByMonthYear, T as clampNumericSegments, E as completePartialDateInput, D as convertDatePatternToMask, o as darken, f as ensureContrast, O as formatDate, k as formatUsesSeconds, A as formatUsesTime, p as getComplementaryColor, m as getContrastRatio, h as getContrastingColor, j as getDaysInMonth, M as getEndOfDay, N as getFirstDayOfMonth, P as getFirstDayOfWeek, X as getGlobalDensity, F as getLastDayOfMonth, g as getRelativeLuminance, I as getStartOfDay, t as hslToRgb, n as hueToRgb, L as inputIncludesTimePortion, R as isBetween, z as isLeapYear, B as isSameDay, y as isThemeColor, V as isTimeOnlyFormat, b as isUnsupportedColor, c as isValidHex, s as lighten, _ as mergeColorSchemes, H as normalizeNumericToken, U as padNumber, l as parseColor, W as parseDate, G as parseDateWithCompletion, K as parseIsoDate, r as rgbToHex, i as rgbToHsl, a as rgbToVariableString, Z as setGlobalDensity, u as tryParseColor, d as tryParseRgb, q as uses12HourFormat, Q as utils_exports };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.25.0",
+  "version": "0.27.0",
   "private": false,
   "type": "module",
   "author": "Quidgest",
@@ -45,21 +45,26 @@
   },
   "devDependencies": {
     "@fortawesome/fontawesome-free": "^6.7.2",
-    "@storybook/addon-docs": "^10.6.0-alpha.7",
-    "@storybook/addon-links": "^10.6.0-alpha.7",
-    "@storybook/vue3": "^10.6.0-alpha.7",
-    "@storybook/vue3-vite": "^10.6.0-alpha.7",
+    "@storybook/addon-a11y": "^10.6.0",
+    "@storybook/addon-docs": "^10.6.0",
+    "@storybook/addon-links": "^10.6.0",
+    "@storybook/addon-vitest": "^10.6.0",
+    "@storybook/vue3": "^10.6.0",
+    "@storybook/vue3-vite": "^10.6.0",
     "@vitejs/plugin-vue": "^6.0.7",
+    "@vitest/browser-playwright": "^4.1.11",
     "@vue/test-utils": "^2.4.6",
     "acorn": "^8.15.0",
     "acorn-walk": "^8.3.4",
     "autoprefixer": "^10.4.20",
     "cssnano": "^7.0.6",
+    "playwright": "1.63.0",
     "postcss": "^8.5.1",
-    "storybook": "^10.6.0-alpha.7",
+    "storybook": "^10.6.0",
     "terser": "^5.44.0",
     "vite": "^8.1.0",
     "vite-plugin-dts": "^4.5.0",
+    "vitest": "^4.1.11",
     "vue-tsc": "^2.2.0"
   },
   "peerDependencies": {
@@ -79,6 +84,7 @@
     "build:css": "node build/css.js",
     "type-check": "vue-tsc --noEmit --composite false",
     "storybook": "storybook dev -p 6006",
+    "test:storybook": "vitest run --project storybook",
     "build:storybook": "pnpm clean:storybook && storybook build"
   }
 }

package/esm/components/QIcon/InlineSvg.d.ts

@@ -1,110 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-     * The source URL of the SVG bundle.
-     */
-    src: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * The ID of the SVG symbol to be rendered.
-     */
-    symbol: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * The title to be associated with the SVG.
-     */
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * A function to transform the source SVG element before rendering.
-     * If not provided, no transformation will be applied.
-     */
-    transformSource: {
-        type: FunctionConstructor;
-        default: undefined;
-    };
-    /**
-     * Determines whether to keep the existing SVG content visible during the loading of a new SVG.
-     * Set to `false` to hide content during loading.
-     */
-    keepDuringLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {}, {
-    /** @type SVGElement */
-    svgElSource: SVGElement;
-}, {}, {
-    copySvgAttrs(target: any, source: any): void;
-    copyComponentAttrs(target: any, source: any): void;
-    getSvgContent(svgEl: any): any;
-    /**
-     * Get svgElSource
-     * @param {string} src
-     */
-    getSource(src: string): Promise<void>;
-    /**
-     * Get the contents of the SVG
-     * @param {string} url
-     * @returns {PromiseWithState<Element>}
-     */
-    download(url: string): PromiseWithState<Element>;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    loaded: (payload: any) => boolean;
-    unloaded: () => true;
-    error: (payload: any) => boolean;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * The source URL of the SVG bundle.
-     */
-    src: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * The ID of the SVG symbol to be rendered.
-     */
-    symbol: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * The title to be associated with the SVG.
-     */
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * A function to transform the source SVG element before rendering.
-     * If not provided, no transformation will be applied.
-     */
-    transformSource: {
-        type: FunctionConstructor;
-        default: undefined;
-    };
-    /**
-     * Determines whether to keep the existing SVG content visible during the loading of a new SVG.
-     * Set to `false` to hide content during loading.
-     */
-    keepDuringLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onUnloaded?: (() => any) | undefined;
-    onLoaded?: ((payload?: any) => any) | undefined;
-    onError?: ((payload?: any) => any) | undefined;
-}>, {
-    symbol: string;
-    title: string;
-    transformSource: Function;
-    keepDuringLoading: boolean;
-}, {}, {}, {}, never, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
-//# sourceMappingURL=InlineSvg.d.ts.map

package/esm/components/QIcon/InlineSvg.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InlineSvg.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/InlineSvg.js"],"names":[],"mappings":";IAWE;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAiBF,uBAAuB;iBAAb,UAAU;;;;;IA+CrB;;;OAGG;mBADQ,MAAM;IAoCjB;;;;OAIG;kBAFQ,MAAM,GACJ,gBAAgB,CAAC,OAAO,CAAC;;;;;;IA7ItC;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG"}

package/esm/components/QIcon/InlineSvg.js

@@ -1,95 +0,0 @@
-import { defineComponent as e, h as t } from "vue";
-//#region src/components/QIcon/InlineSvg.js
-var n = {}, r = e({
-	name: "InlineSvg",
-	inheritAttrs: !1,
-	props: {
-		src: {
-			type: String,
-			required: !0
-		},
-		symbol: {
-			type: String,
-			default: ""
-		},
-		title: {
-			type: String,
-			default: ""
-		},
-		transformSource: {
-			type: Function,
-			default: void 0
-		},
-		keepDuringLoading: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	emits: {
-		loaded: (e) => typeof e == "object",
-		unloaded: () => !0,
-		error: (e) => typeof e == "object"
-	},
-	expose: [],
-	data() {
-		return { svgElSource: null };
-	},
-	watch: { src(e) {
-		this.getSource(e);
-	} },
-	async mounted() {
-		await this.getSource(this.src);
-	},
-	methods: {
-		copySvgAttrs(e, t) {
-			let n = t.attributes;
-			if (n) for (let t of n) e[t.name] = t.value;
-		},
-		copyComponentAttrs(e, t) {
-			for (let [n, r] of Object.entries(t)) r !== !1 && r != null && (e[n] = r);
-		},
-		getSvgContent(e) {
-			return this.symbol && (e = e.getElementById(this.symbol), !e) ? null : (this.transformSource && (e = e.cloneNode(!0), e = this.transformSource(e)), this.title && (this.transformSource || (e = e.cloneNode(!0)), i(e, this.title)), e);
-		},
-		async getSource(e) {
-			try {
-				n[e] || (n[e] = a(this.download(e))), this.svgElSource && n[e].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
-				let t = await n[e];
-				this.svgElSource = t, await this.$nextTick(), this.$emit("loaded", this.$el);
-			} catch (t) {
-				this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete n[e], this.$emit("error", t);
-			}
-		},
-		async download(e) {
-			let t = await fetch(e);
-			if (!t.ok) throw Error("Error loading SVG");
-			let n = await t.text(), r = new DOMParser().parseFromString(n, "text/xml").getElementsByTagName("svg")[0];
-			if (!r) throw Error("Loaded file is not a valid SVG");
-			return r;
-		}
-	},
-	render() {
-		if (!this.svgElSource) return null;
-		let e = this.getSvgContent(this.svgElSource);
-		if (!e) return t("div", this.$attrs);
-		let n = {};
-		return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, e), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = e.innerHTML, this.$attrs.id || delete n.id, t("svg", n);
-	}
-});
-function i(e, t) {
-	let n = e.getElementsByTagName("title");
-	if (n.length) n[0].textContent = t;
-	else {
-		let n = document.createElementNS("http://www.w3.org/2000/svg", "title");
-		n.textContent = t, e.insertBefore(n, e.firstChild);
-	}
-}
-function a(e) {
-	if (e.getIsPending) return e;
-	let t = !0, n = e.then((e) => (t = !1, e), (e) => {
-		throw t = !1, e;
-	});
-	return n.getIsPending = () => t, n;
-}
-//#endregion
-export { r as default };

package/esm/utils/time.d.ts

@@ -1,36 +0,0 @@
-/**
- * Determines if a given date format string uses 12-hour time format.
- *
- * @param format - The date format string to check. If not provided, returns false.
- * @returns True if the format uses 12-hour time ('hh' or 'a' for AM/PM), false otherwise.
- *
- * @example
- * ```ts
- * uses12HourFormat('hh:mm a') // returns true
- * uses12HourFormat('HH:mm') // returns false
- * uses12HourFormat() // returns false
- * ```
- */
-export declare function uses12HourFormat(format?: string): boolean;
-/**
- * Determines if a date format string includes time components.
- * @param format - The date format string to check
- * @returns True if the format contains time components (hours, minutes, seconds, or meridiem), false otherwise
- *
- * @example
- * formatUsesTime('YYYY-MM-DD') // false
- * formatUsesTime('YYYY-MM-DD HH:mm') // true
- * formatUsesTime('hh:mm a') // true
- */
-export declare function formatUsesTime(format?: string): boolean;
-/**
- * Checks if a date format string includes seconds.
- * @param format - The date format string to check. Can be undefined.
- * @returns {boolean} Returns true if the format includes seconds ('ss'), false otherwise.
- * @example
- * formatUsesSeconds('HH:mm:ss') // returns true
- * formatUsesSeconds('HH:mm') // returns false
- * formatUsesSeconds() // returns false
- */
-export declare function formatUsesSeconds(format?: string): boolean;
-//# sourceMappingURL=time.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/utils/time.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAIzD;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAIvD;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAI1D"}