@stacksjs/components 0.2.4 → 0.2.6

package/dist/utils/accessibility.d.ts

@@ -1,4 +1,4 @@
-export declare function generateId(prefix?: any): string;
+export declare function generateId(prefix?: string): string;
 /**
  * Create accessible label and associate with element
  *
@@ -80,7 +80,7 @@ export declare function getColorSchemePreference(): 'light' | 'dark' | null;
  *
  * Creates a skip link that appears on focus
  */
-export declare function createSkipLink(targetId: string, text?: any): HTMLAnchorElement;
+export declare function createSkipLink(targetId: string, text?: string): HTMLAnchorElement;
 /**
  * Validate ARIA relationships
  *
@@ -106,48 +106,63 @@ export declare const KeyboardKeys: {
 };
 /**
  * ARIA attribute helpers
+ * @defaultValue
+ * ```ts
+ * {
+ *   setExpanded: (element: HTMLElement, expanded: boolean) => unknown,
+ *   setSelected: (element: HTMLElement, selected: boolean) => unknown,
+ *   setChecked: (element: HTMLElement, checked: boolean | 'mixed') => unknown,
+ *   setDisabled: (element: HTMLElement, disabled: boolean) => unknown,
+ *   setHidden: (element: HTMLElement, hidden: boolean) => unknown,
+ *   setPressed: (element: HTMLElement, pressed: boolean) => unknown,
+ *   setInvalid: (element: HTMLElement, invalid: boolean) => unknown,
+ *   setRequired: (element: HTMLElement, required: boolean) => unknown,
+ *   setLive: (element: HTMLElement, live: AriaLive) => unknown,
+ *   setBusy: (element: HTMLElement, busy: boolean) => unknown
+ * }
+ * ```
  */
 export declare const aria: {
   /**
    * Set aria-expanded attribute
    */
-  setExpanded(element: HTMLElement, expanded: boolean): unknown;
+  setExpanded: (element: HTMLElement, expanded: boolean) => unknown;
   /**
    * Set aria-selected attribute
    */
-  setSelected(element: HTMLElement, selected: boolean): unknown;
+  setSelected: (element: HTMLElement, selected: boolean) => unknown;
   /**
    * Set aria-checked attribute
    */
-  setChecked(element: HTMLElement, checked: boolean | 'mixed'): unknown;
+  setChecked: (element: HTMLElement, checked: boolean | 'mixed') => unknown;
   /**
    * Set aria-disabled attribute
    */
-  setDisabled(element: HTMLElement, disabled: boolean): unknown;
+  setDisabled: (element: HTMLElement, disabled: boolean) => unknown;
   /**
    * Set aria-hidden attribute
    */
-  setHidden(element: HTMLElement, hidden: boolean): unknown;
+  setHidden: (element: HTMLElement, hidden: boolean) => unknown;
   /**
    * Set aria-pressed attribute (for toggle buttons)
    */
-  setPressed(element: HTMLElement, pressed: boolean): unknown;
+  setPressed: (element: HTMLElement, pressed: boolean) => unknown;
   /**
    * Set aria-invalid attribute
    */
-  setInvalid(element: HTMLElement, invalid: boolean): unknown;
+  setInvalid: (element: HTMLElement, invalid: boolean) => unknown;
   /**
    * Set aria-required attribute
    */
-  setRequired(element: HTMLElement, required: boolean): unknown;
+  setRequired: (element: HTMLElement, required: boolean) => unknown;
   /**
    * Set aria-live region
    */
-  setLive(element: HTMLElement, live: AriaLive): unknown;
+  setLive: (element: HTMLElement, live: AriaLive) => unknown;
   /**
    * Set aria-busy attribute
    */
-  setBusy(element: HTMLElement, busy: boolean): unknown
+  setBusy: (element: HTMLElement, busy: boolean) => unknown
 };
 /**
  * Focus trap options
@@ -157,7 +172,7 @@ export declare interface FocusTrapOptions {
   returnFocus?: HTMLElement | null
   escapeDeactivates?: boolean
   clickOutsideDeactivates?: boolean
-  allowOutsideClick?: boolean | ((event: MouseEvent) => boolean)
+  allowOutsideClick?: boolean | ((_event: MouseEvent) => boolean)
   onActivate?: () => void
   onDeactivate?: () => void
 }
@@ -210,7 +225,7 @@ export declare interface RovingTabindexOptions {
 /**
  * ARIA live region types
  */
