mtrl 0.3.9 → 0.4.3

package/dist/components/textfield/constants.d.ts

@@ -8,18 +8,6 @@ export declare const TEXTFIELD_VARIANTS: {
     /** Outlined variant with border and animated label */
     readonly OUTLINED: "outlined";
 };
-/**
- * Textfield size constants
- * @category Components
- */
-export declare const TEXTFIELD_SIZES: {
-    /** Small textfield */
-    readonly SMALL: "small";
-    /** Medium textfield (default) */
-    readonly MEDIUM: "medium";
-    /** Large textfield */
-    readonly LARGE: "large";
-};
 /**
  * Textfield state constants
  * @category Components
@@ -74,6 +62,16 @@ export declare const TEXTFIELD_EVENTS: {
     /** Fired when a key is released */
     readonly KEYUP: "keyup";
 };
+/**
+ * Textfield density constants
+ * @category Components
+ */
+export declare const TEXTFIELD_DENSITY: {
+    /** Default density (56px height) */
+    readonly DEFAULT: "default";
+    /** Compact density (40px height) */
+    readonly COMPACT: "compact";
+};
 /**
  * Default textfield configuration values
  * @category Components
@@ -83,8 +81,8 @@ export declare const TEXTFIELD_DEFAULTS: {
     readonly TYPE: "text";
     /** Default visual variant */
     readonly VARIANT: "filled";
-    /** Default textfield size */
-    readonly SIZE: "medium";
+    /** Default density level */
+    readonly DENSITY: "default";
     /** Default disabled state */
     readonly DISABLED: false;
     /** Default required state */
