@adaptabletools/adaptable 22.1.1-canary.1 → 23.0.0-canary.0

package/src/components/icons/index.js

@@ -1,5 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import * as ReactDOMServer from 'react-dom/server';
 import ArrowRight from './arrow-right';
 import ArrowDown from './arrow-down';
 import ArrowUp from './arrow-up';
@@ -67,6 +67,10 @@ import StateManagement from './state-management';
 import ToolPanel from './tool-panel';
 import PercentBar from './percent-bar';
 import Sparkline from './spark-line';
+import BulletChart from './bullet-chart';
+import RangeBar from './range-bar';
+import IconStyleGlyph from './icon-style';
+import Star from './star';
 import Resume from './resume';
 import PieChart from './pie-chart';
 import PlusMinus from './plus-minus';
@@ -170,7 +174,7 @@ import ExpandAll from './expand-all';
 import CollapseAll from './collapse-all';
 import Sync from './sync';
 import StyledGrid from './styled-grid';
-import { IconComponent } from '../Icon';
+import { isAdaptableCustomIcon, isAdaptableSystemIcon } from '../Icon';
 import { AdaptableLogger } from '../../agGrid/AdaptableLogger';
 export const allIcons = {
     search: Query, // original icon is search
@@ -315,6 +319,10 @@ export const allIcons = {
     'visibility-on-bold': ShowColumn,
     gradient: Gradient,
     badge: Badge,
+    'bullet-chart': BulletChart,
+    'range-bar': RangeBar,
+    'icon-style': IconStyleGlyph,
+    star: Star,
     bold: Bold,
     italic: Italic,
     'align-left': AlignLeft,
@@ -347,22 +355,209 @@ export const allIcons = {
 };
 Object.keys(allIcons).forEach((name) => {
     const ReactCmp = allIcons[name];
-    allIcons[name] = (props) => React.createElement(ReactCmp, { ...props, name: name });
+    allIcons[name] = (props) => _jsx(ReactCmp, { ...props, name: name });
 });
 export const Icon = ({ name, style, className, tabIndex, ...props }) => {
     const IconCmp = (allIcons[name] || null);
     if (!IconCmp) {
         AdaptableLogger.consoleWarnBase('NO icon found for ' + name);
-        return React.createElement("svg", { height: "17", width: "17" });
+        return _jsx("svg", { height: "17", width: "17" });
     }
-    return React.createElement(IconCmp, { tabIndex: tabIndex, ...props, style: style, name: name, className: className });
+    return _jsx(IconCmp, { tabIndex: tabIndex, ...props, style: style, name: name, className: className });
 };
 export const NaturallySizedIcon = (props) => {
-    return React.createElement(Icon, { ...props, size: '1.5em', style: { marginTop: '-0.125em', ...props.style } });
+    return _jsx(Icon, { ...props, size: '1.5em', style: { marginTop: '-0.125em', ...props.style } });
+};
+// SVG attributes that React accepts in camelCase but emits as-is in markup
+// (everything else gets converted to kebab-case at serialise time).
+const SVG_KEEP_AS_IS = new Set([
+    'viewBox',
+    'preserveAspectRatio',
+    'gradientUnits',
+    'gradientTransform',
+    'patternUnits',
+    'patternContentUnits',
+    'patternTransform',
+    'maskUnits',
+    'maskContentUnits',
+    'markerUnits',
+    'markerWidth',
+    'markerHeight',
+    'attributeName',
+    'attributeType',
+    'spreadMethod',
+    'baseProfile',
+    'repeatCount',
+]);
+// React-prop -> HTML/SVG attribute name mapping
+const REACT_TO_HTML_ATTR = {
+    className: 'class',
+    htmlFor: 'for',
+    tabIndex: 'tabindex',
+    acceptCharset: 'accept-charset',
+};
+// CSS properties whose numeric values do NOT need a "px" suffix
+const UNITLESS_CSS_PROPS = new Set([
+    'animationIterationCount',
+    'borderImageOutset',
+    'borderImageSlice',
+    'borderImageWidth',
+    'boxFlex',
+    'boxFlexGroup',
+    'boxOrdinalGroup',
+    'columnCount',
+    'columns',
+    'flex',
+    'flexGrow',
+    'flexPositive',
+    'flexShrink',
+    'flexNegative',
+    'flexOrder',
+    'fontWeight',
+    'gridArea',
+    'gridRow',
+    'gridRowEnd',
+    'gridRowSpan',
+    'gridRowStart',
+    'gridColumn',
+    'gridColumnEnd',
+    'gridColumnSpan',
+    'gridColumnStart',
+    'lineClamp',
+    'lineHeight',
+    'opacity',
+    'order',
+    'orphans',
+    'tabSize',
+    'widows',
+    'zIndex',
+    'zoom',
+    // SVG
+    'fillOpacity',
+    'floodOpacity',
+    'stopOpacity',
+    'strokeDasharray',
+    'strokeDashoffset',
+    'strokeMiterlimit',
+    'strokeOpacity',
+    'strokeWidth',
+]);
+const HTML_VOID_TAGS = new Set([
+    'area',
+    'base',
+    'br',
+    'col',
+    'embed',
+    'hr',
+    'img',
+    'input',
+    'link',
+    'meta',
+    'param',
+    'source',
+    'track',
+    'wbr',
+]);
+const camelToKebab = (s) => s.replace(/[A-Z]/g, (c) => '-' + c.toLowerCase());
+const escapeAttr = (s) => s.replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;');
+const escapeText = (s) => s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+const styleObjectToString = (style) => {
+    const parts = [];
+    for (const key in style) {
+        const raw = style[key];
+        if (raw == null || raw === false)
+            continue;
+        const cssKey = key.startsWith('--') ? key : camelToKebab(key);
+        let cssVal;
+        if (typeof raw === 'number' && raw !== 0 && !UNITLESS_CSS_PROPS.has(key)) {
+            cssVal = `${raw}px`;
+        }
+        else {
+            cssVal = String(raw);
+        }
+        parts.push(`${cssKey}:${cssVal}`);
+    }
+    return parts.join(';');
+};
+const propToAttrName = (key) => {
+    if (REACT_TO_HTML_ATTR[key])
+        return REACT_TO_HTML_ATTR[key];
+    if (key.startsWith('data-') || key.startsWith('aria-'))
+        return key;
+    if (SVG_KEEP_AS_IS.has(key))
+        return key;
+    // Camel-case SVG attributes (fillRule, clipPath, strokeWidth, ...) are emitted kebab-case.
+    return /[A-Z]/.test(key) ? camelToKebab(key) : key;
+};
+const reactElementToString = (node) => {
+    if (node == null || typeof node === 'boolean')
+        return '';
+    if (typeof node === 'string')
+        return escapeText(node);
+    if (typeof node === 'number')
+        return String(node);
+    if (Array.isArray(node))
+        return node.map(reactElementToString).join('');
+    if (!React.isValidElement(node))
+        return '';
+    const { type, props } = node;
+    if (type === React.Fragment) {
+        return reactElementToString(props.children);
+    }
+    // Function component: invoke it and recurse on the returned element.
+    // (All AdapTable system-icon components and the <Icon> wrapper are pure
+    // and use no hooks, so this is safe.)
+    if (typeof type === 'function') {
+        return reactElementToString(type(props));
+    }
+    if (typeof type !== 'string')
+        return '';
+    const attrs = [];
+    let innerHtml = '';
+    for (const key in props) {
+        if (key === 'children' || key === 'key' || key === 'ref')
+            continue;
+        const value = props[key];
+        if (value == null || value === false)
+            continue;
+        if (key === 'style') {
+            const css = typeof value === 'string' ? value : styleObjectToString(value);
+            if (css)
+                attrs.push(`style="${escapeAttr(css)}"`);
+            continue;
+        }
+        if (key === 'dangerouslySetInnerHTML') {
+            innerHtml = value?.__html ?? '';
+            continue;
+        }
+        const attrName = propToAttrName(key);
+        if (value === true) {
+            attrs.push(attrName);
+        }
+        else {
+            attrs.push(`${attrName}="${escapeAttr(String(value))}"`);
+        }
+    }
+    const attrStr = attrs.length ? ' ' + attrs.join(' ') : '';
+    const childHtml = innerHtml || reactElementToString(props.children);
+    if (HTML_VOID_TAGS.has(type)) {
+        return `<${type}${attrStr}/>`;
+    }
+    return `<${type}${attrStr}>${childHtml}</${type}>`;
 };
 export const iconToString = (icon, style) => {
     if (!icon) {
         return;
     }
-    return ReactDOMServer.renderToString(React.createElement(IconComponent, { icon: { ...icon, style: { ...icon.style, ...style } } }));
+    const mergedStyle = { ...icon.style, ...style };
+    if (isAdaptableSystemIcon(icon) && icon.name in allIcons) {
+        const IconCmp = allIcons[icon.name];
+        return reactElementToString(_jsx(IconCmp, { "aria-hidden": "true", name: icon.name, size: icon.size, style: mergedStyle, className: icon.className }));
+    }
+    if (isAdaptableCustomIcon(icon)) {
+        const width = mergedStyle.width ?? 'var(--ab-cmp-icon__width)';
+        const height = mergedStyle.height ?? 'var(--ab-cmp-icon__height)';
+        return reactElementToString(_jsx("img", { src: icon.src, className: icon.className, style: { height, width, ...mergedStyle } }));
+    }
+    return undefined;
 };

package/src/components/icons/info.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" }) }));

package/src/components/icons/inspector.js

@@ -1,5 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M12.034 12.681a.498.498 0 0 1 .647-.647l9 3.5a.5.5 0 0 1-.033.943l-3.444 1.068a1 1 0 0 0-.66.66l-1.067 3.443a.5.5 0 0 1-.943.033z" }),
-    React.createElement("path", { d: "M21 11V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6" })));
+export default (props) => (_jsxs(DefaultIcon, { ...props, children: [_jsx("path", { d: "M12.034 12.681a.498.498 0 0 1 .647-.647l9 3.5a.5.5 0 0 1-.033.943l-3.444 1.068a1 1 0 0 0-.66.66l-1.067 3.443a.5.5 0 0 1-.943.033z" }), _jsx("path", { d: "M21 11V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6" })] }));

