usemods-nuxt 0.0.21 → 0.0.22

package/dist/module.json

@@ -1,7 +1,7 @@
 {
-  "name": "usemods",
+  "name": "usemods-nuxt",
   "configKey": "usemods",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "builder": {
     "@nuxt/module-builder": "0.6.0",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { defineNuxtModule, createResolver, addImportsDir, addPlugin } from '@nux
 
 const module = defineNuxtModule({
   meta: {
-    name: "usemods",
+    name: "usemods-nuxt",
     configKey: "usemods"
   },
   // Default configuration options of the Nuxt module

package/dist/runtime/utils/actions.d.ts

@@ -5,7 +5,7 @@ export declare function scrollToAnchor(id: string): Promise<void>;
 /**
  * Toggles the body scroll with specified class names and returns a promise
  */
-export declare function toggleBodyScroll(className?: string): Promise<void>;
+export declare function toggleBodyScroll(className?: string, action?: 'add' | 'remove' | 'toggle'): Promise<void>;
 /**
  * Toggles the element scroll with specified class names and returns a promise
  */

package/dist/runtime/utils/actions.mjs

@@ -15,14 +15,14 @@ export function scrollToAnchor(id) {
     }, 180);
   });
 }
-export function toggleBodyScroll(className = "fixed") {
+export function toggleBodyScroll(className = "fixed", action = "toggle") {
   return new Promise((resolve, reject) => {
     try {
       const body = document.body;
       const isFixed = body.classList.contains(className);
       const scrollY = isFixed ? parseInt(body.style.top, 10) : window.scrollY;
       body.style.top = isFixed ? "" : `-${scrollY}px`;
-      body.classList.toggle(className, !isFixed);
+      body.classList[action](className);
       if (isFixed)
         window.scrollTo(0, -scrollY);
       resolve();
@@ -32,7 +32,7 @@ export function toggleBodyScroll(className = "fixed") {
   });
 }
 export function toggleElementScroll(element) {
-  return new Promise((resolve, reject) => {
+  return new Promise((resolve) => {
     if (element.dataset.isScrollLocked === "true") {
       element.style.overflow = "";
       delete element.dataset.isScrollLocked;

package/dist/runtime/utils/animations.mjs

@@ -6,10 +6,10 @@ export function animateText(text, options = {}) {
   const elements = text.split(delimiter);
   const result = elements.map((element, index) => {
     const delay = `${index * time}${unit}`;
-    const spanStyle = `display: inline-block; position: relative;`;
+    const spanStyle = "display: inline-block; position: relative;";
     const translateStyle = `position: absolute; top: 0; left: 0; animation-delay: ${delay};`;
     if (element === " " && splitBy === "character") {
-      return `<span class="space" style="white-space: pre;"> </span>`;
+      return '<span class="space" style="white-space: pre;"> </span>';
     } else {
       return `<span class="relative overflow-clip" style="${spanStyle}">
                 <span class="ghost" style="visibility: hidden;">${element}</span>

package/dist/runtime/utils/data.d.ts

@@ -1,27 +1,23 @@
-/**
- * Shuffles your data in a random order.
- */
-export declare function dataShuffle(items: object | any[]): any;
-/**
- * Reverse an array.
- */
-export declare function dataReverse(items: object | any[]): any;
 /**
  * Sort an array or object by a property.
  */
-export declare function dataSortBy(items: object | any[], options?: {
+export declare function dataSortBy(items: object | string[] | number[], options?: {
     property?: string;
     order?: 'asc' | 'desc';
-}): any;
+}): object | string[] | number[];
+/**
+ * Reverse an array.
+ */
+export declare function dataReverse(items: object | string[] | number[]): object | string[] | number[];
 /**
  * Returns single unique values within an array or object
  */
-export declare function dataRemoveDuplicates(...arrays: any[][]): any[];
+export declare function dataRemoveDuplicates<T extends string | number>(...arrays: T[][]): T[];
 /**
  * Flatten an array of arrays or an object of objects into a single array or object. That was hard to say.
  */
-export declare function dataFlatten(items: object | any[]): object | any[];
+export declare function dataFlatten(items: object | string[] | number[]): object | string[] | number[];
 /**
  * Returns an array without a property or properties.
  */
-export declare function dataWithout(items: object | any[], properties: any | any[]): any;
+export declare function dataWithout(items: object | string[] | number[], properties: string | number | string[] | number[]): object | string[] | number[];

package/dist/runtime/utils/data.mjs

@@ -1,43 +1,4 @@
-import { isObject, isArray } from "./validators.mjs";
-export function dataShuffle(items) {
-  if (!items || !(isObject(items) || isArray(items))) {
-    console.warn("[MODS] Warning: dataShuffle() expects an object or array as the first argument.");
-    return items;
-  }
-  const shuffleArray = (array) => {
-    let shuffled = false;
-    while (!shuffled) {
-      for (let i = array.length - 1; i > 0; i--) {
-        const j = Math.floor(Math.random() * (i + 1));
-        [array[i], array[j]] = [array[j], array[i]];
-      }
-      shuffled = !array.every((element, index) => {
-        if (Array.isArray(items))
-          return element === items[index];
-        return false;
-      });
-    }
-    return array;
-  };
-  if (isObject(items)) {
-    const entries = Object.entries(items);
-    return Object.fromEntries(shuffleArray(entries));
-  } else {
-    return shuffleArray([...items]);
-  }
-}
-export function dataReverse(items) {
-  if (!items || !(isObject(items) || isArray(items))) {
-    console.warn("[MODS] Warning: dataReverse() expects an object or array as the first argument.");
-    return items;
-  }
-  if (isObject(items)) {
-    const entries = Object.entries(items);
-    return Object.fromEntries(entries.reverse());
-  } else {
-    return items.reverse();
-  }
-}
+import { isObject } from "./validators.mjs";
 export function dataSortBy(items, options) {
   const comparator = (a, b) => {
     const property = options?.property;
@@ -57,6 +18,18 @@ export function dataSortBy(items, options) {
     return items.sort(comparator);
   }
 }
+export function dataReverse(items) {
+  if (!items) {
+    console.warn("[MODS] Warning: dataReverse() expects an object or array as the first argument.");
+    return items;
+  }
+  if (isObject(items)) {
+    const entries = Object.entries(items);
+    return Object.fromEntries(entries.reverse());
+  } else {
+    return items.reverse();
+  }
+}
 export function dataRemoveDuplicates(...arrays) {
   const mergedArray = arrays.flat();
   return mergedArray.filter((item, index) => mergedArray.indexOf(item) === index);

package/dist/runtime/utils/detections.d.ts

@@ -64,10 +64,6 @@ export declare function detectDeviceOrientation(): string;
  * Detect the current breakpoint based on Tailwind CSS breakpoints
  */
 export declare function detectBreakpoint(): string;
-/**
- * Detect any container breakpoint based on Tailwind CSS breakpoints
- */
-export declare function detectContainerBreakpoint(element: HTMLElement): string;
 /**
  * Detect the current network status of the user (Online or Offline)
  */
@@ -108,3 +104,6 @@ export declare function detectPort(): string;
 /**
  * Detects if the element is currently in the container via ID
  */
+/**
+ * Detect any container breakpoint based on Tailwind CSS breakpoints
+ */

package/dist/runtime/utils/detections.mjs

@@ -74,32 +74,6 @@ export function detectBreakpoint() {
     return "xl";
   return "2xl";
 }
-export function detectContainerBreakpoint(element) {
-  const width = element.getBoundingClientRect().width;
-  if (width < 320)
-    return "@xs";
-  if (width < 384)
-    return "@sm";
-  if (width < 448)
-    return "@md";
-  if (width < 512)
-    return "@lg";
-  if (width < 576)
-    return "@xl";
-  if (width < 672)
-    return "@2xl";
-  if (width < 768)
-    return "@3xl";
-  if (width < 896)
-    return "@4xl";
-  if (width < 1024)
-    return "@5xl";
-  if (width < 1152)
-    return "@6xl";
-  if (width < 1280)
-    return "@7xl";
-  return "@7xl";
-}
 export function detectNetworkStatus() {
   return navigator.onLine ? "Online" : "Offline";
 }

package/dist/runtime/utils/formatters.d.ts

@@ -52,16 +52,14 @@ export declare function formatInitials(text: string, options?: {
  */
 export declare function formatUnixTime(timestamp: number): string;
 /**
- * Create a string of comma-separated values from an array, object or string with an optional limit and conjunction
+ * Create a string of comma-separated values from an array, object, or string with an optional limit and conjunction
  */
-export declare function formatList(items: string | object | any[], options?: {
+export declare function formatList(items: string | object | string[], options?: {
     limit?: number;
     conjunction?: string;
 }): string;
 /**
  * Converts a string to title case following the Chicago Manual of Style rules.
- * @reference https://www.chicagomanualofstyle.org/book/ed17/frontmatter/toc.html
-
  */
 export declare function formatTitle(text: string): string;
 /**

package/dist/runtime/utils/formatters.mjs

@@ -39,7 +39,7 @@ const currencySymbols = /* @__PURE__ */ new Map([
 ]);
 export function formatNumber(number, options) {
   const safeDecimals = Math.max(0, Math.min(options?.decimals ?? 2, 20));
-  let config = {
+  const config = {
     style: "decimal",
     minimumFractionDigits: safeDecimals === 0 ? 0 : safeDecimals === 1 ? 1 : 2,
     maximumFractionDigits: safeDecimals
@@ -48,7 +48,7 @@ export function formatNumber(number, options) {
 }
 export function formatCurrency(number, options) {
   const safeDecimals = Math.max(0, Math.min(options?.decimals ?? 2, 20));
-  let config = {
+  const config = {
     style: "currency",
     currencyDisplay: "narrowSymbol",
     minimumFractionDigits: safeDecimals === 0 ? 0 : safeDecimals === 1 ? 1 : 2,
@@ -59,7 +59,7 @@ export function formatCurrency(number, options) {
 }
 export function formatValuation(number, options) {
   const safeDecimals = Math.max(0, Math.min(options?.decimals ?? 2, 20));
-  let config = {
+  const config = {
     style: "currency",
     currencyDisplay: "narrowSymbol",
     notation: "compact",
@@ -72,7 +72,7 @@ export function formatValuation(number, options) {
 }
 export function formatPercentage(value, options) {
   const safeDecimals = Math.max(0, Math.min(options?.decimals ?? 2, 20));
-  let config = {
+  const config = {
     style: "percent",
     minimumFractionDigits: safeDecimals === 0 ? 0 : safeDecimals === 1 ? 1 : 2,
     maximumFractionDigits: safeDecimals

package/dist/runtime/utils/goodies.mjs

@@ -1,8 +1,8 @@
 import { formatDurationLabels } from "./formatters.mjs";
 export function splitByWords(text) {
-  const sentences = text.split(/([\.\?\!])\s*/);
+  const sentences = text.split(/([.?!]\s*)/);
   let wordIndex = 0;
-  let combinedSentences = [];
+  const combinedSentences = [];
   for (let i = 0; i < sentences.length; i += 2) {
     const sentence = sentences[i] + (sentences[i + 1] || "");
     if (sentence.trim() === "")

package/dist/runtime/utils/modifiers.mjs

@@ -148,13 +148,13 @@ export function stripNumbers(text) {
   return text.replace(/[0-9]/g, "");
 }
 export function stripPunctuation(text) {
-  return text.replace(/[.,\/#!$%\^&\*;:{}=\-_`~()]/g, "");
+  return text.replace(/[.,/#!$%^&*;:{}=\-_`~()]/g, "");
 }
 export function stripSymbols(text) {
   return text.replace(/[^\w\s]|_/g, "");
 }
 export function stripEmojis(text) {
-  return text.replace(/[\p{Emoji_Presentation}\p{Emoji}\uFE0F\u200D\u20E3]/gu, "");
+  return text.replace(/[\u{1F600}-\u{1F64F}]/gu, "").replace(/[\u{1F300}-\u{1F5FF}]/gu, "").replace(/[\u{1F680}-\u{1F6FF}]/gu, "").replace(/[\u{1F700}-\u{1F77F}]/gu, "").replace(/[\u{1F780}-\u{1F7FF}]/gu, "").replace(/[\u{1F800}-\u{1F8FF}]/gu, "").replace(/[\u{1F900}-\u{1F9FF}]/gu, "").replace(/[\u{1FA00}-\u{1FA6F}]/gu, "").replace(/[\u{1FA70}-\u{1FAFF}]/gu, "").replace(/[\u{2600}-\u{26FF}]/gu, "").replace(/[\u{2700}-\u{27BF}]/gu, "");
 }
 export function slugify(text) {
   return text.toLowerCase().replace(/[^\w ]+/g, "").replace(/ +/g, "-");
@@ -181,7 +181,7 @@ export function kebabCase(text) {
   }).replace(/\s+/g, "");
 }
 export function titleCase(text) {
-  return text.replace(/(?:^\w|[A-Z]|\b\w)/g, (word, index) => {
+  return text.replace(/(?:^\w|[A-Z]|\b\w)/g, (word) => {
     return word.toUpperCase();
   }).replace(/\s+/g, " ");
 }

package/dist/runtime/utils/validators.d.ts

@@ -1,67 +1,68 @@
 /**
  * Check if any given value is a valid email address.
  */
-export declare function isEmail(value: any): boolean;
+export declare function isEmail(value: string): boolean;
 /**
  * Check if any given value is a valid number.
  */
-export declare function isNumber(value: any): boolean;
+export declare function isNumber(value: string | number): boolean;
 /**
  * Check if any given value is a valid URL.
  */
-export declare function isUrl(value: any): boolean;
+export declare function isUrl(value: string): boolean;
+/**
 /**
  * Check if any given string, array or object is empty.
  */
-export declare function isEmpty(value: any): boolean;
+export declare function isEmpty(value: string | string[] | number[] | object | null | undefined): boolean;
 /**
  * Check if any given value is a valid UUID.
  */
-export declare function isUuid(value: any): boolean;
+export declare function isUuid(value: string): boolean;
 /**
  * Check if any given value is a valid JSON string.
  */
-export declare function isJson(value: any): boolean;
+export declare function isJson(value: string): boolean;
 /**
  * Check if any given value is an object.
  */
-export declare function isObject(value: any): boolean;
+export declare function isObject(value: object): boolean;
 /**
  * Check if any given value is an array.
  */
-export declare function isArray(value: any): boolean;
+export declare function isArray(value: string[] | number[]): boolean;
 /**
  * Check if any given value is a valid hexadecimal color code.
  */
-export declare function isHex(value: any): boolean;
+export declare function isHex(value: string): boolean;
 /**
  * Check if any given value contains only alphabetic characters.
  */
-export declare function isAlphabetic(value: any): boolean;
+export declare function isAlphabetic(value: string): boolean;
 /**
  * Check if any given value contains only alphanumeric characters.
  */
-export declare function isAlphanumeric(value: any): boolean;
+export declare function isAlphanumeric(value: string): boolean;
 /**
  * Check if any given value is a boolean value.
  */
-export declare function isBoolean(value: any): boolean;
+export declare function isBoolean(value: boolean): boolean;
 /**
  * Check if any given value is undefined.
  */
-export declare function isUndefined(value: any): boolean;
+export declare function isUndefined(value: undefined): boolean;
 /**
  * Check if any given value is null.
  */
-export declare function isNull(value: any): boolean;
+export declare function isNull(value: null): boolean;
 /**
  * Check if any given value is a valid Date object.
  */
-export declare function isDate(value: any): boolean;
+export declare function isDate(value: Date): boolean;
 /**
  * Check if any given value is a valid time in HH:mm format.
  */
-export declare function isTime(value: any): boolean;
+export declare function isTime(value: string): boolean;
 /**
  * Check if any given value year is a leap year.
  */
@@ -97,11 +98,11 @@ export declare function isPrime(value: number): boolean;
 /**
  * Check if the number is an integer.
  */
-export declare function isInteger(value: any): boolean;
+export declare function isInteger(value: number): boolean;
 /**
  * Check if the number is a float.
  */
-export declare function isFloat(value: any): boolean;
+export declare function isFloat(value: number): boolean;
 /**
  * Check if the number is between the specified range.
  */
@@ -113,23 +114,23 @@ export declare function isDivisibleBy(value: number, divisor: number): boolean;
 /**
  * Check if any given value is a valid credit card number.
  */
-export declare function isCreditCard(value: any): boolean;
+export declare function isCreditCard(value: string): boolean;
 /**
  * Check if any given value is a valid latitude-longitude coordinate in the format lat,lng or lat,lng.
  */
-export declare function isLatLng(value: any): boolean;
+export declare function isLatLng(value: string): boolean;
 /**
  * Check if any given value is a valid latitude coordinate.
  */
-export declare function isLatitude(value: any): boolean;
+export declare function isLatitude(value: string): boolean;
 /**
  * Check if any given value is a valid longitude coordinate.
  */
-export declare function isLongitude(value: any): boolean;
+export declare function isLongitude(value: string): boolean;
 /**
  * Check if any given value is a valid IP address.
  */
-export declare function isIpAddress(value: any): boolean;
+export declare function isIpAddress(value: string): boolean;
 /**
  * Check if any given value is a valid port number.
  */
@@ -137,7 +138,7 @@ export declare function isPort(value: number): boolean;
 /**
  * Check if any given value is a valid MAC address.
  */
-export declare function isMacAddress(value: any): boolean;
+export declare function isMacAddress(value: string): boolean;
 /**
  * Check if you're a passionate iPhone fan.
  */

package/dist/runtime/utils/validators.mjs

@@ -9,7 +9,7 @@ export function isNumber(value) {
   return false;
 }
 export function isUrl(value) {
-  const regex = /^(?:\w+:)?\/\/([^\s\.]+\.\S{2,}|localhost[\:?\d]*(?:[^\:?\d]\S*)?)$/;
+  const regex = /^(?:\w+:)?\/\/([^\s.]+\.\S{2,}|localhost[:?\d]*(?:[^:?\d]\S*)?)$/;
   return regex.test(value);
 }
 export function isEmpty(value) {
@@ -21,7 +21,7 @@ export function isEmpty(value) {
     return value.length === 0;
   if (typeof value === "object")
     return Object.keys(value).length === 0;
-  return true;
+  return false;
 }
 export function isUuid(value) {
   const regex = /^[a-f\d]{8}(-[a-f\d]{4}){4}[a-f\d]{8}$/i;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "usemods-nuxt",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "description": "Zippy little modifiers and utilities for your Nuxt app.",
   "repository": {
     "type": "git",