@mxenabled/mx-icons 1.4.0 → 1.5.0-alpha.bb1

package/README.md

@@ -42,8 +42,8 @@ There are 2 ways to utilize the icons from this library. There is a backwards co
 directly using the named icon component `<AccountBalance />`
 
 - Dependencies
-  - React 19
-  - MUI 6
+  - React 18
+  - MUI 5
 - Installing MX Icon library
   - npm `npm install @mxenabled/mx-icons`
   - yarn `yarn add @mxenabled/mx-icons`

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { default as default_2 } from 'react';
 import { IconProps as IconProps_2 } from '@mui/material';
 import { IconProps as IconProps_3 } from '@mui/material/Icon/Icon';
 import { JSX } from 'react/jsx-runtime';
@@ -218,220 +219,15 @@ export declare const HowToReg: ({ color, filled, size, sx }: MxIconProps) => JSX
 
 export declare const Icon: ({ color, fill, name, size, sx }: IconProps) => JSX.Element;
 
-export declare const IconList: {
-    account_balance: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    account_balance_wallet: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    add: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    add_box: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    add_task: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    airplane_ticket: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    airport_shuttle: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    apartment: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    apps: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    arrow_back: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    arrow_back_ios_new: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    arrow_downward_alt: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    arrow_forward_ios: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    arrow_left_alt: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    arrow_right_alt: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    arrow_upward_alt: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    article: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    atm: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    attach_money: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    bar_chart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    bid_landscape: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    block: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    bubble_chart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    build_circle: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    business_center: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    cached: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    calculate: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    calendar_month: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    call: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    call_merge: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    call_split: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    campaign: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    cancel: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    cardiology: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    category: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    celebration: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    chair: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    chat_bubble: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    check: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    check_box: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    check_box_outline_blank: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    check_circle: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    checkbook: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    checklist: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    chevron_left: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    chevron_right: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    close: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    code: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    compare_arrows: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    computer: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    content_copy: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    contract: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    cottage: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    credit_card: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    credit_score: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    currency_bitcoin: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    currency_exchange: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    dark_mode: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    dashboard: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    delete: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    description: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    desktop_windows: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    devices: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    devices_other: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    diagnosis: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    diamond: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    directions_car: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    diversity_1: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    donut_small: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    download: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    drag_handle: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    dropdown: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    ecg_heart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    edit: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    electrical_services: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    elevation: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    equal: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    error: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    euro: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    expand_all: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    expand_less: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    expand_more: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    face: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    favorite: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    featured_seasonal_and_gifts: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    feed: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    filter_alt: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    flag: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    flare: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    flowsheet: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    folder: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    format_list_bulleted: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    format_list_numbered: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    gallery_thumbnail: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    grid_view: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    grocery: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    group: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    groups: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    heap_snapshot_large: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    help: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    history: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    holiday_village: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    home: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    home_work: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    house: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    how_to_reg: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    imagesmode: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    indeterminate_check_box: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    info: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    insights: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    ios_share: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    key: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    keyboard_arrow_right: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    kitchen: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    language: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    layers: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    light_mode: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    lightbulb: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    link: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    link_off: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    local_atm: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    location_off: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    location_on: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    lock: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    login: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    logout: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    mail: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    map: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    menu: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    mobile_friendly: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    monetization_on: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    monitor_heart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    more_horiz: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    more_vert: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    mountain_flag: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    multiline_chart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    nest_clock_farsight_analog: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    note_stack: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    notifications: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    notifications_off: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    open_in_new: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    paid: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    payments: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    percent: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    person: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    person_search: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    pet_supplies: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    phone_iphone: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    photo_camera: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    pie_chart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    price_check: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    problem: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    receipt: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    receipt_long: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    redo: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    refresh: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    remove: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    replay: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    request_quote: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    rocket: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    rocket_launch: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    savings: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    schedule: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    school: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    search: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    sell: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    send: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    sentiment_dissatisfied: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    sentiment_neutral: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    sentiment_satisfied: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    sentiment_very_dissatisfied: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    sentiment_very_satisfied: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    settings: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    shapes: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    share: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    shopping_cart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    speaker_group: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    speed: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    sports_baseball: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    stadium: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    star: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    star_half: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    storefront: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    stylus: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    swap_vertical_circle: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    sync: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    sync_saved_locally: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    table_chart_view: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    terminal: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    thumb_down: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    thumb_up: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    timeline: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    today: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    trending_down: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    trending_up: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    trophy: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    tune: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    undo: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    verified_user: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    view_list: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    visibility: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    visibility_off: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    vital_signs: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    volunteer_activism: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    wall_art: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    wallet: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    warning: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
-    webhook: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+export declare const IconList: IconListType;
+
+declare type IconListType = {
+    [key: string]: default_2.FunctionComponent<MxIconProps>;
 };
 
 declare interface IconProps extends IconProps_2 {
     fill?: boolean;
-    name: keyof typeof IconList | string;
+    name: string;
     size?: number;
     weight?: number;
 }