@rotki/ui-library 2.15.0 → 2.16.1

package/dist/utils/blockie.js

@@ -1,79 +1,72 @@
-const randSeed = new Array(4);
+//#region src/utils/blockie.ts
+var randSeed = new Array(4);
 function seedRand(seed) {
-  for (let i = 0; i < randSeed.length; i++) randSeed[i] = 0;
-  for (let i = 0; i < seed.length; i++)
-    randSeed[i % 4] = (randSeed[i % 4] << 5) - randSeed[i % 4] + seed.charCodeAt(i);
+	for (let i = 0; i < randSeed.length; i++) randSeed[i] = 0;
+	for (let i = 0; i < seed.length; i++) randSeed[i % 4] = (randSeed[i % 4] << 5) - randSeed[i % 4] + seed.charCodeAt(i);
 }
 function rand() {
-  const t = randSeed[0] ^ randSeed[0] << 11;
-  randSeed[0] = randSeed[1];
-  randSeed[1] = randSeed[2];
-  randSeed[2] = randSeed[3];
-  randSeed[3] = randSeed[3] ^ randSeed[3] >> 19 ^ t ^ t >> 8;
-  return (randSeed[3] >>> 0) / (1 << 31 >>> 0);
+	const t = randSeed[0] ^ randSeed[0] << 11;
+	randSeed[0] = randSeed[1];
+	randSeed[1] = randSeed[2];
+	randSeed[2] = randSeed[3];
+	randSeed[3] = randSeed[3] ^ randSeed[3] >> 19 ^ t ^ t >> 8;
+	return (randSeed[3] >>> 0) / (1 << 31 >>> 0);
 }
 function createColor() {
-  const h = Math.floor(rand() * 360);
-  const s = `${rand() * 60 + 40}%`;
-  const l = `${(rand() + rand() + rand() + rand()) * 25}%`;
-  return `hsl(${h},${s},${l})`;
+	return `hsl(${Math.floor(rand() * 360)},${`${rand() * 60 + 40}%`},${`${(rand() + rand() + rand() + rand()) * 25}%`})`;
 }
 function createImageData(size) {
-  const width = size;
-  const height = size;
-  const dataWidth = Math.ceil(width / 2);
-  const mirrorWidth = width - dataWidth;
-  const data = [];
-  for (let y = 0; y < height; y++) {
-    let row = [];
-    for (let x = 0; x < dataWidth; x++) {
-      row[x] = Math.floor(rand() * 2.3);
-    }
-    const r = row.slice(0, mirrorWidth);
-    r.reverse();
-    row = row.concat(r);
-    for (const element of row) data.push(element);
-  }
-  return data;
+	const width = size;
+	const height = size;
+	const dataWidth = Math.ceil(width / 2);
+	const mirrorWidth = width - dataWidth;
+	const data = [];
+	for (let y = 0; y < height; y++) {
+		let row = [];
+		for (let x = 0; x < dataWidth; x++) row[x] = Math.floor(rand() * 2.3);
+		const r = row.slice(0, mirrorWidth);
+		r.reverse();
+		row = row.concat(r);
+		for (const element of row) data.push(element);
+	}
+	return data;
 }
 function buildOpts(opts) {
-  const newOpts = {};
-  newOpts.seed = opts.seed || Math.floor(Math.random() * 10 ** 16).toString(16);
-  seedRand(newOpts.seed);
-  newOpts.size = opts.size || 8;
-  newOpts.scale = opts.scale || 8;
-  newOpts.color = opts.color || createColor();
-  newOpts.bgcolor = opts.bgcolor || createColor();
-  newOpts.spotColor = opts.spotColor || createColor();
-  return newOpts;
+	const newOpts = {};
+	newOpts.seed = opts.seed || Math.floor(Math.random() * 10 ** 16).toString(16);
+	seedRand(newOpts.seed);
+	newOpts.size = opts.size || 8;
+	newOpts.scale = opts.scale || 8;
+	newOpts.color = opts.color || createColor();
+	newOpts.bgcolor = opts.bgcolor || createColor();
+	newOpts.spotColor = opts.spotColor || createColor();
+	return newOpts;
 }
 function renderIcon(opts, canvas) {
-  const newOpts = buildOpts(opts || {});
-  const imageData = createImageData(newOpts.size);
-  const width = Math.sqrt(imageData.length);
-  canvas.width = canvas.height = newOpts.size * newOpts.scale;
-  const cc = canvas.getContext("2d");
-  if (cc) {
-    cc.fillStyle = newOpts.bgcolor;
-    cc.fillRect(0, 0, canvas.width, canvas.height);
-    cc.fillStyle = newOpts.color;
-    for (const [i, imageDatum] of imageData.entries()) {
-      if (imageDatum) {
-        const row = Math.floor(i / width);
-        const col = i % width;
-        cc.fillStyle = imageDatum === 1 ? newOpts.color : newOpts.spotColor;
-        cc.fillRect(col * newOpts.scale, row * newOpts.scale, newOpts.scale, newOpts.scale);
-      }
-    }
-  }
-  return canvas;
+	const newOpts = buildOpts(opts || {});
+	const imageData = createImageData(newOpts.size);
+	const width = Math.sqrt(imageData.length);
+	canvas.width = canvas.height = newOpts.size * newOpts.scale;
+	const cc = canvas.getContext("2d");
+	if (cc) {
+		cc.fillStyle = newOpts.bgcolor;
+		cc.fillRect(0, 0, canvas.width, canvas.height);
+		cc.fillStyle = newOpts.color;
+		for (const [i, imageDatum] of imageData.entries()) if (imageDatum) {
+			const row = Math.floor(i / width);
+			const col = i % width;
+			cc.fillStyle = imageDatum === 1 ? newOpts.color : newOpts.spotColor;
+			cc.fillRect(col * newOpts.scale, row * newOpts.scale, newOpts.scale, newOpts.scale);
+		}
+	}
+	return canvas;
 }
 function createBlockie(opts) {
-  const canvas = document.createElement("canvas");
-  renderIcon(opts, canvas);
-  return canvas.toDataURL("image/jpeg");
+	const canvas = document.createElement("canvas");
+	renderIcon(opts, canvas);
+	return canvas.toDataURL("image/jpeg");
 }
-export {
-  createBlockie
-};
-//# sourceMappingURL=blockie.js.map
+//#endregion
+export { createBlockie };
+
+//# sourceMappingURL=blockie.js.map

package/dist/utils/blockie.js.map