package/src/components/icons/instrument.js

@@ -1,5 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M15.82,7.22l-1,0.4c-0.21-0.16-0.43-0.29-0.67-0.39L14,6.17C13.98,6.07,13.9,6,13.8,6h-1.6c-0.1,0-0.18,0.07-0.19,0.17 l-0.15,1.06c-0.24,0.1-0.47,0.23-0.67,0.39l-1-0.4c-0.09-0.03-0.2,0-0.24,0.09l-0.8,1.38c-0.05,0.09-0.03,0.2,0.05,0.26l0.85,0.66 C10.02,9.73,10,9.87,10,10c0,0.13,0.01,0.26,0.03,0.39l-0.84,0.66c-0.08,0.06-0.1,0.17-0.05,0.25l0.8,1.39 c0.05,0.09,0.15,0.12,0.25,0.09l0.99-0.4c0.21,0.16,0.43,0.29,0.68,0.39L12,13.83c0.02,0.1,0.1,0.17,0.2,0.17h1.6 c0.1,0,0.18-0.07,0.2-0.17l0.15-1.06c0.24-0.1,0.47-0.23,0.67-0.39l0.99,0.4c0.09,0.04,0.2,0,0.24-0.09l0.8-1.39 c0.05-0.09,0.03-0.19-0.05-0.25l-0.83-0.66C15.99,10.26,16,10.13,16,10c0-0.14-0.01-0.27-0.03-0.39l0.85-0.66 c0.08-0.06,0.1-0.17,0.05-0.26l-0.8-1.38C16.02,7.22,15.91,7.19,15.82,7.22z M13,11.43c-0.79,0-1.43-0.64-1.43-1.43 S12.21,8.57,13,8.57s1.43,0.64,1.43,1.43S13.79,11.43,13,11.43z" }),
-    React.createElement("path", { d: "M19.94,9.06c-0.43-3.27-3.23-5.86-6.53-6.05C13.27,3,13.14,3,13,3C9.47,3,6.57,5.61,6.08,9l-1.93,3.48 C3.74,13.14,4.22,14,5,14h1v2c0,1.1,0.9,2,2,2h1v3h7v-4.68C18.62,15.07,20.35,12.24,19.94,9.06z M14.89,14.63L14,15.05V19h-3v-3H8 v-4H6.7l1.33-2.33C8.21,7.06,10.35,5,13,5c2.76,0,5,2.24,5,5C18,12.09,16.71,13.88,14.89,14.63z" })));
+export default (props) => (_jsxs(DefaultIcon, { ...props, children: [_jsx("path", { d: "M15.82,7.22l-1,0.4c-0.21-0.16-0.43-0.29-0.67-0.39L14,6.17C13.98,6.07,13.9,6,13.8,6h-1.6c-0.1,0-0.18,0.07-0.19,0.17 l-0.15,1.06c-0.24,0.1-0.47,0.23-0.67,0.39l-1-0.4c-0.09-0.03-0.2,0-0.24,0.09l-0.8,1.38c-0.05,0.09-0.03,0.2,0.05,0.26l0.85,0.66 C10.02,9.73,10,9.87,10,10c0,0.13,0.01,0.26,0.03,0.39l-0.84,0.66c-0.08,0.06-0.1,0.17-0.05,0.25l0.8,1.39 c0.05,0.09,0.15,0.12,0.25,0.09l0.99-0.4c0.21,0.16,0.43,0.29,0.68,0.39L12,13.83c0.02,0.1,0.1,0.17,0.2,0.17h1.6 c0.1,0,0.18-0.07,0.2-0.17l0.15-1.06c0.24-0.1,0.47-0.23,0.67-0.39l0.99,0.4c0.09,0.04,0.2,0,0.24-0.09l0.8-1.39 c0.05-0.09,0.03-0.19-0.05-0.25l-0.83-0.66C15.99,10.26,16,10.13,16,10c0-0.14-0.01-0.27-0.03-0.39l0.85-0.66 c0.08-0.06,0.1-0.17,0.05-0.26l-0.8-1.38C16.02,7.22,15.91,7.19,15.82,7.22z M13,11.43c-0.79,0-1.43-0.64-1.43-1.43 S12.21,8.57,13,8.57s1.43,0.64,1.43,1.43S13.79,11.43,13,11.43z" }), _jsx("path", { d: "M19.94,9.06c-0.43-3.27-3.23-5.86-6.53-6.05C13.27,3,13.14,3,13,3C9.47,3,6.57,5.61,6.08,9l-1.93,3.48 C3.74,13.14,4.22,14,5,14h1v2c0,1.1,0.9,2,2,2h1v3h7v-4.68C18.62,15.07,20.35,12.24,19.94,9.06z M14.89,14.63L14,15.05V19h-3v-3H8 v-4H6.7l1.33-2.33C8.21,7.06,10.35,5,13,5c2.76,0,5,2.24,5,5C18,12.09,16.71,13.88,14.89,14.63z" })] }));

