mithril-materialized 1.4.2 → 2.0.0-beta.1

package/dist/input-options.d.ts

@@ -1,5 +1,5 @@
 import { Attributes } from 'mithril';
-export interface IInputOptions<T = string> extends Attributes {
+export interface InputAttributes<T = string> extends Attributes {
     /** Optional label. */
     label?: string;
     /** Optional ID. */
@@ -38,6 +38,8 @@ export interface IInputOptions<T = string> extends Attributes {
     /** Invoked when the element looses focus */
     onblur?: (ev: FocusEvent) => void;
     /** Invoked when the value changes. */
+    oninput?: (value: T) => void;
+    /** Invoked when the input looses focus. */
     onchange?: (value: T) => void;
     /** Add a a placeholder to the input field. */
     placeholder?: string;

package/dist/input.d.ts

@@ -1,24 +1,29 @@
 import m, { FactoryComponent, Attributes } from 'mithril';
-import { IInputOptions } from './input-options';
-import './styles/input.css';
+import { InputAttributes } from './input-options';
+/** Character counter component that tracks text length against maxLength */
+export declare const CharacterCounter: FactoryComponent<{
+    currentLength: number;
+    maxLength: number;
+    show: boolean;
+}>;
 /** Create a TextArea */
-export declare const TextArea: FactoryComponent<IInputOptions<string>>;
+export declare const TextArea: FactoryComponent<InputAttributes<string>>;
 export type InputType = 'url' | 'color' | 'text' | 'number' | 'email' | 'range' | 'password';
 /** Component for entering some text */
-export declare const TextInput: m.FactoryComponent<IInputOptions<string>>;
+export declare const TextInput: m.FactoryComponent<InputAttributes<string>>;
 /** Component for entering a password */
-export declare const PasswordInput: m.FactoryComponent<IInputOptions<string>>;
+export declare const PasswordInput: m.FactoryComponent<InputAttributes<string>>;
 /** Component for entering a number */
-export declare const NumberInput: m.FactoryComponent<IInputOptions<number>>;
+export declare const NumberInput: m.FactoryComponent<InputAttributes<number>>;
 /** Component for entering a URL */
-export declare const UrlInput: m.FactoryComponent<IInputOptions<string>>;
+export declare const UrlInput: m.FactoryComponent<InputAttributes<string>>;
 /** Component for entering a color */
-export declare const ColorInput: m.FactoryComponent<IInputOptions<string>>;
+export declare const ColorInput: m.FactoryComponent<InputAttributes<string>>;
 /** Component for entering a range */
-export declare const RangeInput: m.FactoryComponent<IInputOptions<number>>;
+export declare const RangeInput: m.FactoryComponent<InputAttributes<number>>;
 /** Component for entering an email */
-export declare const EmailInput: m.FactoryComponent<IInputOptions<string>>;
-export interface IFileInputOptions extends Attributes {
+export declare const EmailInput: m.FactoryComponent<InputAttributes<string>>;
+export interface FileInputAttrs extends Attributes {
     /** Displayed on the button, @default File */
     label?: string;
     /** Current value of the file input, write only */
@@ -39,4 +44,4 @@ export interface IFileInputOptions extends Attributes {
     accept?: string | string[];
 }
 /** Component for uploading a file */
-export declare const FileInput: FactoryComponent<IFileInputOptions>;
+export declare const FileInput: FactoryComponent<FileInputAttrs>;

package/dist/label.d.ts

@@ -1,7 +1,6 @@
 import { FactoryComponent, Component, Attributes } from 'mithril';
-import './styles/input.css';
 export declare const Mandatory: Component;
-export interface IMaterialLabel extends Attributes {
+export interface LabelAttributes extends Attributes {
     /** Optional title/label */
     label?: string;
     /** Optional ID */
@@ -12,11 +11,11 @@ export interface IMaterialLabel extends Attributes {
     isActive?: boolean | string;
 }
 /** Simple label element, used for most components. */
-export declare const Label: FactoryComponent<IMaterialLabel>;
-export interface IHelperTextOptions extends Attributes {
+export declare const Label: FactoryComponent<LabelAttributes>;
+export interface HelperTextOptions extends Attributes {
     helperText?: string;
     dataError?: string;
     dataSuccess?: string;
 }
 /** Create a helper text, often used for displaying a small help text. May be replaced by the validation message. */
-export declare const HelperText: FactoryComponent<IHelperTextOptions>;
+export declare const HelperText: FactoryComponent<HelperTextOptions>;

package/dist/material-box.d.ts

@@ -1,7 +1,23 @@
 import { FactoryComponent, Attributes } from 'mithril';
-export interface IMaterialBox extends Partial<M.MaterialboxOptions>, Attributes {
+export interface MaterialBoxOptions {
+    /** Animation duration in ms */
+    inDuration?: number;
+    /** Animation duration in ms for closing */
+    outDuration?: number;
+    /** Callback when materialbox is opened */
+    onOpenStart?: () => void;
+    /** Callback when materialbox is closed */
+    onCloseStart?: () => void;
+    /** Callback when materialbox opening animation is complete */
+    onOpenEnd?: () => void;
+    /** Callback when materialbox closing animation is complete */
+    onCloseEnd?: () => void;
+}
+export interface MaterialBoxAttributes extends MaterialBoxOptions, Attributes {
     /** Source image path */
     src: string;
+    /** Alt text for the image */
+    alt?: string;
     /**
      * Width of the image
      * @default undefined
@@ -12,9 +28,11 @@ export interface IMaterialBox extends Partial<M.MaterialboxOptions>, Attributes
      * @default undefined
      */
     height?: number;
+    /** Caption for the image overlay */
+    caption?: string;
 }
 /**
- * Create an image box, that, when clicked upon, fills the screen.
- * @see https://materializecss.com/media.html
+ * Pure TypeScript MaterialBox - creates an image lightbox that fills the screen when clicked
+ * No MaterializeCSS dependencies
  */
-export declare const MaterialBox: FactoryComponent<IMaterialBox>;
+export declare const MaterialBox: FactoryComponent<MaterialBoxAttributes>;

package/dist/material-icon.d.ts

@@ -0,0 +1,14 @@
+import { FactoryComponent, Attributes } from 'mithril';
+declare const iconPaths: {
+    readonly caret: readonly ["M7 10l5 5 5-5z", "M0 0h24v24H0z"];
+    readonly close: readonly ["M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 0 0 5.7 7.11L10.59 12l-4.89 4.89a1 1 0 1 0 1.41 1.41L12 13.41l4.89 4.89a1 1 0 0 0 1.41-1.41L13.41 12l4.89-4.89a1 1 0 0 0 0-1.4z", "M0 0h24v24H0z"];
+};
+type IconName = keyof typeof iconPaths;
+export interface MaterialIconAttrs extends Attributes {
+    name: IconName;
+    direction?: 'up' | 'down' | 'left' | 'right';
+    style?: Record<string, string>;
+    onclick?: (e: MouseEvent) => void;
+}
+export declare const MaterialIcon: FactoryComponent<MaterialIconAttrs>;
+export {};

package/dist/modal.d.ts

@@ -1,5 +1,9 @@
 import { FactoryComponent, Vnode, Attributes } from 'mithril';
-export interface IMaterialModal extends Attributes {
+export interface ModalState {
+    isOpen: boolean;
+    id: string;
+}
+export interface ModalAttributes extends Attributes {
     id: string;
     title: string;
     description?: string | Vnode<any, any>;
@@ -9,17 +13,29 @@ export interface IMaterialModal extends Attributes {
     fixedFooter?: boolean;
     /** Display on the bottom */
     bottomSheet?: boolean;
-    /** Materialize css' modal options */
-    options?: Partial<M.ModalOptions>;
     /** Menu buttons, from left to right */
     buttons?: Array<{
         label: string;
         iconName?: string;
         disabled?: boolean;
         onclick?: (e: UIEvent) => void;
+        className?: string;
     }>;
-    /** Get the modal instance, so you can control it programmatically */
-    onCreate?: (modal: M.Modal) => void;
+    /** Control modal visibility externally */
+    isOpen?: boolean;
+    /** Called when modal should be opened/closed */
+    onToggle?: (open: boolean) => void;
+    /** Called when modal is closed */
+    onClose?: () => void;
+    /** Show close button in top right */
+    showCloseButton?: boolean;
+    /** Close modal when clicking backdrop */
+    closeOnBackdropClick?: boolean;
+    /** Close modal when pressing escape key */
+    closeOnEsc?: boolean;
 }
-/** Builds a modal panel, which can be triggered using its id */
-export declare const ModalPanel: FactoryComponent<IMaterialModal>;
+/**
+ * CSS-only Modal Panel component - no JavaScript dependencies
+ * Uses modern CSS techniques for modal functionality
+ */
+export declare const ModalPanel: FactoryComponent<ModalAttributes>;

package/dist/option.d.ts

@@ -1,5 +1,5 @@
 import { Vnode, FactoryComponent, Attributes, Component } from 'mithril';
-export interface IInputCheckbox extends Attributes {
+export interface InputCheckboxAttributes extends Attributes {
     /** Optional event handler when a checkbox is clicked */
     onchange?: (checked: boolean) => void;
     /** Label of the checkbox, can be a string or Vnode */
@@ -8,10 +8,12 @@ export interface IInputCheckbox extends Attributes {
     checked?: boolean;
     /** If true, the checkbox is disabled */
     disabled?: boolean;
+    /** Optional input id for the checkbox */
+    inputId?: string;
 }
 /** Component to show a check box */
-export declare const InputCheckbox: FactoryComponent<IInputCheckbox>;
-export interface IInputOption<T extends string | number> {
+export declare const InputCheckbox: FactoryComponent<InputCheckboxAttributes>;
+export interface InputOption<T extends string | number> {
     /** Option ID */
     id: T;
     /** Displayed label */
@@ -29,20 +31,15 @@ export interface IInputOption<T extends string | number> {
     /** Optional description */
     description?: string;
 }
-export interface IOptions<T extends string | number> extends Attributes {
+export interface OptionsAttributes<T extends string | number> extends Attributes {
     /** Element ID */
     id?: string;
     /** Optional title or label */
     label?: string;
     /** The options that you have */
-    options: IInputOption<T>[];
+    options: InputOption<T>[];
     /** Event handler that is called when an option is changed */
     onchange?: (checkedId: T[]) => void;
-    /**
-     * Selected id or ids (in case of multiple options)
-     * @deprecated Please use initialValue instead
-     */
-    checkedId?: T | T[];
     /** Selected id or ids (in case of multiple options) */
     initialValue?: T | T[];
     /** Optional description */
@@ -55,6 +52,10 @@ export interface IOptions<T extends string | number> extends Attributes {
     isMandatory?: boolean;
     /** If true, disable the options. */
     disabled?: boolean;
+    /** Layout for the options: 'vertical' (default) or 'horizontal' */
+    layout?: 'vertical' | 'horizontal';
+    /** If true, show select all/none buttons */
+    showSelectAll?: boolean;
 }
 /** A list of checkboxes */
-export declare const Options: <T extends string | number>() => Component<IOptions<T>>;
+export declare const Options: <T extends string | number>() => Component<OptionsAttributes<T>>;

package/dist/pagination.d.ts

@@ -1,13 +1,9 @@
-import { FactoryComponent, Attributes, Vnode } from 'mithril';
-export interface IInternalPaginationOption extends IPaginationOption {
-    active?: boolean;
-    title: number | Vnode<any, any>;
-}
-export interface IPaginationOption extends Attributes {
+import { FactoryComponent, Attributes } from 'mithril';
+export interface PaginationItem extends Attributes {
     href: string;
     disabled?: boolean;
 }
-export interface IPaginationOptions extends Attributes {
+export interface PaginationAttributes extends Attributes {
     /**
      * How many items do we show
      * @default 9 or items.length, whatever is the smallest
@@ -15,6 +11,6 @@ export interface IPaginationOptions extends Attributes {
     size?: number;
     /** The active page index */
     curPage?: number;
-    items: IPaginationOption[];
+    items: PaginationItem[];
 }
-export declare const Pagination: FactoryComponent<IPaginationOptions>;
+export declare const Pagination: FactoryComponent<PaginationAttributes>;

package/dist/parallax.d.ts

@@ -1,12 +1,14 @@
 import { FactoryComponent, Attributes } from 'mithril';
-export interface IParallax extends Partial<M.ParallaxOptions>, Attributes {
+export interface ParallaxAttributes extends Attributes {
+    /** Enable responsive parallax (disable on mobile for performance) */
+    responsiveThreshold?: number;
     /** Image source */
     src: string;
+    /** Alt text for the image */
+    alt?: string;
 }
 /**
- * Parallax component:
- * Parallax is an effect where the background content or image in this case,
- * is moved at a different speed than the foreground content while scrolling.
- * @see https://materializecss.com/parallax.html
+ * MaterializeCSS Parallax component with dynamic positioning
+ * Port of the original MaterializeCSS parallax logic
  */
-export declare const Parallax: FactoryComponent<IParallax>;
+export declare const Parallax: FactoryComponent<ParallaxAttributes>;

package/dist/pickers.d.ts

@@ -1,6 +1,130 @@
 import { FactoryComponent } from 'mithril';
-import { IInputOptions } from './input-options';
-/** Component to pick a date */
-export declare const DatePicker: FactoryComponent<IInputOptions<Date> & Partial<M.DatepickerOptions>>;
-/** Component to pick a time */
-export declare const TimePicker: FactoryComponent<IInputOptions & Partial<M.TimepickerOptions>>;
+import { InputAttributes } from './input-options';
+export interface DatePickerI18n {
+    cancel?: string;
+    clear?: string;
+    done?: string;
+    previousMonth?: string;
+    nextMonth?: string;
+    months?: string[];
+    monthsShort?: string[];
+    weekdays?: string[];
+    weekdaysShort?: string[];
+    weekdaysAbbrev?: string[];
+}
+export interface DatePickerOptions {
+    /** Close when date is selected */
+    autoClose?: boolean;
+    /** The default output format for the input field value */
+    format?: string;
+    /** Custom parse function */
+    parse?: (dateString: string, format: string) => Date | null;
+    /** The initial date to view when first opened */
+    defaultDate?: Date;
+    /** Make the defaultDate the initial selected value */
+    setDefaultDate?: boolean;
+    /** Disable weekends */
+    disableWeekends?: boolean;
+    /** Custom function to disable specific days */
+    disableDayFn?: (date: Date) => boolean;
+    /** First day of week (0: Sunday, 1: Monday etc) */
+    firstDay?: number;
+    /** The earliest date that can be selected */
+    minDate?: Date;
+    /** The latest date that can be selected */
+    maxDate?: Date;
+    /** Number of years either side, or array of upper/lower range */
+    yearRange?: number | number[];
+    /** Show clear button */
+    showClearBtn?: boolean;
+    /** Internationalization */
+    i18n?: DatePickerI18n;
+    /** Callback when date is selected */
+    onSelect?: (date: Date) => void;
+    /** Callback when picker is opened */
+    onOpen?: () => void;
+    /** Callback when picker is closed */
+    onClose?: () => void;
+}
+export interface DatePickerAttributes extends InputAttributes<string>, DatePickerOptions {
+    /** Date format attribute (alternative to format property) */
+    format?: string;
+    /** Year range attribute (alternative to yearRange property) */
+    yearrange?: string;
+    /** Legacy: Date label (use label instead) */
+    dateLabel?: string;
+    /** Legacy: Display format (use format instead) */
+    displayFormat?: string;
+}
+/**
+ * Enhanced DatePicker component based on Materialize CSS datepicker
+ */
+export declare const DatePicker: FactoryComponent<DatePickerAttributes>;
+export interface TimePickerI18n {
+    /** Label for time field */
+    timeLabel?: string;
+    /** Helper text showing format */
+    helperText?: string;
+    /** Now button text */
+    nowLabel?: string;
+    /** Clear button text */
+    clearLabel?: string;
+    /** Close button text */
+    closeLabel?: string;
+    /** Icon for time input */
+    iconName?: string;
+    /** AM label for 12-hour format */
+    amLabel?: string;
+    /** PM label for 12-hour format */
+    pmLabel?: string;
+    /** Toggle 12h/24h button text */
+    toggleFormatLabel?: string;
+}
+export interface TimePickerFormat {
+    /** Use 12-hour format */
+    twelveHour?: boolean;
+    /** Allow user to toggle between 12h/24h format */
+    allowFormatToggle?: boolean;
+}
+export interface TimePickerOptions extends TimePickerI18n, TimePickerFormat {
+    /** Show clear button */
+    showClearBtn?: boolean;
+    /** Show now button */
+    showNowBtn?: boolean;
+    /** Use modal for time selection (default: true) */
+    useModal?: boolean;
+    /** Disabled state - prevents all interaction */
+    disabled?: boolean;
+    /** Readonly state - shows value but prevents editing */
+    readonly?: boolean;
+    /**
+     * Default time to revert to when field is cleared (optional).
+     * Note: Use initialValue (from InputOptions) to set the current/initial value of the field.
+     * defaultTime is only used as a fallback when the user clears the field and you want to provide a default.
+     */
+    defaultTime?: string;
+    /** Auto close picker after selection */
+    autoClose?: boolean;
+    /** Callback when time is selected */
+    onSelect?: (hours: number, minutes: number) => void;
+    /** Callback when picker is opened */
+    onOpen?: () => void;
+    /** Callback when picker is closed */
+    onClose?: () => void;
+    /** Input handler - fires on every change */
+    oninput?: (value: string) => void;
+    /** Change handler for the time value (24h format) - fires on blur/focus loss */
+    onchange?: (value: string) => void;
+}
+export interface TimePickerAttributes extends InputAttributes<string>, TimePickerOptions {
+}
+/**
+ * Enhanced TimePicker component with i18n support and improved functionality.
+ *
+ * Usage:
+ * - Use `initialValue` to set the current/initial time value (24h format: "HH:MM")
+ * - Use `defaultTime` only if you need a fallback when the field is cleared
+ * - The component accepts and outputs 24-hour format strings ("HH:MM")
+ * - Display format (12h/24h) is controlled by the `twelveHour` property
+ */
+export declare const TimePicker: FactoryComponent<TimePickerAttributes>;

package/dist/radio.d.ts

@@ -1,12 +1,12 @@
 import { Attributes, Component } from 'mithril';
-import { IInputOption } from './option';
-export interface IRadioButtons<T extends string | number> extends Attributes {
+import { InputOption } from './option';
+export interface RadioButtonsAttributes<T extends string | number> extends Attributes {
     /** Element ID */
     id?: string;
     /** Optional title or label */
     label?: string;
     /** The options that you have */
-    options: IInputOption<T>[];
+    options: InputOption<T>[];
     /** Event handler that is called when an option is changed */
     onchange: (id: T) => void;
     /** Selected id (in oninit lifecycle) */
@@ -23,15 +23,19 @@ export interface IRadioButtons<T extends string | number> extends Attributes {
     checkboxClass?: string;
     /** Disable the button */
     disabled?: boolean;
+    /** Layout for the options: 'vertical' (default) or 'horizontal' */
+    layout?: 'vertical' | 'horizontal';
 }
-export interface IRadioButton<T extends string | number> extends Attributes {
+export interface RadioButtonAttributes<T extends string | number> extends Attributes {
     id: T;
     checked?: boolean;
     onchange: (id: T) => void;
     label: string;
     groupId: string;
     disabled?: boolean;
+    /** Optional input id for the radio button */
+    inputId?: string;
 }
-export declare const RadioButton: <T extends string | number>() => Component<IRadioButton<T>>;
+export declare const RadioButton: <T extends string | number>() => Component<RadioButtonAttributes<T>>;
 /** Component to show a list of radio buttons, from which you can choose one. */
-export declare const RadioButtons: <T extends string | number>() => Component<IRadioButtons<T>>;
+export declare const RadioButtons: <T extends string | number>() => Component<RadioButtonsAttributes<T>>;

package/dist/search-select.d.ts

@@ -4,7 +4,7 @@ export interface Option<T extends string | number> {
     label?: string;
     disabled?: boolean;
 }
-export interface SearchSelectAttrs<T extends string | number> extends Attributes {
+export interface SearchSelectAttributes<T extends string | number> extends Attributes {
     /** Options to display in the select */
     options?: Option<T>[];
     /** Initial value */
@@ -37,5 +37,5 @@ interface SearchSelectState<T extends string | number> {
 /**
  * Mithril Factory Component for Multi-Select Dropdown with search
  */
-export declare const SearchSelect: <T extends string | number>() => Component<SearchSelectAttrs<T>, SearchSelectState<T>>;
+export declare const SearchSelect: <T extends string | number>() => Component<SearchSelectAttributes<T>, SearchSelectState<T>>;
 export {};

package/dist/select.d.ts

@@ -1,8 +1,8 @@
 import { Attributes, Component } from 'mithril';
-import { IInputOption } from './option';
-export interface ISelectOptions<T extends string | number> extends Attributes, Partial<M.FormSelectOptions> {
+import { InputOption } from './option';
+export interface SelectAttributes<T extends string | number> extends Attributes {
     /** Options to select from */
-    options: IInputOption<T>[];
+    options: InputOption<T>[];
     /** Called when the value is changed, either contains a single or all selected (checked) ids */
     onchange: (checkedIds: T[]) => void;
     /**
@@ -42,5 +42,5 @@ export interface ISelectOptions<T extends string | number> extends Attributes, P
     /** Enable the clear icon */
     showClearButton?: boolean;
 }
-/** Component to select from a list of values in a dropdowns */
-export declare const Select: <T extends string | number>() => Component<ISelectOptions<T>>;
+/** Select component */
+export declare const Select: <T extends string | number>() => Component<SelectAttributes<T>>;

package/dist/switch.d.ts

@@ -1,13 +1,12 @@
 import { FactoryComponent } from 'mithril';
-import { IInputOptions } from './input-options';
-import './styles/switch.css';
-export interface ISwitchOptions extends Partial<IInputOptions<boolean>> {
+import { InputAttributes } from './input-options';
+export interface SwitchOptions extends Partial<InputAttributes<boolean>> {
     /** Left text label */
     left?: string;
     /** Right text label */
     right?: string;
-    /** If checked is true, the switch is set in the right position. */
+    /** If checked is true, the switch is set in the right position. Only processed in oninit. */
     checked?: boolean;
 }
 /** Component to display a switch with two values. */
-export declare const Switch: FactoryComponent<ISwitchOptions>;
+export declare const Switch: FactoryComponent<SwitchOptions>;

package/dist/tabs.d.ts

@@ -7,7 +7,7 @@ import { Vnode, FactoryComponent, Attributes } from 'mithril';
  * - _top: Opens the linked document in the full body of the window
  */
 export type AnchorTarget = '_blank' | '_self' | '_parent' | '_top';
-export interface ITabItem {
+export interface TabItem {
     /** Title of the tab */
     title: string;
     /** Vnode to render: may be empty in case of a using the tab as a hyperlink. */
@@ -30,8 +30,18 @@ export interface ITabItem {
     /** Only used in combination with a set target to make the tab act as a regular hyperlink. */
     href?: string;
 }
-export interface ITabs extends Partial<M.TabsOptions>, Attributes {
-    /** Selected tab id */
+export interface TabsOptions {
+    /** Duration of tab change animation in ms */
+    duration?: number;
+    /** Called when a tab is shown */
+    onShow?: (tab: HTMLElement) => void;
+    /** The maximum width at which tabs switch to swipeable mode */
+    responsiveThreshold?: number;
+    /** Enable swiping between tabs on mobile */
+    swipeable?: boolean;
+}
+export interface TabsAttributes extends TabsOptions, Attributes {
+    /** Selected tab id, takes precedence over tab.active property */
     selectedTabId?: string;
     /**
      * Tab width, can be `auto` to use the width of the title,
@@ -39,6 +49,9 @@ export interface ITabs extends Partial<M.TabsOptions>, Attributes {
      */
     tabWidth?: 'auto' | 'fixed' | 'fill';
     /** List of tab items */
-    tabs: ITabItem[];
+    tabs: TabItem[];
+    /** Callback when tab changes */
+    onTabChange?: (tabId: string) => void;
 }
-export declare const Tabs: FactoryComponent<ITabs>;
+/** CSS-only Tabs component - no MaterializeCSS dependencies */
+export declare const Tabs: FactoryComponent<TabsAttributes>;

package/dist/utils.d.ts

@@ -24,3 +24,20 @@ export declare const isNumeric: (n: string | number) => boolean;
  * @returns
  */
 export declare const padLeft: (n: string | number, width?: number, z?: string) => string;
+export declare const getDropdownStyles: (inputRef?: HTMLElement | null, overlap?: boolean, options?: {
+    /** ID property of the selected item */
+    id?: string | number;
+    /** Label to show in the dropdown */
+    label?: string;
+    /** Optional group  */
+    group?: string;
+    /** Can we select the item */
+    disabled?: boolean;
+    /** Add a divider */
+    divider?: boolean;
+}[], isDropDown?: boolean) => any;
+/**
+ * Generate a range of numbers from a to and including b, i.e. [a, b]
+ * @example: console.log(range(5, 10)); // [5, 6, 7, 8, 9, 10]
+ */
+export declare const range: (a: number, b: number) => number[];