@mxenabled/mx-icons 0.1.0

package/README.md

@@ -0,0 +1,50 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default tseslint.config({
+  languageOptions: {
+    // other options...
+    parserOptions: {
+      project: ['./tsconfig.node.json', './tsconfig.app.json'],
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
+```
+
+- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
+- Optionally add `...tseslint.configs.stylisticTypeChecked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
+
+```js
+// eslint.config.js
+import react from 'eslint-plugin-react'
+
+export default tseslint.config({
+  // Set the react version
+  settings: { react: { version: '18.3' } },
+  plugins: {
+    // Add the react plugin
+    react,
+  },
+  rules: {
+    // other rules...
+    // Enable its recommended rules
+    ...react.configs.recommended.rules,
+    ...react.configs['jsx-runtime'].rules,
+  },
+})
+```

package/dist/index.d.ts

@@ -0,0 +1,209 @@
+import { IconProps as IconProps_2 } from '@mui/material';
+import { IconProps as IconProps_3 } from '@mui/material/Icon/Icon';
+import { JSX } from 'react/jsx-runtime';
+
+export declare const AccountBalance: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Add: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const AddBox: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const ArrowBack: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Article: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const BarChart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const BidLandscape: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const BubbleChart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const CalendarMonth: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const CallSplit: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Cancel: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Cardiology: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Chair: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Checkbook: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const CheckCircle: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const ChevronLeft: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const ChevronRight: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Close: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Computer: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const CreditCard: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const CurrencyExchange: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const DarkMode: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Delete: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Diamond: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const DirectionsCar: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Edit: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Equal: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Error: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const ExpandLess: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const ExpandMore: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const FilterAlt: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Flag: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Flare: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const FormatListBulleted: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const HomeWork: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const House: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Icon: ({ color, fill, name, size, sx }: IconProps) => JSX.Element;
+
+declare const IconList: {
+    account_balance: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    add: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    add_box: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    arrow_back: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    article: ({ 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;
+    bubble_chart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    calendar_month: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    call_split: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    cancel: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    cardiology: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    chair: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    check_circle: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    checkbook: ({ 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;
+    computer: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    credit_card: ({ 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;
+    delete: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    diamond: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    directions_car: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    edit: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    equal: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    error: ({ 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;
+    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;
+    format_list_bulleted: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    home_work: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    house: ({ 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;
+    light_mode: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    menu: ({ 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;
+    notifications: ({ 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;
+    photo_camera: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    remove: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    savings: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    search: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    sell: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    settings: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    sports_baseball: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    sync: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    table_chart_view: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    trending_up: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    visibility: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    visibility_off: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    wall_art: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    wallet: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+};
+
+declare interface IconProps extends IconProps_2 {
+    fill?: boolean;
+    name: keyof typeof IconList;
+    size?: number;
+    weight?: number;
+}
+
+export declare const IosShare: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Key: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const KeyboardArrowRight: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Kitchen: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const LightMode: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Menu: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const MonetizationOn: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const MonitorHeart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+/**
+ * @filled - Use filled variant if true
+ * @size - The size of the icon
+ */
+declare interface MxIconProps extends IconProps_3 {
+    filled?: boolean;
+    size?: number;
+}
+
+export declare const Notifications: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const OpenInNew: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Paid: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const PhotoCamera: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Remove: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Savings: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Search: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Sell: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Settings: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const SportsBaseball: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Sync: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const TableChartView: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const TrendingUp: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Visibility: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const VisibilityOff: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const WallArt: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Wallet: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export { }