@dongnae/material-symbols-react 2.0.0 → 2.0.2

package/dist/esm/FormatBold.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatBold = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatBold`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatBold.js')
+            : import('./outlined/FormatBold.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatBold.js')
+            : import('./rounded/FormatBold.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatBold.js')
+        : import('./sharp/FormatBold.js');
+};
+const FormatBold = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatBold, FormatBold as default };

package/dist/esm/FormatClear.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatClear = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatClear`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatClear.js')
+            : import('./outlined/FormatClear.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatClear.js')
+            : import('./rounded/FormatClear.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatClear.js')
+        : import('./sharp/FormatClear.js');
+};
+const FormatClear = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatClear, FormatClear as default };

package/dist/esm/FormatColorFill.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatColorFill = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatColorFill`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatColorFill.js')
+            : import('./outlined/FormatColorFill.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatColorFill.js')
+            : import('./rounded/FormatColorFill.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatColorFill.js')
+        : import('./sharp/FormatColorFill.js');
+};
+const FormatColorFill = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatColorFill, FormatColorFill as default };

package/dist/esm/FormatColorReset.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatColorReset = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatColorReset`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatColorReset.js')
+            : import('./outlined/FormatColorReset.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatColorReset.js')
+            : import('./rounded/FormatColorReset.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatColorReset.js')
+        : import('./sharp/FormatColorReset.js');
+};
+const FormatColorReset = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatColorReset, FormatColorReset as default };

package/dist/esm/FormatColorText.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatColorText = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatColorText`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatColorText.js')
+            : import('./outlined/FormatColorText.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatColorText.js')
+            : import('./rounded/FormatColorText.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatColorText.js')
+        : import('./sharp/FormatColorText.js');
+};
+const FormatColorText = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatColorText, FormatColorText as default };

package/dist/esm/FormatHFive.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatHFive = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatHFive`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatHFive.js')
+            : import('./outlined/FormatHFive.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatHFive.js')
+            : import('./rounded/FormatHFive.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatHFive.js')
+        : import('./sharp/FormatHFive.js');
+};
+const FormatHFive = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatHFive, FormatHFive as default };

package/dist/esm/FormatHFour.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatHFour = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatHFour`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatHFour.js')
+            : import('./outlined/FormatHFour.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatHFour.js')
+            : import('./rounded/FormatHFour.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatHFour.js')
+        : import('./sharp/FormatHFour.js');
+};
+const FormatHFour = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatHFour, FormatHFour as default };

package/dist/esm/FormatHOne.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatHOne = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatHOne`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatHOne.js')
+            : import('./outlined/FormatHOne.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatHOne.js')
+            : import('./rounded/FormatHOne.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatHOne.js')
+        : import('./sharp/FormatHOne.js');
+};
+const FormatHOne = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatHOne, FormatHOne as default };

package/dist/esm/FormatHSix.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatHSix = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatHSix`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatHSix.js')
+            : import('./outlined/FormatHSix.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatHSix.js')
+            : import('./rounded/FormatHSix.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatHSix.js')
+        : import('./sharp/FormatHSix.js');
+};
+const FormatHSix = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatHSix, FormatHSix as default };

package/dist/esm/FormatHThree.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatHThree = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatHThree`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatHThree.js')
+            : import('./outlined/FormatHThree.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatHThree.js')
+            : import('./rounded/FormatHThree.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatHThree.js')
+        : import('./sharp/FormatHThree.js');
+};
+const FormatHThree = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatHThree, FormatHThree as default };

package/dist/esm/FormatHTwo.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatHTwo = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatHTwo`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatHTwo.js')
+            : import('./outlined/FormatHTwo.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatHTwo.js')
+            : import('./rounded/FormatHTwo.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatHTwo.js')
+        : import('./sharp/FormatHTwo.js');
+};
+const FormatHTwo = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatHTwo, FormatHTwo as default };

package/dist/esm/FormatImageBack.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatImageBack = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatImageBack`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatImageBack.js')
+            : import('./outlined/FormatImageBack.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatImageBack.js')
+            : import('./rounded/FormatImageBack.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatImageBack.js')
+        : import('./sharp/FormatImageBack.js');
+};
+const FormatImageBack = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatImageBack, FormatImageBack as default };

