mtrl 0.4.4 → 0.5.0

package/dist/core/compose/features/gestures/pan.d.ts

@@ -1,108 +0,0 @@
-/**
- * @module core/compose/features/gestures
- * @description Adds pan gesture recognition to components
- */
-import { BaseComponent, ElementComponent } from "../../component";
-import { PanEvent, GestureHandler } from "../../../gestures";
-/**
- * Configuration for pan gesture feature
- */
-export interface PanGestureConfig {
-    /**
-     * Whether to prevent default behaviors on touch events
-     * @default true
-     */
-    preventDefault?: boolean;
-    /**
-     * Handler for pan start (first movement)
-     */
-    onPanStart?: GestureHandler;
-    /**
-     * Handler for pan move (continuous updates during pan)
-     */
-    onPan?: GestureHandler;
-    /**
-     * Handler for pan end (touch/mouse release)
-     */
-    onPanEnd?: GestureHandler;
-    /**
-     * Whether to enable pan recognition immediately
-     * @default true
-     */
-    enabled?: boolean;
-    [key: string]: any;
-}
-/**
- * Component with pan gesture recognition capabilities
- */
-export interface PanGestureComponent extends BaseComponent {
-    /**
-     * Add a handler for pan start
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    onPanStart: (handler: (event: PanEvent) => void) => PanGestureComponent;
-    /**
-     * Add a handler for pan move (continuous updates)
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    onPan: (handler: (event: PanEvent) => void) => PanGestureComponent;
-    /**
-     * Add a handler for pan end
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    onPanEnd: (handler: (event: PanEvent) => void) => PanGestureComponent;
-    /**
-     * Remove a pan start handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    offPanStart: (handler: (event: PanEvent) => void) => PanGestureComponent;
-    /**
-     * Remove a pan move handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    offPan: (handler: (event: PanEvent) => void) => PanGestureComponent;
-    /**
-     * Remove a pan end handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    offPanEnd: (handler: (event: PanEvent) => void) => PanGestureComponent;
-    /**
-     * Enable pan recognition
-     * @returns Component for chaining
-     */
-    enablePan: () => PanGestureComponent;
-    /**
-     * Disable pan recognition
-     * @returns Component for chaining
-     */
-    disablePan: () => PanGestureComponent;
-}
-/**
- * Adds pan gesture recognition to a component.
- * This is a lightweight alternative to the full gesture system,
- * focused only on pan detection.
- *
- * @param config - Configuration object containing pan settings
- * @returns Function that enhances a component with pan capabilities
- *
- * @example
- * ```ts
- * // Add pan gesture recognition to a component
- * const component = pipe(
- *   createBase,
- *   withElement(...),
- *   withPanGesture({
- *     onPanStart: (e) => startDrag(e),
- *     onPan: (e) => updateDragPosition(e),
- *     onPanEnd: (e) => endDrag(e)
- *   })
- * )(config);
- * ```
- */
-export declare const withPanGesture: (config?: PanGestureConfig) => <C extends ElementComponent>(component: C) => C & PanGestureComponent;

package/dist/core/compose/features/gestures/pinch.d.ts