-export type AriaLive = 'off' | 'polite' | 'assertive'
+export type AriaLive = 'off' | 'polite' | 'assertive';
 /**
  * ARIA role types
  */
@@ -282,4 +297,4 @@ export type AriaRole = | 'alert'
   | 'tooltip'
   | 'tree'
   | 'treegrid'
-  | 'treeitem'
+  | 'treeitem';

package/dist/utils/animation/easing.d.ts

@@ -14,81 +14,6 @@ export declare const easeOutQuad: EasingFunction;
  * Quadratic ease-in-out - acceleration until halfway, then deceleration
  */
 export declare const easeInOutQuad: EasingFunction;
-// Cubic
-export declare const easeInCubic: EasingFunction;
-export declare const easeOutCubic: EasingFunction;
-export declare const easeInOutCubic: EasingFunction;
-// Quartic
-export declare const easeInQuart: EasingFunction;
-export declare const easeOutQuart: EasingFunction;
-export declare const easeInOutQuart: EasingFunction;
-// Quintic
-export declare const easeInQuint: EasingFunction;
-export declare const easeOutQuint: EasingFunction;
-export declare const easeInOutQuint: EasingFunction;
-// Sinusoidal
-export declare const easeInSine: EasingFunction;
-export declare const easeOutSine: EasingFunction;
-export declare const easeInOutSine: EasingFunction;
-// Exponential
-export declare const easeInExpo: EasingFunction;
-export declare const easeOutExpo: EasingFunction;
-export declare const easeInOutExpo: EasingFunction;
-// Circular
-export declare const easeInCirc: EasingFunction;
-export declare const easeOutCirc: EasingFunction;
-export declare const easeInOutCirc: EasingFunction;
-// Elastic
-export declare const easeInElastic: EasingFunction;
-export declare const easeOutElastic: EasingFunction;
-export declare const easeInOutElastic: EasingFunction;
-// Back
-export declare const easeInBack: EasingFunction;
-export declare const easeOutBack: EasingFunction;
-export declare const easeInOutBack: EasingFunction;
-// Bounce
-export declare const easeOutBounce: EasingFunction;
-export declare const easeInBounce: EasingFunction;
-export declare const easeInOutBounce: EasingFunction;
-/**
- * Object containing all easing functions
- *
- * Available easings: Linear, Quad, Cubic, Quart, Quint, Sine, Expo, Circ, Elastic, Back, Bounce
- * Each with In, Out, InOut variants (except Linear)
- */
-export declare const Easing: {
-  linear: EasingFunction
-  easeInQuad: EasingFunction
-  easeOutQuad: EasingFunction
-  easeInOutQuad: EasingFunction
-  easeInCubic: EasingFunction
-  easeOutCubic: EasingFunction
-  easeInOutCubic: EasingFunction
-  easeInQuart: EasingFunction
-  easeOutQuart: EasingFunction
-  easeInOutQuart: EasingFunction
-  easeInQuint: EasingFunction
-  easeOutQuint: EasingFunction
-  easeInOutQuint: EasingFunction
-  easeInSine: EasingFunction
-  easeOutSine: EasingFunction
-  easeInOutSine: EasingFunction
-  easeInExpo: EasingFunction
-  easeOutExpo: EasingFunction
-  easeInOutExpo: EasingFunction
-  easeInCirc: EasingFunction
-  easeOutCirc: EasingFunction
-  easeInOutCirc: EasingFunction
-  easeInElastic: EasingFunction
-  easeOutElastic: EasingFunction
-  easeInOutElastic: EasingFunction
-  easeInBack: EasingFunction
-  easeOutBack: EasingFunction
-  easeInOutBack: EasingFunction
-  easeInBounce: EasingFunction
-  easeOutBounce: EasingFunction
-  easeInOutBounce: EasingFunction
-};
 /**
  * Easing functions for smooth animations
  *
@@ -109,4 +34,4 @@ export declare const Easing: {
 /**
  * Easing function type signature
  */
-export type EasingFunction = (t: number, b: number, c: number, d: number) => number
+export type EasingFunction = (_t: number, _b: number, _c: number, _d: number) => number;

package/dist/utils/animation/helpers.d.ts

