mtrl 0.4.4 → 0.5.0

package/dist/core/layout/config.d.ts

@@ -1,32 +0,0 @@
-/**
- * @module core/layout
- * @description Layout configuration utilities
- */
-/**
- * Helper function to clean up previous layout classes from an element
- *
- * @param element - Element to clean layout classes from
- */
-export declare function cleanupLayoutClasses(element: HTMLElement): void;
-/**
- * Helper function to get the layout type from element classes
- *
- * @param element - Element to check
- * @returns Layout type if found, empty string otherwise
- */
-export declare function getLayoutType(element: HTMLElement): string;
-/**
- * Applies layout classes based on the layout configuration
- *
- * @param element - Element to apply layout classes to
- * @param layoutConfig - Layout configuration
- * @param cleanupFirst - Whether to clean up previous layout classes first
- */
-export declare function applyLayoutClasses(element: HTMLElement, layoutConfig: any, cleanupFirst?: boolean): void;
-/**
- * Applies layout item classes based on the configuration
- *
- * @param element - Element to apply layout item classes to
- * @param itemConfig - Layout item configuration
- */
-export declare function applyLayoutItemClasses(element: HTMLElement, itemConfig: any): void;

package/dist/core/layout/create.d.ts

@@ -1,14 +0,0 @@
-/**
- * @module core/layout
- * @description Main layout creation functionality
- */
-import { Schema, LayoutResult, LayoutOptions } from './types';
-/**
- * Creates a DOM or component layout based on a layout definition
- *
- * @param schema - Layout definition (array-based, object-based, or HTML string)
- * @param parentElement - Optional parent element to attach layout to
- * @param options - Additional options for layout creation
- * @returns Object containing the layout and utility functions
- */
-export declare function createLayout(schema: Schema | any[] | string | Function, parentElement?: HTMLElement | null, options?: LayoutOptions): LayoutResult;

package/dist/core/layout/index.d.ts

@@ -1,13 +0,0 @@
-/**
- * @module core/layout
- * @description Layout creation system with simplified API
- */
-export type { ComponentLike, ElementDefinition, Schema, LayoutResult, LayoutOptions, LayoutConfig, LayoutItemConfig } from './types';
-export { isComponent, processClassNames, flattenLayout } from './utils';
-export { createLayout } from './create';
-export { createLayoutResult } from './result';
-export { processSchema, createComponentInstance, isJsxSchema } from './processor';
-export { applyLayoutClasses, applyLayoutItemClasses, getLayoutType, cleanupLayoutClasses } from './config';
-export { h, Fragment, createJsxLayout } from './jsx';
-import { createLayout } from './create';
-export default createLayout;

package/dist/core/layout/jsx.d.ts

@@ -1,13 +0,0 @@
-/**
- * @module core/layout/jsx
- * @description Lightweight JSX implementation for the layout system
- */
-export declare const Fragment: unique symbol;
-/**
- * Convert JSX to our layout array schema
- */
-export declare function h(type: string | Function | symbol, props: Record<string, any> | null, ...children: any[]): any;
-/**
- * Create a layout from JSX
- */
-export declare function createJsxLayout(jsxElement: any, parentElement?: HTMLElement | null): import("./types").LayoutResult;

package/dist/core/layout/object.d.ts

@@ -1,14 +0,0 @@
-/**
- * @module core/layout
- * @description Processor for object-based layout schemas
- */
-import { Schema, LayoutResult, LayoutOptions } from "./types";
-/**
- * Processes an object-based layout definition
- *
- * @param schema - Object-based layout definition
- * @param parentElement - Optional parent element to attach layout to
- * @param options - Layout creation options
- * @returns Layout result object
- */
-export declare function processObjectSchema(schema: Schema, parentElement?: HTMLElement | SVGElement | DocumentFragment | null, options?: LayoutOptions): LayoutResult;

package/dist/core/layout/processor.d.ts

@@ -1,28 +0,0 @@
-/**
- * @module core/layout
- * @description Processor for layout creation
- */
-import { LayoutResult, LayoutOptions } from "./types";
-/**
- * Creates a component from a constructor or factory function
- *
- * @param Component - Component constructor or factory function
- * @param options - Component creation options
- * @param layoutOptions - Global layout options
- * @returns Created component instance
- */
-export declare function createComponentInstance(Component: any, options?: Record<string, any>): any;
-/**
- * Determines if a schema is in JSX format (transformed by h function)
- */
-export declare function isJsxSchema(schema: any): boolean;
-/**
- * Processes any type of layout definition (array or object)
- *
- * @param schema - Layout schema to process
- * @param parentElement - Parent element to attach to
- * @param level - Current nesting level
- * @param options - Layout creation options
- * @returns Layout result object
- */
-export declare function processSchema(schema: any, parentElement?: HTMLElement | null, level?: number, options?: LayoutOptions): LayoutResult;

package/dist/core/layout/result.d.ts

@@ -1,12 +0,0 @@
-/**
- * @module core/layout
- * @description Layout result creation and management
- */
-import { LayoutResult } from './types';
-/**
- * Creates a result object with the layout and utility functions
- *
- * @param layout - The raw layout object
- * @returns Result object with layout and utility functions
- */
-export declare function createLayoutResult(layout: Record<string, any>): LayoutResult;

package/dist/core/layout/template.d.ts

@@ -1,12 +0,0 @@
-/**
- * @module core/layout/template
- * @description Template literal-based layout creation without compilation requirements
- */
-/**
- * Tagged template function for creating layouts
- */
-export declare function html(strings: TemplateStringsArray, ...values: any[]): any;
-/**
- * Creates a layout from a template literal
- */
-export declare function createTemplateLayout(templateResult: any[], parentElement?: HTMLElement | null): import("./types").LayoutResult;