@@ -1,111 +0,0 @@
-/**
- * @module core/compose/features/gestures
- * @description Adds pinch gesture recognition to components
- */
-import { BaseComponent, ElementComponent } from "../../component";
-import { PinchEvent, GestureHandler } from "../../../gestures";
-/**
- * Configuration for pinch gesture feature
- */
-export interface PinchGestureConfig {
-    /**
-     * Whether to prevent default behaviors on touch events
-     * @default true
-     */
-    preventDefault?: boolean;
-    /**
-     * Handler for pinch gesture
-     */
-    onPinch?: GestureHandler;
-    /**
-     * Handler for pinch start
-     */
-    onPinchStart?: GestureHandler;
-    /**
-     * Handler for pinch end
-     */
-    onPinchEnd?: GestureHandler;
-    /**
-     * Whether to enable pinch recognition immediately
-     * @default true
-     */
-    enabled?: boolean;
-    [key: string]: any;
-}
-/**
- * Component with pinch gesture recognition capabilities
- */
-export interface PinchGestureComponent extends BaseComponent {
-    /**
-     * Add a pinch event handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    onPinch: (handler: (event: PinchEvent) => void) => PinchGestureComponent;
-    /**
-     * Add a pinch start event handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    onPinchStart: (handler: (event: PinchEvent) => void) => PinchGestureComponent;
-    /**
-     * Add a pinch end event handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    onPinchEnd: (handler: (event: PinchEvent) => void) => PinchGestureComponent;
-    /**
-     * Remove a pinch event handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    offPinch: (handler: (event: PinchEvent) => void) => PinchGestureComponent;
-    /**
-     * Remove a pinch start event handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    offPinchStart: (handler: (event: PinchEvent) => void) => PinchGestureComponent;
-    /**
-     * Remove a pinch end event handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    offPinchEnd: (handler: (event: PinchEvent) => void) => PinchGestureComponent;
-    /**
-     * Enable pinch recognition
-     * @returns Component for chaining
-     */
-    enablePinch: () => PinchGestureComponent;
-    /**
-     * Disable pinch recognition
-     * @returns Component for chaining
-     */
-    disablePinch: () => PinchGestureComponent;
-    /**
-     * Check if pinch gestures are supported on the current device
-     * @returns Whether pinch gestures are supported
-     */
-    isPinchSupported: () => boolean;
-}
-/**
- * Adds pinch gesture recognition to a component.
- * This is a lightweight alternative to the full gesture system,
- * focused only on pinch detection.
- *
- * @param config - Configuration object containing pinch settings
- * @returns Function that enhances a component with pinch capabilities
- *
- * @example
- * ```ts
- * // Add pinch gesture recognition to a component
- * const component = pipe(
- *   createBase,
- *   withElement(...),
- *   withPinchGesture({
- *     onPinch: (e) => updateZoom(e.scale)
- *   })
- * )(config);
- * ```
- */
-export declare const withPinchGesture: (config?: PinchGestureConfig) => <C extends ElementComponent>(component: C) => C & PinchGestureComponent;

package/dist/core/compose/features/gestures/rotate.d.ts