@@ -1 +1 @@
-{"version":3,"file":"blockie.js","sources":["../../src/utils/blockie.ts"],"sourcesContent":["// Source: https://github.com/ethereum/blockies\n// The random number is a js implementation of the Xorshift PRNG\ninterface BlockieOptions {\n  /** seed used to generate icon data, default: random */\n  seed: string;\n  /** to manually specify the icon color, default: random */\n  color: string;\n  /** choose a different background color, default: random */\n  bgcolor: string;\n  /** width/height of the icon in blocks, default: 8 */\n  size: number;\n  /** width/height of each block in pixels, default: 4 */\n  scale: number;\n  /**\n   * each pixel has a 13% chance of being of a third color, default: random.\n   *\n   * Set to -1 to disable it.\n   *\n   * These \"spots\" create structures that look like eyes, mouths and noses.\n   */\n  spotColor: string;\n}\n\nconst randSeed = new Array(4); // Xorshift: [x, y, z, w] 32 bit values\n\nfunction seedRand(seed: string): void {\n  for (let i = 0; i < randSeed.length; i++) randSeed[i] = 0;\n\n  for (let i = 0; i < seed.length; i++)\n    randSeed[i % 4] = (randSeed[i % 4] << 5) - randSeed[i % 4] + seed.charCodeAt(i);\n}\n\nfunction rand(): number {\n  // based on Java's String.hashCode(), expanded to 4 32bit values\n  const t = randSeed[0] ^ (randSeed[0] << 11);\n\n  randSeed[0] = randSeed[1];\n  randSeed[1] = randSeed[2];\n  randSeed[2] = randSeed[3];\n  randSeed[3] = randSeed[3] ^ (randSeed[3] >> 19) ^ t ^ (t >> 8);\n\n  return (randSeed[3] >>> 0) / ((1 << 31) >>> 0);\n}\n\nfunction createColor(): string {\n  // saturation is the whole color spectrum\n  const h = Math.floor(rand() * 360);\n  // saturation goes from 40 to 100, it avoids greyish colors\n  const s = `${rand() * 60 + 40}%`;\n  // lightness can be anything from 0 to 100, but probabilities are a bell curve around 50%\n  const l = `${(rand() + rand() + rand() + rand()) * 25}%`;\n\n  return `hsl(${h},${s},${l})`;\n}\n\nfunction createImageData(size: number): number[] {\n  const width = size; // Only support square icons for now\n  const height = size;\n\n  const dataWidth = Math.ceil(width / 2);\n  const mirrorWidth = width - dataWidth;\n\n  const data = [];\n  for (let y = 0; y < height; y++) {\n    let row = [];\n    for (let x = 0; x < dataWidth; x++) {\n      // this makes foreground and background color to have a 43% (1/2.3) probability\n      // spot color has 13% chance\n      row[x] = Math.floor(rand() * 2.3);\n    }\n    const r = row.slice(0, mirrorWidth);\n    r.reverse();\n    row = row.concat(r);\n\n    for (const element of row) data.push(element);\n  }\n\n  return data;\n}\n\nfunction buildOpts(opts: Partial<BlockieOptions>): BlockieOptions {\n  const newOpts: Partial<BlockieOptions> = {};\n\n  newOpts.seed = opts.seed || Math.floor(Math.random() * 10 ** 16).toString(16);\n\n  seedRand(newOpts.seed);\n\n  newOpts.size = opts.size || 8;\n  newOpts.scale = opts.scale || 8;\n  newOpts.color = opts.color || createColor();\n  newOpts.bgcolor = opts.bgcolor || createColor();\n  newOpts.spotColor = opts.spotColor || createColor();\n\n  return newOpts as BlockieOptions;\n}\n\nfunction renderIcon(opts: Partial<BlockieOptions>, canvas: HTMLCanvasElement): HTMLCanvasElement {\n  const newOpts: BlockieOptions = buildOpts(opts || {});\n  const imageData = createImageData(newOpts.size);\n  const width = Math.sqrt(imageData.length);\n\n  canvas.width = canvas.height = newOpts.size * newOpts.scale;\n\n  const cc = canvas.getContext('2d') as CanvasRenderingContext2D;\n  if (cc) {\n    cc.fillStyle = newOpts.bgcolor;\n    cc.fillRect(0, 0, canvas.width, canvas.height);\n    cc.fillStyle = newOpts.color;\n\n    for (const [i, imageDatum] of imageData.entries()) {\n      // if data is 0, leave the background\n      if (imageDatum) {\n        const row = Math.floor(i / width);\n        const col = i % width;\n\n        // if data is 2, choose spot color, if 1 choose foreground\n        cc.fillStyle = imageDatum === 1 ? newOpts.color : newOpts.spotColor;\n\n        cc.fillRect(col * newOpts.scale, row * newOpts.scale, newOpts.scale, newOpts.scale);\n      }\n    }\n  }\n\n  return canvas;\n}\n\nexport function createBlockie(opts: Partial<BlockieOptions>): string {\n  const canvas = document.createElement('canvas');\n\n  renderIcon(opts, canvas);\n\n  return canvas.toDataURL('image/jpeg');\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"blockie.js","names":[],"sources":["../../src/utils/blockie.ts"],"sourcesContent":["// Source: https://github.com/ethereum/blockies\n// The random number is a js implementation of the Xorshift PRNG\ninterface BlockieOptions {\n  /** seed used to generate icon data, default: random */\n  seed: string;\n  /** to manually specify the icon color, default: random */\n  color: string;\n  /** choose a different background color, default: random */\n  bgcolor: string;\n  /** width/height of the icon in blocks, default: 8 */\n  size: number;\n  /** width/height of each block in pixels, default: 4 */\n  scale: number;\n  /**\n   * each pixel has a 13% chance of being of a third color, default: random.\n   *\n   * Set to -1 to disable it.\n   *\n   * These \"spots\" create structures that look like eyes, mouths and noses.\n   */\n  spotColor: string;\n}\n\nconst randSeed = new Array(4); // Xorshift: [x, y, z, w] 32 bit values\n\nfunction seedRand(seed: string): void {\n  for (let i = 0; i < randSeed.length; i++) randSeed[i] = 0;\n\n  for (let i = 0; i < seed.length; i++)\n    randSeed[i % 4] = (randSeed[i % 4] << 5) - randSeed[i % 4] + seed.charCodeAt(i);\n}\n\nfunction rand(): number {\n  // based on Java's String.hashCode(), expanded to 4 32bit values\n  const t = randSeed[0] ^ (randSeed[0] << 11);\n\n  randSeed[0] = randSeed[1];\n  randSeed[1] = randSeed[2];\n  randSeed[2] = randSeed[3];\n  randSeed[3] = randSeed[3] ^ (randSeed[3] >> 19) ^ t ^ (t >> 8);\n\n  return (randSeed[3] >>> 0) / ((1 << 31) >>> 0);\n}\n\nfunction createColor(): string {\n  // saturation is the whole color spectrum\n  const h = Math.floor(rand() * 360);\n  // saturation goes from 40 to 100, it avoids greyish colors\n  const s = `${rand() * 60 + 40}%`;\n  // lightness can be anything from 0 to 100, but probabilities are a bell curve around 50%\n  const l = `${(rand() + rand() + rand() + rand()) * 25}%`;\n\n  return `hsl(${h},${s},${l})`;\n}\n\nfunction createImageData(size: number): number[] {\n  const width = size; // Only support square icons for now\n  const height = size;\n\n  const dataWidth = Math.ceil(width / 2);\n  const mirrorWidth = width - dataWidth;\n\n  const data = [];\n  for (let y = 0; y < height; y++) {\n    let row = [];\n    for (let x = 0; x < dataWidth; x++) {\n      // this makes foreground and background color to have a 43% (1/2.3) probability\n      // spot color has 13% chance\n      row[x] = Math.floor(rand() * 2.3);\n    }\n    const r = row.slice(0, mirrorWidth);\n    r.reverse();\n    row = row.concat(r);\n\n    for (const element of row) data.push(element);\n  }\n\n  return data;\n}\n\nfunction buildOpts(opts: Partial<BlockieOptions>): BlockieOptions {\n  const newOpts: Partial<BlockieOptions> = {};\n\n  newOpts.seed = opts.seed || Math.floor(Math.random() * 10 ** 16).toString(16);\n\n  seedRand(newOpts.seed);\n\n  newOpts.size = opts.size || 8;\n  newOpts.scale = opts.scale || 8;\n  newOpts.color = opts.color || createColor();\n  newOpts.bgcolor = opts.bgcolor || createColor();\n  newOpts.spotColor = opts.spotColor || createColor();\n\n  return newOpts as BlockieOptions;\n}\n\nfunction renderIcon(opts: Partial<BlockieOptions>, canvas: HTMLCanvasElement): HTMLCanvasElement {\n  const newOpts: BlockieOptions = buildOpts(opts || {});\n  const imageData = createImageData(newOpts.size);\n  const width = Math.sqrt(imageData.length);\n\n  canvas.width = canvas.height = newOpts.size * newOpts.scale;\n\n  const cc = canvas.getContext('2d') as CanvasRenderingContext2D;\n  if (cc) {\n    cc.fillStyle = newOpts.bgcolor;\n    cc.fillRect(0, 0, canvas.width, canvas.height);\n    cc.fillStyle = newOpts.color;\n\n    for (const [i, imageDatum] of imageData.entries()) {\n      // if data is 0, leave the background\n      if (imageDatum) {\n        const row = Math.floor(i / width);\n        const col = i % width;\n\n        // if data is 2, choose spot color, if 1 choose foreground\n        cc.fillStyle = imageDatum === 1 ? newOpts.color : newOpts.spotColor;\n\n        cc.fillRect(col * newOpts.scale, row * newOpts.scale, newOpts.scale, newOpts.scale);\n      }\n    }\n  }\n\n  return canvas;\n}\n\nexport function createBlockie(opts: Partial<BlockieOptions>): string {\n  const canvas = document.createElement('canvas');\n\n  renderIcon(opts, canvas);\n\n  return canvas.toDataURL('image/jpeg');\n}\n"],"mappings":";AAuBA,IAAM,WAAW,IAAI,MAAM,EAAE;AAE7B,SAAS,SAAS,MAAoB;AACpC,MAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,IAAK,UAAS,KAAK;AAExD,MAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,IAC/B,UAAS,IAAI,MAAM,SAAS,IAAI,MAAM,KAAK,SAAS,IAAI,KAAK,KAAK,WAAW,EAAE;;AAGnF,SAAS,OAAe;CAEtB,MAAM,IAAI,SAAS,KAAM,SAAS,MAAM;AAExC,UAAS,KAAK,SAAS;AACvB,UAAS,KAAK,SAAS;AACvB,UAAS,KAAK,SAAS;AACvB,UAAS,KAAK,SAAS,KAAM,SAAS,MAAM,KAAM,IAAK,KAAK;AAE5D,SAAQ,SAAS,OAAO,MAAO,KAAK,OAAQ;;AAG9C,SAAS,cAAsB;AAQ7B,QAAO,OANG,KAAK,MAAM,MAAM,GAAG,IAAI,CAMlB,GAJN,GAAG,MAAM,GAAG,KAAK,GAAG,GAIT,GAFX,IAAI,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI,GAAG,GAE5B;;AAG5B,SAAS,gBAAgB,MAAwB;CAC/C,MAAM,QAAQ;CACd,MAAM,SAAS;CAEf,MAAM,YAAY,KAAK,KAAK,QAAQ,EAAE;CACtC,MAAM,cAAc,QAAQ;CAE5B,MAAM,OAAO,EAAE;AACf,MAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,KAAK;EAC/B,IAAI,MAAM,EAAE;AACZ,OAAK,IAAI,IAAI,GAAG,IAAI,WAAW,IAG7B,KAAI,KAAK,KAAK,MAAM,MAAM,GAAG,IAAI;EAEnC,MAAM,IAAI,IAAI,MAAM,GAAG,YAAY;AACnC,IAAE,SAAS;AACX,QAAM,IAAI,OAAO,EAAE;AAEnB,OAAK,MAAM,WAAW,IAAK,MAAK,KAAK,QAAQ;;AAG/C,QAAO;;AAGT,SAAS,UAAU,MAA+C;CAChE,MAAM,UAAmC,EAAE;AAE3C,SAAQ,OAAO,KAAK,QAAQ,KAAK,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,CAAC,SAAS,GAAG;AAE7E,UAAS,QAAQ,KAAK;AAEtB,SAAQ,OAAO,KAAK,QAAQ;AAC5B,SAAQ,QAAQ,KAAK,SAAS;AAC9B,SAAQ,QAAQ,KAAK,SAAS,aAAa;AAC3C,SAAQ,UAAU,KAAK,WAAW,aAAa;AAC/C,SAAQ,YAAY,KAAK,aAAa,aAAa;AAEnD,QAAO;;AAGT,SAAS,WAAW,MAA+B,QAA8C;CAC/F,MAAM,UAA0B,UAAU,QAAQ,EAAE,CAAC;CACrD,MAAM,YAAY,gBAAgB,QAAQ,KAAK;CAC/C,MAAM,QAAQ,KAAK,KAAK,UAAU,OAAO;AAEzC,QAAO,QAAQ,OAAO,SAAS,QAAQ,OAAO,QAAQ;CAEtD,MAAM,KAAK,OAAO,WAAW,KAAK;AAClC,KAAI,IAAI;AACN,KAAG,YAAY,QAAQ;AACvB,KAAG,SAAS,GAAG,GAAG,OAAO,OAAO,OAAO,OAAO;AAC9C,KAAG,YAAY,QAAQ;AAEvB,OAAK,MAAM,CAAC,GAAG,eAAe,UAAU,SAAS,CAE/C,KAAI,YAAY;GACd,MAAM,MAAM,KAAK,MAAM,IAAI,MAAM;GACjC,MAAM,MAAM,IAAI;AAGhB,MAAG,YAAY,eAAe,IAAI,QAAQ,QAAQ,QAAQ;AAE1D,MAAG,SAAS,MAAM,QAAQ,OAAO,MAAM,QAAQ,OAAO,QAAQ,OAAO,QAAQ,MAAM;;;AAKzF,QAAO;;AAGT,SAAgB,cAAc,MAAuC;CACnE,MAAM,SAAS,SAAS,cAAc,SAAS;AAE/C,YAAW,MAAM,OAAO;AAExB,QAAO,OAAO,UAAU,aAAa"}

package/dist/utils/form-text-detail.d.ts

@@ -1,9 +1,11 @@
-import type { ComputedRef, MaybeRef } from 'vue';
+import type { ComputedRef, MaybeRefOrGetter } from 'vue';
+export type ValidationState = 'error' | 'success' | undefined;
 export interface FormTextDetailReturn {
     formattedErrorMessages: ComputedRef<string[]>;
     formattedSuccessMessages: ComputedRef<string[]>;
     hasError: ComputedRef<boolean>;
     hasMessages: ComputedRef<boolean>;
     hasSuccess: ComputedRef<boolean>;
+    validation: ComputedRef<ValidationState>;
 }
-export declare function useFormTextDetail(errorMessages: MaybeRef<string | string[]>, successMessages: MaybeRef<string | string[]>): FormTextDetailReturn;
+export declare function useFormTextDetail(errorMessages: MaybeRefOrGetter<string | string[]>, successMessages: MaybeRefOrGetter<string | string[]>): FormTextDetailReturn;

package/dist/utils/form-text-detail.js

@@ -1,30 +1,32 @@
-import { computed } from "vue";
+import { computed, toValue } from "vue";
 import { get } from "@vueuse/shared";
+//#region src/utils/form-text-detail.ts
 function useFormTextDetail(errorMessages, successMessages) {
-  const formattedErrorMessages = computed(() => {
-    let errorMessagesVal = get(errorMessages);
-    if (typeof errorMessagesVal === "string")
-      errorMessagesVal = [errorMessagesVal];
-    return errorMessagesVal.filter((item) => !!item);
-  });
-  const formattedSuccessMessages = computed(() => {
-    let successMessagesVal = get(successMessages);
-    if (typeof successMessagesVal === "string")
-      successMessagesVal = [successMessagesVal];
-    return successMessagesVal.filter((item) => !!item);
-  });
-  const hasError = computed(() => get(formattedErrorMessages).length > 0);
-  const hasSuccess = computed(() => get(formattedSuccessMessages).length > 0);
-  const hasMessages = computed(() => get(hasError) || get(hasSuccess));
-  return {
-    formattedErrorMessages,
-    formattedSuccessMessages,
-    hasError,
-    hasMessages,
-    hasSuccess
-  };
+	const formattedErrorMessages = computed(() => {
+		let errorMessagesVal = toValue(errorMessages);
+		if (typeof errorMessagesVal === "string") errorMessagesVal = [errorMessagesVal];
+		return errorMessagesVal.filter((item) => !!item);
+	});
+	const formattedSuccessMessages = computed(() => {
+		let successMessagesVal = toValue(successMessages);
+		if (typeof successMessagesVal === "string") successMessagesVal = [successMessagesVal];
+		return successMessagesVal.filter((item) => !!item);
+	});
+	const hasError = computed(() => get(formattedErrorMessages).length > 0);
+	const hasSuccess = computed(() => get(formattedSuccessMessages).length > 0);
+	return {
+		formattedErrorMessages,
+		formattedSuccessMessages,
+		hasError,
+		hasMessages: computed(() => get(hasError) || get(hasSuccess)),
+		hasSuccess,
+		validation: computed(() => {
+			if (get(hasError)) return "error";
+			if (get(hasSuccess)) return "success";
+		})
+	};
 }
-export {
-  useFormTextDetail
-};
-//# sourceMappingURL=form-text-detail.js.map
+//#endregion
+export { useFormTextDetail };
+
+//# sourceMappingURL=form-text-detail.js.map

package/dist/utils/form-text-detail.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-text-detail.js","sources":["../../src/utils/form-text-detail.ts"],"sourcesContent":["import type { ComputedRef, MaybeRef } from 'vue';\n\nexport interface FormTextDetailReturn {\n  formattedErrorMessages: ComputedRef<string[]>;\n  formattedSuccessMessages: ComputedRef<string[]>;\n  hasError: ComputedRef<boolean>;\n  hasMessages: ComputedRef<boolean>;\n  hasSuccess: ComputedRef<boolean>;\n}\n\nexport function useFormTextDetail(\n  errorMessages: MaybeRef<string | string[]>,\n  successMessages: MaybeRef<string | string[]>,\n): FormTextDetailReturn {\n  const formattedErrorMessages = computed<string[]>(() => {\n    let errorMessagesVal = get(errorMessages);\n    if (typeof errorMessagesVal === 'string')\n      errorMessagesVal = [errorMessagesVal];\n\n    return errorMessagesVal.filter(item => !!item);\n  });\n\n  const formattedSuccessMessages = computed<string[]>(() => {\n    let successMessagesVal = get(successMessages);\n    if (typeof successMessagesVal === 'string')\n      successMessagesVal = [successMessagesVal];\n\n    return successMessagesVal.filter(item => !!item);\n  });\n\n  const hasError = computed<boolean>(() => get(formattedErrorMessages).length > 0);\n\n  const hasSuccess = computed<boolean>(() => get(formattedSuccessMessages).length > 0);\n  const hasMessages = computed<boolean>(() => get(hasError) || get(hasSuccess));\n\n  return {\n    formattedErrorMessages,\n    formattedSuccessMessages,\n    hasError,\n    hasMessages,\n    hasSuccess,\n  };\n}\n"],"names":[],"mappings":";;AAUO,SAAS,kBACd,eACA,iBACsB;AACtB,QAAM,yBAAyB,SAAmB,MAAM;AACtD,QAAI,mBAAmB,IAAI,aAAa;AACxC,QAAI,OAAO,qBAAqB;AAC9B,yBAAmB,CAAC,gBAAgB;AAEtC,WAAO,iBAAiB,OAAO,CAAA,SAAQ,CAAC,CAAC,IAAI;AAAA,EAC/C,CAAC;AAED,QAAM,2BAA2B,SAAmB,MAAM;AACxD,QAAI,qBAAqB,IAAI,eAAe;AAC5C,QAAI,OAAO,uBAAuB;AAChC,2BAAqB,CAAC,kBAAkB;AAE1C,WAAO,mBAAmB,OAAO,CAAA,SAAQ,CAAC,CAAC,IAAI;AAAA,EACjD,CAAC;AAED,QAAM,WAAW,SAAkB,MAAM,IAAI,sBAAsB,EAAE,SAAS,CAAC;AAE/E,QAAM,aAAa,SAAkB,MAAM,IAAI,wBAAwB,EAAE,SAAS,CAAC;AACnF,QAAM,cAAc,SAAkB,MAAM,IAAI,QAAQ,KAAK,IAAI,UAAU,CAAC;AAE5E,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"form-text-detail.js","names":[],"sources":["../../src/utils/form-text-detail.ts"],"sourcesContent":["import type { ComputedRef, MaybeRefOrGetter } from 'vue';\n\nexport type ValidationState = 'error' | 'success' | undefined;\n\nexport interface FormTextDetailReturn {\n  formattedErrorMessages: ComputedRef<string[]>;\n  formattedSuccessMessages: ComputedRef<string[]>;\n  hasError: ComputedRef<boolean>;\n  hasMessages: ComputedRef<boolean>;\n  hasSuccess: ComputedRef<boolean>;\n  validation: ComputedRef<ValidationState>;\n}\n\nexport function useFormTextDetail(\n  errorMessages: MaybeRefOrGetter<string | string[]>,\n  successMessages: MaybeRefOrGetter<string | string[]>,\n): FormTextDetailReturn {\n  const formattedErrorMessages = computed<string[]>(() => {\n    let errorMessagesVal = toValue(errorMessages);\n    if (typeof errorMessagesVal === 'string')\n      errorMessagesVal = [errorMessagesVal];\n\n    return errorMessagesVal.filter(item => !!item);\n  });\n\n  const formattedSuccessMessages = computed<string[]>(() => {\n    let successMessagesVal = toValue(successMessages);\n    if (typeof successMessagesVal === 'string')\n      successMessagesVal = [successMessagesVal];\n\n    return successMessagesVal.filter(item => !!item);\n  });\n\n  const hasError = computed<boolean>(() => get(formattedErrorMessages).length > 0);\n  const hasSuccess = computed<boolean>(() => get(formattedSuccessMessages).length > 0);\n  const hasMessages = computed<boolean>(() => get(hasError) || get(hasSuccess));\n\n  const validation = computed<ValidationState>(() => {\n    if (get(hasError))\n      return 'error';\n    if (get(hasSuccess))\n      return 'success';\n    return undefined;\n  });\n\n  return {\n    formattedErrorMessages,\n    formattedSuccessMessages,\n    hasError,\n    hasMessages,\n    hasSuccess,\n    validation,\n  };\n}\n"],"mappings":";;;AAaA,SAAgB,kBACd,eACA,iBACsB;CACtB,MAAM,yBAAyB,eAAyB;EACtD,IAAI,mBAAmB,QAAQ,cAAc;AAC7C,MAAI,OAAO,qBAAqB,SAC9B,oBAAmB,CAAC,iBAAiB;AAEvC,SAAO,iBAAiB,QAAO,SAAQ,CAAC,CAAC,KAAK;GAC9C;CAEF,MAAM,2BAA2B,eAAyB;EACxD,IAAI,qBAAqB,QAAQ,gBAAgB;AACjD,MAAI,OAAO,uBAAuB,SAChC,sBAAqB,CAAC,mBAAmB;AAE3C,SAAO,mBAAmB,QAAO,SAAQ,CAAC,CAAC,KAAK;GAChD;CAEF,MAAM,WAAW,eAAwB,IAAI,uBAAuB,CAAC,SAAS,EAAE;CAChF,MAAM,aAAa,eAAwB,IAAI,yBAAyB,CAAC,SAAS,EAAE;AAWpF,QAAO;EACL;EACA;EACA;EACA,aAdkB,eAAwB,IAAI,SAAS,IAAI,IAAI,WAAW,CAAC;EAe3E;EACA,YAdiB,eAAgC;AACjD,OAAI,IAAI,SAAS,CACf,QAAO;AACT,OAAI,IAAI,WAAW,CACjB,QAAO;IAET;EASD"}

package/dist/utils/helpers.js

@@ -1,50 +1,75 @@
-import { objectPick, objectOmit } from "@vueuse/shared";
-import { camelCase } from "scule";
+import { objectOmit, objectPick } from "@vueuse/shared";
+import { camelCase, snakeCase } from "scule";
+//#region src/utils/helpers.ts
 function formatNumber(amount, { fractionDigits = 2 }) {
-  return new Intl.NumberFormat(void 0, {
-    maximumFractionDigits: fractionDigits,
-    minimumFractionDigits: fractionDigits
-  }).format(Number(amount));
+	return new Intl.NumberFormat(void 0, {
+		maximumFractionDigits: fractionDigits,
+		minimumFractionDigits: fractionDigits
+	}).format(Number(amount));
 }
+/**
+* Format number value without fraction
+* @param {number} amount
+*/
 function formatInteger(amount) {
-  return formatNumber(amount, { fractionDigits: 0 });
+	return formatNumber(amount, { fractionDigits: 0 });
 }
+/**
+* Generates and returns the array of root allowed attributes
+* @param {SetupContextAttrs} data
+* @returns {SetupContextAttrsKeys}
+*/
 function getRootKeys(data) {
-  return Object.keys(data).filter((key) => key.startsWith("data-"));
+	return Object.keys(data).filter((key) => key.startsWith("data-"));
 }
+/**
+* Picks only required attributes for root element
+* @param {SetupContextAttrs} data
+* @param {SetupContextAttrsKeys} include
+* @returns {Pick<SetupContextAttrs, any>}
+*/
 function getRootAttrs(data, include = ["class"]) {
-  return objectPick(data, [...getRootKeys(data), ...include]);
+	return objectPick(data, [...getRootKeys(data), ...include]);
 }
+/**
+* Omits root attributes from component's attributes
+* @param {SetupContextAttrs} data
+* @param {SetupContextAttrsKeys} exclude
+* @returns {Omit<SetupContextAttrs, any>}
+*/
 function getNonRootAttrs(data, exclude = ["class"]) {
-  return objectOmit(data, [...getRootKeys(data), ...exclude]);
+	return objectOmit(data, [...getRootKeys(data), ...exclude]);
 }
+/**
+* Transforms the keys of an object to either camelCase or snake_case
+* @param {T} item
+* @param {"camelCase" | "snake_case"} to
+* @returns {Record<string, any>}
+*/
 function transformCase(item, to) {
-  if (!item)
-    return item;
-  return Object.keys(item).reduce(
-    (acc, curr) => {
-      acc[camelCase(curr)] = item[curr];
-      return acc;
-    },
-    {}
-  );
+	if (!item) return item;
+	return Object.keys(item).reduce((acc, curr) => {
+		if (to === "camelCase") acc[camelCase(curr)] = item[curr];
+		else acc[snakeCase(curr)] = item[curr];
+		return acc;
+	}, {});
 }
+/**
+*
+* @param {string} string - String to convert
+* @return {string} - String converted to text token, mostly used to matching keyword
+* @example
+* getTextToken('this is a sentence'); // thisisasentence
+*/
 function getTextToken(string) {
-  if (!string)
-    return "";
-  return string.toString().toLowerCase().replace(/[^\da-z]/gi, "");
+	if (!string) return "";
+	return string.toString().toLowerCase().replace(/[^\da-z]/gi, "");
 }
 function transformPropsUnit(value) {
-  if (value === void 0 || typeof value === "string" && isNaN(Number(value)))
-    return value;
-  return `${value}px`;
-}
-export {
-  formatInteger,
-  getNonRootAttrs,
-  getRootAttrs,
-  getTextToken,
-  transformCase,
-  transformPropsUnit
-};
-//# sourceMappingURL=helpers.js.map
+	if (value === void 0 || typeof value === "string" && isNaN(Number(value))) return value;
+	return `${value}px`;
+}
+//#endregion
+export { formatInteger, getNonRootAttrs, getRootAttrs, getTextToken, transformCase, transformPropsUnit };
+
+//# sourceMappingURL=helpers.js.map

