@macive/ui 0.0.13 → 0.0.15

package/dist/src/components/FlexBox.js

@@ -2,27 +2,42 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FlexBox = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../utils");
+const Box_1 = require("./Box");
 function FlexBox({ children, direction = 'row', justify = 'start', align = 'stretch', wrap = 'nowrap', gap = 0, className = '', style = {}, divide, border, as = 'div', spacing = 'none', rounded = 'none', background = 'none', ...rest }) {
-    const gapClassName = gap ? `gap-${gap}` : '';
+    // Map Tailwind-like props to Polaris props
     const spacingClasses = {
-        standard: 'p-4',
-        wide: 'px-5 p-4',
-        none: '',
+        standard: { padding: '4' },
+        wide: { padding: '5', paddingInlineStart: '5', paddingInlineEnd: '5' },
+        none: {},
     }[spacing];
     const roundedClasses = {
-        standard: 'rounded-md',
-        none: 'rounded-none',
+        standard: { borderRadius: '2' },
+        none: { borderRadius: '0' },
     }[rounded];
     const backgroundClasses = {
-        standard: 'bg-skin-primary',
-        plain: 'bg-background',
-        none: '',
+        standard: { background: 'surface' },
+        plain: { background: 'background' },
+        none: {},
     }[background];
-    const Element = as;
-    return ((0, jsx_runtime_1.jsx)(Element, { className: (0, utils_1.cn)(`flex flex-${direction} justify-${justify} items-${align} flex-${wrap} ${gapClassName} ${className}`, divide ? (direction == 'row' ? 'divide-x ' : 'divide-y') : '', 'dark:divide-gray-600', border && 'rounded-md border dark:border-gray-600', spacingClasses, roundedClasses, backgroundClasses), style: {
-            width: '100%',
-            ...style,
-        }, ...rest, children: children }));
+    // Polaris doesn't support `row-reverse` or `col-reverse` directly, so we use CSS for that
+    const flexDirectionStyle = {
+        row: 'row',
+        'row-reverse': 'row-reverse',
+        col: 'column',
+        'col-reverse': 'column-reverse',
+    }[direction];
+    return ((0, jsx_runtime_1.jsx)(Box_1.Box, { as: as, padding: spacingClasses.padding, paddingInlineStart: spacingClasses.paddingInlineStart, paddingInlineEnd: spacingClasses.paddingInlineEnd, borderRadius: roundedClasses.borderRadius, background: backgroundClasses.background, 
+        //@ts-expect-error
+        border: border ? 'divider' : undefined, ...rest, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                display: 'flex',
+                //@ts-expect-error
+                flexDirection: flexDirectionStyle,
+                justifyContent: justify,
+                alignItems: align,
+                flexWrap: wrap,
+                gap: typeof gap === 'number' ? `${gap}px` : gap,
+                width: '100%',
+                ...style,
+            }, children: children }) }));
 }
 exports.FlexBox = FlexBox;

package/dist/src/components/Frame/Frame.classnames.js

@@ -5,12 +5,12 @@ const FrameClassnames = {
     "Navigationsss": "Frame-Navigationsss",
     "Navigation": "Frame-Navigation",
     "hasTopBar": "Frame-hasTopBar",
-    "Navigation-enter": "Frame-enter",
-    "Navigation-enterActive": "Frame-enterActive",
-    "Navigation-exit": "Frame-exit",
-    "Navigation-exitActive": "Frame-exitActive",
+    "Navigation-enter": "Frame-Navigation-enter",
+    "Navigation-enterActive": "Frame-Navigation-enterActive",
+    "Navigation-exit": "Frame-Navigation-exit",
+    "Navigation-exitActive": "Frame-Navigation-exitActive",
     "NavigationDismiss": "Frame-NavigationDismiss",
-    "Navigation-visible": "Frame-visible",
+    "Navigation-visible": "Frame-Navigation-visible",
     "TopBar": "Frame-TopBar",
     "ContextualSaveBar": "Frame-ContextualSaveBar",
     "Main": "Frame-Main",

package/dist/src/components/Frame/Frame.js

@@ -156,18 +156,9 @@ class FrameInner extends react_1.PureComponent {
                 role: 'dialog',
             }),
         };
-        const navigationMarkup = navigation ? ((0, jsx_runtime_1.jsx)(TrapFocus_1.TrapFocus, { trapping: mobileNavShowing, children: (0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { nodeRef: this.navigationNode, appear: isNavigationCollapsed, exit: isNavigationCollapsed, in: showMobileNavigation, 
-                //@ts-expect-error
-                timeout: parseInt(tokens_1.motion['duration-300'], 10), classNames: navTransitionClasses, children: (0, jsx_runtime_1.jsxs)("div", { ...mobileNavAttributes, "aria-label": i18n.translate('Macive.Frame.navigationLabel'), ref: this.navigationNode, className: navClassName, onKeyDown: this.handleNavKeydown, id: APP_FRAME_NAV, hidden: mobileNavHidden, children: [navigation, (0, jsx_runtime_1.jsx)("button", { type: 'button', className: Frame_classnames_1.default.NavigationDismiss, onClick: this.handleNavigationDismiss, "aria-hidden": mobileNavHidden || (!isNavigationCollapsed && !showMobileNavigation), "aria-label": i18n.translate('Macive.Frame.Navigation.closeMobileNavigationLabel'), tabIndex: tabIndex, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaClose }) })] }, 'NavContent') }) })) : null;
+        const navigationMarkup = navigation ? ((0, jsx_runtime_1.jsx)(TrapFocus_1.TrapFocus, { trapping: mobileNavShowing, children: (0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { nodeRef: this.navigationNode, appear: isNavigationCollapsed, exit: isNavigationCollapsed, in: showMobileNavigation, timeout: parseInt(tokens_1.motion['duration-300'].value, 10), classNames: navTransitionClasses, children: (0, jsx_runtime_1.jsxs)("div", { ...mobileNavAttributes, "aria-label": i18n.translate('Macive.Frame.navigationLabel'), ref: this.navigationNode, className: navClassName, onKeyDown: this.handleNavKeydown, id: APP_FRAME_NAV, hidden: mobileNavHidden, children: [navigation, (0, jsx_runtime_1.jsx)("button", { type: 'button', className: Frame_classnames_1.default.NavigationDismiss, onClick: this.handleNavigationDismiss, "aria-hidden": mobileNavHidden || (!isNavigationCollapsed && !showMobileNavigation), "aria-label": i18n.translate('Macive.Frame.Navigation.closeMobileNavigationLabel'), tabIndex: tabIndex, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaClose }) })] }, 'NavContent') }) })) : null;
         const loadingMarkup = loadingStack > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: Frame_classnames_1.default.LoadingBar, id: APP_FRAME_LOADING_BAR, children: (0, jsx_runtime_1.jsx)(components_1.Loading, {}) })) : null;