package/src/components/icons/interactions.js

@@ -1,5 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props, viewBox: "0 -960 960 960" },
-    React.createElement("path", { d: "M246-160q-24 0-42-18t-18-42v-406L47-800h773q24 0 42 18t18 42v520q0 24-18 42t-42 18H246Zm0-580v520h574v-520H246Zm284 471 43-43-63-61h206v-60H364l166 164ZM364-527h352L550-690l-43 42 63 61H364v60ZM246-740v520-520Z" }),
-    ' '));
+export default (props) => (_jsxs(DefaultIcon, { ...props, viewBox: "0 -960 960 960", children: [_jsx("path", { d: "M246-160q-24 0-42-18t-18-42v-406L47-800h773q24 0 42 18t18 42v520q0 24-18 42t-42 18H246Zm0-580v520h574v-520H246Zm284 471 43-43-63-61h206v-60H364l166 164ZM364-527h352L550-690l-43 42 63 61H364v60ZM246-740v520-520Z" }), ' '] }));

package/src/components/icons/invalid.js

@@ -1,5 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M13 14h-2v-4h2m0 8h-2v-2h2M1 21h22L12 2L1 21z" })));
-//  fill="#626262"/></svg>
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M13 14h-2v-4h2m0 8h-2v-2h2M1 21h22L12 2L1 21z" }) }));