@@ -113,12 +111,6 @@ export declare const TEXTFIELD_CLASSES: {
     readonly FILLED: "textfield--filled";
     /** Outlined variant class */
     readonly OUTLINED: "textfield--outlined";
-    /** Small size class */
-    readonly SMALL: "textfield--small";
-    /** Medium size class */
-    readonly MEDIUM: "textfield--medium";
-    /** Large size class */
-    readonly LARGE: "textfield--large";
     /** Focused state class */
     readonly FOCUSED: "textfield--focused";
     /** Disabled state class */

package/dist/components/textfield/features/density.d.ts

@@ -0,0 +1,28 @@
+import { TextfieldConfig, TextfieldDensity } from "../types";
+/**
+ * Configuration for density feature
+ */
+interface DensityConfig extends TextfieldConfig {
+    density?: TextfieldDensity | string;
+    prefix?: string;
+    componentName?: string;
+}
+/**
+ * Component with density feature
+ */
+interface DensityComponent {
+    element: HTMLElement;
+    input?: HTMLInputElement | HTMLTextAreaElement;
+    density?: {
+        current: string;
+        set: (density: string) => void;
+    };
+    updateElementPositions?: () => void;
+}
+/**
+ * Adds density support to textfield component
+ * @param {DensityConfig} config - Configuration with density option
+ * @returns {Function} Higher-order function that adds density capabilities
+ */
+export declare const withDensity: (config: DensityConfig) => (component: DensityComponent) => DensityComponent;
+export {};

package/dist/components/textfield/features/index.d.ts

@@ -1,12 +1,13 @@
-export { withLeadingIcon } from './leading-icon';
-export { withTrailingIcon } from './trailing-icon';
-export { withPrefixText } from './prefix-text';
-export { withSuffixText } from './suffix-text';
-export { withSupportingText } from './supporting-text';
-export { withPlacement } from './placement';
-export type { LeadingIconComponent, LeadingIconConfig } from './leading-icon';
-export type { TrailingIconComponent, TrailingIconConfig } from './trailing-icon';
-export type { PrefixTextComponent, PrefixTextConfig } from './prefix-text';
-export type { SuffixTextComponent, SuffixTextConfig } from './suffix-text';
-export type { SupportingTextComponent, SupportingTextConfig } from './supporting-text';
-export type { PlacementComponent } from './placement';
+export { withLeadingIcon } from "./leading-icon";
+export { withTrailingIcon } from "./trailing-icon";
+export { withPrefixText } from "./prefix-text";
+export { withSuffixText } from "./suffix-text";
+export { withSupportingText } from "./supporting-text";
+export { withPlacement } from "./placement";
+export { withDensity } from "./density";
+export type { LeadingIconComponent, LeadingIconConfig } from "./leading-icon";
+export type { TrailingIconComponent, TrailingIconConfig, } from "./trailing-icon";
+export type { PrefixTextComponent, PrefixTextConfig } from "./prefix-text";
+export type { SuffixTextComponent, SuffixTextConfig } from "./suffix-text";
+export type { SupportingTextComponent, SupportingTextConfig, } from "./supporting-text";
+export type { PlacementComponent } from "./placement";

package/dist/components/textfield/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from './textfield';
-export { TEXTFIELD_VARIANTS, TEXTFIELD_SIZES, TEXTFIELD_STATES, TEXTFIELD_TYPES, TEXTFIELD_EVENTS, TEXTFIELD_DEFAULTS, TEXTFIELD_CLASSES } from './constants';
-export { TextfieldConfig, TextfieldComponent } from './types';
+export { default } from "./textfield";
+export { TEXTFIELD_VARIANTS, TEXTFIELD_STATES, TEXTFIELD_TYPES, TEXTFIELD_EVENTS, TEXTFIELD_DEFAULTS, TEXTFIELD_CLASSES, TEXTFIELD_DENSITY, } from "./constants";
+export { TextfieldConfig, TextfieldComponent, TextfieldDensity } from "./types";

package/dist/components/textfield/textfield.d.ts

@@ -1,4 +1,4 @@
-import { TextfieldConfig, TextfieldComponent } from './types';
+import { TextfieldConfig, TextfieldComponent } from "./types";
 /**
  * Creates a new Textfield component
  *

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

@@ -1,7 +1,7 @@
 /**
  * Available Textfield variants
  */
-export type TextfieldVariant = 'filled' | 'outlined';
+export type TextfieldVariant = "filled" | "outlined";
 /**
  * Textfield variant constants
  */
@@ -10,25 +10,24 @@ export declare const TEXTFIELD_VARIANTS: {
     readonly OUTLINED: "outlined";
 };
 /**
- * Available Textfield sizes
+ * Available Textfield states
  */
-export type TextfieldSize = 'small' | 'medium' | 'large';
+export type TextfieldStates = "active" | "inactive" | "disabled";
 /**
- * Textfield size constants
+ * Available Textfield density levels
  */
-export declare const TEXTFIELD_SIZES: {
-    readonly SMALL: "small";
-    readonly MEDIUM: "medium";
-    readonly LARGE: "large";
-};
+export type TextfieldDensity = "default" | "compact";
 /**
- * Available Textfield states
+ * Textfield density constants
  */
-export type TextfieldStates = 'active' | 'inactive' | 'disabled';
+export declare const TEXTFIELD_DENSITY: {
+    readonly DEFAULT: "default";
+    readonly COMPACT: "compact";
+};
 /**
  * Available Textfield types
  */
-export type TextfieldTypes = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'multiline';
+export type TextfieldTypes = "text" | "password" | "email" | "number" | "tel" | "url" | "search" | "multiline";
 /**
  * Textfield type constants
  */
@@ -50,12 +49,16 @@ export interface TextfieldConfig {
     type?: TextfieldTypes | string;
     /** Visual variant (filled, outlined) */
     variant?: TextfieldVariant | string;
+    /** Density level (default, compact) */
+    density?: TextfieldDensity | string;
     /** Input name attribute */
     name?: string;
     /** Label text */
     label?: string;
     /** Initial value */
     value?: string;
+    /** Placeholder text */
+    placeholder?: string;
     /** Whether input is required */
     required?: boolean;
     /** Whether textfield is disabled */
@@ -145,6 +148,10 @@ export interface TextfieldComponent {
     removeSuffixText: () => TextfieldComponent;
     /** Manually update element positions (useful after DOM changes) */
     updatePositions: () => TextfieldComponent;
+    /** Sets the density of the textfield */
+    setDensity: (density: TextfieldDensity | string) => TextfieldComponent;
+    /** Gets the current density setting */
+    getDensity: () => string;
     /** Adds event listener */
     on: (event: string, handler: Function) => TextfieldComponent;
     /** Removes event listener */
@@ -161,8 +168,8 @@ export interface TextfieldComponent {
  */
 export interface ApiOptions {
     disabled: {
-        enable: () => any;
-        disable: () => any;
+        enable: () => void;
+        disable: () => void;
     };
     lifecycle: {
         destroy: () => void;
@@ -177,41 +184,41 @@ export interface BaseComponent {
     config?: {
         prefix?: string;
         componentName?: string;
-        [key: string]: any;
+        [key: string]: string | number | boolean | undefined;
     };
     getValue?: () => string;
-    setValue?: (value: string) => any;
-    setAttribute?: (name: string, value: string) => any;
+    setValue?: (value: string) => void;
+    setAttribute?: (name: string, value: string) => void;
     getAttribute?: (name: string) => string | null;
-    removeAttribute?: (name: string) => any;
+    removeAttribute?: (name: string) => void;
     label?: {
-        setText: (content: string) => any;
+        setText: (content: string) => void;
         getText: () => string;
     };
     leadingIcon?: HTMLElement | null;
-    setLeadingIcon?: (html: string) => any;
-    removeLeadingIcon?: () => any;
+    setLeadingIcon?: (html: string) => void;
+    removeLeadingIcon?: () => void;
     trailingIcon?: HTMLElement | null;
-    setTrailingIcon?: (html: string) => any;
-    removeTrailingIcon?: () => any;
+    setTrailingIcon?: (html: string) => void;
+    removeTrailingIcon?: () => void;
     supportingTextElement?: HTMLElement | null;
-    setSupportingText?: (text: string, isError?: boolean) => any;
-    removeSupportingText?: () => any;
+    setSupportingText?: (text: string, isError?: boolean) => void;
+    removeSupportingText?: () => void;
     prefixTextElement?: HTMLElement | null;
-    setPrefixText?: (text: string) => any;
-    removePrefixText?: () => any;
+    setPrefixText?: (text: string) => void;
+    removePrefixText?: () => void;
     suffixTextElement?: HTMLElement | null;
-    setSuffixText?: (text: string) => any;
-    removeSuffixText?: () => any;
-    updateElementPositions?: () => any;
-    on?: (event: string, handler: Function) => any;
-    off?: (event: string, handler: Function) => any;
+    setSuffixText?: (text: string) => void;
+    removeSuffixText?: () => void;
+    updateElementPositions?: () => void;
+    on?: (event: string, handler: Function) => void;
+    off?: (event: string, handler: Function) => void;
     disabled?: {
-        enable: () => any;
-        disable: () => any;
+        enable: () => void;
+        disable: () => void;
     };
     lifecycle?: {
         destroy: () => void;
     };
-    [key: string]: any;
+    [key: string]: unknown;
 }

package/dist/components/timepicker/clockdial.d.ts

@@ -1,4 +1,4 @@
-import { TimeValue, TIME_FORMAT, TIME_PICKER_TYPE } from './types';
+import { TimeValue, TIME_FORMAT, TIME_PICKER_TYPE } from "./types";
 /**
  * Interface for Clock Dial rendering options
  */
@@ -7,7 +7,7 @@ export interface ClockDialOptions {
     format: TIME_FORMAT;
     showSeconds: boolean;
     prefix: string;
-    activeSelector: 'hour' | 'minute' | 'second';
+    activeSelector: "hour" | "minute" | "second";
 }
 /**
  * Renders a clock dial on canvas with improved visual design

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

@@ -1,4 +1,4 @@
-import { TimePickerConfig } from './types';
+import { TimePickerConfig } from "./types";
 /**
  * Default configuration for the TimePicker component
  */
@@ -17,7 +17,7 @@ export declare const createBaseConfig: (config?: TimePickerConfig) => TimePicker
 export declare const getContainerConfig: (config: TimePickerConfig) => {
     tag: string;
     componentName: string;
-    attrs: Record<string, any>;
+    attributes: Record<string, any>;
     className: string[];
     rawClass: string | string[];
     html: string;
@@ -33,7 +33,7 @@ export declare const getContainerConfig: (config: TimePickerConfig) => {
 export declare const getModalConfig: (config: TimePickerConfig) => {
     tag: string;
     componentName: string;
-    attrs: Record<string, any>;
+    attributes: Record<string, any>;
     className: string[];
     rawClass: string | string[];
     html: string;
@@ -49,7 +49,7 @@ export declare const getModalConfig: (config: TimePickerConfig) => {
 export declare const getDialogConfig: (config: TimePickerConfig) => {
     tag: string;
     componentName: string;
-    attrs: Record<string, any>;
+    attributes: Record<string, any>;
     className: string[];
     rawClass: string | string[];
     html: string;

package/dist/components/timepicker/render.d.ts

@@ -1,4 +1,4 @@
-import { TimePickerConfig, TimeValue } from './types';
+import { TimePickerConfig, TimeValue } from "./types";
 /**
  * Renders the time picker dialog
  * @param {HTMLElement} container - Dialog container element

package/dist/components/timepicker/timepicker.d.ts

@@ -1,4 +1,4 @@
-import { TimePickerConfig, TimePickerComponent } from './types';
+import { TimePickerConfig, TimePickerComponent } from "./types";
 /**
  * Creates a new TimePicker component
  * @param {TimePickerConfig} config - TimePicker configuration object

package/dist/components/timepicker/utils.d.ts

@@ -1,4 +1,4 @@
-import { TimeValue, TIME_PERIOD, TIME_FORMAT } from './types';
+import { TimeValue, TIME_PERIOD, TIME_FORMAT } from "./types";
 /**
  * Pads a number with leading zeros to ensure two-digit format
  * @param {number} num - Number to pad
@@ -11,7 +11,7 @@ export declare const padZero: (num: number) => string;
  * @param {TIME_FORMAT} format - Time format (12h or 24h)
  * @returns {TimeValue} Parsed time value
  */
-export declare const parseTime: (timeString: string, format: TIME_FORMAT) => TimeValue;
+export declare const parseTime: (timeString: string, _format: TIME_FORMAT) => TimeValue;
 /**
  * Formats a TimeValue object as a time string
  * @param {TimeValue} timeValue - Time value to format

package/dist/components/tooltip/api.d.ts

@@ -1,4 +1,4 @@
-import { TooltipComponent } from './types';
+import { TooltipComponent } from "./types";
 interface ApiOptions {
     lifecycle: {
         destroy: () => void;

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

@@ -1,4 +1,4 @@
-import { TooltipConfig } from './types';
+import { TooltipConfig } from "./types";
 /**
  * Default configuration for the Tooltip component
  */
@@ -17,7 +17,7 @@ export declare const createBaseConfig: (config?: TooltipConfig) => TooltipConfig
 export declare const getElementConfig: (config: TooltipConfig) => {
     tag: string;
     componentName: string;
-    attrs: Record<string, any>;
+    attributes: Record<string, any>;
     className: string[];
     rawClass: string | string[];
     html: string;

package/dist/components/top-app-bar/top-app-bar.d.ts

@@ -2,8 +2,8 @@
  * @module components/top-app-bar
  * @description Top app bar implementation
  */
-import { ElementComponent } from '../../core/compose';
-import { TopAppBarConfig, TopAppBarType } from './types';
+import { ElementComponent } from "../../core/compose";
+import { TopAppBarConfig, TopAppBarType } from "./types";
 /**
  * Top app bar component interface
  */

package/dist/constants.d.ts

@@ -1,30 +1,30 @@
-import { BADGE_VARIANTS, BADGE_COLORS, BADGE_POSITIONS, BADGE_MAX_CHARACTERS } from './components/badge/constants';
-import { FAB_POSITIONS as BOTTOM_APP_BAR_FAB_POSITIONS, BOTTOM_APP_BAR_CLASSES, DEFAULT_TRANSITION_DURATION } from './components/bottom-app-bar/constants';
-import { BUTTON_VARIANTS, BUTTON_TYPES, BUTTON_CLASSES, DEFAULT_RIPPLE_CONFIG } from './components/button/constants';
-import { CARD_VARIANTS, CARD_ELEVATIONS, CARD_WIDTHS, CARD_CORNER_RADIUS, CARD_ASPECT_RATIOS, CARD_ACTION_ALIGNMENT, CARD_MEDIA_POSITION, CARD_CLASSES } from './components/card/constants';
-import { CHECKBOX_VARIANTS, CHECKBOX_LABEL_POSITION, CHECKBOX_STATES, CHECKBOX_CLASSES } from './components/checkbox/constants';
-import { CHIP_VARIANTS, CHIP_EVENTS, CHIPS_EVENTS } from './components/chips/constants';
-import { CHIP_CLASSES, CHIP_STATES } from './components/chips/chip/constants';
-import { DATEPICKER_VARIANTS, DATEPICKER_VIEWS, DATEPICKER_SELECTION_MODES, DAY_NAMES, MONTH_NAMES, MONTH_NAMES_SHORT, DEFAULT_DATE_FORMAT, DATEPICKER_CLASSES, DATEPICKER_EVENTS } from './components/datepicker/constants';
-import { DIALOG_SIZES, DIALOG_ANIMATIONS, DIALOG_FOOTER_ALIGNMENTS, DIALOG_EVENTS, DIALOG_CLASSES, DEFAULT_ANIMATION_DURATION, DEFAULT_Z_INDEX, DIALOG_BUTTON_VARIANTS, DEFAULT_CONFIRM_BUTTON_TEXT, DEFAULT_CANCEL_BUTTON_TEXT } from './components/dialog/constants';
-import { DIVIDER_ORIENTATIONS, DIVIDER_VARIANTS, DEFAULT_DIVIDER_THICKNESS, DEFAULT_INSET_VALUE, DIVIDER_CLASSES } from './components/divider/constants';
-import { EXTENDED_FAB_VARIANTS, EXTENDED_FAB_WIDTH, EXTENDED_FAB_POSITIONS, EXTENDED_FAB_ICON_POSITIONS, EXTENDED_FAB_CLASSES, EXTENDED_FAB_TYPES, EXTENDED_FAB_ANIMATIONS } from './components/extended-fab/constants';
-import { FAB_VARIANTS, FAB_SIZES, FAB_POSITIONS, FAB_CLASSES, FAB_TYPES, FAB_ICON_SIZES, FAB_ANIMATIONS } from './components/fab/constants';
-import { LIST_DEFAULTS, LIST_TYPES, LIST_SELECTION_MODES, LIST_EVENTS, LIST_SCROLL_POSITIONS, LIST_CLASSES } from './components/list/constants';
-import { MENU_POSITION, MENU_DEFAULTS, MENU_INTERACTION_TYPES, MENU_ITEM_TYPES, MENU_EVENTS, MENU_CLASSES } from './components/menu/constants';
-import { NAV_VARIANTS, NAV_POSITIONS, NAV_BEHAVIORS, NAV_ITEM_STATES, NAV_EVENTS, NAV_DEFAULTS, NAV_CLASSES } from './components/navigation/constants';
-import { PROGRESS_VARIANTS, PROGRESS_EVENTS, PROGRESS_DEFAULTS, PROGRESS_CLASSES } from './components/progress/constants';
-import { RADIO_STATES, RADIO_DIRECTIONS, RADIO_VARIANTS, RADIO_LABEL_POSITIONS, RADIO_SIZES, RADIO_EVENTS, RADIO_DEFAULTS, RADIO_CLASSES } from './components/radios/constants';
-import { SEARCH_VARIANTS, SEARCH_STATES, SEARCH_EVENTS, SEARCH_ICONS, SEARCH_DEFAULTS, SEARCH_CLASSES } from './components/search/constants';
-import { SEGMENTED_BUTTON_MODES, SEGMENTED_BUTTON_DENSITY, SEGMENTED_BUTTON_EVENTS, SEGMENTED_BUTTON_DEFAULTS, SEGMENTED_BUTTON_ICONS, SEGMENTED_BUTTON_CLASSES } from './components/segmented-button/constants';
-import { SELECT_VARIANTS, SELECT_PLACEMENT, SELECT_INTERACTION, SELECT_EVENTS, SELECT_ICONS, SELECT_DEFAULTS, SELECT_CLASSES } from './components/select/constants';
-import { SHEET_VARIANTS, SHEET_POSITIONS, SHEET_EVENTS, SHEET_ELEVATION, SHEET_DEFAULTS, SHEET_ANIMATION, SHEET_GESTURE, SHEET_CLASSES } from './components/sheet/constants';
-import { SLIDER_COLORS, SLIDER_SIZES, SLIDER_EVENTS, SLIDER_POSITIONS, SLIDER_DEFAULTS, SLIDER_CLASSES } from './components/slider/constants';
-import { SNACKBAR_VARIANTS, SNACKBAR_POSITIONS, SNACKBAR_STATES, SNACKBAR_EVENTS, SNACKBAR_DEFAULTS, SNACKBAR_CLASSES } from './components/snackbar/constants';
-import { SWITCH_LABEL_POSITIONS, SWITCH_STATES, SWITCH_EVENTS, SWITCH_DEFAULTS, SWITCH_CLASSES } from './components/switch/constants';
-import { TAB_VARIANTS, TAB_STATES, TAB_INDICATOR_WIDTH_STRATEGIES, TAB_EVENTS, TABS_EVENTS, TABS_DEFAULTS, TABS_CLASSES, TAB_CLASSES } from './components/tabs/constants';
-import { TEXTFIELD_VARIANTS, TEXTFIELD_SIZES, TEXTFIELD_STATES, TEXTFIELD_TYPES, TEXTFIELD_EVENTS, TEXTFIELD_DEFAULTS, TEXTFIELD_CLASSES } from './components/textfield/constants';
-import { TIMEPICKER_TYPES, TIMEPICKER_ORIENTATIONS, TIMEPICKER_FORMATS, TIMEPICKER_PERIODS, TIMEPICKER_EVENTS, TIMEPICKER_DIAL, TIMEPICKER_VALUES, TIMEPICKER_Z_INDEX, TIMEPICKER_DEFAULTS, TIMEPICKER_CLASSES } from './components/timepicker/constants';
-import { TOOLTIP_POSITIONS, TOOLTIP_VARIANTS, TOOLTIP_EVENTS, TOOLTIP_DEFAULTS, TOOLTIP_CLASSES } from './components/tooltip/constants';
-import { TOP_APP_BAR_TYPES, TOP_APP_BAR_STATES, TOP_APP_BAR_DEFAULTS, TOP_APP_BAR_CLASSES } from './components/top-app-bar/constants';
-export { BADGE_VARIANTS, BADGE_COLORS, BADGE_POSITIONS, BADGE_MAX_CHARACTERS, BOTTOM_APP_BAR_FAB_POSITIONS, BOTTOM_APP_BAR_CLASSES, DEFAULT_TRANSITION_DURATION, BUTTON_VARIANTS, BUTTON_TYPES, BUTTON_CLASSES, DEFAULT_RIPPLE_CONFIG, CARD_VARIANTS, CARD_ELEVATIONS, CARD_WIDTHS, CARD_CORNER_RADIUS, CARD_ASPECT_RATIOS, CARD_ACTION_ALIGNMENT, CARD_MEDIA_POSITION, CARD_CLASSES, CHECKBOX_VARIANTS, CHECKBOX_LABEL_POSITION, CHECKBOX_STATES, CHECKBOX_CLASSES, CHIP_VARIANTS, CHIP_EVENTS, CHIPS_EVENTS, CHIP_CLASSES, CHIP_STATES, DATEPICKER_VARIANTS, DATEPICKER_VIEWS, DATEPICKER_SELECTION_MODES, DAY_NAMES, MONTH_NAMES, MONTH_NAMES_SHORT, DEFAULT_DATE_FORMAT, DATEPICKER_CLASSES, DATEPICKER_EVENTS, DIALOG_SIZES, DIALOG_ANIMATIONS, DIALOG_FOOTER_ALIGNMENTS, DIALOG_EVENTS, DIALOG_CLASSES, DEFAULT_ANIMATION_DURATION, DEFAULT_Z_INDEX, DIALOG_BUTTON_VARIANTS, DEFAULT_CONFIRM_BUTTON_TEXT, DEFAULT_CANCEL_BUTTON_TEXT, DIVIDER_ORIENTATIONS, DIVIDER_VARIANTS, DEFAULT_DIVIDER_THICKNESS, DEFAULT_INSET_VALUE, DIVIDER_CLASSES, EXTENDED_FAB_VARIANTS, EXTENDED_FAB_WIDTH, EXTENDED_FAB_POSITIONS, EXTENDED_FAB_ICON_POSITIONS, EXTENDED_FAB_CLASSES, EXTENDED_FAB_TYPES, EXTENDED_FAB_ANIMATIONS, FAB_VARIANTS, FAB_SIZES, FAB_POSITIONS, FAB_CLASSES, FAB_TYPES, FAB_ICON_SIZES, FAB_ANIMATIONS, LIST_DEFAULTS, LIST_TYPES, LIST_SELECTION_MODES, LIST_EVENTS, LIST_SCROLL_POSITIONS, LIST_CLASSES, MENU_POSITION, MENU_DEFAULTS, MENU_INTERACTION_TYPES, MENU_ITEM_TYPES, MENU_EVENTS, MENU_CLASSES, NAV_VARIANTS, NAV_POSITIONS, NAV_BEHAVIORS, NAV_ITEM_STATES, NAV_EVENTS, NAV_DEFAULTS, NAV_CLASSES, PROGRESS_VARIANTS, PROGRESS_EVENTS, PROGRESS_DEFAULTS, PROGRESS_CLASSES, RADIO_STATES, RADIO_DIRECTIONS, RADIO_VARIANTS, RADIO_LABEL_POSITIONS, RADIO_SIZES, RADIO_EVENTS, RADIO_DEFAULTS, RADIO_CLASSES, SEARCH_VARIANTS, SEARCH_STATES, SEARCH_EVENTS, SEARCH_ICONS, SEARCH_DEFAULTS, SEARCH_CLASSES, SEGMENTED_BUTTON_MODES, SEGMENTED_BUTTON_DENSITY, SEGMENTED_BUTTON_EVENTS, SEGMENTED_BUTTON_DEFAULTS, SEGMENTED_BUTTON_ICONS, SEGMENTED_BUTTON_CLASSES, SELECT_VARIANTS, SELECT_PLACEMENT, SELECT_INTERACTION, SELECT_EVENTS, SELECT_ICONS, SELECT_DEFAULTS, SELECT_CLASSES, SHEET_VARIANTS, SHEET_POSITIONS, SHEET_EVENTS, SHEET_ELEVATION, SHEET_DEFAULTS, SHEET_ANIMATION, SHEET_GESTURE, SHEET_CLASSES, SLIDER_COLORS, SLIDER_SIZES, SLIDER_EVENTS, SLIDER_POSITIONS, SLIDER_DEFAULTS, SLIDER_CLASSES, SNACKBAR_VARIANTS, SNACKBAR_POSITIONS, SNACKBAR_STATES, SNACKBAR_EVENTS, SNACKBAR_DEFAULTS, SNACKBAR_CLASSES, SWITCH_LABEL_POSITIONS, SWITCH_STATES, SWITCH_EVENTS, SWITCH_DEFAULTS, SWITCH_CLASSES, TAB_VARIANTS, TAB_STATES, TAB_INDICATOR_WIDTH_STRATEGIES, TAB_EVENTS, TABS_EVENTS, TABS_DEFAULTS, TABS_CLASSES, TAB_CLASSES, TEXTFIELD_VARIANTS, TEXTFIELD_SIZES, TEXTFIELD_STATES, TEXTFIELD_TYPES, TEXTFIELD_EVENTS, TEXTFIELD_DEFAULTS, TEXTFIELD_CLASSES, TIMEPICKER_TYPES, TIMEPICKER_ORIENTATIONS, TIMEPICKER_FORMATS, TIMEPICKER_PERIODS, TIMEPICKER_EVENTS, TIMEPICKER_DIAL, TIMEPICKER_VALUES, TIMEPICKER_Z_INDEX, TIMEPICKER_DEFAULTS, TIMEPICKER_CLASSES, TOOLTIP_POSITIONS, TOOLTIP_VARIANTS, TOOLTIP_EVENTS, TOOLTIP_DEFAULTS, TOOLTIP_CLASSES, TOP_APP_BAR_TYPES, TOP_APP_BAR_STATES, TOP_APP_BAR_DEFAULTS, TOP_APP_BAR_CLASSES };
+import { BADGE_VARIANTS, BADGE_COLORS, BADGE_POSITIONS, BADGE_MAX_CHARACTERS } from "./components/badge/constants";
+import { FAB_POSITIONS as BOTTOM_APP_BAR_FAB_POSITIONS, BOTTOM_APP_BAR_CLASSES, DEFAULT_TRANSITION_DURATION } from "./components/bottom-app-bar/constants";
+import { BUTTON_VARIANTS, BUTTON_TYPES, BUTTON_CLASSES, BUTTON_SIZES, BUTTON_SHAPES, DEFAULT_RIPPLE_CONFIG } from "./components/button/constants";
+import { CARD_VARIANTS, CARD_ELEVATIONS, CARD_WIDTHS, CARD_CORNER_RADIUS, CARD_ASPECT_RATIOS, CARD_ACTION_ALIGNMENT, CARD_MEDIA_POSITION, CARD_CLASSES } from "./components/card/constants";
+import { CHECKBOX_VARIANTS, CHECKBOX_LABEL_POSITION, CHECKBOX_STATES, CHECKBOX_CLASSES } from "./components/checkbox/constants";
+import { CHIP_VARIANTS, CHIP_EVENTS, CHIPS_EVENTS } from "./components/chips/constants";
+import { CHIP_CLASSES, CHIP_STATES } from "./components/chips/chip/constants";
+import { DATEPICKER_VARIANTS, DATEPICKER_VIEWS, DATEPICKER_SELECTION_MODES, DAY_NAMES, MONTH_NAMES, MONTH_NAMES_SHORT, DEFAULT_DATE_FORMAT, DATEPICKER_CLASSES, DATEPICKER_EVENTS } from "./components/datepicker/constants";
+import { DIALOG_SIZES, DIALOG_ANIMATIONS, DIALOG_FOOTER_ALIGNMENTS, DIALOG_EVENTS, DIALOG_CLASSES, DEFAULT_ANIMATION_DURATION, DEFAULT_Z_INDEX, DIALOG_BUTTON_VARIANTS, DEFAULT_CONFIRM_BUTTON_TEXT, DEFAULT_CANCEL_BUTTON_TEXT } from "./components/dialog/constants";
+import { DIVIDER_ORIENTATIONS, DIVIDER_VARIANTS, DEFAULT_DIVIDER_THICKNESS, DEFAULT_INSET_VALUE, DIVIDER_CLASSES } from "./components/divider/constants";
+import { EXTENDED_FAB_VARIANTS, EXTENDED_FAB_WIDTH, EXTENDED_FAB_POSITIONS, EXTENDED_FAB_ICON_POSITIONS, EXTENDED_FAB_CLASSES, EXTENDED_FAB_TYPES, EXTENDED_FAB_ANIMATIONS } from "./components/extended-fab/constants";
+import { FAB_VARIANTS, FAB_SIZES, FAB_POSITIONS, FAB_CLASSES, FAB_TYPES, FAB_ICON_SIZES, FAB_ANIMATIONS } from "./components/fab/constants";
+import { LIST_DEFAULTS, LIST_TYPES, LIST_SELECTION_MODES, LIST_EVENTS, LIST_SCROLL_POSITIONS, LIST_CLASSES } from "./components/list/constants";
+import { MENU_POSITION, MENU_DEFAULTS, MENU_INTERACTION_TYPES, MENU_ITEM_TYPES, MENU_EVENTS, MENU_CLASSES } from "./components/menu/constants";
+import { NAV_VARIANTS, NAV_POSITIONS, NAV_BEHAVIORS, NAV_ITEM_STATES, NAV_EVENTS, NAV_DEFAULTS, NAV_CLASSES } from "./components/navigation/constants";
+import { PROGRESS_VARIANTS, PROGRESS_EVENTS, PROGRESS_DEFAULTS, PROGRESS_CLASSES } from "./components/progress/constants";
+import { RADIO_STATES, RADIO_DIRECTIONS, RADIO_VARIANTS, RADIO_LABEL_POSITIONS, RADIO_SIZES, RADIO_EVENTS, RADIO_DEFAULTS, RADIO_CLASSES } from "./components/radios/constants";
+import { SEARCH_VARIANTS, SEARCH_STATES, SEARCH_EVENTS, SEARCH_ICONS, SEARCH_DEFAULTS, SEARCH_CLASSES } from "./components/search/constants";
+import { SEGMENTED_BUTTON_MODES, SEGMENTED_BUTTON_DENSITY, SEGMENTED_BUTTON_EVENTS, SEGMENTED_BUTTON_DEFAULTS, SEGMENTED_BUTTON_ICONS, SEGMENTED_BUTTON_CLASSES } from "./components/segmented-button/constants";
+import { SELECT_VARIANTS, SELECT_PLACEMENT, SELECT_INTERACTION, SELECT_EVENTS, SELECT_ICONS, SELECT_DEFAULTS, SELECT_CLASSES } from "./components/select/constants";
+import { SHEET_VARIANTS, SHEET_POSITIONS, SHEET_EVENTS, SHEET_ELEVATION, SHEET_DEFAULTS, SHEET_ANIMATION, SHEET_GESTURE, SHEET_CLASSES } from "./components/sheet/constants";
+import { SLIDER_COLORS, SLIDER_SIZES, SLIDER_EVENTS, SLIDER_POSITIONS, SLIDER_DEFAULTS, SLIDER_CLASSES } from "./components/slider/constants";
+import { SNACKBAR_VARIANTS, SNACKBAR_POSITIONS, SNACKBAR_STATES, SNACKBAR_EVENTS, SNACKBAR_DEFAULTS, SNACKBAR_CLASSES } from "./components/snackbar/constants";
+import { SWITCH_LABEL_POSITIONS, SWITCH_STATES, SWITCH_EVENTS, SWITCH_DEFAULTS, SWITCH_CLASSES } from "./components/switch/constants";
+import { TAB_VARIANTS, TAB_STATES, TAB_INDICATOR_WIDTH_STRATEGIES, TAB_EVENTS, TABS_EVENTS, TABS_DEFAULTS, TABS_CLASSES, TAB_CLASSES } from "./components/tabs/constants";
+import { TEXTFIELD_VARIANTS, TEXTFIELD_STATES, TEXTFIELD_TYPES, TEXTFIELD_EVENTS, TEXTFIELD_DEFAULTS, TEXTFIELD_CLASSES } from "./components/textfield/constants";
+import { TIMEPICKER_TYPES, TIMEPICKER_ORIENTATIONS, TIMEPICKER_FORMATS, TIMEPICKER_PERIODS, TIMEPICKER_EVENTS, TIMEPICKER_DIAL, TIMEPICKER_VALUES, TIMEPICKER_Z_INDEX, TIMEPICKER_DEFAULTS, TIMEPICKER_CLASSES } from "./components/timepicker/constants";
+import { TOOLTIP_POSITIONS, TOOLTIP_VARIANTS, TOOLTIP_EVENTS, TOOLTIP_DEFAULTS, TOOLTIP_CLASSES } from "./components/tooltip/constants";
+import { TOP_APP_BAR_TYPES, TOP_APP_BAR_STATES, TOP_APP_BAR_DEFAULTS, TOP_APP_BAR_CLASSES } from "./components/top-app-bar/constants";
+export { BADGE_VARIANTS, BADGE_COLORS, BADGE_POSITIONS, BADGE_MAX_CHARACTERS, BOTTOM_APP_BAR_FAB_POSITIONS, BOTTOM_APP_BAR_CLASSES, DEFAULT_TRANSITION_DURATION, BUTTON_VARIANTS, BUTTON_TYPES, BUTTON_CLASSES, BUTTON_SIZES, BUTTON_SHAPES, DEFAULT_RIPPLE_CONFIG, CARD_VARIANTS, CARD_ELEVATIONS, CARD_WIDTHS, CARD_CORNER_RADIUS, CARD_ASPECT_RATIOS, CARD_ACTION_ALIGNMENT, CARD_MEDIA_POSITION, CARD_CLASSES, CHECKBOX_VARIANTS, CHECKBOX_LABEL_POSITION, CHECKBOX_STATES, CHECKBOX_CLASSES, CHIP_VARIANTS, CHIP_EVENTS, CHIPS_EVENTS, CHIP_CLASSES, CHIP_STATES, DATEPICKER_VARIANTS, DATEPICKER_VIEWS, DATEPICKER_SELECTION_MODES, DAY_NAMES, MONTH_NAMES, MONTH_NAMES_SHORT, DEFAULT_DATE_FORMAT, DATEPICKER_CLASSES, DATEPICKER_EVENTS, DIALOG_SIZES, DIALOG_ANIMATIONS, DIALOG_FOOTER_ALIGNMENTS, DIALOG_EVENTS, DIALOG_CLASSES, DEFAULT_ANIMATION_DURATION, DEFAULT_Z_INDEX, DIALOG_BUTTON_VARIANTS, DEFAULT_CONFIRM_BUTTON_TEXT, DEFAULT_CANCEL_BUTTON_TEXT, DIVIDER_ORIENTATIONS, DIVIDER_VARIANTS, DEFAULT_DIVIDER_THICKNESS, DEFAULT_INSET_VALUE, DIVIDER_CLASSES, EXTENDED_FAB_VARIANTS, EXTENDED_FAB_WIDTH, EXTENDED_FAB_POSITIONS, EXTENDED_FAB_ICON_POSITIONS, EXTENDED_FAB_CLASSES, EXTENDED_FAB_TYPES, EXTENDED_FAB_ANIMATIONS, FAB_VARIANTS, FAB_SIZES, FAB_POSITIONS, FAB_CLASSES, FAB_TYPES, FAB_ICON_SIZES, FAB_ANIMATIONS, LIST_DEFAULTS, LIST_TYPES, LIST_SELECTION_MODES, LIST_EVENTS, LIST_SCROLL_POSITIONS, LIST_CLASSES, MENU_POSITION, MENU_DEFAULTS, MENU_INTERACTION_TYPES, MENU_ITEM_TYPES, MENU_EVENTS, MENU_CLASSES, NAV_VARIANTS, NAV_POSITIONS, NAV_BEHAVIORS, NAV_ITEM_STATES, NAV_EVENTS, NAV_DEFAULTS, NAV_CLASSES, PROGRESS_VARIANTS, PROGRESS_EVENTS, PROGRESS_DEFAULTS, PROGRESS_CLASSES, RADIO_STATES, RADIO_DIRECTIONS, RADIO_VARIANTS, RADIO_LABEL_POSITIONS, RADIO_SIZES, RADIO_EVENTS, RADIO_DEFAULTS, RADIO_CLASSES, SEARCH_VARIANTS, SEARCH_STATES, SEARCH_EVENTS, SEARCH_ICONS, SEARCH_DEFAULTS, SEARCH_CLASSES, SEGMENTED_BUTTON_MODES, SEGMENTED_BUTTON_DENSITY, SEGMENTED_BUTTON_EVENTS, SEGMENTED_BUTTON_DEFAULTS, SEGMENTED_BUTTON_ICONS, SEGMENTED_BUTTON_CLASSES, SELECT_VARIANTS, SELECT_PLACEMENT, SELECT_INTERACTION, SELECT_EVENTS, SELECT_ICONS, SELECT_DEFAULTS, SELECT_CLASSES, SHEET_VARIANTS, SHEET_POSITIONS, SHEET_EVENTS, SHEET_ELEVATION, SHEET_DEFAULTS, SHEET_ANIMATION, SHEET_GESTURE, SHEET_CLASSES, SLIDER_COLORS, SLIDER_SIZES, SLIDER_EVENTS, SLIDER_POSITIONS, SLIDER_DEFAULTS, SLIDER_CLASSES, SNACKBAR_VARIANTS, SNACKBAR_POSITIONS, SNACKBAR_STATES, SNACKBAR_EVENTS, SNACKBAR_DEFAULTS, SNACKBAR_CLASSES, SWITCH_LABEL_POSITIONS, SWITCH_STATES, SWITCH_EVENTS, SWITCH_DEFAULTS, SWITCH_CLASSES, TAB_VARIANTS, TAB_STATES, TAB_INDICATOR_WIDTH_STRATEGIES, TAB_EVENTS, TABS_EVENTS, TABS_DEFAULTS, TABS_CLASSES, TAB_CLASSES, TEXTFIELD_VARIANTS, TEXTFIELD_STATES, TEXTFIELD_TYPES, TEXTFIELD_EVENTS, TEXTFIELD_DEFAULTS, TEXTFIELD_CLASSES, TIMEPICKER_TYPES, TIMEPICKER_ORIENTATIONS, TIMEPICKER_FORMATS, TIMEPICKER_PERIODS, TIMEPICKER_EVENTS, TIMEPICKER_DIAL, TIMEPICKER_VALUES, TIMEPICKER_Z_INDEX, TIMEPICKER_DEFAULTS, TIMEPICKER_CLASSES, TOOLTIP_POSITIONS, TOOLTIP_VARIANTS, TOOLTIP_EVENTS, TOOLTIP_DEFAULTS, TOOLTIP_CLASSES, TOP_APP_BAR_TYPES, TOP_APP_BAR_STATES, TOP_APP_BAR_DEFAULTS, TOP_APP_BAR_CLASSES, };

package/dist/core/canvas/animation.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Easing function for smooth animations (Material Design standard)
+ * Implements cubic-bezier(0.4, 0, 0.2, 1)
+ *
+ * @param t Progress value between 0 and 1
+ * @returns Eased progress value between 0 and 1
+ */
+export declare const easeOutCubic: (t: number) => number;
+/**
+ * Standard Material Design animation durations
+ */
+export declare const ANIMATION_DURATIONS: {
+    SHORT: number;
+    MEDIUM: number;
+    LONG: number;
+    EXTRA_LONG: number;
+};
+/**
+ * Common easing functions
+ */
+export declare const EASING_FUNCTIONS: {
+    linear: (t: number) => number;
+    easeIn: (t: number) => number;
+    easeOut: (t: number) => number;
+    easeInOut: (t: number) => number;
+    materialStandard: (t: number) => number;
+};

package/dist/core/canvas/drawing.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Canvas drawing utilities
+ * Provides common drawing functions for canvas operations
+ */
+/**
+ * Creates a rounded rectangle path
+ * @param ctx - Canvas 2D rendering context
+ * @param x - X coordinate
+ * @param y - Y coordinate
+ * @param width - Rectangle width
+ * @param height - Rectangle height
+ * @param radius - Corner radius (can be a number or array of radii)
+ */
+export declare const createRoundedRectPath: (ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number, radius: number | [number, number, number, number]) => void;
+/**
+ * Draws a filled rounded rectangle
+ * @param ctx - Canvas 2D rendering context
+ * @param x - X coordinate
+ * @param y - Y coordinate
+ * @param width - Rectangle width
+ * @param height - Rectangle height
+ * @param radius - Corner radius
+ * @param fillStyle - Fill color/style
+ */
+export declare const fillRoundedRect: (ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number, radius: number | [number, number, number, number], fillStyle?: string | CanvasGradient | CanvasPattern) => void;
+/**
+ * Creates a clipping region with rounded corners
+ * @param ctx - Canvas 2D rendering context
+ * @param x - X coordinate
+ * @param y - Y coordinate
+ * @param width - Rectangle width
+ * @param height - Rectangle height
+ * @param radius - Corner radius
+ * @returns Function to restore the canvas state
+ */
+export declare const clipRoundedRect: (ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number, radius: number | [number, number, number, number]) => (() => void);
+/**
+ * Draws a rounded rectangle with different left and right radii
+ * Useful for track segments that connect to other elements
+ * @param ctx - Canvas 2D rendering context
+ * @param x - X coordinate
+ * @param y - Y coordinate
+ * @param width - Rectangle width
+ * @param height - Rectangle height
+ * @param leftRadius - Left side radius
+ * @param rightRadius - Right side radius
+ * @param fillStyle - Fill color/style
+ */
+export declare const fillRoundedRectLR: (ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number, leftRadius: number, rightRadius: number, fillStyle?: string | CanvasGradient | CanvasPattern) => void;
+/**
+ * Clears a canvas with optional background color
+ * @param ctx - Canvas 2D rendering context
+ * @param width - Canvas width
+ * @param height - Canvas height
+ * @param backgroundColor - Optional background color
+ */
+export declare const clearCanvas: (ctx: CanvasRenderingContext2D, width: number, height: number, backgroundColor?: string) => void;

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

@@ -0,0 +1,8 @@
+/**
+ * Canvas utilities for high-performance rendering
+ * Provides tools for drawing, animation, and resize handling
+ */
+export * from './drawing';
+export * from './resize';
+export * from './animation';
+export * from './utils';

package/dist/core/canvas/resize.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Canvas resize utilities
+ * Provides utilities for observing and handling canvas resize events
+ */
+/**
+ * Observes resize events on an element and triggers a callback
+ * Watches the specified element and debounces resize events
+ *
+ * @param element - The element to observe for size changes
+ * @param canvas - The canvas element (for context)
+ * @param onResize - Callback to execute when the element resizes
+ * @returns Cleanup function to stop observing
+ */
+export declare const observeCanvasResize: (element: HTMLElement, canvas: HTMLCanvasElement, onResize: () => void) => (() => void);