-        // const contextualSaveBarMarkup = (
-        //   <CSSAnimation in={showContextualSaveBar} className={styles.ContextualSaveBar} type='fade'>
-        //     <ContextualSaveBar {...this.contextualSaveBar} />
-        //   </CSSAnimation>
-        // )
-        const contextualSaveBarMarkup = ((0, jsx_runtime_1.jsx)("div", { style: {
-                display: showContextualSaveBar ? 'block' : 'none',
-            }, children: (0, jsx_runtime_1.jsx)(components_1.ContextualSaveBar, { ...this.contextualSaveBar }) }));
+        const contextualSaveBarMarkup = ((0, jsx_runtime_1.jsx)(components_1.CSSAnimation, { in: showContextualSaveBar, className: Frame_classnames_1.default.ContextualSaveBar, type: 'fade', children: (0, jsx_runtime_1.jsx)(components_1.ContextualSaveBar, { ...this.contextualSaveBar }) }));
         const topBarMarkup = topBar ? ((0, jsx_runtime_1.jsx)("div", { className: Frame_classnames_1.default.TopBar, ...shared_1.layer.props, ...shared_1.dataMaciveTopBar.props, id: APP_FRAME_TOP_BAR, children: topBar })) : null;
         const globalRibbonMarkup = globalRibbon ? ((0, jsx_runtime_1.jsx)("div", { className: Frame_classnames_1.default.GlobalRibbonContainer, ref: this.setGlobalRibbonContainer, children: globalRibbon })) : null;
         const skipClassName = (0, css_1.classNames)(Frame_classnames_1.default.Skip, skipFocused && Frame_classnames_1.default.focused);

package/dist/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.classnames.js

@@ -7,7 +7,6 @@ const ContextualSaveBarClassnames = {
     "Contents": "ContextualSaveBar-Contents",
     "fullWidth": "ContextualSaveBar-fullWidth",
     "ActionContainer": "ContextualSaveBar-ActionContainer",
-    "Action": "ContextualSaveBar-Action",
-    "ContextualSaveBarWidth": "ContextualSaveBar-ContextualSaveBarWidth"
+    "Action": "ContextualSaveBar-Action"
 };
 exports.default = ContextualSaveBarClassnames;

package/dist/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.js

@@ -29,7 +29,7 @@ function ContextualSaveBar({ alignContentFlush, message, saveAction, discardActi
     }, [closeDiscardConfirmationModal, discardAction]);
     const discardActionContent = discardAction && discardAction.content
         ? discardAction.content