package/dist/utils/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../src/utils/helpers.ts"],"sourcesContent":["import type { SetupContext } from 'vue';\nimport { objectOmit, objectPick } from '@vueuse/shared';\nimport { camelCase, snakeCase } from 'scule';\n\ninterface FormatNumberOptions {\n  fractionDigits?: number;\n}\n\ntype SetupContextAttrs = SetupContext['attrs'];\n\ntype SetupContextAttrsKeys = (keyof SetupContextAttrs)[];\n\nfunction formatNumber(\n  amount: number | string,\n  { fractionDigits = 2 }: FormatNumberOptions,\n): string {\n  return new Intl.NumberFormat(undefined, {\n    maximumFractionDigits: fractionDigits,\n    minimumFractionDigits: fractionDigits,\n  }).format(Number(amount));\n}\n\n/**\n * Format number value without fraction\n * @param {number} amount\n */\nexport function formatInteger(amount: number | string): string {\n  return formatNumber(amount, { fractionDigits: 0 });\n}\n\n/**\n * Generates and returns the array of root allowed attributes\n * @param {SetupContextAttrs} data\n * @returns {SetupContextAttrsKeys}\n */\nfunction getRootKeys(data: SetupContextAttrs): SetupContextAttrsKeys {\n  return Object.keys(data).filter(key => key.startsWith('data-')) as SetupContextAttrsKeys;\n}\n\n/**\n * Picks only required attributes for root element\n * @param {SetupContextAttrs} data\n * @param {SetupContextAttrsKeys} include\n * @returns {Pick<SetupContextAttrs, any>}\n */\nexport function getRootAttrs(data: SetupContextAttrs, include: SetupContextAttrsKeys = ['class']) {\n  return objectPick(data, [...getRootKeys(data), ...include]);\n}\n\n/**\n * Omits root attributes from component's attributes\n * @param {SetupContextAttrs} data\n * @param {SetupContextAttrsKeys} exclude\n * @returns {Omit<SetupContextAttrs, any>}\n */\nexport function getNonRootAttrs(\n  data: SetupContextAttrs,\n  exclude: SetupContextAttrsKeys = ['class'],\n) {\n  return objectOmit(data, [...getRootKeys(data), ...exclude]);\n}\n\n/**\n * Transforms the keys of an object to either camelCase or snake_case\n * @param {T} item\n * @param {\"camelCase\" | \"snake_case\"} to\n * @returns {Record<string, any>}\n */\nexport function transformCase<T extends object>(\n  item: T,\n  to: 'camelCase' | 'snake_case',\n): Record<string, T[keyof T]> {\n  if (!item)\n    return item;\n\n  return Object.keys(item).reduce(\n    (acc, curr) => {\n      if (to === 'camelCase')\n        acc[camelCase(curr)] = item[curr as keyof T];\n      else acc[snakeCase(curr)] = item[curr as keyof T];\n\n      return acc;\n    },\n    {} as Record<string, T[keyof T]>,\n  );\n}\n\n/**\n *\n * @param {string} string - String to convert\n * @return {string} - String converted to text token, mostly used to matching keyword\n * @example\n * getTextToken('this is a sentence'); // thisisasentence\n */\n\nexport function getTextToken(string: unknown): string {\n  if (!string)\n    return '';\n\n  return string\n    .toString()\n    .toLowerCase()\n    .replace(/[^\\da-z]/gi, '');\n}\n\nexport function transformPropsUnit(value?: string | number): string | undefined {\n  if (value === undefined || (typeof value === 'string' && isNaN(Number(value))))\n    return value;\n  return `${value}px`;\n}\n"],"names":[],"mappings":";;AAYA,SAAS,aACP,QACA,EAAE,iBAAiB,KACX;AACR,SAAO,IAAI,KAAK,aAAa,QAAW;AAAA,IACtC,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,EAAA,CACxB,EAAE,OAAO,OAAO,MAAM,CAAC;AAC1B;AAMO,SAAS,cAAc,QAAiC;AAC7D,SAAO,aAAa,QAAQ,EAAE,gBAAgB,GAAG;AACnD;AAOA,SAAS,YAAY,MAAgD;AACnE,SAAO,OAAO,KAAK,IAAI,EAAE,OAAO,CAAA,QAAO,IAAI,WAAW,OAAO,CAAC;AAChE;AAQO,SAAS,aAAa,MAAyB,UAAiC,CAAC,OAAO,GAAG;AAChG,SAAO,WAAW,MAAM,CAAC,GAAG,YAAY,IAAI,GAAG,GAAG,OAAO,CAAC;AAC5D;AAQO,SAAS,gBACd,MACA,UAAiC,CAAC,OAAO,GACzC;AACA,SAAO,WAAW,MAAM,CAAC,GAAG,YAAY,IAAI,GAAG,GAAG,OAAO,CAAC;AAC5D;AAQO,SAAS,cACd,MACA,IAC4B;AAC5B,MAAI,CAAC;AACH,WAAO;AAET,SAAO,OAAO,KAAK,IAAI,EAAE;AAAA,IACvB,CAAC,KAAK,SAAS;AAEX,UAAI,UAAU,IAAI,CAAC,IAAI,KAAK,IAAe;AAG7C,aAAO;AAAA,IACT;AAAA,IACA,CAAA;AAAA,EAAC;AAEL;AAUO,SAAS,aAAa,QAAyB;AACpD,MAAI,CAAC;AACH,WAAO;AAET,SAAO,OACJ,WACA,cACA,QAAQ,cAAc,EAAE;AAC7B;AAEO,SAAS,mBAAmB,OAA6C;AAC9E,MAAI,UAAU,UAAc,OAAO,UAAU,YAAY,MAAM,OAAO,KAAK,CAAC;AAC1E,WAAO;AACT,SAAO,GAAG,KAAK;AACjB;"}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/utils/helpers.ts"],"sourcesContent":["import type { SetupContext } from 'vue';\nimport { objectOmit, objectPick } from '@vueuse/shared';\nimport { camelCase, snakeCase } from 'scule';\n\ninterface FormatNumberOptions {\n  fractionDigits?: number;\n}\n\ntype SetupContextAttrs = SetupContext['attrs'];\n\ntype SetupContextAttrsKeys = (keyof SetupContextAttrs)[];\n\nfunction formatNumber(\n  amount: number | string,\n  { fractionDigits = 2 }: FormatNumberOptions,\n): string {\n  return new Intl.NumberFormat(undefined, {\n    maximumFractionDigits: fractionDigits,\n    minimumFractionDigits: fractionDigits,\n  }).format(Number(amount));\n}\n\n/**\n * Format number value without fraction\n * @param {number} amount\n */\nexport function formatInteger(amount: number | string): string {\n  return formatNumber(amount, { fractionDigits: 0 });\n}\n\n/**\n * Generates and returns the array of root allowed attributes\n * @param {SetupContextAttrs} data\n * @returns {SetupContextAttrsKeys}\n */\nfunction getRootKeys(data: SetupContextAttrs): SetupContextAttrsKeys {\n  return Object.keys(data).filter(key => key.startsWith('data-')) as SetupContextAttrsKeys;\n}\n\n/**\n * Picks only required attributes for root element\n * @param {SetupContextAttrs} data\n * @param {SetupContextAttrsKeys} include\n * @returns {Pick<SetupContextAttrs, any>}\n */\nexport function getRootAttrs(data: SetupContextAttrs, include: SetupContextAttrsKeys = ['class']) {\n  return objectPick(data, [...getRootKeys(data), ...include]);\n}\n\n/**\n * Omits root attributes from component's attributes\n * @param {SetupContextAttrs} data\n * @param {SetupContextAttrsKeys} exclude\n * @returns {Omit<SetupContextAttrs, any>}\n */\nexport function getNonRootAttrs(\n  data: SetupContextAttrs,\n  exclude: SetupContextAttrsKeys = ['class'],\n) {\n  return objectOmit(data, [...getRootKeys(data), ...exclude]);\n}\n\n/**\n * Transforms the keys of an object to either camelCase or snake_case\n * @param {T} item\n * @param {\"camelCase\" | \"snake_case\"} to\n * @returns {Record<string, any>}\n */\nexport function transformCase<T extends object>(\n  item: T,\n  to: 'camelCase' | 'snake_case',\n): Record<string, T[keyof T]> {\n  if (!item)\n    return item;\n\n  return Object.keys(item).reduce(\n    (acc, curr) => {\n      if (to === 'camelCase')\n        acc[camelCase(curr)] = item[curr as keyof T];\n      else acc[snakeCase(curr)] = item[curr as keyof T];\n\n      return acc;\n    },\n    {} as Record<string, T[keyof T]>,\n  );\n}\n\n/**\n *\n * @param {string} string - String to convert\n * @return {string} - String converted to text token, mostly used to matching keyword\n * @example\n * getTextToken('this is a sentence'); // thisisasentence\n */\n\nexport function getTextToken(string: unknown): string {\n  if (!string)\n    return '';\n\n  return string\n    .toString()\n    .toLowerCase()\n    .replace(/[^\\da-z]/gi, '');\n}\n\nexport function transformPropsUnit(value?: string | number): string | undefined {\n  if (value === undefined || (typeof value === 'string' && isNaN(Number(value))))\n    return value;\n  return `${value}px`;\n}\n"],"mappings":";;;AAYA,SAAS,aACP,QACA,EAAE,iBAAiB,KACX;AACR,QAAO,IAAI,KAAK,aAAa,KAAA,GAAW;EACtC,uBAAuB;EACvB,uBAAuB;EACxB,CAAC,CAAC,OAAO,OAAO,OAAO,CAAC;;;;;;AAO3B,SAAgB,cAAc,QAAiC;AAC7D,QAAO,aAAa,QAAQ,EAAE,gBAAgB,GAAG,CAAC;;;;;;;AAQpD,SAAS,YAAY,MAAgD;AACnE,QAAO,OAAO,KAAK,KAAK,CAAC,QAAO,QAAO,IAAI,WAAW,QAAQ,CAAC;;;;;;;;AASjE,SAAgB,aAAa,MAAyB,UAAiC,CAAC,QAAQ,EAAE;AAChG,QAAO,WAAW,MAAM,CAAC,GAAG,YAAY,KAAK,EAAE,GAAG,QAAQ,CAAC;;;;;;;;AAS7D,SAAgB,gBACd,MACA,UAAiC,CAAC,QAAQ,EAC1C;AACA,QAAO,WAAW,MAAM,CAAC,GAAG,YAAY,KAAK,EAAE,GAAG,QAAQ,CAAC;;;;;;;;AAS7D,SAAgB,cACd,MACA,IAC4B;AAC5B,KAAI,CAAC,KACH,QAAO;AAET,QAAO,OAAO,KAAK,KAAK,CAAC,QACtB,KAAK,SAAS;AACb,MAAI,OAAO,YACT,KAAI,UAAU,KAAK,IAAI,KAAK;MACzB,KAAI,UAAU,KAAK,IAAI,KAAK;AAEjC,SAAO;IAET,EAAE,CACH;;;;;;;;;AAWH,SAAgB,aAAa,QAAyB;AACpD,KAAI,CAAC,OACH,QAAO;AAET,QAAO,OACJ,UAAU,CACV,aAAa,CACb,QAAQ,cAAc,GAAG;;AAG9B,SAAgB,mBAAmB,OAA6C;AAC9E,KAAI,UAAU,KAAA,KAAc,OAAO,UAAU,YAAY,MAAM,OAAO,MAAM,CAAC,CAC3E,QAAO;AACT,QAAO,GAAG,MAAM"}