package/src/components/icons/ipushpull.js

@@ -1,5 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z" }),
-    ' '));
+export default (props) => (_jsxs(DefaultIcon, { ...props, children: [_jsx("path", { d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z" }), ' '] }));

package/src/components/icons/italic.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props, viewBox: "0 96 960 960" },
-    React.createElement("path", { xmlns: "http://www.w3.org/2000/svg", d: "M200 856V756h160l120-360H320V296h400v100H580L460 756h140v100H200Z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, viewBox: "0 96 960 960", children: _jsx("path", { xmlns: "http://www.w3.org/2000/svg", d: "M200 856V756h160l120-360H320V296h400v100H580L460 756h140v100H200Z" }) }));

package/src/components/icons/justify.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z" }) }));

package/src/components/icons/layout.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z" }) }));

package/src/components/icons/less-than-or-equal.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M18.5,2.27L5,10.14L18.5,18L19.5,16.27L8.97,10.14L19.5,4L18.5,2.27M5,20V22H20V20H5Z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M18.5,2.27L5,10.14L18.5,18L19.5,16.27L8.97,10.14L19.5,4L18.5,2.27M5,20V22H20V20H5Z" }) }));

package/src/components/icons/less-than.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M18.5,4.14L19.5,5.86L8.97,12L19.5,18.14L18.5,19.86L5,12L18.5,4.14Z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M18.5,4.14L19.5,5.86L8.97,12L19.5,18.14L18.5,19.86L5,12L18.5,4.14Z" }) }));

package/src/components/icons/list.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z" }) }));

package/src/components/icons/login.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z" }) }));

package/src/components/icons/logout copy.js

@@ -1,5 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
-    React.createElement("path", { d: "M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" })));
+export default (props) => (_jsxs(DefaultIcon, { ...props, children: [_jsx("path", { d: "M0 0h24v24H0z", fill: "none" }), _jsx("path", { d: "M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" })] }));

package/src/components/icons/logout.js

@@ -1,5 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
-    React.createElement("path", { d: "M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" })));
+export default (props) => (_jsxs(DefaultIcon, { ...props, children: [_jsx("path", { d: "M0 0h24v24H0z", fill: "none" }), _jsx("path", { d: "M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" })] }));

package/src/components/icons/mail.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props, viewBox: "0 -960 960 960" },
-    React.createElement("path", { d: "M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, viewBox: "0 -960 960 960", children: _jsx("path", { d: "M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z" }) }));

package/src/components/icons/menu.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" }) }));

package/src/components/icons/minus.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M19,13H5V11H19V13Z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M19,13H5V11H19V13Z" }) }));

package/src/components/icons/money.js

@@ -1,5 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props, viewBox: "0 -960 960 960" },
-    React.createElement("path", { d: "M602-319h131q12.75 0 21.375-8.625T763-349v-262q0-12.75-8.625-21.375T733-641H602q-12.75 0-21.375 8.625T572-611v262q0 12.75 8.625 21.375T602-319Zm30-60v-202h71v202h-71Zm-278 60h126q12.75 0 21.375-8.625T510-349v-262q0-12.75-8.625-21.375T480-641H354q-12.75 0-21.375 8.625T324-611v262q0 12.75 8.625 21.375T354-319Zm30-60v-202h66v202h-66Zm-187 60h60v-322h-60v322ZM80-160v-640h800v640H80Zm60-580v520-520Zm0 520h680v-520H140v520Z" }),
-    ' '));
+export default (props) => (_jsxs(DefaultIcon, { ...props, viewBox: "0 -960 960 960", children: [_jsx("path", { d: "M602-319h131q12.75 0 21.375-8.625T763-349v-262q0-12.75-8.625-21.375T733-641H602q-12.75 0-21.375 8.625T572-611v262q0 12.75 8.625 21.375T602-319Zm30-60v-202h71v202h-71Zm-278 60h126q12.75 0 21.375-8.625T510-349v-262q0-12.75-8.625-21.375T480-641H354q-12.75 0-21.375 8.625T324-611v262q0 12.75 8.625 21.375T354-319Zm30-60v-202h66v202h-66Zm-187 60h60v-322h-60v322ZM80-160v-640h800v640H80Zm60-580v520-520Zm0 520h680v-520H140v520Z" }), ' '] }));

package/src/components/icons/multiplication.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M11,3H13V10.27L19.29,6.64L20.29,8.37L14,12L20.3,15.64L19.3,17.37L13,13.72V21H11V13.73L4.69,17.36L3.69,15.63L10,12L3.72,8.36L4.72,6.63L11,10.26V3Z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M11,3H13V10.27L19.29,6.64L20.29,8.37L14,12L20.3,15.64L19.3,17.37L13,13.72V21H11V13.73L4.69,17.36L3.69,15.63L10,12L3.72,8.36L4.72,6.63L11,10.26V3Z" }) }));

package/src/components/icons/newpage.js

@@ -1,5 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
-    React.createElement("path", { d: "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2zm-3-7V3.5L18.5 9H13z" })));
+export default (props) => (_jsxs(DefaultIcon, { ...props, children: [_jsx("path", { d: "M0 0h24v24H0z", fill: "none" }), _jsx("path", { d: "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2zm-3-7V3.5L18.5 9H13z" })] }));