-        : i18n.translate('Macive.ContextualSaveBar.discard');
+        : i18n.translate('Polaris.ContextualSaveBar.discard');
     let discardActionHandler;
     if (discardAction && discardAction.discardConfirmationModal) {
         discardActionHandler = toggleDiscardConfirmationModal;
@@ -43,38 +43,13 @@ function ContextualSaveBar({ alignContentFlush, message, saveAction, discardActi
     const discardActionMarkup = discardAction && ((0, jsx_runtime_1.jsx)(Button_1.Button, { url: discardAction.url, onClick: discardActionHandler, loading: discardAction.loading, disabled: discardAction.disabled, accessibilityLabel: discardAction.content, children: discardActionContent }));
     const saveActionContent = saveAction && saveAction.content
         ? saveAction.content
-        : i18n.translate('Macive.ContextualSaveBar.save');
-    const saveActionMarkup = saveAction && ((0, jsx_runtime_1.jsx)(Button_1.Button, { primary: true, url: saveAction.url, onClick: saveAction.onAction, loading: saveAction.loading, disabled: saveAction.disabled, accessibilityLabel: saveAction.content, 
-        //@ts-expect-error
-        type: saveAction.type, children: saveActionContent }));
+        : i18n.translate('Polaris.ContextualSaveBar.save');
+    const saveActionMarkup = saveAction && ((0, jsx_runtime_1.jsx)(Button_1.Button, { primary: true, url: saveAction.url, onClick: saveAction.onAction, loading: saveAction.loading, disabled: saveAction.disabled, accessibilityLabel: saveAction.content, children: saveActionContent }));
     const width = (0, get_width_1.getWidth)(logo, 104);
-    const imageMarkup = logo && ((0, jsx_runtime_1.jsx)(Image_1.Image, { source: logo.contextualSaveBarSource || '', alt: '', style: { width } }));
-    const logoMarkup = alignContentFlush || contextControl ? null : ((0, jsx_runtime_1.jsx)("div", { className: `${ContextualSaveBar_classnames_1.default.LogoContainer} !hidden md:!flex`, style: {
-            width,
-            alignItems: 'center',
-            backgroundColor: 'initial',
-            display: 'flex',
-            flex: '0 0 15rem',
-            height: '100%',
-            padding: '0 1rem ',
-        }, children: imageMarkup }));
+    const imageMarkup = logo && ((0, jsx_runtime_1.jsx)(Image_1.Image, { style: { width }, source: logo.contextualSaveBarSource || '', alt: '' }));
+    const logoMarkup = alignContentFlush || contextControl ? null : ((0, jsx_runtime_1.jsx)("div", { className: ContextualSaveBar_classnames_1.default.LogoContainer, style: { width }, children: imageMarkup }));
     const contextControlMarkup = contextControl ? ((0, jsx_runtime_1.jsx)("div", { className: ContextualSaveBar_classnames_1.default.ContextControl, children: contextControl })) : null;
     const contentsClassName = (0, css_1.classNames)(ContextualSaveBar_classnames_1.default.Contents, fullWidth && ContextualSaveBar_classnames_1.default.fullWidth);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { 
-                // className={`${styles.ContextualSaveBar} ${
-                //   fullWidth ? 'fixed left-0 top-0' : styles.ContextualSaveBarWidth 'ContextualSaveBarWidth fixed bottom-0'
-                // } z-[513] w-full `}
-                className: `${ContextualSaveBar_classnames_1.default.ContextualSaveBar} ${fullWidth ? '' : ContextualSaveBar_classnames_1.default.ContextualSaveBarWidth} `, children: [contextControlMarkup, logoMarkup, (0, jsx_runtime_1.jsxs)("div", { className: contentsClassName, style: {
-                            alignItems: 'center',
-                            display: 'flex',
-                            flex: ' 1 1 auto',
-                            height: ' 100%',
-                            justifyContent: 'space-between',
-                            margin: '0 auto',
-                            maxWidth: ' 62.375rem',
-                            minWidth: '0.0625rem',
-                            padding: '0 var(--p-space-4)',
-                            width: '100%',
-                        }, children: [message && ((0, jsx_runtime_1.jsx)(Text_1.Text, { as: 'h2', variant: 'headingMd', color: 'text-inverse', truncate: true, children: message })), (0, jsx_runtime_1.jsx)("div", { className: ContextualSaveBar_classnames_1.default.ActionContainer, children: (0, jsx_runtime_1.jsxs)(LegacyStack_1.LegacyStack, { spacing: 'tight', wrap: false, children: [secondaryMenu, discardActionMarkup, saveActionMarkup] }) })] })] }), discardConfirmationModalMarkup] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: ContextualSaveBar_classnames_1.default.ContextualSaveBar, children: [contextControlMarkup, logoMarkup, (0, jsx_runtime_1.jsxs)("div", { className: contentsClassName, children: [message && ((0, jsx_runtime_1.jsx)(Text_1.Text, { as: 'h2', variant: 'headingMd', color: 'text-inverse', truncate: true, children: message })), (0, jsx_runtime_1.jsx)("div", { className: ContextualSaveBar_classnames_1.default.ActionContainer, children: (0, jsx_runtime_1.jsxs)(LegacyStack_1.LegacyStack, { spacing: 'tight', wrap: false, children: [secondaryMenu, discardActionMarkup, saveActionMarkup] }) })] })] }), discardConfirmationModalMarkup] }));
 }
 exports.ContextualSaveBar = ContextualSaveBar;

package/dist/src/components/Frame/components/ToastManager/ToastManager.classnames.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const ToastManagerClassnames = {
     "ToastManager": "ToastManager-ToastManager",
     "ToastWrapper": "ToastManager-ToastWrapper",
-    "ToastWrapper-enter": "ToastManager-enter",
-    "ToastWrapper-exit": "ToastManager-exit",
-    "ToastWrapper-enter-done": "ToastManager-enter-done"
+    "ToastWrapper-enter": "ToastManager-ToastWrapper-enter",
+    "ToastWrapper-exit": "ToastManager-ToastWrapper-exit",
+    "ToastWrapper-enter-done": "ToastManager-ToastWrapper-enter-done"
 };
 exports.default = ToastManagerClassnames;

package/dist/src/components/Grid/components/Cell/Cell.classnames.js

