material 3.2.6 → 3.3.0

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

@@ -1,43 +0,0 @@
-import type { ProgressComponent } from "../../progress/types.js";
-import { ButtonConfig, IconAPI } from "../types.js";
-/**
- * Component with progress capabilities
- */
-interface ProgressEnhancedComponent {
-    element: HTMLElement;
-    icon?: IconAPI;
-    getClass: (name: string) => string;
-    progress?: ProgressComponent;
-    disabled?: {
-        enable: () => void;
-        disable: () => void;
-    };
-    lifecycle?: {
-        destroy: () => void;
-    };
-    setText?: (text: string) => unknown;
-    getText?: () => string;
-    /** The label manager withText installs; the setText/getText above only exist after withAPI. */
-    text?: {
-        setText: (text: string) => unknown;
-        getText: () => string;
-    };
-    showProgress?: () => Promise<ProgressEnhancedComponent>;
-    showProgressSync?: () => ProgressEnhancedComponent;
-    hideProgress?: () => Promise<ProgressEnhancedComponent>;
-    hideProgressSync?: () => ProgressEnhancedComponent;
-    setProgress?: (value: number) => Promise<ProgressEnhancedComponent>;
-    setProgressSync?: (value: number) => ProgressEnhancedComponent;
-    setIndeterminate?: (indeterminate: boolean) => Promise<ProgressEnhancedComponent>;
-    setIndeterminateSync?: (indeterminate: boolean) => ProgressEnhancedComponent;
-    setLoading?: (loading: boolean, text?: string) => Promise<ProgressEnhancedComponent>;
-    setLoadingSync?: (loading: boolean, text?: string) => ProgressEnhancedComponent;
-}
-/**
- * Adds progress functionality to a button component
- *
- * @param config - Button configuration with progress options
- * @returns Component enhancer function
- */
-export declare const withProgress: (config: ButtonConfig) => <C extends ProgressEnhancedComponent>(component: C) => C;
-export {};

package/dist/components/button/features/toggle.d.ts

@@ -1,43 +0,0 @@
-import { ButtonConfig } from "../types.js";
-/**
- * Toggle state manager
- * @category Components
- */
-export interface ToggleManager {
-    /** Sets the selected state */
-    setSelected: (selected: boolean) => void;
-    /** Whether the button is selected */
-    isSelected: () => boolean;
-}
-/**
- * Component with the elements the toggle feature needs
- * @internal
- */
-interface ToggleableComponent {
-    element: HTMLElement;
-    getClass: (name: string) => string;
-    emit?: (event: string, data?: unknown) => unknown;
-}
-/**
- * Component enhanced with toggle capabilities
- * @category Components
- */
-export interface ToggleComponent {
-    toggle: ToggleManager;
-}
-/**
- * Turns a button into an M3 toggle button: a click flips the selected
- * state, the element carries `aria-pressed`, and the `--toggle` and
- * `--selected` classes drive the selected colours and the shape swap.
- *
- * Emits a `change` event with `{ selected, value }` when the user toggles it;
- * `value` is the button's value, as `getValue()` returns it.
- * With `toggleOnClick: false` the click does nothing and a container
- * (button group) drives the state through `setSelected`.
- *
- * @param config - Button configuration (`toggle`, `selected`, `toggleOnClick`)
- * @returns Component enhancer
- * @category Components
- */
-export declare const withToggle: (config: ButtonConfig) => <C extends ToggleableComponent>(component: C) => C & Partial<ToggleComponent>;
-export {};

package/dist/components/button-group/config.d.ts

