mtrl 0.3.9 → 0.4.3

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

@@ -2,7 +2,11 @@
  * @module core/layout
  * @description Processor for array-based layout schemas
  */
-import { LayoutResult, LayoutOptions } from './types';
+import { LayoutResult, LayoutOptions } from "./types";
+/**
+ * Type for schema items
+ */
+type SchemaItem = Function | string | Record<string, unknown> | SchemaItem[];
 /**
  * Processes an array-based layout definition
  *
@@ -12,4 +16,5 @@ import { LayoutResult, LayoutOptions } from './types';
  * @param options - Layout creation options
  * @returns Layout result object
  */
-export declare function processArraySchema(schema: any[], parentElement?: HTMLElement | null, level?: number, options?: LayoutOptions): LayoutResult;
+export declare function processArraySchema(schema: SchemaItem[], parentElement?: HTMLElement | null, level?: number, options?: LayoutOptions): LayoutResult;
+export {};

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

@@ -2,7 +2,7 @@
  * @module core/layout
  * @description Processor for object-based layout schemas
  */
-import { Schema, LayoutResult, LayoutOptions } from './types';
+import { Schema, LayoutResult, LayoutOptions } from "./types";
 /**
  * Processes an object-based layout definition
  *
@@ -11,4 +11,4 @@ import { Schema, LayoutResult, LayoutOptions } from './types';
  * @param options - Layout creation options
  * @returns Layout result object
  */
-export declare function processObjectSchema(schema: Schema, parentElement?: HTMLElement | DocumentFragment | null, options?: LayoutOptions): LayoutResult;
+export declare function processObjectSchema(schema: Schema, parentElement?: HTMLElement | SVGElement | DocumentFragment | null, options?: LayoutOptions): LayoutResult;

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

@@ -2,7 +2,7 @@
  * @module core/layout
  * @description Processor for layout creation
  */
-import { LayoutResult, LayoutOptions } from './types';
+import { LayoutResult, LayoutOptions } from "./types";
 /**
  * Creates a component from a constructor or factory function
  *
@@ -11,7 +11,7 @@ import { LayoutResult, LayoutOptions } from './types';
  * @param layoutOptions - Global layout options
  * @returns Created component instance
  */
-export declare function createComponentInstance(Component: any, options?: Record<string, any>, layoutOptions?: LayoutOptions): any;
+export declare function createComponentInstance(Component: any, options?: Record<string, any>): any;
 /**
  * Determines if a schema is in JSX format (transformed by h function)
  */

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

@@ -2,7 +2,7 @@
  * @module core/layout
  * @description Utility functions for layout creation
  */
-import { ComponentLike } from './types';
+import { ComponentLike } from "./types";
 /**
  * Checks if a value is a component object (has an element property)
  *

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

@@ -0,0 +1,14 @@
+/**
+ * Converts a color to RGBA format with specified opacity
+ * Handles hex, rgb, rgba, and named colors
+ *
+ * @param color - The color string to convert (hex, rgb, rgba, or named color)
+ * @param opacity - The opacity value (0-1)
+ * @returns RGBA color string
+ *
+ * @example
+ * colorToRGBA('#ff0000', 0.5) // 'rgba(255, 0, 0, 0.5)'
+ * colorToRGBA('rgb(255, 0, 0)', 0.5) // 'rgba(255, 0, 0, 0.5)'
+ * colorToRGBA('red', 0.5) // 'rgba(255, 0, 0, 0.5)'
+ */
+export declare const colorToRGBA: (color: string, opacity: number) => string;

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

@@ -2,12 +2,8 @@ export { isObject, byString } from './object';
 export { normalizeEvent, hasTouchSupport, TOUCH_CONFIG, PASSIVE_EVENTS } from './mobile';
 export { getInheritedBackground } from './background';
 export { throttle, debounce, once } from './performance';
-/**
- * Normalizes class names by handling various input formats
- * @param {...(string|string[])} classes - Classes to normalize
- * @returns {string[]} Array of unique, non-empty class names
- */
-export declare const normalizeClasses: (...classes: (string | string[])[]) => string[];
+export { getThemeColor } from './theme';
+export { colorToRGBA } from './color';
 /**
  * Creates a transformer that only runs if a condition is met
  * @param {Function} predicate - Condition to check

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

@@ -0,0 +1,38 @@
+type ThemeChangeCallback = () => void;
+/**
+ * Register a callback to be notified of theme changes
+ * @param callback Function to call when theme changes
+ * @returns Function to unregister the callback
+ */
+export declare const onThemeChange: (callback: ThemeChangeCallback) => (() => void);
+/**
+ * Gets a theme color from CSS variables, with optional alpha/opacity support.
+ * The prefix is automatically added to the variable name.
+ * Colors are retrieved from the active theme (defined on body element) if available,
+ * falling back to the default theme (defined on :root) if not found.
+ *
+ * @param {string} varName - The CSS variable name without prefix (e.g. 'sys-color-primary' or 'sys-color-primary-rgb')
+ * @param {object} [options] - Options for color retrieval
+ * @param {number} [options.alpha] - Alpha value (0-1) for rgba output (only works with --*-rgb variables)
+ * @param {string} [options.fallback] - Fallback color if variable is not found
+ * @param {ThemeChangeCallback} [options.onThemeChange] - Optional callback for theme changes
+ * @returns {string} The color value (hex, rgb, or rgba)
+ *
+ * @example
+ * // Basic usage
+ * getThemeColor('sys-color-primary') // '#006493' (from active theme)
+ *
+ * // With theme change notification
+ * getThemeColor('sys-color-primary', {
+ *   onThemeChange: () => {
+ *     // Re-render or update component
+ *     component.update();
+ *   }
+ * });
+ */
+export declare function getThemeColor(varName: string, options?: {
+    alpha?: number;
+    fallback?: string;
+    onThemeChange?: ThemeChangeCallback;
+}): string;
+export {};