@@ -2,47 +2,47 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const CellClassnames = {
     "Cell": "Cell-Cell",
-    "Cell-1-column-xs": "Cell-1-column-xs",
-    "Cell-2-column-xs": "Cell-2-column-xs",
-    "Cell-3-column-xs": "Cell-3-column-xs",
-    "Cell-4-column-xs": "Cell-4-column-xs",
-    "Cell-5-column-xs": "Cell-5-column-xs",
-    "Cell-6-column-xs": "Cell-6-column-xs",
-    "Cell-1-column-sm": "Cell-1-column-sm",
-    "Cell-2-column-sm": "Cell-2-column-sm",
-    "Cell-3-column-sm": "Cell-3-column-sm",
-    "Cell-4-column-sm": "Cell-4-column-sm",
-    "Cell-5-column-sm": "Cell-5-column-sm",
-    "Cell-6-column-sm": "Cell-6-column-sm",
-    "Cell-1-column-md": "Cell-1-column-md",
-    "Cell-2-column-md": "Cell-2-column-md",
-    "Cell-3-column-md": "Cell-3-column-md",
-    "Cell-4-column-md": "Cell-4-column-md",
-    "Cell-5-column-md": "Cell-5-column-md",
-    "Cell-6-column-md": "Cell-6-column-md",
-    "Cell-1-column-lg": "Cell-1-column-lg",
-    "Cell-2-column-lg": "Cell-2-column-lg",
-    "Cell-3-column-lg": "Cell-3-column-lg",
-    "Cell-4-column-lg": "Cell-4-column-lg",
-    "Cell-5-column-lg": "Cell-5-column-lg",
-    "Cell-6-column-lg": "Cell-6-column-lg",
-    "Cell-7-column-lg": "Cell-7-column-lg",
-    "Cell-8-column-lg": "Cell-8-column-lg",
-    "Cell-9-column-lg": "Cell-9-column-lg",
-    "Cell-10-column-lg": "Cell-10-column-lg",
-    "Cell-11-column-lg": "Cell-11-column-lg",
-    "Cell-12-column-lg": "Cell-12-column-lg",
-    "Cell-1-column-xl": "Cell-1-column-xl",
-    "Cell-2-column-xl": "Cell-2-column-xl",
-    "Cell-3-column-xl": "Cell-3-column-xl",
-    "Cell-4-column-xl": "Cell-4-column-xl",
-    "Cell-5-column-xl": "Cell-5-column-xl",
-    "Cell-6-column-xl": "Cell-6-column-xl",
-    "Cell-7-column-xl": "Cell-7-column-xl",
-    "Cell-8-column-xl": "Cell-8-column-xl",
-    "Cell-9-column-xl": "Cell-9-column-xl",
-    "Cell-10-column-xl": "Cell-10-column-xl",
-    "Cell-11-column-xl": "Cell-11-column-xl",
-    "Cell-12-column-xl": "Cell-12-column-xl"
+    "Cell-1-column-xs": "Cell-Cell-1-column-xs",
+    "Cell-2-column-xs": "Cell-Cell-2-column-xs",
+    "Cell-3-column-xs": "Cell-Cell-3-column-xs",
+    "Cell-4-column-xs": "Cell-Cell-4-column-xs",
+    "Cell-5-column-xs": "Cell-Cell-5-column-xs",
+    "Cell-6-column-xs": "Cell-Cell-6-column-xs",
+    "Cell-1-column-sm": "Cell-Cell-1-column-sm",
+    "Cell-2-column-sm": "Cell-Cell-2-column-sm",
+    "Cell-3-column-sm": "Cell-Cell-3-column-sm",
+    "Cell-4-column-sm": "Cell-Cell-4-column-sm",
+    "Cell-5-column-sm": "Cell-Cell-5-column-sm",
+    "Cell-6-column-sm": "Cell-Cell-6-column-sm",
+    "Cell-1-column-md": "Cell-Cell-1-column-md",
+    "Cell-2-column-md": "Cell-Cell-2-column-md",
+    "Cell-3-column-md": "Cell-Cell-3-column-md",
+    "Cell-4-column-md": "Cell-Cell-4-column-md",
+    "Cell-5-column-md": "Cell-Cell-5-column-md",
+    "Cell-6-column-md": "Cell-Cell-6-column-md",
+    "Cell-1-column-lg": "Cell-Cell-1-column-lg",
+    "Cell-2-column-lg": "Cell-Cell-2-column-lg",
+    "Cell-3-column-lg": "Cell-Cell-3-column-lg",
+    "Cell-4-column-lg": "Cell-Cell-4-column-lg",
+    "Cell-5-column-lg": "Cell-Cell-5-column-lg",
+    "Cell-6-column-lg": "Cell-Cell-6-column-lg",
+    "Cell-7-column-lg": "Cell-Cell-7-column-lg",
+    "Cell-8-column-lg": "Cell-Cell-8-column-lg",
+    "Cell-9-column-lg": "Cell-Cell-9-column-lg",
+    "Cell-10-column-lg": "Cell-Cell-10-column-lg",
+    "Cell-11-column-lg": "Cell-Cell-11-column-lg",
+    "Cell-12-column-lg": "Cell-Cell-12-column-lg",
+    "Cell-1-column-xl": "Cell-Cell-1-column-xl",
+    "Cell-2-column-xl": "Cell-Cell-2-column-xl",
+    "Cell-3-column-xl": "Cell-Cell-3-column-xl",
+    "Cell-4-column-xl": "Cell-Cell-4-column-xl",
+    "Cell-5-column-xl": "Cell-Cell-5-column-xl",
+    "Cell-6-column-xl": "Cell-Cell-6-column-xl",
+    "Cell-7-column-xl": "Cell-Cell-7-column-xl",
+    "Cell-8-column-xl": "Cell-Cell-8-column-xl",
+    "Cell-9-column-xl": "Cell-Cell-9-column-xl",
+    "Cell-10-column-xl": "Cell-Cell-10-column-xl",
+    "Cell-11-column-xl": "Cell-Cell-11-column-xl",
+    "Cell-12-column-xl": "Cell-Cell-12-column-xl"
 };
 exports.default = CellClassnames;

package/dist/src/components/Icon/Icon.js

@@ -8,67 +8,85 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const css_1 = require("../../utilities/css");
 const Text_1 = require("../Text");
 const Icon_classnames_1 = __importDefault(require("./Icon.classnames"));