package/dist/esm/FormatImageBreakLeft.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatImageBreakLeft = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatImageBreakLeft`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatImageBreakLeft.js')
+            : import('./outlined/FormatImageBreakLeft.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatImageBreakLeft.js')
+            : import('./rounded/FormatImageBreakLeft.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatImageBreakLeft.js')
+        : import('./sharp/FormatImageBreakLeft.js');
+};
+const FormatImageBreakLeft = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatImageBreakLeft, FormatImageBreakLeft as default };

package/dist/esm/FormatImageBreakRight.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatImageBreakRight = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatImageBreakRight`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatImageBreakRight.js')
+            : import('./outlined/FormatImageBreakRight.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatImageBreakRight.js')
+            : import('./rounded/FormatImageBreakRight.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatImageBreakRight.js')
+        : import('./sharp/FormatImageBreakRight.js');
+};
+const FormatImageBreakRight = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatImageBreakRight, FormatImageBreakRight as default };

package/dist/esm/FormatImageFront.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatImageFront = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatImageFront`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatImageFront.js')
+            : import('./outlined/FormatImageFront.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatImageFront.js')
+            : import('./rounded/FormatImageFront.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatImageFront.js')
+        : import('./sharp/FormatImageFront.js');
+};
+const FormatImageFront = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatImageFront, FormatImageFront as default };

package/dist/esm/FormatImageInlineLeft.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatImageInlineLeft = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatImageInlineLeft`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatImageInlineLeft.js')
+            : import('./outlined/FormatImageInlineLeft.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatImageInlineLeft.js')
+            : import('./rounded/FormatImageInlineLeft.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatImageInlineLeft.js')
+        : import('./sharp/FormatImageInlineLeft.js');
+};
+const FormatImageInlineLeft = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatImageInlineLeft, FormatImageInlineLeft as default };

package/dist/esm/FormatImageInlineRight.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatImageInlineRight = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatImageInlineRight`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatImageInlineRight.js')
+            : import('./outlined/FormatImageInlineRight.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatImageInlineRight.js')
+            : import('./rounded/FormatImageInlineRight.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatImageInlineRight.js')
+        : import('./sharp/FormatImageInlineRight.js');
+};
+const FormatImageInlineRight = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatImageInlineRight, FormatImageInlineRight as default };

package/dist/esm/FormatImageLeft.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatImageLeft = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatImageLeft`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatImageLeft.js')
+            : import('./outlined/FormatImageLeft.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatImageLeft.js')
+            : import('./rounded/FormatImageLeft.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatImageLeft.js')
+        : import('./sharp/FormatImageLeft.js');
+};
+const FormatImageLeft = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatImageLeft, FormatImageLeft as default };

package/dist/esm/FormatImageRight.js

@@ -1,12 +1,26 @@
 import { __rest } from './node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-const FormatImageRight = (_a) => {
-    var { variant = 'outlined', filled } = _a, props = __rest(_a, ["variant", "filled"]);
-    const importPath = `./${variant}${filled ? "/filled" : ""}/FormatImageRight`;
-    const LazyIcon = React.useMemo(() => React.lazy(() => import(importPath)), [importPath]);
+const loadIcon = (variant, filled) => {
+    if (variant === 'outlined') {
+        return filled
+            ? import('./outlined/filled/FormatImageRight.js')
+            : import('./outlined/FormatImageRight.js');
+    }
+    if (variant === 'rounded') {
+        return filled
+            ? import('./rounded/filled/FormatImageRight.js')
+            : import('./rounded/FormatImageRight.js');
+    }
+    return filled
+        ? import('./sharp/filled/FormatImageRight.js')
+        : import('./sharp/FormatImageRight.js');
+};
+const FormatImageRight = (props) => {
+    const { variant = 'outlined', filled } = props, iconProps = __rest(props, ["variant", "filled"]);
+    const LazyIcon = React.useMemo(() => React.lazy(() => loadIcon(variant, filled)), [variant, filled]);
     return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(LazyIcon, Object.assign({}, props))));
+        React.createElement(LazyIcon, Object.assign({}, iconProps))));
 };
 
 export { FormatImageRight, FormatImageRight as default };