package/src/components/icons/news.js

@@ -1,5 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M16,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V8L16,3z M19,19H5V5h10v4h4V19z M7,17h10v-2H7V17z M12,7H7 v2h5V7z M7,13h10v-2H7V13z" }),
-    ' '));
+export default (props) => (_jsxs(DefaultIcon, { ...props, children: [_jsx("path", { d: "M16,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V8L16,3z M19,19H5V5h10v4h4V19z M7,17h10v-2H7V17z M12,7H7 v2h5V7z M7,13h10v-2H7V13z" }), ' '] }));

package/src/components/icons/non-blanks.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" }) }));

package/src/components/icons/not-contains.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M11.14 11.71H9.96M20 14V18H4V15H2V20H22V14Z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M11.14 11.71H9.96M20 14V18H4V15H2V20H22V14Z" }) }));

package/src/components/icons/not-equal.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M21,10H9V8H21V10M21,16H9V14H21V16M4,5H6V16H4V5M6,18V20H4V18H6Z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M21,10H9V8H21V10M21,16H9V14H21V16M4,5H6V16H4V5M6,18V20H4V18H6Z" }) }));

package/src/components/icons/note.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 14H6v-2h2v2zm0-3H6V9h2v2zm0-3H6V6h2v2zm7 6h-5v-2h5v2zm3-3h-8V9h8v2zm0-3h-8V6h8v2z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 14H6v-2h2v2zm0-3H6V9h2v2zm0-3H6V6h2v2zm7 6h-5v-2h5v2zm3-3h-8V9h8v2zm0-3h-8V6h8v2z" }) }));