+const react_1 = require("react");
 const COLORS_WITH_BACKDROPS = ['base', 'critical', 'highlight', 'success', 'warning'];
 function Icon({ source, color, backdrop, accessibilityLabel, size = 20, theme }) {
+    var _a;
     let sourceType;
-    if (typeof source === 'function') {
-        sourceType = 'function';
-    }
-    else if (source === 'placeholder') {
+    // Detect source type
+    if (source === 'placeholder') {
         sourceType = 'placeholder';
     }
+    else if (typeof source === 'string') {
+        // Check if the string is a URL (absolute or relative) or an SVG data URI
+        if (source.startsWith('http://') ||
+            source.startsWith('https://') ||
+            source.startsWith('/') ||
+            source.startsWith('./') ||
+            source.startsWith('../')) {
+            sourceType = 'url';
+        }
+        else if (source.startsWith('data:image/svg+xml')) {
+            sourceType = 'external';
+        }
+        else {
+            // Treat other strings as external (fallback)
+            sourceType = 'external';
+        }
+    }
+    else if (typeof source === 'function') {
+        // Differentiate between plain functions and React components
+        if (((_a = source.prototype) === null || _a === void 0 ? void 0 : _a.isReactComponent) ||
+            source.name.includes('__') ||
+            source.$$typeof === Symbol.for('react.element')) {
+            sourceType = 'react-component';
+        }
+        else {
+            sourceType = 'function';
+        }
+    }
+    else if (typeof source === 'object' && source !== null) {
+        // Handle objects (e.g., raw SVG data or custom icon objects)
+        sourceType = 'object';
+    }
     else {
-        sourceType = 'external';
+        // Fallback to placeholder for unrecognized types
+        sourceType = 'placeholder';
     }
-    if (color && sourceType === 'external' && process.env.NODE_ENV === 'development') {
-        // eslint-disable-next-line no-console
-        console.warn('Recoloring external SVGs is not supported. Set the intended color on your SVG instead.');
+    // Warn for unsupported recoloring of external SVGs, URLs, or objects
+    if (color &&
+        (sourceType === 'external' || sourceType === 'url' || sourceType === 'object') &&
+        process.env.NODE_ENV === 'development') {
+        console.warn(`Recoloring ${sourceType} sources is not supported. Set the intended color on your icon source instead.`);
     }
+    // Warn for unsupported backdrop colors
     if (backdrop &&
         color &&
         !COLORS_WITH_BACKDROPS.includes(color) &&
         process.env.NODE_ENV === 'development') {
-        // eslint-disable-next-line no-console
         console.warn(`The ${color} variant does not have a supported backdrop color`);
     }
     const className = (0, css_1.classNames)(Icon_classnames_1.default.Icon, 
     //@ts-expect-error index
-    color && Icon_classnames_1.default[(0, css_1.variationName)('color', color)], 
-    // color && oldStyles[color ?? 'base'],
-    // color && styles.applyColor,
-    backdrop && Icon_classnames_1.default.hasBackdrop);
+    color && Icon_classnames_1.default[(0, css_1.variationName)('color', color)], backdrop && Icon_classnames_1.default.hasBackdrop);
     const SourceComponent = source;
     const contentMarkup = {
         function: ((0, jsx_runtime_1.jsx)(SourceComponent, { size: size, theme: theme, className: Icon_classnames_1.default.Svg, focusable: 'false', "aria-hidden": 'true' })),
+        'react-component': ((0, jsx_runtime_1.jsx)(SourceComponent, { size: size, className: Icon_classnames_1.default.Svg, focusable: 'false', "aria-hidden": 'true' })),
+        object: 
+        // Handle objects (assume they contain SVG markup or a renderable element)
+        (0, react_1.isValidElement)(source) ? (source) : ((0, jsx_runtime_1.jsx)("span", { className: Icon_classnames_1.default.Svg, dangerouslySetInnerHTML: {
+                __html: 
+                //@ts-expect-error index
+                typeof source.svg === 'string'
+                    ? //@ts-expect-error index
+                        source.svg
+                    : JSON.stringify(source).replace(/"/g, "'"),
+            }, "aria-hidden": 'true' })),
         placeholder: (0, jsx_runtime_1.jsx)("div", { className: Icon_classnames_1.default.Placeholder }),
         external: ((0, jsx_runtime_1.jsx)("img", { className: Icon_classnames_1.default.Img, src: `data:image/svg+xml;utf8,${source}`, alt: '', "aria-hidden": 'true' })),
+        url: ((0, jsx_runtime_1.jsx)("img", { className: Icon_classnames_1.default.Img, src: source, alt: '', style: { width: size, height: size }, "aria-hidden": 'true' })),
     };
     return ((0, jsx_runtime_1.jsxs)("span", { className: className, children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { as: 'span', visuallyHidden: true, children: accessibilityLabel }), contentMarkup[sourceType]] }));
 }
 exports.Icon = Icon;
-const oldStyles = {
-    Icon: 'block h-[20px] w-[20px] max-h-full max-w-full m-auto',
-    applyColor: '',
-    hasBackdrop: 'relative flex bg-gray-100 items-center xp-4 before:absolute before:left-auto before:rounded-full before:right-auto',
-    colorBase: 'bg-red-500 text-red-red-500',
-    colorSubdued: 'bg-red-500 text-red-red-500',
-    colorCritical: 'bg-red-500 text-red-red-500',
-    colorInteractive: 'bg-red-500 text-red-red-500',
-    colorWarning: 'bg-red-500 text-red-red-500',
-    colorHighlight: 'bg-red-500 text-red-red-500',
-    colorSuccess: 'bg-red-500 text-red-red-500',
-    base: 'text-gray-600',
-    subdued: 'text-gray-400',
-    critical: 'text-danger',
-    interactive: 'text-teal-500',
-    warning: 'text-orange-500',
-    primary: 'text-gray-500',
-    highlight: 'text-yellow-500',
-    success: 'text-green-500',
-    magic: 'text-gray-500',
-    colorPrimary: 'fill',
-    colorMagic: 'fill',
-    Svg: 'relative block w-full max-w-full max-h-full',
-    Img: 'relative block w-full max-w-full max-h-full',
-    Placeholder: 'pb-[100%]',
-};

package/dist/src/components/Icons/MaArrowRight.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SVGComponent = (props) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: '0 0 24 24', height: '24', width: '24', xmlns: 'http://www.w3.org/2000/svg', ...props, children: (0, jsx_runtime_1.jsx)("path", { xmlns: 'http://www.w3.org/2000/svg', d: 'M12.2929 5.29289C12.6834 4.90237 13.3166 4.90237 13.7071 5.29289L19.7071 11.2929C19.8946 11.4804 20 11.7348 20 12C20 12.2652 19.8946 12.5196 19.7071 12.7071L13.7071 18.7071C13.3166 19.0976 12.6834 19.0976 12.2929 18.7071C11.9024 18.3166 11.9024 17.6834 12.2929 17.2929L16.5858 13L5 13C4.44772 13 4 12.5523 4 12C4 11.4477 4.44772 11 5 11L16.5858 11L12.2929 6.70711C11.9024 6.31658 11.9024 5.68342 12.2929 5.29289Z' }) }));
+exports.default = SVGComponent;

package/dist/src/components/Icons/MaCheck.js