package/dist/utils/is-equal.js

@@ -1,35 +1,25 @@
+//#region src/utils/is-equal.ts
 function isEqual(value, other) {
-  if (value === other)
-    return true;
-  if (value == null || other == null)
-    return value === other;
-  if (typeof value !== typeof other)
-    return false;
-  if (Array.isArray(value)) {
-    if (!Array.isArray(other) || value.length !== other.length)
-      return false;
-    for (const [i, element] of value.entries()) {
-      if (!isEqual(element, other[i]))
-        return false;
-    }
-    return true;
-  }
-  if (typeof value === "object") {
-    const valueRecord = value;
-    const otherRecord = other;
-    const valueKeys = Object.keys(valueRecord);
-    const otherKeys = Object.keys(otherRecord);
-    if (valueKeys.length !== otherKeys.length)
-      return false;
-    for (const key of valueKeys) {
-      if (!isEqual(valueRecord[key], otherRecord[key]))
-        return false;
-    }
-    return true;
-  }
-  return false;
+	if (value === other) return true;
+	if (value == null || other == null) return value === other;
+	if (typeof value !== typeof other) return false;
+	if (Array.isArray(value)) {
+		if (!Array.isArray(other) || value.length !== other.length) return false;
+		for (const [i, element] of value.entries()) if (!isEqual(element, other[i])) return false;
+		return true;
+	}
+	if (typeof value === "object") {
+		const valueRecord = value;
+		const otherRecord = other;
+		const valueKeys = Object.keys(valueRecord);
+		const otherKeys = Object.keys(otherRecord);
+		if (valueKeys.length !== otherKeys.length) return false;
+		for (const key of valueKeys) if (!isEqual(valueRecord[key], otherRecord[key])) return false;
+		return true;
+	}
+	return false;
 }