@@ -1,111 +0,0 @@
-/**
- * @module core/compose/features/gestures
- * @description Adds rotate gesture recognition to components
- */
-import { BaseComponent, ElementComponent } from "../../component";
-import { RotateEvent, GestureHandler } from "../../../gestures";
-/**
- * Configuration for rotate gesture feature
- */
-export interface RotateGestureConfig {
-    /**
-     * Whether to prevent default behaviors on touch events
-     * @default true
-     */
-    preventDefault?: boolean;
-    /**
-     * Handler for rotate gesture
-     */
-    onRotate?: GestureHandler;
-    /**
-     * Handler for rotate start
-     */
-    onRotateStart?: GestureHandler;
-    /**
-     * Handler for rotate end
-     */
-    onRotateEnd?: GestureHandler;
-    /**
-     * Whether to enable rotate recognition immediately
-     * @default true
-     */
-    enabled?: boolean;
-    [key: string]: any;
-}
-/**
- * Component with rotate gesture recognition capabilities
- */
-export interface RotateGestureComponent extends BaseComponent {
-    /**
-     * Add a rotate event handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    onRotate: (handler: (event: RotateEvent) => void) => RotateGestureComponent;
-    /**
-     * Add a rotate start event handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    onRotateStart: (handler: (event: RotateEvent) => void) => RotateGestureComponent;
-    /**
-     * Add a rotate end event handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    onRotateEnd: (handler: (event: RotateEvent) => void) => RotateGestureComponent;
-    /**
-     * Remove a rotate event handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    offRotate: (handler: (event: RotateEvent) => void) => RotateGestureComponent;
-    /**
-     * Remove a rotate start event handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    offRotateStart: (handler: (event: RotateEvent) => void) => RotateGestureComponent;
-    /**
-     * Remove a rotate end event handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    offRotateEnd: (handler: (event: RotateEvent) => void) => RotateGestureComponent;
-    /**
-     * Enable rotate recognition
-     * @returns Component for chaining
-     */
-    enableRotate: () => RotateGestureComponent;
-    /**
-     * Disable rotate recognition
-     * @returns Component for chaining
-     */
-    disableRotate: () => RotateGestureComponent;
-    /**
-     * Check if rotate gestures are supported on the current device
-     * @returns Whether rotate gestures are supported
-     */
-    isRotateSupported: () => boolean;
-}
-/**
- * Adds rotate gesture recognition to a component.
- * This is a lightweight alternative to the full gesture system,
- * focused only on rotate detection.
- *
- * @param config - Configuration object containing rotate settings
- * @returns Function that enhances a component with rotate capabilities
- *
- * @example
- * ```ts
- * // Add rotate gesture recognition to a component
- * const component = pipe(
- *   createBase,
- *   withElement(...),
- *   withRotateGesture({
- *     onRotate: (e) => updateRotation(e.rotation)
- *   })
- * )(config);
- * ```
- */
-export declare const withRotateGesture: (config?: RotateGestureConfig) => <C extends ElementComponent>(component: C) => C & RotateGestureComponent;

package/dist/core/compose/features/gestures/swipe.d.ts

@@ -1,149 +0,0 @@
-/**
- * @module core/compose/features/gestures
- * @description Adds swipe gesture recognition to components
- */
-import { BaseComponent, ElementComponent } from "../../component";
-import { SwipeEvent, GestureHandler } from "../../../gestures";
-/**
- * Configuration for swipe gesture feature
- */
-export interface SwipeGestureConfig {
-    /**
-     * Minimum distance (in pixels) to recognize a swipe
-     * @default 30
-     */
-    swipeThreshold?: number;
-    /**
-     * Maximum time (in ms) in which a swipe must be completed
-     * @default 300
-     */
-    swipeTimeThreshold?: number;
-    /**
-     * Whether to prevent default behaviors on touch events
-     * @default true
-     */
-    preventDefault?: boolean;
-    /**
-     * Handler for any swipe direction
-     */
-    onSwipe?: GestureHandler;
-    /**
-     * Handler specifically for left swipes
-     */
-    onSwipeLeft?: GestureHandler;
-    /**
-     * Handler specifically for right swipes
-     */
-    onSwipeRight?: GestureHandler;
-    /**
-     * Handler specifically for up swipes
-     */
-    onSwipeUp?: GestureHandler;
-    /**
-     * Handler specifically for down swipes
-     */
-    onSwipeDown?: GestureHandler;
-    /**
-     * Whether to enable swipe recognition immediately
-     * @default true
-     */
-    enabled?: boolean;
-    [key: string]: any;
-}
-/**
- * Component with swipe gesture recognition capabilities
- */
-export interface SwipeGestureComponent extends BaseComponent {
-    /**
-     * Add a handler for any swipe direction
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    onSwipe: (handler: (event: SwipeEvent) => void) => SwipeGestureComponent;
-    /**
-     * Add a handler specifically for left swipes
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    onSwipeLeft: (handler: (event: SwipeEvent) => void) => SwipeGestureComponent;
-    /**
-     * Add a handler specifically for right swipes
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    onSwipeRight: (handler: (event: SwipeEvent) => void) => SwipeGestureComponent;
-    /**
-     * Add a handler specifically for up swipes
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    onSwipeUp: (handler: (event: SwipeEvent) => void) => SwipeGestureComponent;
-    /**
-     * Add a handler specifically for down swipes
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    onSwipeDown: (handler: (event: SwipeEvent) => void) => SwipeGestureComponent;
-    /**
-     * Remove a swipe event handler for any direction
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    offSwipe: (handler: (event: SwipeEvent) => void) => SwipeGestureComponent;
-    /**
-     * Remove a left swipe event handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    offSwipeLeft: (handler: (event: SwipeEvent) => void) => SwipeGestureComponent;
-    /**
-     * Remove a right swipe event handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    offSwipeRight: (handler: (event: SwipeEvent) => void) => SwipeGestureComponent;
-    /**
-     * Remove an up swipe event handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    offSwipeUp: (handler: (event: SwipeEvent) => void) => SwipeGestureComponent;
-    /**
-     * Remove a down swipe event handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    offSwipeDown: (handler: (event: SwipeEvent) => void) => SwipeGestureComponent;
-    /**
-     * Enable swipe recognition
-     * @returns Component for chaining
-     */
-    enableSwipe: () => SwipeGestureComponent;
-    /**
-     * Disable swipe recognition
-     * @returns Component for chaining
-     */
-    disableSwipe: () => SwipeGestureComponent;
-}
-/**
- * Adds swipe gesture recognition to a component.
- * This is a lightweight alternative to the full gesture system,
- * focused only on swipe detection.
- *
- * @param config - Configuration object containing swipe settings
- * @returns Function that enhances a component with swipe capabilities
- *
- * @example
- * ```ts
- * // Add swipe gesture recognition to a component
- * const component = pipe(
- *   createBase,
- *   withElement(...),
- *   withSwipeGesture({
- *     onSwipeLeft: () => showNextPage(),
- *     onSwipeRight: () => showPreviousPage()
- *   })
- * )(config);
- * ```
- */
-export declare const withSwipeGesture: (config?: SwipeGestureConfig) => <C extends ElementComponent>(component: C) => C & SwipeGestureComponent;