@@ -51,7 +51,7 @@ export declare function sequenceAnimations(element: HTMLElement, animations: Arr
  * @param duration - Duration in milliseconds before removing class
  * @returns Promise that resolves when animation completes
  */
-export declare function animateWithClass(element: HTMLElement, animationClass: string, duration?: any): Promise<void>;
+export declare function animateWithClass(element: HTMLElement, animationClass: string, duration?: number): Promise<void>;
 /**
  * Create custom CSS @keyframes rule dynamically
  *
@@ -71,24 +71,17 @@ export declare function createKeyframes(name: string, frames: Record<string, Rec
  * Predefined CSS animation class names (compatible with Tailwind/headwind)
  */
 export declare const AnimationClasses: {
-  // Fade
   fadeIn: 'animate-fade-in';
   fadeOut: 'animate-fade-out';
-  // Slide
   slideInUp: 'animate-slide-in-up';
   slideInDown: 'animate-slide-in-down';
   slideInLeft: 'animate-slide-in-left';
   slideInRight: 'animate-slide-in-right';
-  // Zoom
   zoomIn: 'animate-zoom-in';
   zoomOut: 'animate-zoom-out';
-  // Bounce
   bounce: 'animate-bounce';
-  // Spin
   spin: 'animate-spin';
-  // Ping
   ping: 'animate-ping';
-  // Pulse
   pulse: 'animate-pulse'
 };
 /**
@@ -116,4 +109,4 @@ export declare interface CSSAnimationOptions {
   direction?: string
   fill?: string
   playState?: string
-}
+}

package/dist/utils/animation/index.d.ts

@@ -1,3 +1,4 @@
+// Animation utilities exports
 export * from './easing';
 export * from './helpers';
-export * from './keyframes';
+export * from './keyframes';

package/dist/utils/animation/keyframes.d.ts

@@ -316,6 +316,7 @@ export declare const KeyframeAnimations: {
  */
 export declare interface Keyframe {
   offset: number
+  [property: string]: any
 }
 /**
  * Animation configuration options
@@ -331,4 +332,4 @@ export declare interface AnimationOptions {
 /**
  * Type for predefined animation names
  */
-export type KeyframeAnimationName = keyof typeof KeyframeAnimations
+export type KeyframeAnimationName = keyof typeof KeyframeAnimations;

package/dist/utils/error-handling.d.ts

@@ -39,23 +39,6 @@ export declare function handleError(error: Error, options?: {
     /** Whether to log the error to console */
     logError?: boolean
   }): void;
-/**
- * Create a wrapped function that catches and handles errors
- *
- * @param fn - Function to wrap
- * @param component - Component name for error context
- * @param eventName - Event name for error context
- * @returns Wrapped function
- *
- * @example
- * ```ts
- * const safeHandler = wrapErrorHandler(
- *   () => { /* ... * / },
- *   'Button',
- *   'onClick'
- * )
- * ```
- */
 /* ... * / },
  *   'Button',
  *   'onClick'
@@ -124,40 +107,53 @@ export declare function createDebugger(component: string): {
 export declare function errorBoundary<T>(component: string, renderFn: () => T, fallback: T): T;
 /**
  * Error types for common scenarios
+ * @defaultValue
+ * ```ts
+ * {
+ *   invalidProp: (component: string, prop: string, received: any, expected: any) => unknown,
+ *   requiredProp: (component: string, prop: string) => unknown,
+ *   invalidType: (component: string, prop: string, received: any, expected: string) => unknown,
+ *   componentNotFound: (componentName: string) => unknown,
+ *   invalidChildren: (component: string, received: any, expected: string) => unknown,
+ *   stateUpdate: (component: string, stateName: string, error: Error) => unknown,
+ *   eventHandler: (component: string, eventName: string, error: Error) => unknown,
+ *   render: (component: string, error: Error) => unknown
+ * }
+ * ```
  */
 export declare const ErrorTypes: {
   /**
    * Invalid prop value error
    */
-  invalidProp(component: string, prop: string, received: any, expected: any): unknown;
+  invalidProp: (component: string, prop: string, received: any, expected: any) => unknown;
   /**
    * Required prop missing error
    */
-  requiredProp(component: string, prop: string): unknown;
+  requiredProp: (component: string, prop: string) => unknown;
   /**
    * Invalid prop type error
    */
-  invalidType(component: string, prop: string, received: any, expected: string): unknown;
+  invalidType: (component: string, prop: string, received: any, expected: string) => unknown;
   /**
    * Component not found error
    */
-  componentNotFound(componentName: string): unknown;
+  componentNotFound: (componentName: string) => unknown;
   /**
    * Invalid children error
    */
-  invalidChildren(component: string, received: any, expected: string): unknown;
+  invalidChildren: (component: string, received: any, expected: string) => unknown;
   /**
    * State update error
    */
-  stateUpdate(component: string, stateName: string, error: Error): unknown;
+  stateUpdate: (component: string, stateName: string, error: Error) => unknown;
   /**
    * Event handler error
    */
-  eventHandler(component: string, eventName: string, error: Error): unknown;
+  eventHandler: (component: string, eventName: string, error: Error) => unknown;
   /**
    * Render error
    */
-  render(component: string, error: Error): unknown
+  render: (component: string, error: Error) => unknown
 };
 /**
  * Error context information
@@ -179,4 +175,4 @@ export declare class ComponentError extends Error {
   constructor(component: string, message: string, context?: ErrorContext);
   static formatMessage(component: string, message: string, context: ErrorContext): string;
   toJSON(): { name: string, message: string, component: string, context: ErrorContext | undefined, stack: string | undefined };
-}
+}

package/dist/utils/highlighter.d.ts

@@ -1,3 +1,4 @@
+import type { Highlighter as TSHighlighter } from 'ts-syntax-highlighter';
 /**
  * Initialize or get the syntax highlighter instance
  */
@@ -24,4 +25,4 @@ export declare interface HighlightResult {
   html: string
   language: string
   theme: string
-}
+}

