mithril-materialized 2.0.0-beta.1 → 2.0.0-beta.11

package/dist/autocomplete.d.ts

@@ -1,6 +1,6 @@
 import { FactoryComponent } from 'mithril';
-import { InputAttributes } from './input-options';
-export interface AutoCompleteAttributes extends InputAttributes<string> {
+import { InputAttrs } from './input-options';
+export interface AutoCompleteAttrs extends InputAttrs<string> {
     /** The data object defining the autocomplete options */
     data?: Record<string, string | null>;
     /** Limit of how many options are shown. Default: Infinity */
@@ -11,4 +11,4 @@ export interface AutoCompleteAttributes extends InputAttributes<string> {
     onAutocomplete?: (value: string) => void;
 }
 /** Component to auto complete your text input - Pure Mithril implementation */
-export declare const Autocomplete: FactoryComponent<AutoCompleteAttributes>;
+export declare const Autocomplete: FactoryComponent<AutoCompleteAttrs>;

package/dist/breadcrumb.d.ts

@@ -0,0 +1,53 @@
+import { FactoryComponent, Attributes } from 'mithril';
+export interface BreadcrumbItemAttrs {
+    /** Text content of the breadcrumb item */
+    text?: string;
+    /** URL for the breadcrumb item */
+    href?: string;
+    /** Whether this item is the current/active item */
+    active?: boolean;
+    /** Click handler for the breadcrumb item */
+    onclick?: (e: Event) => void;
+    /** Icon name (material icons) */
+    icon?: string;
+    /** Custom class for the item */
+    className?: string;
+    /** Whether this item is disabled */
+    disabled?: boolean;
+}
+export interface BreadcrumbAttrs extends Attributes {
+    /** Array of breadcrumb items */
+    items: BreadcrumbItemAttrs[];
+    /** Custom separator between items */
+    separator?: string;
+    /** Custom class for the breadcrumb container */
+    className?: string;
+    /** Whether to show icons */
+    showIcons?: boolean;
+    /** Maximum number of items to show before collapsing */
+    maxItems?: number;
+    /** Whether to show home icon for first item */
+    showHome?: boolean;
+}
+/**
+ * Breadcrumb Component
+ * Displays a navigation path showing the user's location within a site hierarchy
+ */
+export declare const Breadcrumb: FactoryComponent<BreadcrumbAttrs>;
+/**
+ * Simple Breadcrumb utility for common use cases
+ */
+export declare const createBreadcrumb: (path: string, basePath?: string) => BreadcrumbItemAttrs[];
+/**
+ * Breadcrumb utilities
+ */
+export declare class BreadcrumbManager {
+    /**
+     * Create breadcrumb items from a route path
+     */
+    static fromRoute(route: string, routeConfig?: Record<string, string>): BreadcrumbItemAttrs[];
+    /**
+     * Create breadcrumb items from a hierarchical object
+     */
+    static fromHierarchy(hierarchy: any[], textKey?: string, pathKey?: string): BreadcrumbItemAttrs[];
+}

package/dist/button.d.ts

@@ -1,40 +1,85 @@
 import m, { FactoryComponent, Attributes } from 'mithril';
-export interface HtmlAttributes {
+import { MaterialPosition, IconClass, ButtonVariant } from './types';
+/**
+ * HTML attributes that can be passed to button elements
+ * @deprecated Use native HTML attributes directly instead
+ */
+export interface HtmlAttrs {
     id?: string;
     for?: string;
     placeholder?: string;
     autofocus?: boolean;
     disabled?: boolean;
-    type?: 'submit' | 'button' | 'text' | 'textarea' | 'number';
+    type?: 'submit' | 'button' | 'reset';
 }
-export interface ButtonAttributes extends Attributes {
-    /** Optional (e.g. in case you only want to use an icon) button label */
+/**
+ * Enhanced button attributes with improved TypeScript support
+ * @example
+ * ```typescript
+ * // Basic button
+ * m(Button, { label: 'Click me' })
+ *
+ * // Submit button with icon
+ * m(Button, {
+ *   variant: { type: 'submit' },
+ *   label: 'Save',
+ *   iconName: 'save',
+ *   iconClass: 'small left'
+ * })
+ *
+ * // Modal trigger button
+ * m(Button, {
+ *   variant: { type: 'modal', modalId: 'my-modal' },
+ *   label: 'Open Modal'
+ * })
+ * ```
+ */
+export interface ButtonAttrs extends Attributes {
+    /** Button label text (optional for icon-only buttons) */
     label?: string;
-    /** Optional icon material-icons name, @see https://materializecss.com/icons.html */
+    /** Material icon name - see https://materializecss.com/icons.html */
     iconName?: string;
-    /** Optional icon class, e.g. tiny (1em), small (2em), medium (4em), large (6em), or 'tiny right' */
-    iconClass?: string;
     /**
-     * If the button is intended to open a modal, specify its modal id so we can trigger it,
-     * @see https://materializecss.com/modals.html
+     * Icon size and position class
+     * @example 'small', 'medium left', 'large right'
+     */
+    iconClass?: IconClass;
+    /**
+     * Button behavior variant - determines button type and behavior
+     * @example
+     * { type: 'button' } - Standard button
+     * { type: 'submit' } - Form submit button
+     * { type: 'modal', modalId: 'my-modal' } - Modal trigger
+     * { type: 'reset' } - Form reset button
+     */
+    variant?: ButtonVariant;
+    /**
+     * @deprecated Use variant instead
+     * If the button is intended to open a modal, specify its modal id so we can trigger it
      */
     modalId?: string;
-    /** Some additional HTML attributes that can be attached to the button */
-    attr?: HtmlAttributes;
-    /** Optional text-based tooltip, @see https://materializecss.com/tooltips.html */
+    /**
+     * @deprecated Use native HTML attributes directly instead
+     * Some additional HTML attributes that can be attached to the button
+     */
+    attr?: HtmlAttrs;
+    /** Tooltip text to display on hover */
     tooltip?: string;
-    /** Optional location for the tooltip */
-    tooltipPostion?: 'top' | 'bottom' | 'left' | 'right';
+    /**
+     * Tooltip position
+     * @fixed typo: tooltipPostion -> tooltipPosition
+     */
+    tooltipPosition?: MaterialPosition;
 }
 /**
  * A factory to create new buttons.
  *
  * @example FlatButton = ButtonFactory('a.waves-effect.waves-teal.btn-flat');
  */
-export declare const ButtonFactory: (element: string, defaultClassNames: string, type?: string) => FactoryComponent<ButtonAttributes>;
-export declare const Button: m.FactoryComponent<ButtonAttributes>;
-export declare const LargeButton: m.FactoryComponent<ButtonAttributes>;
-export declare const SmallButton: m.FactoryComponent<ButtonAttributes>;
-export declare const FlatButton: m.FactoryComponent<ButtonAttributes>;
-export declare const RoundIconButton: m.FactoryComponent<ButtonAttributes>;
-export declare const SubmitButton: m.FactoryComponent<ButtonAttributes>;
+export declare const ButtonFactory: (element: string, defaultClassNames: string, type?: string) => FactoryComponent<ButtonAttrs>;
+export declare const Button: m.FactoryComponent<ButtonAttrs>;
+export declare const LargeButton: m.FactoryComponent<ButtonAttrs>;
+export declare const SmallButton: m.FactoryComponent<ButtonAttrs>;
+export declare const FlatButton: m.FactoryComponent<ButtonAttrs>;
+export declare const RoundIconButton: m.FactoryComponent<ButtonAttrs>;
+export declare const SubmitButton: m.FactoryComponent<ButtonAttrs>;

package/dist/carousel.d.ts

@@ -25,7 +25,7 @@ export interface CarouselOptions {
     /** Don't wrap around and cycle through items */
     noWrap?: boolean;
 }
-export interface CarouselAttributes extends CarouselOptions, Attributes {
+export interface CarouselAttrs extends CarouselOptions, Attributes {
     /** The list of images */
     items: CarouselItem[];
     /** Called when carousel item changes */
@@ -35,4 +35,4 @@ export interface CarouselAttributes extends CarouselOptions, Attributes {
  * Materialize CSS Carousel component with dynamic positioning
  * Port of the original MaterializeCSS carousel logic
  */
-export declare const Carousel: FactoryComponent<CarouselAttributes>;
+export declare const Carousel: FactoryComponent<CarouselAttrs>;

package/dist/chip.d.ts

@@ -7,7 +7,7 @@ export interface ChipData {
 export interface AutocompleteOption extends ChipData {
     value?: string;
 }
-export interface ChipsAttributes {
+export interface ChipsAttrs {
     id?: string;
     data?: ChipData[];
     placeholder?: string;
@@ -28,4 +28,4 @@ export interface ChipsAttributes {
     onChipDelete?: (chip: ChipData) => void;
     onChipSelect?: (chip: ChipData) => void;
 }
-export declare const Chips: m.FactoryComponent<ChipsAttributes>;
+export declare const Chips: m.FactoryComponent<ChipsAttrs>;

package/dist/code-block.d.ts

@@ -1,8 +1,8 @@
 import { FactoryComponent, Attributes } from 'mithril';
-export interface CodeBlockAttributes extends Attributes {
+export interface CodeBlockAttrs extends Attributes {
     language?: string;
     code: string | string[];
     newRow?: boolean;
 }
 /** A simple code block without syntax high-lighting */
-export declare const CodeBlock: FactoryComponent<CodeBlockAttributes>;
+export declare const CodeBlock: FactoryComponent<CodeBlockAttrs>;

package/dist/collapsible.d.ts

@@ -9,7 +9,7 @@ export interface CollapsibleItem extends Attributes {
     /** Add an material icon in front of the header. */
     iconName?: string;
 }
-export interface CollapsibleAttributes extends Attributes {
+export interface CollapsibleAttrs extends Attributes {
     /** The list of accordeon/collabsible items */
     items: CollapsibleItem[];
     /** If true, only one item can be expanded at a time (accordion mode) */
@@ -23,4 +23,4 @@ export declare const CollapsibleItem: FactoryComponent<CollapsibleItem & {
  * Creates a collabsible or accordion component with pure CSS/Mithril implementation.
  * No MaterializeCSS JavaScript dependencies.
  */
-export declare const Collapsible: FactoryComponent<CollapsibleAttributes>;
+export declare const Collapsible: FactoryComponent<CollapsibleAttrs>;

package/dist/collection.d.ts

@@ -26,7 +26,7 @@ export interface CollectionItem {
     /** Any other virtual element properties, including attributes and event handlers. */
     [property: string]: any;
 }
-export interface CollectionAttributes extends Attributes {
+export interface CollectionAttrs extends Attributes {
     /** Optional header */
     header?: string;
     /** The list of items */
@@ -46,4 +46,4 @@ export declare const AnchorItem: FactoryComponent<{
  * Creates a Collection of items, optionally containing links, headers, secondary content or avatars.
  * @see https://materializecss.com/collections.html
  */
-export declare const Collection: FactoryComponent<CollectionAttributes>;
+export declare const Collection: FactoryComponent<CollectionAttrs>;