package/dist/core/compose/features/gestures/tap.d.ts

@@ -1,79 +0,0 @@
-/**
- * @module core/compose/features/gestures
- * @description Adds tap gesture recognition to components
- */
-import { BaseComponent, ElementComponent } from "../../component";
-import { TapEvent, GestureHandler } from "../../../gestures";
-/**
- * Configuration for tap gesture feature
- */
-export interface TapGestureConfig {
-    /**
-     * Distance threshold (in pixels) for tap recognition
-     * @default 10
-     */
-    tapDistanceThreshold?: number;
-    /**
-     * Whether to prevent default behaviors on touch events
-     * @default true
-     */
-    preventDefault?: boolean;
-    /**
-     * Handler for tap gesture
-     */
-    onTap?: GestureHandler;
-    /**
-     * Whether to enable tap recognition immediately
-     * @default true
-     */
-    enabled?: boolean;
-    [key: string]: any;
-}
-/**
- * Component with tap gesture recognition capabilities
- */
-export interface TapGestureComponent extends BaseComponent {
-    /**
-     * Add a tap event handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    onTap: (handler: (event: TapEvent) => void) => TapGestureComponent;
-    /**
-     * Remove a tap event handler
-     * @param handler - Event handler function
-     * @returns Component for chaining
-     */
-    offTap: (handler: (event: TapEvent) => void) => TapGestureComponent;
-    /**
-     * Enable tap recognition
-     * @returns Component for chaining
-     */
-    enableTap: () => TapGestureComponent;
-    /**
-     * Disable tap recognition
-     * @returns Component for chaining
-     */
-    disableTap: () => TapGestureComponent;
-}
-/**
- * Adds tap gesture recognition to a component.
- * This is a lightweight alternative to the full gesture system,
- * focused only on tap detection.
- *
- * @param config - Configuration object containing tap settings
- * @returns Function that enhances a component with tap capabilities
- *
- * @example
- * ```ts
- * // Add tap gesture recognition to a component
- * const component = pipe(
- *   createBase,
- *   withElement(...),
- *   withTapGesture({
- *     onTap: (e) => console.log('Tapped at', e.x, e.y)
- *   })
- * )(config);
- * ```
- */
-export declare const withTapGesture: (config?: TapGestureConfig) => <C extends ElementComponent>(component: C) => C & TapGestureComponent;