@@ -1,147 +0,0 @@
-import { ButtonGroupConfig, ButtonGroupVariant, ButtonGroupDensity } from "./types.js";
-/**
- * Default configuration values for button groups
- * @internal
- */
-export declare const DEFAULT_CONFIG: Partial<ButtonGroupConfig>;
-/**
- * Creates the base configuration for Button Group component
- *
- * The return type keeps what createComponentConfig guarantees: componentName
- * and prefix are always filled in, so callers building class names from them
- * do not have to treat them as missing.
- *
- * @param {ButtonGroupConfig} config - User provided configuration
- * @returns Complete configuration with defaults applied
- * @internal
- */
-export declare const createBaseConfig: (config?: ButtonGroupConfig) => Partial<ButtonGroupConfig> & {
-    componentName: string;
-    prefix: string;
-};
-/**
- * Generates element configuration for the Button Group container
- * @param {ButtonGroupConfig} config - Button Group configuration
- * @returns {Object} Element configuration object for withElement
- * @internal
- */
-export declare const getContainerConfig: (config: ButtonGroupConfig) => {
-    tag: string;
-    componentName: string;
-    attributes: {
-        role: string;
-        'aria-label': string;
-        'data-variant': ButtonGroupVariant;
-        'data-orientation': import("./types.js").ButtonGroupOrientation;
-        'data-density': ButtonGroupDensity;
-        'data-kind': import("./types.js").ButtonGroupKind;
-        'data-selection': import("./types.js").ButtonGroupSelection;
-        'data-shape': import("./types.js").ButtonGroupShape;
-        'data-size': import("./types.js").ButtonGroupSize;
-        'data-labels': import("./types.js").ButtonGroupLabels;
-    };
-    className: string[];
-    interactive: boolean;
-};
-/**
- * Size, kind and density tokens as custom properties on the container
- * (Material 3 button group specs). Density lowers the container height by
- * 4dp per step; the buttons follow the container height.
- */
-export declare const getSizeStyles: (prefix: string, size: ButtonGroupConfig["size"], kind: ButtonGroupConfig["kind"], density?: ButtonGroupDensity) => Record<string, string>;
-/**
- * Generates configuration for a button element within the group
- * @param {Object} buttonConfig - Button configuration
- * @param {number} index - Button index in the group
- * @param {number} total - Total number of buttons
- * @param {ButtonGroupConfig} groupConfig - Parent group configuration
- * @returns {Object} Button configuration with group-specific settings
- * @internal
- */
-export declare const getButtonConfig: (buttonConfig: NonNullable<ButtonGroupConfig["buttons"]>[number], index: number, total: number, groupConfig: ButtonGroupConfig) => {
-    variant: ButtonGroupVariant | undefined;
-    size: import("./types.js").ButtonGroupSize;
-    shape: import("./types.js").ButtonGroupShape;
-    disabled: boolean | undefined;
-    ripple: boolean | undefined;
-    rippleConfig: {
-        duration?: number;
-    } | undefined;
-    class: string;
-    id?: string;
-    text: string;
-    icon?: string;
-    ariaLabel?: string;
-    value?: string;
-    selectedIcon?: string;
-    selected?: boolean;
-    style?: Partial<CSSStyleDeclaration> | undefined;
-    name?: string | undefined;
-    title?: string | undefined;
-    tabIndex?: number | undefined;
-    data?: Record<string, string> | undefined;
-    role?: string | undefined;
-    ariaDescribedBy?: string | undefined;
-    ariaLabelledBy?: string | undefined;
-    ariaHidden?: boolean | undefined;
-    className?: string | string[] | undefined;
-    progress?: (import("../index.js").ProgressConfig | boolean) | undefined;
-    toggle?: boolean | undefined;
-    toggleOnClick?: boolean | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
-    prefix?: string | undefined;
-    componentName?: string | undefined;
-    parent?: (HTMLElement | string | null) | undefined;
-    iconSize?: string | undefined;
-    showProgress?: boolean | undefined;
-} | {
-    variant: ButtonGroupVariant | undefined;
-    size: import("./types.js").ButtonGroupSize;
-    shape: import("./types.js").ButtonGroupShape;
-    disabled: boolean | undefined;
-    ripple: boolean | undefined;
-    rippleConfig: {
-        duration?: number;
-    } | undefined;
-    class: string;
-    id?: string;
-    text?: undefined;
-    icon?: string;
-    ariaLabel: string;
-    value?: string;
-    selectedIcon?: string;
-    selected?: boolean;
-    style?: Partial<CSSStyleDeclaration> | undefined;
-    name?: string | undefined;
-    title?: string | undefined;
-    tabIndex?: number | undefined;
-    data?: Record<string, string> | undefined;
-    role?: string | undefined;
-    ariaDescribedBy?: string | undefined;
-    ariaLabelledBy?: string | undefined;
-    ariaHidden?: boolean | undefined;
-    className?: string | string[] | undefined;
-    progress?: (import("../index.js").ProgressConfig | boolean) | undefined;
-    toggle?: boolean | undefined;
-    toggleOnClick?: boolean | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
-    prefix?: string | undefined;
-    componentName?: string | undefined;
-    parent?: (HTMLElement | string | null) | undefined;
-    iconSize?: string | undefined;
-    showProgress?: boolean | undefined;
-};
-/**
- * Maps variant name to button variant
- * @param {ButtonGroupVariant} variant - Group variant
- * @returns {string} Button variant name
- * @internal
- */
-export declare const mapVariantToButton: (variant: ButtonGroupVariant) => string;
-/**
- * Validates button group configuration
- * @param {ButtonGroupConfig} config - Configuration to validate
- * @returns {boolean} Whether configuration is valid
- * @internal
- */
-export declare const validateConfig: (config: ButtonGroupConfig) => boolean;

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

@@ -1,24 +0,0 @@
-import { BaseComponent, CardComponent, ApiOptions } from "./types.js";
-import type { EventCallback } from "../../core/state/emitter.js";
-/**
- * Enhances a card component with API methods.
- * This follows the higher-order function pattern to add public API methods
- * to the component, making them available to the end user.
- *
- * @param {ApiOptions} options - API configuration options
- * @returns {Function} Higher-order function that adds API methods to component
- * @category Components
- */
-/**
- * The card as the pipe hands it over: the API sets `config` from the options,
- * and addClass returns the card itself once the API wraps it
- * @internal
- */
-type ComponentWithElements = Omit<BaseComponent, 'config' | 'addClass'> & {
-    addClass: (...classes: string[]) => unknown;
-    /** From withEvents in the card's pipe */
-    on: (event: string, handler: EventCallback) => unknown;
-    off: (event: string, handler: EventCallback) => unknown;
-};
-export declare const withAPI: ({ lifecycle, config }: ApiOptions) => (component: ComponentWithElements) => CardComponent;
-export {};