mtrl 0.8.0 → 0.9.0

package/dist/components/menu/types.d.ts

@@ -1,3 +1,4 @@
+import type { EventCallback } from "../../core/state/emitter.js";
 /**
  * Menu position options
  * Controls where the menu will appear relative to its opener element
@@ -41,7 +42,7 @@ export type MenuPosition = (typeof MENU_POSITION)[keyof typeof MENU_POSITION];
  *
  * @category Components
  */
-export interface MenuItem {
+export interface MenuItem<TData = unknown> {
     /**
      * Unique ID for the menu item
      * Required for accessibility and event handling
@@ -80,12 +81,12 @@ export interface MenuItem {
      * Optional array of submenu items
      * Only used when hasSubmenu is true
      */
-    submenu?: MenuItem[];
+    submenu?: MenuItem<TData>[];
     /**
      * Additional data to associate with the menu item
      * This can be used for custom behavior in click handlers
      */
-    data?: any;
+    data?: TData;
 }
 /**
  * Menu item type for dividers
@@ -129,7 +130,7 @@ export interface MenuGap {
  *
  * @category Components
  */
-export type MenuContent = MenuItem | MenuDivider | MenuGap;
+export type MenuContent<TData = unknown> = MenuItem<TData> | MenuDivider | MenuGap;
 /**
  * Configuration interface for the Menu component
  *
@@ -290,13 +291,13 @@ export interface MenuEvent {
  *
  * @category Components
  */
-export interface MenuSelectEvent extends MenuEvent {
+export interface MenuSelectEvent<TData = unknown> extends MenuEvent {
     /** The selected menu item */
-    item: MenuItem;
+    item: MenuItem<TData>;
     /** ID of the selected menu item */
     itemId: string;
     /** Data associated with the menu item (if any) */
-    itemData?: any;
+    itemData?: TData;
 }
 /**
  * Menu component interface
@@ -380,14 +381,29 @@ export interface MenuComponent {
      * @param handler - Event handler function
      * @returns The menu component for chaining
      */
-    on: <T extends keyof MenuEvents>(event: T, handler: MenuEvents[T]) => MenuComponent;
+    on<T extends keyof MenuEvents>(event: T, handler: MenuEvents[T]): MenuComponent;
+    /**
+     * Adds an event listener for any event the menu emits, such as
+     * 'submenu-opened', 'submenu-closed', 'all-submenus-closed' or 'menu-closing'
+     * @param event - Event name
+     * @param handler - Event handler function
+     * @returns The menu component for chaining
+     */
+    on(event: string, handler: EventCallback): MenuComponent;
     /**
      * Removes an event listener from the menu
      * @param event - Event name
      * @param handler - Event handler function
      * @returns The menu component for chaining
      */
-    off: <T extends keyof MenuEvents>(event: T, handler: MenuEvents[T]) => MenuComponent;
+    off<T extends keyof MenuEvents>(event: T, handler: MenuEvents[T]): MenuComponent;
+    /**
+     * Removes an event listener for any event the menu emits
+     * @param event - Event name
+     * @param handler - Event handler function
+     * @returns The menu component for chaining
+     */
+    off(event: string, handler: EventCallback): MenuComponent;
     /**
      * Destroys the menu component and cleans up resources
      */

package/dist/components/navigation/config.d.ts

@@ -17,7 +17,7 @@ export declare const createBaseConfig: (config?: NavigationConfig) => Navigation
 export declare const getElementConfig: (config: NavigationConfig) => {
     tag: string;
     componentName: string;
-    attributes: Record<string, any>;
+    attributes: Record<string, unknown>;
     className: string[];
     rawClass: string | string[];
     id: string;
@@ -33,7 +33,7 @@ export declare const getElementConfig: (config: NavigationConfig) => {
     ariaHidden: boolean;
     html: string;
     text: string;
-    forwardEvents: Record<string, boolean | ((component: any, event: Event) => boolean)>;
+    forwardEvents: Record<string, import("../../core/dom/create.js").EventCondition>;
     interactive: boolean;
 };
 /**

package/dist/components/navigation/features/controller.d.ts

@@ -9,8 +9,6 @@ interface ControllerConfig {
     debug?: boolean;
     /** Component name */
     componentName?: string;
-    /** Additional configuration options */
-    [key: string]: any;
 }
 /**
  * Enhanced component with controller capabilities
@@ -26,5 +24,5 @@ interface ControllerComponent extends BaseComponent {
  * @param {ControllerConfig} config - Controller configuration
  * @returns {Function} Component enhancer function
  */
-export declare const withController: (config: ControllerConfig) => (component: BaseComponent) => ControllerComponent;
+export declare const withController: (config: ControllerConfig) => <C extends BaseComponent>(component: C) => C & ControllerComponent;
 export default withController;

package/dist/components/navigation/features/items.d.ts

@@ -22,12 +22,11 @@ interface NavigationConfig {
     prefix?: string;
     items?: NavItemConfig[];
     debug?: boolean;
-    [key: string]: any;
 }
 /**
  * Adds navigation items management to a component
  * @param {NavigationConfig} config - Navigation configuration
  * @returns {Function} Component enhancer function
  */
-export declare const withNavItems: (config: NavigationConfig) => (component: BaseComponent) => ItemsComponent;
+export declare const withNavItems: (config: NavigationConfig) => <C extends BaseComponent>(component: C) => C & ItemsComponent;
 export {};

package/dist/components/navigation/system/core.d.ts

@@ -1,4 +1,4 @@
-import { NavigationSystemState } from "./types.js";
+import { NavigationSystem, NavigationSystemComponent, NavigationSystemMobileConfig, NavigationSystemResolvedConfig, NavigationSystemState } from "./types.js";
 /**
  * Update drawer content for a specific section WITHOUT changing visibility
  *
@@ -15,7 +15,7 @@ export declare const updateDrawerContent: (state: NavigationSystemState, section
  * @param config - System configuration
  * @returns Rail navigation component
  */
-export declare const createRailNavigation: (state: NavigationSystemState, config: any) => any;
+export declare const createRailNavigation: (state: NavigationSystemState, config: NavigationSystemResolvedConfig) => NavigationSystemComponent;
 /**
  * Creates the drawer navigation component
  *
@@ -23,21 +23,21 @@ export declare const createRailNavigation: (state: NavigationSystemState, config
  * @param config - System configuration
  * @returns Drawer navigation component
  */
-export declare const createDrawerNavigation: (state: NavigationSystemState, config: any) => any;
+export declare const createDrawerNavigation: (state: NavigationSystemState, config: NavigationSystemResolvedConfig) => NavigationSystemComponent;
 /**
  * Shows the drawer with mobile-specific behaviors
  *
  * @param state - System state
  * @param mobileConfig - Mobile configuration
  */
-export declare const showDrawer: (state: NavigationSystemState, mobileConfig: any) => void;
+export declare const showDrawer: (state: NavigationSystemState, mobileConfig: NavigationSystemMobileConfig) => void;
 /**
  * Hides the drawer with mobile-specific behaviors
  *
  * @param state - System state
  * @param mobileConfig - Mobile configuration
  */
-export declare const hideDrawer: (state: NavigationSystemState, mobileConfig: any) => void;
+export declare const hideDrawer: (state: NavigationSystemState, mobileConfig: NavigationSystemMobileConfig) => void;
 /**
  * Checks if drawer is visible
  *
@@ -54,7 +54,7 @@ export declare const isDrawerVisible: (state: NavigationSystemState) => boolean;
  * @param teardownMobileMode - Function to tear down mobile mode
  * @param systemApi - Reference to the public system API
  */
-export declare const checkMobileState: (state: NavigationSystemState, mobileConfig: any, setupMobileMode: () => void, teardownMobileMode: () => void, systemApi: any) => void;
+export declare const checkMobileState: (state: NavigationSystemState, mobileConfig: NavigationSystemMobileConfig, setupMobileMode: () => void, teardownMobileMode: () => void, systemApi: NavigationSystem) => void;
 /**
  * Clean up resources when the system is destroyed
  *

package/dist/components/navigation/system/events.d.ts

@@ -1,4 +1,4 @@
-import { NavigationSystemState } from "./types.js";
+import { NavigationSystem, NavigationSystemResolvedConfig, NavigationSystemState } from "./types.js";
 /**
  * Registers rail navigation event handlers
  *
@@ -9,7 +9,7 @@ import { NavigationSystemState } from "./types.js";
  * @param hideDrawer - Function to hide the drawer
  * @param systemApi - Reference to the public system API
  */
-export declare const registerRailEvents: (state: NavigationSystemState, config: any, updateDrawerContent: (sectionId: string) => void, showDrawer: () => void, hideDrawer: () => void, systemApi: any) => void;
+export declare const registerRailEvents: (state: NavigationSystemState, config: NavigationSystemResolvedConfig, updateDrawerContent: (sectionId: string) => void, showDrawer: () => void, hideDrawer: () => void, systemApi: NavigationSystem) => void;
 /**
  * Registers drawer navigation event handlers
  *
@@ -18,7 +18,7 @@ export declare const registerRailEvents: (state: NavigationSystemState, config:
  * @param hideDrawer - Function to hide the drawer
  * @param systemApi - Reference to the public system API
  */
-export declare const registerDrawerEvents: (state: NavigationSystemState, config: any, hideDrawer: () => void, systemApi: any) => void;
+export declare const registerDrawerEvents: (state: NavigationSystemState, config: NavigationSystemResolvedConfig, hideDrawer: () => void, systemApi: NavigationSystem) => void;
 /**
  * Sets up window resize and orientation change handling
  *

package/dist/components/navigation/system/mobile.d.ts

@@ -1,4 +1,4 @@
-import { NavigationSystemState } from "./types.js";
+import { NavigationSystemMobileConfig, NavigationSystemState } from "./types.js";
 /**
  * Creates and appends overlay element for mobile
  *
@@ -7,7 +7,7 @@ import { NavigationSystemState } from "./types.js";
  * @param hideDrawer - Function to hide the drawer
  * @returns Overlay element
  */
-export declare const createOverlay: (state: NavigationSystemState, mobileConfig: any, hideDrawer: () => void) => HTMLElement;
+export declare const createOverlay: (state: NavigationSystemState, mobileConfig: NavigationSystemMobileConfig, hideDrawer: () => void) => HTMLElement;
 /**
  * Creates and adds close button to the drawer
  *
@@ -16,7 +16,7 @@ export declare const createOverlay: (state: NavigationSystemState, mobileConfig:
  * @param hideDrawer - Function to hide the drawer
  * @returns Close button element
  */
-export declare const createCloseButton: (state: NavigationSystemState, mobileConfig: any, hideDrawer: () => void) => HTMLElement | null;
+export declare const createCloseButton: (state: NavigationSystemState, mobileConfig: NavigationSystemMobileConfig, hideDrawer: () => void) => HTMLElement | null;
 /**
  * Sets up mobile mode features
  *
@@ -25,7 +25,7 @@ export declare const createCloseButton: (state: NavigationSystemState, mobileCon
  * @param hideDrawer - Function to hide the drawer
  * @param isDrawerVisible - Function to check if drawer is visible
  */
-export declare const setupMobileMode: (state: NavigationSystemState, mobileConfig: any, hideDrawer: () => void, isDrawerVisible: () => boolean) => void;
+export declare const setupMobileMode: (state: NavigationSystemState, mobileConfig: NavigationSystemMobileConfig, hideDrawer: () => void, isDrawerVisible: () => boolean) => void;
 /**
  * Sets up outside click handling for mobile
  *
@@ -34,7 +34,7 @@ export declare const setupMobileMode: (state: NavigationSystemState, mobileConfi
  * @param hideDrawer - Function to hide the drawer
  * @param isDrawerVisible - Function to check if drawer is visible
  */
-export declare const setupOutsideClickHandling: (state: NavigationSystemState, mobileConfig: any, hideDrawer: () => void, isDrawerVisible: () => boolean) => void;
+export declare const setupOutsideClickHandling: (state: NavigationSystemState, mobileConfig: NavigationSystemMobileConfig, hideDrawer: () => void, isDrawerVisible: () => boolean) => void;
 /**
  * Sets up touch gestures for mobile
  *
@@ -49,4 +49,4 @@ export declare const setupTouchGestures: (state: NavigationSystemState, hideDraw
  * @param state - System state
  * @param mobileConfig - Mobile configuration
  */
-export declare const teardownMobileMode: (state: NavigationSystemState, mobileConfig: any) => void;
+export declare const teardownMobileMode: (state: NavigationSystemState, mobileConfig: NavigationSystemMobileConfig) => void;

package/dist/components/navigation/system/state.d.ts

@@ -1,4 +1,4 @@
-import { NavigationSystemConfig, NavigationSystemState } from "./types.js";
+import { NavigationSystemConfig, NavigationSystemMobileConfig, NavigationSystemResolvedConfig, NavigationSystemState } from "./types.js";
 /**
  * Create the initial state for the navigation system
  *
@@ -12,11 +12,11 @@ export declare const createInitialState: (options?: NavigationSystemConfig) => N
  * @param options - User-provided configuration
  * @returns Complete configuration with defaults
  */
-export declare const createConfig: (options?: NavigationSystemConfig) => Required<Pick<NavigationSystemConfig, "animateDrawer" | "showLabelsOnRail" | "hideDrawerOnClick" | "expanded" | "hoverDelay" | "closeDelay" | "railOptions" | "drawerOptions">>;
+export declare const createConfig: (options?: NavigationSystemConfig) => NavigationSystemResolvedConfig;
 /**
  * Create mobile configuration with defaults
  *
  * @param options - User-provided configuration
  * @returns Mobile-specific configuration
  */
-export declare const createMobileConfig: (options?: NavigationSystemConfig) => Required<Pick<NavigationSystemConfig, "breakpoint" | "lockBodyScroll" | "hideOnClickOutside" | "enableSwipeGestures" | "optimizeForTouch" | "overlayClass" | "closeButtonClass" | "bodyLockClass">>;
+export declare const createMobileConfig: (options?: NavigationSystemConfig) => NavigationSystemMobileConfig;

package/dist/components/navigation/system/types.d.ts

@@ -1,3 +1,4 @@
+import type { NavChangeEvent, NavigationComponent, NavigationConfig, NavItemConfig } from "../types.js";
 /**
  * Configuration options for the navigation system
  */
@@ -87,12 +88,20 @@ export interface NavigationSystemConfig {
     /**
      * Additional options for the rail component
      */
-    railOptions?: Record<string, any>;
+    railOptions?: NavigationConfig | Record<string, unknown>;
     /**
      * Additional options for the drawer component
      */
-    drawerOptions?: Record<string, any>;
+    drawerOptions?: NavigationConfig | Record<string, unknown>;
 }
+/**
+ * Display and timing configuration resolved with defaults
+ */
+export type NavigationSystemResolvedConfig = Required<Pick<NavigationSystemConfig, 'animateDrawer' | 'showLabelsOnRail' | 'hideDrawerOnClick' | 'expanded' | 'hoverDelay' | 'closeDelay' | 'railOptions' | 'drawerOptions'>>;
+/**
+ * Mobile configuration resolved with defaults
+ */
+export type NavigationSystemMobileConfig = Required<Pick<NavigationSystemConfig, 'breakpoint' | 'lockBodyScroll' | 'hideOnClickOutside' | 'enableSwipeGestures' | 'optimizeForTouch' | 'overlayClass' | 'closeButtonClass' | 'bodyLockClass'>>;
 /**
  * Navigation section configuration
  */
@@ -113,7 +122,7 @@ export interface NavigationSection {
 /**
  * Navigation item configuration
  */
-export interface NavigationItem {
+export interface NavigationItem extends NavItemConfig {
     /**
      * Unique identifier for the item
      */
@@ -130,10 +139,15 @@ export interface NavigationItem {
      * Whether the item is currently active
      */
     active?: boolean;
+}
+/**
+ * Rail or drawer navigation component managed by the system
+ */
+export interface NavigationSystemComponent extends NavigationComponent {
     /**
-     * Additional properties
+     * Sets the active item; the navigation component currently ignores `silent`
      */
-    [key: string]: any;
+    setActive: (id: string, silent?: boolean) => NavigationComponent;
 }
 /**
  * Navigation system state interface
@@ -142,11 +156,11 @@ export interface NavigationSystemState {
     /**
      * Rail navigation component instance
      */
-    rail: any;
+    rail: NavigationSystemComponent | null;
     /**
      * Drawer navigation component instance
      */
-    drawer: any;
+    drawer: NavigationSystemComponent | null;
     /**
      * ID of the active section
      */
@@ -221,6 +235,24 @@ export interface ViewChangeEvent {
      */
     width: number;
 }
+/**
+ * Section change event data
+ */
+export interface SectionChangeEventData {
+    /**
+     * What triggered the section change
+     */
+    source: 'userClick' | 'programmatic';
+}
+/**
+ * Change event emitted by the rail or drawer navigation
+ */
+export interface NavigationSystemChangeEvent extends NavChangeEvent {
+    /**
+     * What triggered the change, such as 'userAction' or 'api'
+     */
+    source?: string;
+}
 /**
  * Navigation system API interface
  */
@@ -243,11 +275,11 @@ export interface NavigationSystem {
     /**
      * Get the rail navigation component
      */
-    getRail(): any;
+    getRail(): NavigationComponent | null;
     /**
      * Get the drawer navigation component
      */
-    getDrawer(): any;
+    getDrawer(): NavigationComponent | null;
     /**
      * Get the active section ID
      */
@@ -293,11 +325,11 @@ export interface NavigationSystem {
     /**
      * Handler for section changes
      */
-    onSectionChange?: (sectionId: string, eventData: any) => void;
+    onSectionChange?: (sectionId: string, eventData: SectionChangeEventData) => void;
     /**
      * Handler for item selection
      */
-    onItemSelect?: (event: any) => void;
+    onItemSelect?: (event: NavigationSystemChangeEvent) => void;
     /**
      * Handler for view changes (mobile/desktop)
      */

package/dist/components/navigation/types.d.ts

@@ -190,17 +190,26 @@ export interface BaseComponent {
     element: HTMLElement;
     prefix?: string;
     items?: Map<string, NavItemData>;
-    emit?: (event: string, data: any) => void;
-    on?: (event: string, handler: Function) => any;
-    off?: (event: string, handler: Function) => any;
+    emit?: (event: string, data: unknown) => void;
+    on?: (event: string, handler: Function) => unknown;
+    off?: (event: string, handler: Function) => unknown;
     lifecycle?: {
         destroy: () => void;
     };
     disabled?: {
-        enable: () => any;
-        disable: () => any;
+        enable: () => unknown;
+        disable: () => unknown;
     };
-    [key: string]: any;
+    variant?: string;
+    componentName?: string;
+    addItem?: (config: NavItemConfig) => unknown;
+    removeItem?: (id: string) => unknown;
+    getItem?: (id: string) => NavItemData | undefined;
+    getAllItems?: () => NavItemData[];
+    getActive?: () => NavItemData | null;
+    getItemPath?: (id: string) => string[];
+    setActive?: (id: string) => unknown;
+    handleItemClick?: (id: string) => void;
 }
 /**
  * API options interface

package/dist/components/progress/api.js

@@ -2,7 +2,6 @@ import { PROGRESS_CLASSES, PROGRESS_EVENTS, PROGRESS_THICKNESS, PROGRESS_SHAPES,
 import { addClass, removeClass } from "../../core/dom/index.js";
 export const withAPI = (options) => (comp) => {
     const { element, getClass, canvas } = comp;
-    const isCircular = element.classList.contains(getClass(PROGRESS_CLASSES.CIRCULAR));
     const emitEvent = (name, detail) => {
         element.dispatchEvent(new CustomEvent(name, { detail }));
     };

package/dist/components/progress/config.d.ts

@@ -21,7 +21,7 @@ export declare const createBaseConfig: (config?: ProgressConfig) => ProgressConf
 export declare const getElementConfig: (config: ProgressConfig) => {
     tag: string;
     componentName: string;
-    attributes: Record<string, any>;
+    attributes: Record<string, unknown>;
     className: string[];
     rawClass: string | string[];
     id: string;
@@ -37,7 +37,7 @@ export declare const getElementConfig: (config: ProgressConfig) => {
     ariaHidden: boolean;
     html: string;
     text: string;
-    forwardEvents: Record<string, boolean | ((component: any, event: Event) => boolean)>;
+    forwardEvents: Record<string, import("../../core/dom/create.js").EventCondition>;
     interactive: boolean;
 };
 /**

package/dist/components/progress/features/canvas.d.ts

@@ -1,4 +1,4 @@
-import { ProgressConfig, ProgressThickness } from "../types.js";
+import { ProgressConfig, ProgressThickness, ProgressShape } from "../types.js";
 export interface CanvasContext {
     canvas: HTMLCanvasElement;
     ctx: CanvasRenderingContext2D;
@@ -18,13 +18,22 @@ interface BaseComponent {
         max?: number;
         buffer?: number;
         indeterminate?: boolean;
-        [key: string]: unknown;
+        shape?: ProgressShape;
     };
-    [key: string]: unknown;
+    ctx?: CanvasRenderingContext2D;
+    setValue?: (value: number, animate?: boolean) => void;
+    setIndeterminate?: (indeterminate: boolean) => void;
+    setThickness?: (thickness: ProgressThickness) => void;
+    setShape?: (shape: ProgressShape) => void;
+    currentShape?: ProgressShape;
+    setSize?: (size: number) => void;
+    getSize?: () => number | undefined;
+    hide?: () => BaseComponent;
+    show?: () => BaseComponent;
+    isVisible?: () => boolean;
 }
 export interface CanvasComponent extends BaseComponent {
     canvas: HTMLCanvasElement;
-    ctx?: CanvasRenderingContext2D;
     draw: () => void;
     resize: () => void;
 }
@@ -46,5 +55,5 @@ export declare const getLinearHeight: (strokeWidth: number, isWavy: boolean) =>
 /**
  * Adds the canvas, the drawing routine and the animation loop
  */
-export declare const withCanvas: (config: ProgressConfig) => (component: BaseComponent) => CanvasComponent;
+export declare const withCanvas: (config: ProgressConfig) => <C extends BaseComponent>(component: C) => C & CanvasComponent;
 export {};

package/dist/components/progress/features/state.d.ts

@@ -32,7 +32,6 @@ interface ComponentWithLifecycle {
     showLabel?: () => unknown;
     setThickness?: (thickness: number | string) => unknown;
     state?: ProgressState;
-    [key: string]: any;
 }
 /**
  * Adds state management for canvas-based progress component
@@ -40,7 +39,7 @@ interface ComponentWithLifecycle {
  * @param config Progress configuration
  * @returns Component enhancer with state management
  */
-export declare const withState: (config: ProgressConfig) => (component: ComponentWithLifecycle) => ComponentWithLifecycle & {
+export declare const withState: (config: ProgressConfig) => <C extends ComponentWithLifecycle>(component: C) => C & {
     state: ProgressState;
 };
 export {};

package/dist/components/progress/types.d.ts

@@ -105,7 +105,7 @@ export interface ProgressConfig {
      * DOM structure schema
      * @internal
      */
-    schema?: any;
+    schema?: object;
     /**
      * Size of the circular progress indicator in dp (only for circular variant)
      * Clamped between 24 and 240

package/dist/components/radios/config.d.ts

@@ -17,7 +17,7 @@ export declare const createBaseConfig: (config: RadiosConfig) => RadiosConfig;
 export declare const getElementConfig: (config: RadiosConfig) => {
     tag: string;
     componentName: string;
-    attributes: Record<string, any>;
+    attributes: Record<string, unknown>;
     className: string[];
     rawClass: string | string[];
     id: string;
@@ -33,7 +33,7 @@ export declare const getElementConfig: (config: RadiosConfig) => {
     ariaHidden: boolean;
     html: string;
     text: string;
-    forwardEvents: Record<string, boolean | ((component: any, event: Event) => boolean)>;
+    forwardEvents: Record<string, import("../../core/dom/create.js").EventCondition>;
     interactive: boolean;
 };
 /**

package/dist/components/search/api.js

@@ -52,19 +52,19 @@ export const withAPI = (options) => (component) => {
             options.value.submit();
             return this;
         },
-        setLeadingIcon(iconHtml) {
+        setLeadingIcon() {
             console.warn("setLeadingIcon: Not yet implemented");
             return this;
         },
-        addTrailingItem(item) {
+        addTrailingItem() {
             console.warn("addTrailingItem: Not yet implemented");
             return this;
         },
-        removeTrailingItem(id) {
+        removeTrailingItem() {
             console.warn("removeTrailingItem: Not yet implemented");
             return this;
         },
-        setTrailingItems(items) {
+        setTrailingItems() {
             console.warn("setTrailingItems: Not yet implemented");
             return this;
         },

package/dist/components/search/config.d.ts

@@ -21,7 +21,7 @@ export declare const createBaseConfig: (config?: SearchConfig) => SearchConfig;
 export declare const getElementConfig: (config: SearchConfig) => {
     tag: string;
     componentName: string;
-    attributes: Record<string, any>;
+    attributes: Record<string, unknown>;
     className: string[];
     rawClass: string | string[];
     id: string;
@@ -37,7 +37,7 @@ export declare const getElementConfig: (config: SearchConfig) => {
     ariaHidden: boolean;
     html: string;
     text: string;
-    forwardEvents: Record<string, boolean | ((component: any, event: Event) => boolean)>;
+    forwardEvents: Record<string, import("../../core/dom/create.js").EventCondition>;
     interactive: boolean;
 };
 /**

package/dist/components/search/features/suggestions.d.ts

@@ -1,9 +1,7 @@
-import { SearchConfig } from "../types.js";
 /**
  * Adds suggestion list features to the search component
  * Handles rendering suggestions and keyboard navigation per MD3 specifications
  *
- * @param config Search configuration
  * @returns Component enhancer with suggestions features
  */
-export declare const withSuggestions: (config: SearchConfig) => (component: any) => any;
+export declare const withSuggestions: () => (component: any) => any;

package/dist/components/search/features/suggestions.js

@@ -1,8 +1,8 @@
 import { SEARCH_CLASSES, SEARCH_KEYS, SEARCH_ICONS } from "../constants.js";
 import { createElement } from "../../../core/dom/create.js";
-export const withSuggestions = (config) => (component) => {
+export const withSuggestions = () => (component) => {
     let highlightedIndex = -1;
-    let currentSuggestions = [];
+    const currentSuggestions = [];
     const getClass = (className) => {
         return component.getClass ? component.getClass(className) : className;
     };
@@ -43,7 +43,7 @@ export const withSuggestions = (config) => (component) => {
             },
         });
         if (suggestion.icon) {
-            const iconElement = createElement({
+            createElement({
                 tag: "span",
                 className: getClass(SEARCH_CLASSES.SUGGESTION_ICON),
                 container: item,
@@ -51,14 +51,14 @@ export const withSuggestions = (config) => (component) => {
             });
         }
         else {
-            const iconElement = createElement({
+            createElement({
                 tag: "span",
                 className: getClass(SEARCH_CLASSES.SUGGESTION_ICON),
                 container: item,
                 html: SEARCH_ICONS.HISTORY,
             });
         }
-        const textElement = createElement({
+        createElement({
             tag: "span",
             className: getClass(SEARCH_CLASSES.SUGGESTION_TEXT),
             container: item,

package/dist/components/search/search.js

@@ -7,7 +7,7 @@ import { createBaseConfig, getElementConfig, getApiConfig } from "./config.js";
 const createSearch = (config = {}) => {
     const baseConfig = createBaseConfig(config);
     try {
-        const component = pipe(createBase, withEvents(), withElement(getElementConfig(baseConfig)), withStructure(baseConfig), withStates(baseConfig), withInput(baseConfig), withSuggestions(baseConfig), withLifecycle())(baseConfig);
+        const component = pipe(createBase, withEvents(), withElement(getElementConfig(baseConfig)), withStructure(baseConfig), withStates(baseConfig), withInput(baseConfig), withSuggestions(), withLifecycle())(baseConfig);
         const apiOptions = getApiConfig(component);
         const search = withAPI(apiOptions)(component);
         if (baseConfig.on && typeof search.on === "function") {