package/dist/core/layout/types.d.ts

@@ -1,137 +0,0 @@
-/**
- * @module core/layout
- * @description Type definitions for layout creation system
- */
-/**
- * Layout configuration options
- */
-export interface LayoutConfig {
-    /** Base layout type */
-    type?: 'stack' | 'row' | 'grid' | string;
-    /** Spacing between elements */
-    gap?: number | string;
-    /** Additional CSS classes */
-    class?: string;
-    /** Alignment of items along the cross axis */
-    align?: 'start' | 'center' | 'end' | 'stretch';
-    /** Alignment of items along the main axis */
-    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
-    /** Whether and how items should wrap */
-    wrap?: boolean | 'reverse' | 'nowrap';
-    /** Whether row items should stack vertically on mobile */
-    mobileStack?: boolean;
-    /** Whether row items should scroll horizontally on mobile */
-    mobileScroll?: boolean;
-    /** Number of columns or automatic sizing method */
-    columns?: number | 'auto-fit' | 'auto-fill';
-    /** Minimum item width for grid layouts */
-    minWidth?: string | number;
-    /** Whether to use dense packing algorithm for grid */
-    dense?: boolean;
-    /** Whether grid items should adjust height automatically */
-    autoHeight?: boolean;
-}
-/**
- * Configuration for individual layout items
- */
-export interface LayoutItemConfig {
-    /** Column width in a 12-column grid */
-    width?: number;
-    /** Width on small screens */
-    sm?: number;
-    /** Width on medium screens */
-    md?: number;
-    /** Width on large screens */
-    lg?: number;
-    /** Width on extra-large screens */
-    xl?: number;
-    /** Number of grid columns to span */
-    span?: number;
-    /** Number of grid rows to span */
-    rowSpan?: number;
-    /** Display order */
-    order?: number | 'first' | 'last';
-    /** Self-alignment within container */
-    align?: 'start' | 'center' | 'end' | 'stretch';
-    /** Whether item should automatically size */
-    auto?: boolean;
-}
-/**
- * Interface for component-like objects
- */
-export interface ComponentLike {
-    /** DOM element reference */
-    element: HTMLElement;
-    /** Optional method to clean up resources */
-    destroy?: () => void;
-    /** Allow additional properties */
-    [key: string]: any;
-}
-/**
- * Extended options for element creation
- */
-export interface ElementOptions extends Record<string, any> {
-    /** Layout configuration for the element */
-    layout?: LayoutConfig;
-    /** Layout item configuration */
-    layoutItem?: LayoutItemConfig;
-}
-/**
- * Definition for a single element in the layout
- */
-export interface ElementDefinition {
-    /** Optional name to reference the element */
-    name?: string;
-    /** Creator function that produces an HTMLElement or ComponentLike */
-    creator?: (options?: Record<string, any>) => HTMLElement | ComponentLike;
-    /** Options to pass to the creator function */
-    options?: ElementOptions;
-    /** Child elements to create and attach */
-    children?: Record<string, ElementDefinition>;
-}
-/**
- * Schema for layout creation
- */
-export interface Schema {
-    /** Root element definition */
-    element?: ElementDefinition;
-    /** Additional elements */
-    [key: string]: ElementDefinition | undefined;
-}
-/**
- * Options for layout creation
- */
-export interface LayoutOptions {
-    /** Default creator function to use if not specified in schema */
-    creator?: (options?: Record<string, any>) => HTMLElement | ComponentLike;
-    /** Whether to apply CSS class prefix @default true */
-    prefix?: boolean;
-    /** Additional options */
-    [key: string]: any;
-}
-/**
- * Result object returned after creating a layout
- */
-export interface LayoutResult {
-    /** The raw layout object with all components */
-    layout: Record<string, any>;
-    /** Reference to the root element for convenience */
-    element: HTMLElement | ComponentLike;
-    /** Flattened component map */
-    component: Record<string, any>;
-    /**
-     * Gets a component by name
-     * @param name - Component name
-     * @returns Component if found, null otherwise
-     */
-    get(name: string): any;
-    /**
-     * Gets all components in a flattened map
-     * @returns Object with all components
-     */
-    getAll(): Record<string, any>;
-    /**
-     * Destroys the layout, cleaning up all components
-     */
-    destroy(): void;
-}

package/dist/core/layout/utils.d.ts

@@ -1,38 +0,0 @@
-/**
- * @module core/layout
- * @description Utility functions for layout creation
- */
-import { ComponentLike } from "./types";
-/**
- * Checks if a value is a component object (has an element property)
- *
- * @param value - Value to check
- * @returns True if the value is a component-like object
- */
-export declare function isComponent(value: any): value is ComponentLike;
-/**
- * Creates a document fragment for faster DOM operations
- *
- * @returns New DocumentFragment
- */
-export declare function createFragment(): DocumentFragment;
-/**
- * Normalizes class values into an array of strings
- */
-export declare function normalizeClasses(...classes: (string | string[])[]): string[];
-/**
- * Processes className options to add prefix if needed
- *
- * @param options - Element options
- * @param skipPrefix - Whether to skip adding prefixes
- * @param useBEM - Whether to respect BEM naming conventions
- * @returns Updated options with prefixed classNames
- */
-export declare function processClassNames(options: Record<string, any>, skipPrefix?: boolean, useBEM?: boolean): Record<string, any>;
-/**
- * Flattens a nested layout into a simple object with element and component references
- *
- * @param layout - Layout object
- * @returns Flattened layout with all elements and components
- */
-export declare function flattenLayout(layout: Record<string, any>): Record<string, any>;