-export {
-  isEqual
-};
-//# sourceMappingURL=is-equal.js.map
+//#endregion
+export { isEqual };
+
+//# sourceMappingURL=is-equal.js.map

package/dist/utils/is-equal.js.map

@@ -1 +1 @@
-{"version":3,"file":"is-equal.js","sources":["../../src/utils/is-equal.ts"],"sourcesContent":["export function isEqual(value: unknown, other: unknown): boolean {\n  // Check if the values are identical (covers primitives and functions)\n  if (value === other)\n    return true;\n\n  // Check if the values are null or undefined\n  if (value == null || other == null)\n    return value === other;\n\n  // Check if the values are of different types\n  if (typeof value !== typeof other)\n    return false;\n\n  // Compare arrays\n  if (Array.isArray(value)) {\n    if (!Array.isArray(other) || value.length !== other.length)\n      return false;\n\n    for (const [i, element] of value.entries()) {\n      if (!isEqual(element, other[i]))\n        return false;\n    }\n    return true;\n  }\n\n  // Compare objects\n  if (typeof value === 'object') {\n    const valueRecord = value as Record<string, unknown>;\n    const otherRecord = other as Record<string, unknown>;\n    const valueKeys = Object.keys(valueRecord);\n    const otherKeys = Object.keys(otherRecord);\n\n    if (valueKeys.length !== otherKeys.length)\n      return false;\n\n    for (const key of valueKeys) {\n      if (!isEqual(valueRecord[key], otherRecord[key]))\n        return false;\n    }\n    return true;\n  }\n\n  // If the values are neither primitives, arrays, nor objects, return false\n  return false;\n}\n"],"names":[],"mappings":"AAAO,SAAS,QAAQ,OAAgB,OAAyB;AAE/D,MAAI,UAAU;AACZ,WAAO;AAGT,MAAI,SAAS,QAAQ,SAAS;AAC5B,WAAO,UAAU;AAGnB,MAAI,OAAO,UAAU,OAAO;AAC1B,WAAO;AAGT,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,QAAI,CAAC,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW,MAAM;AAClD,aAAO;AAET,eAAW,CAAC,GAAG,OAAO,KAAK,MAAM,WAAW;AAC1C,UAAI,CAAC,QAAQ,SAAS,MAAM,CAAC,CAAC;AAC5B,eAAO;AAAA,IACX;AACA,WAAO;AAAA,EACT;AAGA,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,cAAc;AACpB,UAAM,cAAc;AACpB,UAAM,YAAY,OAAO,KAAK,WAAW;AACzC,UAAM,YAAY,OAAO,KAAK,WAAW;AAEzC,QAAI,UAAU,WAAW,UAAU;AACjC,aAAO;AAET,eAAW,OAAO,WAAW;AAC3B,UAAI,CAAC,QAAQ,YAAY,GAAG,GAAG,YAAY,GAAG,CAAC;AAC7C,eAAO;AAAA,IACX;AACA,WAAO;AAAA,EACT;AAGA,SAAO;AACT;"}
+{"version":3,"file":"is-equal.js","names":[],"sources":["../../src/utils/is-equal.ts"],"sourcesContent":["export function isEqual(value: unknown, other: unknown): boolean {\n  // Check if the values are identical (covers primitives and functions)\n  if (value === other)\n    return true;\n\n  // Check if the values are null or undefined\n  if (value == null || other == null)\n    return value === other;\n\n  // Check if the values are of different types\n  if (typeof value !== typeof other)\n    return false;\n\n  // Compare arrays\n  if (Array.isArray(value)) {\n    if (!Array.isArray(other) || value.length !== other.length)\n      return false;\n\n    for (const [i, element] of value.entries()) {\n      if (!isEqual(element, other[i]))\n        return false;\n    }\n    return true;\n  }\n\n  // Compare objects\n  if (typeof value === 'object') {\n    const valueRecord = value as Record<string, unknown>;\n    const otherRecord = other as Record<string, unknown>;\n    const valueKeys = Object.keys(valueRecord);\n    const otherKeys = Object.keys(otherRecord);\n\n    if (valueKeys.length !== otherKeys.length)\n      return false;\n\n    for (const key of valueKeys) {\n      if (!isEqual(valueRecord[key], otherRecord[key]))\n        return false;\n    }\n    return true;\n  }\n\n  // If the values are neither primitives, arrays, nor objects, return false\n  return false;\n}\n"],"mappings":";AAAA,SAAgB,QAAQ,OAAgB,OAAyB;AAE/D,KAAI,UAAU,MACZ,QAAO;AAGT,KAAI,SAAS,QAAQ,SAAS,KAC5B,QAAO,UAAU;AAGnB,KAAI,OAAO,UAAU,OAAO,MAC1B,QAAO;AAGT,KAAI,MAAM,QAAQ,MAAM,EAAE;AACxB,MAAI,CAAC,MAAM,QAAQ,MAAM,IAAI,MAAM,WAAW,MAAM,OAClD,QAAO;AAET,OAAK,MAAM,CAAC,GAAG,YAAY,MAAM,SAAS,CACxC,KAAI,CAAC,QAAQ,SAAS,MAAM,GAAG,CAC7B,QAAO;AAEX,SAAO;;AAIT,KAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,cAAc;EACpB,MAAM,cAAc;EACpB,MAAM,YAAY,OAAO,KAAK,YAAY;EAC1C,MAAM,YAAY,OAAO,KAAK,YAAY;AAE1C,MAAI,UAAU,WAAW,UAAU,OACjC,QAAO;AAET,OAAK,MAAM,OAAO,UAChB,KAAI,CAAC,QAAQ,YAAY,MAAM,YAAY,KAAK,CAC9C,QAAO;AAEX,SAAO;;AAIT,QAAO"}