@@ -1,11 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @file Check 校验
- * @author Auto Generated by IconPark
- */
-/* tslint:disable: max-line-length */
-/* eslint-disable max-len */
-const utils_1 = require("./utils");
-exports.default = (0, utils_1.IconWrapper)('check', true, (props) => ((0, jsx_runtime_1.jsx)("svg", { width: props.size, height: props.size, viewBox: '0 0 48 48', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M43 11L16.875 37L5 25.1818', stroke: props.colors[0], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap, strokeLinejoin: props.strokeLinejoin }) })));
+const SVGComponent = (props) => ((0, jsx_runtime_1.jsx)("svg", { fill: 'none', viewBox: '0 0 24 24', height: 24, width: 24, xmlns: 'http://www.w3.org/2000/svg', ...props, children: (0, jsx_runtime_1.jsx)("path", { xmlns: 'http://www.w3.org/2000/svg', d: 'M20.6644 5.2526C21.0772 5.61952 21.1143 6.25159 20.7474 6.66437L10.0808 18.6644C9.89099 18.8779 9.61898 19 9.33334 19C9.04771 19 8.7757 18.8779 8.58593 18.6644L3.2526 12.6644C2.88568 12.2516 2.92286 11.6195 3.33565 11.2526C3.74843 10.8857 4.3805 10.9229 4.74742 11.3356L9.33334 16.4948L19.2526 5.33565C19.6195 4.92286 20.2516 4.88568 20.6644 5.2526Z', fill: '#0D0D0D' }) }));
+exports.default = SVGComponent;

package/dist/src/components/Icons/MaClose.js

@@ -1,11 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @file Close 关闭
- * @author Auto Generated by IconPark
- */
-/* tslint:disable: max-line-length */
-/* eslint-disable max-len */
-const utils_1 = require("./utils");
-exports.default = (0, utils_1.IconWrapper)('close', false, (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: props.size, height: props.size, viewBox: '0 0 48 48', fill: 'none', children: [(0, jsx_runtime_1.jsx)("path", { d: 'M8 8L40 40', stroke: props.colors[0], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap, strokeLinejoin: props.strokeLinejoin }), (0, jsx_runtime_1.jsx)("path", { d: 'M8 40L40 8', stroke: props.colors[0], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap, strokeLinejoin: props.strokeLinejoin })] })));
+const MaClose = (props) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', ...props, children: (0, jsx_runtime_1.jsx)("path", { d: 'M5.293 5.293a1 1 0 0 1 1.414 0L12 10.586l5.293-5.293a1 1 0 1 1 1.414 1.414L13.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414L12 13.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L10.586 12 5.293 6.707a1 1 0 0 1 0-1.414z' }) }));
+exports.default = MaClose;

package/dist/src/components/Icons/MaCopyLink.js

@@ -1,11 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @file CopyLink 复制链接
- * @author Auto Generated by IconPark
- */
-/* tslint:disable: max-line-length */
-/* eslint-disable max-len */
-const utils_1 = require("./utils");
-exports.default = (0, utils_1.IconWrapper)('copy-link', true, (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: props.size, height: props.size, viewBox: '0 0 48 48', fill: 'none', children: [(0, jsx_runtime_1.jsx)("path", { d: 'M12 9.92704V7C12 5.34315 13.3431 4 15 4H41C42.6569 4 44 5.34315 44 7V33C44 34.6569 42.6569 36 41 36H38.0174', stroke: props.colors[0], strokeWidth: props.strokeWidth }), (0, jsx_runtime_1.jsx)("rect", { x: '4', y: '10', width: '34', height: '34', rx: '3', fill: props.colors[1], stroke: props.colors[0], strokeWidth: props.strokeWidth, strokeLinejoin: props.strokeLinejoin }), (0, jsx_runtime_1.jsx)("path", { d: 'M18.4394 23.1101L23.7319 17.6006C25.1835 16.1489 27.5691 16.1809 29.0602 17.672C30.5513 19.1631 30.5833 21.5487 29.1316 23.0003L27.2215 25.0231', stroke: props.colors[2], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap, strokeLinejoin: props.strokeLinejoin }), (0, jsx_runtime_1.jsx)("path", { d: 'M13.4661 28.7472C12.9558 29.2575 11.9006 30.2765 11.9006 30.2765C10.4489 31.7281 10.4095 34.3155 11.9006 35.8066C13.3917 37.2977 15.7772 37.3296 17.2289 35.878L22.3931 31.1896', stroke: props.colors[2], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap, strokeLinejoin: props.strokeLinejoin }), (0, jsx_runtime_1.jsx)("path", { d: 'M18.6626 28.3284C17.97 27.6358 17.5922 26.7502 17.5317 25.8548C17.4619 24.8226 17.8138 23.7774 18.5912 23.0001', stroke: props.colors[2], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap, strokeLinejoin: props.strokeLinejoin }), (0, jsx_runtime_1.jsx)("path", { d: 'M22.3213 25.8613C23.8124 27.3524 23.8444 29.738 22.3927 31.1896', stroke: props.colors[2], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap, strokeLinejoin: props.strokeLinejoin })] })));
+const MaCopy = (props) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', ...props, children: (0, jsx_runtime_1.jsx)("path", { d: 'M2 4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v4h4a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2v-4H4a2 2 0 0 1-2-2V4zm8 12v4h10V10h-4v4a2 2 0 0 1-2 2h-4zm4-2V4H4v10h10z', fill: '#0D0D0D' }) }));
+exports.default = MaCopy;

package/dist/src/components/Icons/MaDown.js