package/src/components/icons/open-in-new.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { xmlns: "http://www.w3.org/2000/svg", d: "M5 21q-.825 0-1.413-.587Q3 19.825 3 19V5q0-.825.587-1.413Q4.175 3 5 3h7v2H5v14h14v-7h2v7q0 .825-.587 1.413Q19.825 21 19 21Zm4.7-5.3-1.4-1.4L17.6 5H14V3h7v7h-2V6.4Z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { xmlns: "http://www.w3.org/2000/svg", d: "M5 21q-.825 0-1.413-.587Q3 19.825 3 19V5q0-.825.587-1.413Q4.175 3 5 3h7v2H5v14h14v-7h2v7q0 .825-.587 1.413Q19.825 21 19 21Zm4.7-5.3-1.4-1.4L17.6 5H14V3h7v7h-2V6.4Z" }) }));

package/src/components/icons/order.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props, viewBox: "0 -960 960 960" },
-    React.createElement("path", { d: "m704-139 139-138-42-42-97 95-39-39-42 43 81 81ZM240-620h480v-60H240v60ZM732.5-41Q655-41 600-96.5T545-228q0-78.435 54.99-133.717Q654.98-417 733-417q77 0 132.5 55.283Q921-306.435 921-228q0 76-55.5 131.5T732.5-41ZM120-81v-699q0-24.75 17.625-42.375T180-840h600q24.75 0 42.375 17.625T840-780v327q-14.169-6.857-29.085-11.429Q796-469 780-472v-308H180v599h310q2.885 18.172 8.942 34.586Q505-130 513-114l-33 33-60-60-60 60-60-60-60 60-60-60-60 60Zm120-199h252.272q3.728-16 8.228-31t12.5-29H240v60Zm0-170h384q22-11 46-17.5t50-8.5v-34H240v60Zm-60 269v-599 599Z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, viewBox: "0 -960 960 960", children: _jsx("path", { d: "m704-139 139-138-42-42-97 95-39-39-42 43 81 81ZM240-620h480v-60H240v60ZM732.5-41Q655-41 600-96.5T545-228q0-78.435 54.99-133.717Q654.98-417 733-417q77 0 132.5 55.283Q921-306.435 921-228q0 76-55.5 131.5T732.5-41ZM120-81v-699q0-24.75 17.625-42.375T180-840h600q24.75 0 42.375 17.625T840-780v327q-14.169-6.857-29.085-11.429Q796-469 780-472v-308H180v599h310q2.885 18.172 8.942 34.586Q505-130 513-114l-33 33-60-60-60 60-60-60-60 60-60-60-60 60Zm120-199h252.272q3.728-16 8.228-31t12.5-29H240v60Zm0-170h384q22-11 46-17.5t50-8.5v-34H240v60Zm-60 269v-599 599Z" }) }));

package/src/components/icons/organisation.js

@@ -1,5 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props, viewBox: "0 -960 960 960" },
-    React.createElement("path", { d: "M80-120v-720h390v165h410v555H80Zm60-60h270v-105H140v105Zm0-165h270v-105H140v105Zm0-165h270v-105H140v105Zm0-165h270v-105H140v105Zm330 495h350v-435H470v435Zm80-270v-60h165v60H550Zm0 165v-60h165v60H550Z" }),
-    ' '));
+export default (props) => (_jsxs(DefaultIcon, { ...props, viewBox: "0 -960 960 960", children: [_jsx("path", { d: "M80-120v-720h390v165h410v555H80Zm60-60h270v-105H140v105Zm0-165h270v-105H140v105Zm0-165h270v-105H140v105Zm0-165h270v-105H140v105Zm330 495h350v-435H470v435Zm80-270v-60h165v60H550Zm0 165v-60h165v60H550Z" }), ' '] }));