package/dist/utils/tv.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Tailwind Variants wrapper.
+ *
+ * Re-exports `tv` from `tailwind-variants` with project-level configuration.
+ * Uses `createTV()` so we can extend twMerge config for custom theme classes
+ * (e.g., `text-rui-primary`) in the future.
+ *
+ * @see https://www.tailwind-variants.org/docs/introduction
+ */
+import type { VueClassValue } from '../types/class-value';
+export declare const tv: import("tailwind-variants").TV;
+/**
+ * Normalizes a VueClassValue (string | object | array) to a plain string
+ * compatible with tailwind-variants' class parameter.
+ */
+export declare function cn(value: VueClassValue | undefined): string | undefined;

package/dist/utils/tv.js

@@ -0,0 +1,23 @@
+import { normalizeClass } from "vue";
+import { createTV } from "tailwind-variants";
+//#region src/utils/tv.ts
+var isAny = () => true;
+var tv = /* @__PURE__ */ createTV({ twMergeConfig: { classGroups: {
+	"bg-tint": [{ "bg-tint": [isAny] }],
+	"bg-shade": [{ "bg-shade": [isAny] }],
+	"text-tint": [{ "text-tint": [isAny] }],
+	"text-shade": [{ "text-shade": [isAny] }]
+} } });
+/**
+* Normalizes a VueClassValue (string | object | array) to a plain string
+* compatible with tailwind-variants' class parameter.
+*/
+function cn(value) {
+	if (value == null) return void 0;
+	if (typeof value === "string") return value || void 0;
+	return normalizeClass(value) || void 0;
+}
+//#endregion
+export { cn, tv };
+
+//# sourceMappingURL=tv.js.map