@@ -1,11 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @file Down 下
- * @author Auto Generated by IconPark
- */
-/* tslint:disable: max-line-length */
-/* eslint-disable max-len */
-const utils_1 = require("./utils");
-exports.default = (0, utils_1.IconWrapper)('down', false, (props) => ((0, jsx_runtime_1.jsx)("svg", { width: props.size, height: props.size, viewBox: '0 0 48 48', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M36 18L24 30L12 18', stroke: props.colors[0], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap, strokeLinejoin: props.strokeLinejoin }) })));
+const SVGComponent = (props) => ((0, jsx_runtime_1.jsx)("svg", { fill: 'none', viewBox: '0 0 24 24', height: 24, width: 24, xmlns: 'http://www.w3.org/2000/svg', ...props, children: (0, jsx_runtime_1.jsx)("path", { xmlns: 'http://www.w3.org/2000/svg', d: 'M5.29289 9.29289C5.68342 8.90237 6.31658 8.90237 6.70711 9.29289L12 14.5858L17.2929 9.29289C17.6834 8.90237 18.3166 8.90237 18.7071 9.29289C19.0976 9.68342 19.0976 10.3166 18.7071 10.7071L12.7071 16.7071C12.3166 17.0976 11.6834 17.0976 11.2929 16.7071L5.29289 10.7071C4.90237 10.3166 4.90237 9.68342 5.29289 9.29289Z', fill: '#0D0D0D' }) }));
+exports.default = SVGComponent;

package/dist/src/components/Icons/MaDragGrid.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const MaDragGrid = (props) => ((0, jsx_runtime_1.jsx)("svg", { id: 'XMLID_308_', xmlns: 'http://www.w3.org/2000/svg', xmlnsXlink: 'http://www.w3.org/1999/xlink', viewBox: '0 0 24 24', xmlSpace: 'preserve', ...props, children: (0, jsx_runtime_1.jsx)("g", { id: 'drag', children: (0, jsx_runtime_1.jsx)("path", { d: 'M10,6H6V2h4V6z M18,2h-4v4h4V2z M10,10H6v4h4V10z M18,10h-4v4h4V10z M10,18H6v4h4V18z M18,18h-4v4h4V18z' }) }) }));
+exports.default = MaDragGrid;

package/dist/src/components/Icons/MaEyes.js

@@ -1,11 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @file Eyes 眼睛
- * @author Auto Generated by IconPark
- */
-/* tslint:disable: max-line-length */
-/* eslint-disable max-len */
-const utils_1 = require("./utils");
-exports.default = (0, utils_1.IconWrapper)('eyes', false, (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: props.size, height: props.size, viewBox: '0 0 48 48', fill: 'none', children: [(0, jsx_runtime_1.jsx)("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M24 41C33.9411 41 42 32.678 42 27C42 21.322 33.9411 13 24 13C14.0589 13 6 21.3278 6 27C6 32.6722 14.0589 41 24 41Z', fill: props.colors[1], stroke: props.colors[0], strokeWidth: props.strokeWidth, strokeLinejoin: props.strokeLinejoin }), (0, jsx_runtime_1.jsx)("path", { d: 'M24 33C27.3137 33 30 30.3137 30 27C30 23.6863 27.3137 21 24 21C20.6863 21 18 23.6863 18 27C18 30.3137 20.6863 33 24 33Z', fill: props.colors[3], stroke: props.colors[2], strokeWidth: props.strokeWidth, strokeLinejoin: props.strokeLinejoin }), (0, jsx_runtime_1.jsx)("path", { d: 'M13.2637 11.2661L15.8582 14.8863', stroke: props.colors[0], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap }), (0, jsx_runtime_1.jsx)("path", { d: 'M35.625 11.7104L33.0304 15.3307', stroke: props.colors[0], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap }), (0, jsx_runtime_1.jsx)("path", { d: 'M24.0088 7V13', stroke: props.colors[0], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap })] })));
+const MaEye = (props) => ((0, jsx_runtime_1.jsxs)("svg", { viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: 'M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0z', fill: '#0D0D0D' }), (0, jsx_runtime_1.jsx)("path", { d: 'M21.894 11.553C19.736 7.236 15.904 5 12 5c-3.903 0-7.736 2.236-9.894 6.553a1 1 0 0 0 0 .894C4.264 16.764 8.096 19 12 19c3.903 0 7.736-2.236 9.894-6.553a1 1 0 0 0 0-.894zM12 17c-2.969 0-6.002-1.62-7.87-5C5.998 8.62 9.03 7 12 7c2.969 0 6.002 1.62 7.87 5-1.868 3.38-4.901 5-7.87 5z', fill: '#0D0D0D' })] }));
+exports.default = MaEye;

package/dist/src/components/Icons/MaLeft.js

@@ -1,11 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @file Left 左
- * @author Auto Generated by IconPark
- */
-/* tslint:disable: max-line-length */
-/* eslint-disable max-len */
-const utils_1 = require("./utils");
-exports.default = (0, utils_1.IconWrapper)('left', true, (props) => ((0, jsx_runtime_1.jsx)("svg", { width: props.size, height: props.size, viewBox: '0 0 48 48', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M31 36L19 24L31 12', stroke: props.colors[0], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap, strokeLinejoin: props.strokeLinejoin }) })));
+const SVGComponent = (props) => ((0, jsx_runtime_1.jsx)("svg", { fill: 'none', viewBox: '0 0 24 24', height: 24, width: 24, xmlns: 'http://www.w3.org/2000/svg', ...props, children: (0, jsx_runtime_1.jsx)("path", { xmlns: 'http://www.w3.org/2000/svg', d: 'M14.7071 5.29289C15.0976 5.68342 15.0976 6.31658 14.7071 6.70711L9.41421 12L14.7071 17.2929C15.0976 17.6834 15.0976 18.3166 14.7071 18.7071C14.3166 19.0976 13.6834 19.0976 13.2929 18.7071L7.29289 12.7071C6.90237 12.3166 6.90237 11.6834 7.29289 11.2929L13.2929 5.29289C13.6834 4.90237 14.3166 4.90237 14.7071 5.29289Z', fill: '#0D0D0D' }) }));
+exports.default = SVGComponent;

package/dist/src/components/Icons/MaMinus.js

@@ -1,11 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @file Minus 减
- * @author Auto Generated by IconPark
- */
-/* tslint:disable: max-line-length */
-/* eslint-disable max-len */
-const utils_1 = require("./utils");
-exports.default = (0, utils_1.IconWrapper)('minus', false, (props) => ((0, jsx_runtime_1.jsx)("svg", { width: props.size, height: props.size, viewBox: '0 0 48 48', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M10.5 24L38.5 24', stroke: props.colors[0], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap, strokeLinejoin: props.strokeLinejoin }) })));
+const MaMinus = (props) => ((0, jsx_runtime_1.jsx)("svg", { fill: 'none', viewBox: '0 0 24 24', height: 24, width: 24, xmlns: 'http://www.w3.org/2000/svg', ...props, children: (0, jsx_runtime_1.jsx)("path", { xmlns: 'http://www.w3.org/2000/svg', d: 'M4 12C4 11.4477 4.44772 11 5 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H5C4.44772 13 4 12.5523 4 12Z', fill: '#0D0D0D' }) }));
+exports.default = MaMinus;

package/dist/src/components/Icons/MaPlus.js

@@ -1,11 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @file Plus 加
- * @author Auto Generated by IconPark
- */
-/* tslint:disable: max-line-length */
-/* eslint-disable max-len */
-const utils_1 = require("./utils");
-exports.default = (0, utils_1.IconWrapper)('plus', false, (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: props.size, height: props.size, viewBox: '0 0 48 48', fill: 'none', children: [(0, jsx_runtime_1.jsx)("path", { d: 'M24.0605 10L24.0239 38', stroke: props.colors[0], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap, strokeLinejoin: props.strokeLinejoin }), (0, jsx_runtime_1.jsx)("path", { d: 'M10 24L38 24', stroke: props.colors[0], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap, strokeLinejoin: props.strokeLinejoin })] })));
+const MaPlus = (props) => ((0, jsx_runtime_1.jsx)("svg", { fill: 'none', viewBox: '0 0 24 24', height: 24, width: 24, xmlns: 'http://www.w3.org/2000/svg', ...props, children: (0, jsx_runtime_1.jsx)("path", { xmlns: 'http://www.w3.org/2000/svg', d: 'M12 4C12.5523 4 13 4.44772 13 5V11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H13V19C13 19.5523 12.5523 20 12 20C11.4477 20 11 19.5523 11 19V13H5C4.44772 13 4 12.5523 4 12C4 11.4477 4.44772 11 5 11H11V5C11 4.44772 11.4477 4 12 4Z', fill: '#0D0D0D' }) }));
+exports.default = MaPlus;

package/dist/src/components/Icons/MaRight.js

@@ -1,11 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @file Right 右
- * @author Auto Generated by IconPark
- */
-/* tslint:disable: max-line-length */
-/* eslint-disable max-len */
-const utils_1 = require("./utils");
-exports.default = (0, utils_1.IconWrapper)('right', true, (props) => ((0, jsx_runtime_1.jsx)("svg", { width: props.size, height: props.size, viewBox: '0 0 48 48', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M19 12L31 24L19 36', stroke: props.colors[0], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap, strokeLinejoin: props.strokeLinejoin }) })));
+const SVGComponent = (props) => ((0, jsx_runtime_1.jsx)("svg", { fill: 'none', viewBox: '0 0 24 24', height: 24, width: 24, xmlns: 'http://www.w3.org/2000/svg', ...props, children: (0, jsx_runtime_1.jsx)("path", { xmlns: 'http://www.w3.org/2000/svg', d: 'M9.29289 18.7071C8.90237 18.3166 8.90237 17.6834 9.29289 17.2929L14.5858 12L9.29289 6.70711C8.90237 6.31658 8.90237 5.68342 9.29289 5.29289C9.68342 4.90237 10.3166 4.90237 10.7071 5.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L10.7071 18.7071C10.3166 19.0976 9.68342 19.0976 9.29289 18.7071Z', fill: '#0D0D0D' }) }));
+exports.default = SVGComponent;

package/dist/src/components/Icons/MaSelect.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const MaSelect = (props) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', ...props, children: (0, jsx_runtime_1.jsx)("path", { d: 'M12 4a1 1 0 0 1 .707.293l4 4a1 1 0 0 1-1.414 1.414L12 6.414 8.707 9.707a1 1 0 0 1-1.414-1.414l4-4A1 1 0 0 1 12 4zM7.293 14.293a1 1 0 0 1 1.414 0L12 17.586l3.293-3.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z' }) }));
+exports.default = MaSelect;

package/dist/src/components/Icons/MaUp.js

@@ -1,11 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @file Up 上
- * @author Auto Generated by IconPark
- */
-/* tslint:disable: max-line-length */
-/* eslint-disable max-len */
-const utils_1 = require("./utils");
-exports.default = (0, utils_1.IconWrapper)('up', false, (props) => ((0, jsx_runtime_1.jsx)("svg", { width: props.size, height: props.size, viewBox: '0 0 48 48', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M13 30L25 18L37 30', stroke: props.colors[0], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap, strokeLinejoin: props.strokeLinejoin }) })));
+const SVGComponent = (props) => ((0, jsx_runtime_1.jsx)("svg", { fill: 'none', viewBox: '0 0 24 24', height: 24, width: 24, xmlns: 'http://www.w3.org/2000/svg', ...props, children: (0, jsx_runtime_1.jsx)("path", { xmlns: 'http://www.w3.org/2000/svg', d: 'M11.2929 7.29289C11.6834 6.90237 12.3166 6.90237 12.7071 7.29289L18.7071 13.2929C19.0976 13.6834 19.0976 14.3166 18.7071 14.7071C18.3166 15.0976 17.6834 15.0976 17.2929 14.7071L12 9.41421L6.70711 14.7071C6.31658 15.0976 5.68342 15.0976 5.29289 14.7071C4.90237 14.3166 4.90237 13.6834 5.29289 13.2929L11.2929 7.29289Z', fill: '#0D0D0D' }) }));
+exports.default = SVGComponent;