package/src/components/icons/overline.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props, viewBox: "0 96 960 960" },
-    React.createElement("path", { d: "M200 296v-80h560v80H200Zm280 640q-117 0-198.5-81.5T200 656q0-117 81.5-198.5T480 376q117 0 198.5 81.5T760 656q0 117-81.5 198.5T480 936Zm0-100q75 0 127.5-52.5T660 656q0-75-52.5-127.5T480 476q-75 0-127.5 52.5T300 656q0 75 52.5 127.5T480 836Z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, viewBox: "0 96 960 960", children: _jsx("path", { d: "M200 296v-80h560v80H200Zm280 640q-117 0-198.5-81.5T200 656q0-117 81.5-198.5T480 376q117 0 198.5 81.5T760 656q0 117-81.5 198.5T480 936Zm0-100q75 0 127.5-52.5T660 656q0-75-52.5-127.5T480 476q-75 0-127.5 52.5T300 656q0 75 52.5 127.5T480 836Z" }) }));

package/src/components/icons/pause.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M6 19h4V5H6v14zm8-14v14h4V5h-4z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M6 19h4V5H6v14zm8-14v14h4V5h-4z" }) }));

package/src/components/icons/percent-bar.js

@@ -1,9 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("defs", null,
-        React.createElement("path", { id: "a", d: "M0 0h24v24H0V0z" })),
-    React.createElement("clipPath", { id: "b" },
-        React.createElement("use", { xlinkHref: "#a", overflow: "visible" })),
-    React.createElement("path", { clipPath: "url(#b)", d: "M17.63 5.84C17.27 5.33 16.67 5 16 5H5C3.9 5 3 5.9 3 7V17C3 18.11 3.9 19 5 19H16C16.67 19 17.27 18.66 17.63 18.15L22 12L17.63 5.84M8.45 8.03C9.23 8.03 9.87 8.67 9.87 9.45S9.23 10.87 8.45 10.87 7.03 10.23 7.03 9.45 7.67 8.03 8.45 8.03M13.55 15.97C12.77 15.97 12.13 15.33 12.13 14.55S12.77 13.13 13.55 13.13 14.97 13.77 14.97 14.55 14.33 15.97 13.55 15.97M8.2 16L7 14.8L13.8 8L15 9.2L8.2 16Z" })));
-// M19.5 9.5c-1.03 0-1.9.62-2.29 1.5h-2.92c-.39-.88-1.26-1.5-2.29-1.5s-1.9.62-2.29 1.5H6.79c-.39-.88-1.26-1.5-2.29-1.5C3.12 9.5 2 10.62 2 12s1.12 2.5 2.5 2.5c1.03 0 1.9-.62 2.29-1.5h2.92c.39.88 1.26 1.5 2.29 1.5s1.9-.62 2.29-1.5h2.92c.39.88 1.26 1.5 2.29 1.5 1.38 0 2.5-1.12 2.5-2.5s-1.12-2.5-2.5-2.5z
+export default (props) => (_jsxs(DefaultIcon, { ...props, children: [_jsx("defs", { children: _jsx("path", { id: "a", d: "M0 0h24v24H0V0z" }) }), _jsx("clipPath", { id: "b", children: _jsx("use", { xlinkHref: "#a", overflow: "visible" }) }), _jsx("path", { clipPath: "url(#b)", d: "M17.63 5.84C17.27 5.33 16.67 5 16 5H5C3.9 5 3 5.9 3 7V17C3 18.11 3.9 19 5 19H16C16.67 19 17.27 18.66 17.63 18.15L22 12L17.63 5.84M8.45 8.03C9.23 8.03 9.87 8.67 9.87 9.45S9.23 10.87 8.45 10.87 7.03 10.23 7.03 9.45 7.67 8.03 8.45 8.03M13.55 15.97C12.77 15.97 12.13 15.33 12.13 14.55S12.77 13.13 13.55 13.13 14.97 13.77 14.97 14.55 14.33 15.97 13.55 15.97M8.2 16L7 14.8L13.8 8L15 9.2L8.2 16Z" })] }));