package/dist/utils/tv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tv.js","names":[],"sources":["../../src/utils/tv.ts"],"sourcesContent":["/**\n * Tailwind Variants wrapper.\n *\n * Re-exports `tv` from `tailwind-variants` with project-level configuration.\n * Uses `createTV()` so we can extend twMerge config for custom theme classes\n * (e.g., `text-rui-primary`) in the future.\n *\n * @see https://www.tailwind-variants.org/docs/introduction\n */\n\nimport type { VueClassValue } from '@/types/class-value';\nimport { createTV } from 'tailwind-variants';\nimport { normalizeClass } from 'vue';\n\nconst isAny: (v: string) => boolean = () => true;\n\nexport const tv = /* @__PURE__ */ createTV({\n  twMergeConfig: {\n    classGroups: {\n      'bg-tint': [{ 'bg-tint': [isAny] }],\n      'bg-shade': [{ 'bg-shade': [isAny] }],\n      'text-tint': [{ 'text-tint': [isAny] }],\n      'text-shade': [{ 'text-shade': [isAny] }],\n    },\n  },\n});\n\n/**\n * Normalizes a VueClassValue (string | object | array) to a plain string\n * compatible with tailwind-variants' class parameter.\n */\nexport function cn(value: VueClassValue | undefined): string | undefined {\n  if (value == null)\n    return undefined;\n  if (typeof value === 'string')\n    return value || undefined;\n  const result = normalizeClass(value);\n  return result || undefined;\n}\n"],"mappings":";;;AAcA,IAAM,cAAsC;AAE5C,IAAa,KAAqB,yBAAS,EACzC,eAAe,EACb,aAAa;CACX,WAAW,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC;CACnC,YAAY,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,CAAC;CACrC,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,EAAE,CAAC;CACvC,cAAc,CAAC,EAAE,cAAc,CAAC,MAAM,EAAE,CAAC;CAC1C,EACF,EACF,CAAC;;;;;AAMF,SAAgB,GAAG,OAAsD;AACvE,KAAI,SAAS,KACX,QAAO,KAAA;AACT,KAAI,OAAO,UAAU,SACnB,QAAO,SAAS,KAAA;AAElB,QADe,eAAe,MAAM,IACnB,KAAA"}