package/dist/core/compose/features/gestures.d.ts

@@ -1,86 +0,0 @@
-/**
- * @module core/compose/features
- * @description Adds gesture recognition capabilities to components
- */
-import { BaseComponent, ElementComponent } from "../component";
-import { GestureManager, GestureConfig, GestureHandler } from "../../gestures";
-/**
- * Configuration for gestures feature
- */
-export interface GesturesFeatureConfig extends GestureConfig {
-    /**
-     * Whether to enable gesture recognition immediately
-     * @default true
-     */
-    enableGestures?: boolean;
-    /**
-     * Initial gesture event handlers
-     */
-    gestureHandlers?: Record<string, GestureHandler>;
-    [key: string]: any;
-}
-/**
- * Component with gesture recognition capabilities
- */
-export interface GesturesComponent extends BaseComponent {
-    /**
-     * Gesture manager instance
-     */
-    gestures: GestureManager;
-    /**
-     * Add a gesture event handler
-     * @param eventType - Type of gesture event
-     * @param handler - Event handler function
-     * @returns GesturesComponent for chaining
-     */
-    onGesture: (eventType: string, handler: GestureHandler) => GesturesComponent;
-    /**
-     * Remove a gesture event handler
-     * @param eventType - Type of gesture event
-     * @param handler - Event handler function
-     * @returns GesturesComponent for chaining
-     */
-    offGesture: (eventType: string, handler: GestureHandler) => GesturesComponent;
-    /**
-     * Check if a gesture type is supported on the current device
-     * @param gestureType - Type of gesture to check
-     * @returns Whether the gesture is supported
-     */
-    isGestureSupported: (gestureType: string) => boolean;
-    /**
-     * Enable gesture recognition
-     * @returns GesturesComponent for chaining
-     */
-    enableGestures: () => GesturesComponent;
-    /**
-     * Disable gesture recognition
-     * @returns GesturesComponent for chaining
-     */
-    disableGestures: () => GesturesComponent;
-}
-/**
- * Adds gesture recognition capabilities to a component.
- * This is a comprehensive gesture feature that adds support for all gesture types.
- * For more lightweight, specific gestures, use the individual gesture features.
- *
- * @param config - Configuration object containing gesture settings
- * @returns Function that enhances a component with gesture capabilities
- *
- * @example
- * ```ts
- * // Add gesture recognition to a component
- * const component = pipe(
- *   createBase,
- *   withElement(...),
- *   withGestures({
- *     swipeThreshold: 50,
- *     gestureHandlers: {
- *       'tap': (e) => handleTap(e),
- *       'swipeleft': (e) => navigateForward(e),
- *       'swiperight': (e) => navigateBack(e)
- *     }
- *   })
- * )(config);
- * ```
- */
-export declare const withGestures: (config?: GesturesFeatureConfig) => <C extends ElementComponent>(component: C) => C & GesturesComponent;

package/dist/core/composition/features/dom.d.ts

@@ -1,19 +0,0 @@
-/**
- * Creates DOM elements from component schema using the core createLayout utility
- * This is a key feature that bridges the gap between declarative schema and actual DOM
- *
- * @returns Component enhancer that creates DOM structure from schema
- *
- * @example
- * ```ts
- * // Materialize component schema into DOM
- * const component = pipe(
- *   createBase,
- *   withLayout(config),
- *   withIcon(config),
- *   withLabel(config),
- *   withDom()
- * )(config);
- * ```
- */
-export declare const withDom: () => (component: any) => any;