package/dist/utils/i18n.d.ts

@@ -92,33 +92,6 @@ export declare function isRTL(locale: string): boolean;
  * ```
  */
 export declare function loadLocaleMessages(locale: string, loadFn: () => Promise<Messages>): Promise<Messages>;
-/**
- * Predefined pluralization rules for common languages
- */
-export declare const pluralRules: {
-  Finnish
-  en: unknown;
-  de: unknown;
-  nl: unknown;
-  sv: unknown;
-  Brazilian Portuguese
-  fr: unknown;
-  pt_BR: unknown;
-  Croatian
-  ru: (count) => unknown;
-  // Polish
-  pl: (count) => unknown;
-  Slovak
-  cs: (count) => unknown;
-  // Arabic
-  ar: (count) => unknown;
-  Vietnamese
-  ja: () => unknown;
-  ko: () => unknown;
-  zh: () => unknown;
-  th: () => unknown;
-  vi: () => unknown
-};
 /**
  * Common date/time format presets
  */
@@ -234,12 +207,12 @@ export declare interface I18n {
  * Translation messages structure
  */
 export type MessageValue = string | { [key: string]: MessageValue }
-export type Messages = Record<string, MessageValue>
+export type Messages = Record<string, MessageValue>;
 /**
  * Locale messages
  */
-export type LocaleMessages = Record<string, Messages>
+export type LocaleMessages = Record<string, Messages>;
 /**
  * Pluralization rules
  */
-export type PluralRule = (count: number, locale: string) => number
+export type PluralRule = (_count: number, _locale: string) => number;

package/dist/utils/keep-alive.d.ts

@@ -168,4 +168,4 @@ export declare interface KeepAlive {
   getStats: () => CacheStats
   keys: () => string[]
   size: () => number
-}
+}

package/dist/utils/lazy-loading.d.ts

@@ -54,7 +54,7 @@ export declare function lazyLoad<T = any>(element: Element | null, importFn: ()
  * @param options - Lazy load options
  * @returns Cleanup function
  */
-export declare function lazyLoadAll<T = any>(elements: Element[] | NodeListOf<Element>, importFn: ((element: Element) => Promise<T>) | (() => Promise<T>), options?: LazyLoadOptions): () => void;
+export declare function lazyLoadAll<T = any>(elements: Element[] | NodeListOf<Element>, importFn: ((_element: Element) => Promise<T>) | (() => Promise<T>), options?: LazyLoadOptions): () => void;
 /**
  * Preload a module without executing it
  *
@@ -171,4 +171,4 @@ export declare interface LazyComponent<T = any> {
 /**
  * Lazy load state
  */
-export type LazyLoadState = 'idle' | 'loading' | 'loaded' | 'error'
+export type LazyLoadState = 'idle' | 'loading' | 'loaded' | 'error';

package/dist/utils/prop-validation.d.ts

@@ -43,7 +43,7 @@ export declare function createPropValidator(componentName: string, schema: PropS
  * @param name - Name for error messages
  * @throws Error if validation fails
  */
-export declare function assertProp<T>(value: any, validator: Validator<T>, name?: any): asserts value is T;
+export declare function assertProp<T>(value: any, validator: Validator<T>, name?: string): asserts value is T;
 /**
  * Warn if prop doesn't match validator (non-throwing)
  *
@@ -51,31 +51,11 @@ export declare function assertProp<T>(value: any, validator: Validator<T>, name?
  * @param validator - Validator to use
  * @param name - Name for warning messages
  */
-export declare function warnProp(value: any, validator: Validator, name?: any): void;
+export declare function warnProp(value: any, validator: Validator, name?: string): void;
 /**
  * PropTypes - collection of common validators
  */
-export declare const PropTypes: {
-  string: Validator<string>
-  number: Validator<number>
-  boolean: Validator<boolean>
-  func: Validator<(...args: any[]) => any>
-  object: Validator<object>
-  array: Validator<any[]>
-  any: Validator<any>
-  email: Validator<string>
-  url: Validator<string>
-  oneOf: <T>(validValues: T[]) => Validator<T>
-  oneOfType: (validators: Validator[]) => Validator
-  arrayOf: (validator: Validator) => Validator
-  shape: (shape: Record<string, Validator>) => Validator
-  instanceOf: <T>(expectedClass: new (...args: any[]) => T) => Validator<T>
-  custom: (validatorFn: (value: any, propName: string, componentName: string) => boolean, errorMessage: string | ((value: any, propName: string, componentName: string) => string)) => Validator
-  min: (min: number) => Validator<number>
-  max: (max: number) => Validator<number>
-  range: (min: number, max: number) => Validator<number>
-  pattern: (pattern: RegExp) => Validator<string>
-};
+export declare const max: unknown;
 /**
  * Prop validator function type
  */
@@ -94,13 +74,14 @@ export declare interface ValidationResult {
 /**
  * Prop schema definition
  */
-export type PropSchema = Record<string, Validator>
+export type PropSchema = Record<string, Validator>;
 /**
  * Base validator class
  */
 declare class Validator<T = any> implements PropValidator<T> {
   public validate: (value: any, propName: string, componentName: string) => boolean;
   public message: (value: any, propName: string, componentName: string) => string;
-  public isRequired?: any;
-  constructor(validate: (value: any, propName: string, componentName: string) => boolean, message: (value: any, propName: string, componentName: string) => string, isRequired?: any);
-}
+  public isRequired?: boolean;
+  constructor(validate: (value: any, propName: string, componentName: string) => boolean, message: (value: any, propName: string, componentName: string) => string, isRequired?: boolean);
+  get required(): Validator<T>;
+}

package/dist/utils/theme.d.ts

@@ -231,4 +231,4 @@ export declare interface Theme {
   borderRadius: BorderRadius
   shadows: Shadows
   components?: ComponentOverrides
-}
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stacksjs/components",
   "type": "module",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "description": "A modern component library built with STX, featuring headwind utility classes and TypeScript syntax highlighting.",
   "author": "Chris Breuer <chris@stacksjs.org>",
   "license": "MIT",
@@ -56,14 +56,14 @@
   },
   "dependencies": {
     "@stacksjs/headwind": "^0.1.3",
-    "@stacksjs/stx": "0.2.4",
-    "bun-plugin-stx": "0.2.4",
+    "@stacksjs/stx": "0.2.6",
+    "bun-plugin-stx": "0.2.6",
     "ts-syntax-highlighter": "^0.2.1"
   },
   "devDependencies": {
-    "@types/bun": "^1.3.4",
+    "@types/bun": "^1.3.9",
     "bun-plugin-dtsx": "^0.9.9",
-    "pickier": "^0.1.10",
+    "pickier": "^0.1.19",
     "typescript": "^5.9.3"
   }
 }

package/src/composables/utilities/useLocalStorage.ts

@@ -15,9 +15,9 @@
  * Options for useLocalStorage hook
  */
 export interface UseLocalStorageOptions<T> {
-  /** Custom serializer function (defaults to JSON.stringify) */
+  /** Custom serializer function - defaults to JSON.stringify */
   serializer?: (value: T) => string
-  /** Custom deserializer function (defaults to JSON.parse) */
+  /** Custom deserializer function - defaults to JSON.parse */
   deserializer?: (value: string) => T
   /** Error handler function */
   onError?: (error: Error) => void
@@ -37,7 +37,7 @@ export function useLocalStorage<T>(
   options: UseLocalStorageOptions<T> = {},
 ): {
     value: T
-    setValue: (newValue: T | ((prev: T) => T)) => void
+    setValue: (newValue: T | ((_prev: T) => T)) => void
     removeValue: () => void
   } {
   const {
@@ -68,7 +68,7 @@ export function useLocalStorage<T>(
   function setValue(newValue: T | ((prev: T) => T)) {
     try {
       // Allow value to be a function for same API as useState
-      const valueToStore = typeof newValue === 'function' ? (newValue as (prev: T) => T)(value) : newValue
+      const valueToStore = typeof newValue === 'function' ? (newValue as (_prev: T) => T)(value) : newValue
 
       value = valueToStore
 

package/src/ui/storage/index.ts

@@ -7,7 +7,7 @@ export interface StorageOptions {
   compress?: boolean // Compress large objects
 }
 
-type StorageWatchCallback = (newValue: any, oldValue: any, key: string) => void
+type StorageWatchCallback = (_newValue: any, _oldValue: any, _key: string) => void
 
 export class StorageManager {
   private storage: globalThis.Storage

package/src/utils/accessibility.ts

@@ -112,7 +112,7 @@ export interface FocusTrapOptions {
   /** Click outside deactivates trap */
   clickOutsideDeactivates?: boolean
   /** Allow outside click without deactivating */
-  allowOutsideClick?: boolean | ((event: MouseEvent) => boolean)
+  allowOutsideClick?: boolean | ((_event: MouseEvent) => boolean)
   /** Callback when activated */
   onActivate?: () => void
   /** Callback when deactivated */

package/src/utils/animation/easing.ts

@@ -19,7 +19,7 @@
 /**
  * Easing function type signature
  */
-export type EasingFunction = (t: number, b: number, c: number, d: number) => number
+export type EasingFunction = (_t: number, _b: number, _c: number, _d: number) => number
 
 /**
  * Linear easing - no acceleration

package/src/utils/animation/helpers.ts

@@ -19,7 +19,7 @@
 export interface CSSAnimationOptions {
   /** Animation duration (e.g., '300ms', '1s') */
   duration?: string
-  /** Timing function (e.g., 'ease', 'linear', 'cubic-bezier(...)') */
+  /** Timing function, e.g. 'ease', 'linear', 'cubic-bezier(...)' */
   timing?: string
   /** Delay before animation (e.g., '100ms') */
   delay?: string

package/src/utils/animation/keyframes.ts

@@ -32,7 +32,7 @@ export interface Keyframe {
 export interface AnimationOptions {
   /** Animation duration in milliseconds */
   duration?: number
-  /** Easing function (CSS easing string) */
+  /** Easing function, CSS easing string */
   easing?: string
   /** Delay before animation starts in milliseconds */
   delay?: number

package/src/utils/error-handling.ts

@@ -233,7 +233,7 @@ export const ErrorTypes = {
 /**
  * Global error handler
  */
-let errorHandler: ((error: Error) => void) | null = null
+let errorHandler: ((_error: Error) => void) | null = null
 
 /**
  * Set global error handler

package/src/utils/i18n.ts

@@ -36,7 +36,7 @@ export type LocaleMessages = Record<string, Messages>
 /**
  * Pluralization rules
  */
-export type PluralRule = (count: number, locale: string) => number
+export type PluralRule = (_count: number, _locale: string) => number
 
 /**
  * I18n configuration

package/src/utils/lazy-loading.ts

@@ -311,7 +311,7 @@ export function lazyLoad<T = any>(
  */
 export function lazyLoadAll<T = any>(
   elements: Element[] | NodeListOf<Element>,
-  importFn: ((element: Element) => Promise<T>) | (() => Promise<T>),
+  importFn: ((_element: Element) => Promise<T>) | (() => Promise<T>),
   options: LazyLoadOptions = {},
 ): () => void {
   const cleanupFunctions: Array<() => void> = []