package/src/components/icons/percent.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M18.5,3.5L3.5,18.5L5.5,20.5L20.5,5.5M7,4A3,3 0 0,0 4,7A3,3 0 0,0 7,10A3,3 0 0,0 10,7A3,3 0 0,0 7,4M17,14A3,3 0 0,0 14,17A3,3 0 0,0 17,20A3,3 0 0,0 20,17A3,3 0 0,0 17,14Z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M18.5,3.5L3.5,18.5L5.5,20.5L20.5,5.5M7,4A3,3 0 0,0 4,7A3,3 0 0,0 7,10A3,3 0 0,0 10,7A3,3 0 0,0 7,4M17,14A3,3 0 0,0 14,17A3,3 0 0,0 17,20A3,3 0 0,0 20,17A3,3 0 0,0 17,14Z" }) }));

package/src/components/icons/person.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 10c2.7 0 5.8 1.29 6 2H6c.23-.72 3.31-2 6-2m0-12C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 10c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 10c2.7 0 5.8 1.29 6 2H6c.23-.72 3.31-2 6-2m0-12C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 10c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }) }));

package/src/components/icons/pie-chart.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M11 2v20c-5.07-.5-9-4.79-9-10s3.93-9.5 9-10zm2.03 0v8.99H22c-.47-4.74-4.24-8.52-8.97-8.99zm0 11.01V22c4.74-.47 8.5-4.25 8.97-8.99h-8.97z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M11 2v20c-5.07-.5-9-4.79-9-10s3.93-9.5 9-10zm2.03 0v8.99H22c-.47-4.74-4.24-8.52-8.97-8.99zm0 11.01V22c4.74-.47 8.5-4.25 8.97-8.99h-8.97z" }) }));

package/src/components/icons/play.js

@@ -1,5 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M8 5v14l11-7z" }),
-    ' '));
+export default (props) => (_jsxs(DefaultIcon, { ...props, children: [_jsx("path", { d: "M8 5v14l11-7z" }), ' '] }));

package/src/components/icons/plus-minus.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z" }) }));

package/src/components/icons/plus.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, { ...props },
-    React.createElement("path", { d: "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z" })));
+export default (props) => (_jsx(DefaultIcon, { ...props, children: _jsx("path", { d: "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z" }) }));