@antscorp/antsomi-ui 2.0.7 → 2.0.8-3.text-editor-beta.1

package/es/components/atoms/Switch/styled.js

@@ -0,0 +1,60 @@
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+import { Switch } from 'antd';
+import styled from 'styled-components';
+export const StyledSwitch = styled(Switch) `
+  &.antsomi-switch {
+    border: 2px solid var(--switch-color);
+
+    &.antsomi-switch-checked {
+      background: var(--switch-color);
+
+      > .antsomi-switch-handle {
+        &::before {
+          background-color: ${THEME.token?.bw0};
+        }
+      }
+
+      .antsomi-switch-inner {
+        padding-inline-start: 4px;
+        padding-inline-end: 18px;
+      }
+
+      &:hover:not(.antsomi-switch-disabled) {
+        background-color: var(--switch-color);
+      }
+    }
+
+    &.antsomi-switch-disabled {
+      background: ${THEME.token?.bw0};
+      border-color: ${THEME.token?.colorTextPlaceholder};
+
+      > .antsomi-switch-handle {
+        &::before {
+          background-color: ${THEME.token?.colorTextPlaceholder};
+        }
+      }
+
+      &.antsomi-switch-checked {
+        background: ${THEME.token?.colorTextPlaceholder};
+        border-color: ${THEME.token?.colorTextPlaceholder};
+
+        > .antsomi-switch-handle {
+          &::before {
+            background-color: ${THEME.token?.bw0};
+          }
+        }
+      }
+    }
+
+    .antsomi-switch-handle {
+      &::before {
+        background-color: var(--switch-color);
+      }
+    }
+
+    .antsomi-switch-inner {
+      padding-inline-start: 4px;
+      padding-inline-end: 18px;
+    }
+  }
+`;

package/es/components/atoms/Tag/Tag.d.ts

@@ -1,2 +1,11 @@
+import React from 'react';
+import { TagProps } from 'antd';
 import { TagType } from 'antd/lib';
-export declare const Tag: TagType;
+export interface TagListProps {
+    tags: string[];
+    tagProps?: TagProps;
+    limit?: number;
+}
+export declare const Tag: TagType & {
+    List: React.FC<TagListProps>;
+};

package/es/components/atoms/Tag/Tag.js

@@ -1,22 +1,23 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react/no-array-index-key */
 // Libraries
-import React from 'react';
+import { useMemo, useState } from 'react';
 import { Tag as AntdTag } from 'antd';
 import styled from 'styled-components';
 // Icons
 import { CloseIcon } from '../../icons';
+// Components
+import { Flex } from '../Flex';
+import { Button } from '../Button';
+import { Typography } from '../Typography';
+import { SearchPopover } from '../../molecules';
 // Constants
 import { globalToken } from '@antscorp/antsomi-ui/es/constants';
+import { translate, translations } from '@antscorp/antsomi-ui/es/locales';
+// Utils
+import { searchStringQuery } from '@antscorp/antsomi-ui/es/utils';
+import { Scrollbars } from '../Scrollbars';
+const { Text } = Typography;
 const CloseBtn = styled.div `
   display: flex;
   align-items: center;
@@ -26,10 +27,36 @@ const CloseBtn = styled.div `
   background-color: #fff;
   border-radius: 100%;
 `;
+const AllTagsContainer = styled(Flex) `
+  padding: 10px;
+`;
 const OriginTag = props => {
-    const { closable = false, closeIcon = (React.createElement(CloseBtn, null,
-        React.createElement(CloseIcon, { size: 14, color: globalToken === null || globalToken === void 0 ? void 0 : globalToken.colorPrimary }))) } = props, restOfProps = __rest(props, ["closable", "closeIcon"]);
-    return React.createElement(AntdTag, Object.assign({}, restOfProps, { closable: closable, closeIcon: closable ? closeIcon : null }));
+    const { closable = false, closeIcon = (_jsx(CloseBtn, { children: _jsx(CloseIcon, { size: 14, color: globalToken?.colorPrimary }) })), ...restOfProps } = props;
+    return _jsx(AntdTag, { ...restOfProps, closable: closable, closeIcon: closable ? closeIcon : null });
+};
+const TagList = props => {
+    const { tags, tagProps, limit = 2 } = props;
+    const [state, setState] = useState({
+        open: false,
+        searchValue: '',
+        selected: [],
+    });
+    const { searchValue } = state;
+    const filteredTags = useMemo(() => tags.filter(tag => searchStringQuery(tag, searchValue)), [tags, searchValue]);
+    const renderTags = () => tags.slice(0, limit).map((tag, index) => (_jsx(OriginTag, { ...tagProps, children: _jsx(Text, { ellipsis: { tooltip: true }, children: tag }) }, index)));
+    const renderAllTags = () => (_jsx(Scrollbars, { autoHeight: true, autoHeightMax: 300, children: _jsx(AllTagsContainer, { gap: "8px 0px", wrap: "wrap", children: filteredTags.map((tag, index) => (_jsx(OriginTag, { ...tagProps, children: _jsx(Text, { ellipsis: { tooltip: true }, children: tag }) }, index))) }) }));
+    const renderShowMoreTags = () => {
+        if (tags.length > limit) {
+            return (_jsx(SearchPopover, { content: renderAllTags(), overlayInnerStyle: { width: 300 }, inputSearchProps: {
+                    onAfterChange(value) {
+                        setState(prev => ({ ...prev, searchValue: value }));
+                    },
+                }, children: _jsx(Button, { type: "text", children: translate(translations.viewAll) }) }));
+        }
+        return null;
+    };
+    return (_jsxs(Flex, { children: [renderTags(), " ", renderShowMoreTags()] }));
 };
 export const Tag = OriginTag;
 Tag.CheckableTag = AntdTag.CheckableTag;
+Tag.List = TagList;

package/es/components/atoms/Text/index.js

@@ -1,24 +1,16 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { jsx as _jsx } from "react/jsx-runtime";
 // Libraries
 import classNames from 'classnames';
-import React from 'react';
 // Styled
 import { TextWrapper } from './styled';
 export const Text = props => {
-    const { type, size, bold, children, className, style, color } = props, restOf = __rest(props, ["type", "size", "bold", "children", "className", "style", "color"]);
-    return (React.createElement(TextWrapper, Object.assign({ size: size, className: classNames(`--${type}`, className, {
+    const { type, size, bold, children, className, style, color, ...restOf } = props;
+    return (_jsx(TextWrapper, { size: size, className: classNames(`--${type}`, className, {
             'ants-font-bold': bold,
-        }), style: Object.assign(Object.assign({}, style), { color }) }, restOf), children));
+        }), style: {
+            ...style,
+            color,
+        }, ...restOf, children: children }));
 };
 Text.defaultProps = {
     type: 'default',

package/es/components/atoms/Text/styled.js

@@ -1,30 +1,28 @@
-var _a, _b, _c, _d, _e, _f;
 // Libraries
 import styled, { css } from 'styled-components';
 // Constants
 import { THEME } from '@antscorp/antsomi-ui/es/constants';
 export const TextWrapper = styled.div `
-  color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorTextBase};
-  font-size: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.fontSize}px;
+  color: ${THEME.token?.colorTextBase};
+  font-size: ${THEME.token?.fontSize}px;
   font-family: Roboto;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 
   ${p => {
-    var _a, _b, _c;
     switch (p.size) {
         case 'small':
             return css `
-          font-size: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.fontSize}px;
+          font-size: ${THEME.token?.fontSize}px;
         `;
         case 'medium':
             return css `
-          font-size: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.fontSizeMd}px;
+          font-size: ${THEME.token?.fontSizeMd}px;
         `;
         case 'large':
             return css `
-          font-size: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.fontSizeLg}px;
+          font-size: ${THEME.token?.fontSizeLg}px;
         `;
         default:
             return css `
@@ -34,19 +32,19 @@ export const TextWrapper = styled.div `
 }}
 
   &.--disabled {
-    color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.colorTextDisabled};
+    color: ${THEME.token?.colorTextDisabled};
     pointer-events: none;
   }
 
   &.--secondary {
-    color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.colorIcon};
+    color: ${THEME.token?.colorIcon};
   }
 
   &.--error {
-    color: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.red6};
+    color: ${THEME.token?.red6};
   }
 
   &.--warning {
-    color: ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.colorWarning};
+    color: ${THEME.token?.colorWarning};
   }
 `;

package/es/components/atoms/Typography/EllipsisMiddle.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const EllipsisMiddle: React.FC<{
+    suffixCount: number;
+    children: string;
+    tooltip?: string;
+    style?: React.CSSProperties;
+}>;

package/es/components/atoms/Typography/EllipsisMiddle.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Typography } from 'antd';
+export const EllipsisMiddle = ({ suffixCount, children, tooltip = false, style }) => {
+    if (children.length <= suffixCount)
+        return _jsx(Typography.Text, { style: style, children: children });
+    const start = children.slice(0, children.length - suffixCount);
+    const suffix = children.slice(-suffixCount);
+    return (_jsx(Typography.Text, { style: style, ellipsis: { tooltip: tooltip ? _jsx("bdo", { dir: "ltr", children: tooltip }) : false, suffix }, children: start }));
+};

package/es/components/atoms/Typography/index.d.ts

@@ -1 +1,2 @@
 export { Typography } from './Text';
+export { EllipsisMiddle } from './EllipsisMiddle';

package/es/components/atoms/Typography/index.js

@@ -1 +1,2 @@
 export { Typography } from './Text';
+export { EllipsisMiddle } from './EllipsisMiddle';

package/es/components/atoms/index.d.ts

@@ -6,7 +6,7 @@ export { Radio, RadioGroupSub, RadioButton } from './Radio';
 export { Space } from './Space';
 export { Tag } from './Tag';
 export { Tooltip } from './Tooltip';
-export { Typography } from './Typography';
+export { Typography, EllipsisMiddle } from './Typography';
 export { Checkbox } from './Checkbox';
 export { message } from './Message';
 export { Segmented } from './Segmented';
@@ -30,6 +30,11 @@ export { Rate } from './Rate';
 export { SliderV2 } from './SliderV2';
 export { InputDynamic } from './InputDynamic';
 export { ContentEditable } from './ContentEditable';
+export { Image } from './Image';
+export { IconField } from './IconField';
+export { Suspense } from './Suspense';
+export { default as MobileBrandingBar } from './MobileBrandingBar';
+export { MobileFrameV3 } from './MobileFrameV3';
 export * from './Flex';
 export * from './PreviewTabs';
 export * from './MobileFrame';
@@ -46,3 +51,4 @@ export * from './Avatar';
 export type { SliderProps } from './Slider';
 export type { PaginationProps } from './Pagination';
 export type { InputDynamicProps } from './InputDynamic';
+export type { ImageProps } from './Image';

package/es/components/atoms/index.js

@@ -6,7 +6,7 @@ export { Radio, RadioGroupSub, RadioButton } from './Radio';
 export { Space } from './Space';
 export { Tag } from './Tag';
 export { Tooltip } from './Tooltip';
-export { Typography } from './Typography';
+export { Typography, EllipsisMiddle } from './Typography';
 export { Checkbox } from './Checkbox';
 export { message } from './Message';
 export { Segmented } from './Segmented';
@@ -30,6 +30,11 @@ export { Rate } from './Rate';
 export { SliderV2 } from './SliderV2';
 export { InputDynamic } from './InputDynamic';
 export { ContentEditable } from './ContentEditable';
+export { Image } from './Image';
+export { IconField } from './IconField';
+export { Suspense } from './Suspense';
+export { default as MobileBrandingBar } from './MobileBrandingBar';
+export { MobileFrameV3 } from './MobileFrameV3';
 export * from './Flex';
 export * from './PreviewTabs';
 export * from './MobileFrame';

package/es/components/icons/AccountCircleIcon.js

@@ -1,7 +1,7 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AccountCircleIcon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" }, props, { ref: ref, width: width, height: height }),
-        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 2zm0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20z" })));
+    return (_jsx("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", ...props, ref: ref, width: width, height: height, 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 2zm0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20z" }) }));
 });

package/es/components/icons/AccountCircleOutlineIcon.js

@@ -1,7 +1,7 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AccountCircleOutlineIcon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("path", { d: "M15 5.01562C20.5312 5.01562 24.9844 9.46875 24.9844 15C24.9844 20.5312 20.5312 24.9844 15 24.9844C9.46875 24.9844 5.01562 20.5312 5.01562 15C5.01562 9.46875 9.46875 5.01562 15 5.01562ZM10.3594 21.5156C11.6719 22.4531 13.2656 23.0156 15 23.0156C16.7344 23.0156 18.3281 22.4531 19.6406 21.5156C18.3281 20.5781 16.7344 20.0156 15 20.0156C13.2656 20.0156 11.6719 20.5781 10.3594 21.5156ZM21.1406 20.1094C22.3125 18.75 23.0156 16.9688 23.0156 15C23.0156 10.5938 19.4062 6.98438 15 6.98438C10.5938 6.98438 6.98438 10.5938 6.98438 15C6.98438 16.9688 7.6875 18.75 8.85938 20.1094C10.5469 18.7969 12.7031 18 15 18C17.2969 18 19.4531 18.7969 21.1406 20.1094ZM15 9C16.9219 9 18.5156 10.5469 18.5156 12.5156C18.5156 14.4375 16.9219 15.9844 15 15.9844C13.0781 15.9844 11.4844 14.4375 11.4844 12.5156C11.4844 10.5469 13.0781 9 15 9ZM15 14.0156C15.8438 14.0156 16.5 13.3125 16.5 12.5156C16.5 11.6719 15.8438 11.0156 15 11.0156C14.1562 11.0156 13.5 11.6719 13.5 12.5156C13.5 13.3125 14.1562 14.0156 15 14.0156Z", fill: "currentColor" })));
+    return (_jsx("svg", { viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M15 5.01562C20.5312 5.01562 24.9844 9.46875 24.9844 15C24.9844 20.5312 20.5312 24.9844 15 24.9844C9.46875 24.9844 5.01562 20.5312 5.01562 15C5.01562 9.46875 9.46875 5.01562 15 5.01562ZM10.3594 21.5156C11.6719 22.4531 13.2656 23.0156 15 23.0156C16.7344 23.0156 18.3281 22.4531 19.6406 21.5156C18.3281 20.5781 16.7344 20.0156 15 20.0156C13.2656 20.0156 11.6719 20.5781 10.3594 21.5156ZM21.1406 20.1094C22.3125 18.75 23.0156 16.9688 23.0156 15C23.0156 10.5938 19.4062 6.98438 15 6.98438C10.5938 6.98438 6.98438 10.5938 6.98438 15C6.98438 16.9688 7.6875 18.75 8.85938 20.1094C10.5469 18.7969 12.7031 18 15 18C17.2969 18 19.4531 18.7969 21.1406 20.1094ZM15 9C16.9219 9 18.5156 10.5469 18.5156 12.5156C18.5156 14.4375 16.9219 15.9844 15 15.9844C13.0781 15.9844 11.4844 14.4375 11.4844 12.5156C11.4844 10.5469 13.0781 9 15 9ZM15 14.0156C15.8438 14.0156 16.5 13.3125 16.5 12.5156C16.5 11.6719 15.8438 11.0156 15 11.0156C14.1562 11.0156 13.5 11.6719 13.5 12.5156C13.5 13.3125 14.1562 14.0156 15 14.0156Z", fill: "currentColor" }) }));
 });

package/es/components/icons/AccountSharing30Icon.js

@@ -1,7 +1,7 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AccountSharing30Icon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.8223 4.64648C14.5762 4.64648 16.8027 6.93164 16.8027 9.68555C16.8027 12.4395 14.5762 14.666 11.8223 14.666C9.06836 14.666 6.8418 12.4395 6.8418 9.68555C6.8418 6.93164 9.06836 4.64648 11.8223 4.64648ZM11.8223 7.16602C10.4746 7.16602 9.30273 8.2793 9.30273 9.68555C9.30273 11.0332 10.4746 12.1465 11.8223 12.1465C13.1699 12.1465 14.3418 11.0332 14.3418 9.68555C14.3418 8.2793 13.1699 7.16602 11.8223 7.16602ZM11.8223 19.6465C8.48242 19.6465 4.61523 21.2871 4.32227 22.166H12.7221C12.368 23.0026 12.1094 23.8548 11.9213 24.6855H1.80273V22.166C1.80273 18.8262 8.48242 17.1855 11.8223 17.1855C12.9653 17.1855 14.4994 17.3777 16.0232 17.7644C15.5236 18.1524 15.07 18.581 14.6604 19.044C14.4305 19.3039 14.2168 19.572 14.0181 19.8466C13.2913 19.7209 12.5462 19.6465 11.8223 19.6465ZM22.8223 14.666V17.541C17.6348 18.2285 15.5723 21.791 14.8223 25.3535C16.6973 22.8535 19.1348 21.7285 22.8223 21.7285V24.666L28.1973 19.666L22.8223 14.666Z", fill: "currentColor" })));
+    return (_jsx("svg", { viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.8223 4.64648C14.5762 4.64648 16.8027 6.93164 16.8027 9.68555C16.8027 12.4395 14.5762 14.666 11.8223 14.666C9.06836 14.666 6.8418 12.4395 6.8418 9.68555C6.8418 6.93164 9.06836 4.64648 11.8223 4.64648ZM11.8223 7.16602C10.4746 7.16602 9.30273 8.2793 9.30273 9.68555C9.30273 11.0332 10.4746 12.1465 11.8223 12.1465C13.1699 12.1465 14.3418 11.0332 14.3418 9.68555C14.3418 8.2793 13.1699 7.16602 11.8223 7.16602ZM11.8223 19.6465C8.48242 19.6465 4.61523 21.2871 4.32227 22.166H12.7221C12.368 23.0026 12.1094 23.8548 11.9213 24.6855H1.80273V22.166C1.80273 18.8262 8.48242 17.1855 11.8223 17.1855C12.9653 17.1855 14.4994 17.3777 16.0232 17.7644C15.5236 18.1524 15.07 18.581 14.6604 19.044C14.4305 19.3039 14.2168 19.572 14.0181 19.8466C13.2913 19.7209 12.5462 19.6465 11.8223 19.6465ZM22.8223 14.666V17.541C17.6348 18.2285 15.5723 21.791 14.8223 25.3535C16.6973 22.8535 19.1348 21.7285 22.8223 21.7285V24.666L28.1973 19.666L22.8223 14.666Z", fill: "currentColor" }) }));
 });

package/es/components/icons/AccountSharingIcon.js

@@ -1,7 +1,7 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AccountSharingIcon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.8223 4.64648C14.5762 4.64648 16.8027 6.93164 16.8027 9.68555C16.8027 12.4395 14.5762 14.666 11.8223 14.666C9.06836 14.666 6.8418 12.4395 6.8418 9.68555C6.8418 6.93164 9.06836 4.64648 11.8223 4.64648ZM11.8223 7.16602C10.4746 7.16602 9.30273 8.2793 9.30273 9.68555C9.30273 11.0332 10.4746 12.1465 11.8223 12.1465C13.1699 12.1465 14.3418 11.0332 14.3418 9.68555C14.3418 8.2793 13.1699 7.16602 11.8223 7.16602ZM11.8223 19.6465C8.48242 19.6465 4.61523 21.2871 4.32227 22.166H12.7221C12.368 23.0026 12.1094 23.8548 11.9213 24.6855H1.80273V22.166C1.80273 18.8262 8.48242 17.1855 11.8223 17.1855C12.9653 17.1855 14.4994 17.3777 16.0232 17.7644C15.5236 18.1524 15.07 18.581 14.6604 19.044C14.4305 19.3039 14.2168 19.572 14.0181 19.8466C13.2913 19.7209 12.5462 19.6465 11.8223 19.6465ZM22.8223 14.666V17.541C17.6348 18.2285 15.5723 21.791 14.8223 25.3535C16.6973 22.8535 19.1348 21.7285 22.8223 21.7285V24.666L28.1973 19.666L22.8223 14.666Z", fill: "currentColor" })));
+    return (_jsx("svg", { viewBox: "0 0 30 30", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.8223 4.64648C14.5762 4.64648 16.8027 6.93164 16.8027 9.68555C16.8027 12.4395 14.5762 14.666 11.8223 14.666C9.06836 14.666 6.8418 12.4395 6.8418 9.68555C6.8418 6.93164 9.06836 4.64648 11.8223 4.64648ZM11.8223 7.16602C10.4746 7.16602 9.30273 8.2793 9.30273 9.68555C9.30273 11.0332 10.4746 12.1465 11.8223 12.1465C13.1699 12.1465 14.3418 11.0332 14.3418 9.68555C14.3418 8.2793 13.1699 7.16602 11.8223 7.16602ZM11.8223 19.6465C8.48242 19.6465 4.61523 21.2871 4.32227 22.166H12.7221C12.368 23.0026 12.1094 23.8548 11.9213 24.6855H1.80273V22.166C1.80273 18.8262 8.48242 17.1855 11.8223 17.1855C12.9653 17.1855 14.4994 17.3777 16.0232 17.7644C15.5236 18.1524 15.07 18.581 14.6604 19.044C14.4305 19.3039 14.2168 19.572 14.0181 19.8466C13.2913 19.7209 12.5462 19.6465 11.8223 19.6465ZM22.8223 14.666V17.541C17.6348 18.2285 15.5723 21.791 14.8223 25.3535C16.6973 22.8535 19.1348 21.7285 22.8223 21.7285V24.666L28.1973 19.666L22.8223 14.666Z", fill: "currentColor" }) }));
 });

package/es/components/icons/AccountTreeIcon.js

@@ -1,7 +1,7 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AccountTreeIcon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("path", { d: "M24.9844 14.0156H18V11.0156H15.9844V18.9844H18V15.9844H24.9844V24H18V21H14.0156V11.0156H12V14.0156H5.01562V6H12V9H18V6H24.9844V14.0156ZM9.98438 12V8.01562H6.98438V12H9.98438ZM20.0156 18V21.9844H23.0156V18H20.0156ZM20.0156 8.01562V12H23.0156V8.01562H20.0156Z", fill: "currentColor" })));
+    return (_jsx("svg", { viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M24.9844 14.0156H18V11.0156H15.9844V18.9844H18V15.9844H24.9844V24H18V21H14.0156V11.0156H12V14.0156H5.01562V6H12V9H18V6H24.9844V14.0156ZM9.98438 12V8.01562H6.98438V12H9.98438ZM20.0156 18V21.9844H23.0156V18H20.0156ZM20.0156 8.01562V12H23.0156V8.01562H20.0156Z", fill: "currentColor" }) }));
 });

package/es/components/icons/Accounts30Icon.js

@@ -1,7 +1,7 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const Accounts30Icon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("path", { d: "M11.25 17.168C14.1797 17.168 19.9805 18.6328 19.9805 21.5625V23.7305H2.51953V21.5625C2.51953 18.6328 8.32031 17.168 11.25 17.168ZM5.44922 21.2695H17.0508C15.9961 20.5078 13.4766 19.6875 11.25 19.6875C9.02344 19.6875 6.50391 20.5078 5.44922 21.2695ZM11.25 15C8.84766 15 6.85547 13.0664 6.85547 10.6055C6.85547 8.20312 8.84766 6.26953 11.25 6.26953C13.6523 6.26953 15.6445 8.20312 15.6445 10.6055C15.6445 13.0664 13.6523 15 11.25 15ZM11.25 8.73047C10.1953 8.73047 9.375 9.60938 9.375 10.6055C9.375 11.6602 10.1953 12.4805 11.25 12.4805C12.3047 12.4805 13.125 11.6602 13.125 10.6055C13.125 9.60938 12.3047 8.73047 11.25 8.73047ZM20.0391 17.2852C23.1445 17.5781 27.4805 19.043 27.4805 21.5625V23.7305H22.5V21.5625C22.5 19.6875 21.5039 18.3398 20.0391 17.2852ZM18.75 15C18.0469 15 17.4609 14.8242 16.875 14.5898C17.6367 13.4766 18.1055 12.0703 18.1055 10.6055C18.1055 9.14062 17.6367 7.79297 16.875 6.67969C17.4609 6.38672 18.0469 6.26953 18.75 6.26953C21.1523 6.26953 23.1445 8.20312 23.1445 10.6055C23.1445 13.0664 21.1523 15 18.75 15Z", fill: "currentColor" })));
+    return (_jsx("svg", { viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M11.25 17.168C14.1797 17.168 19.9805 18.6328 19.9805 21.5625V23.7305H2.51953V21.5625C2.51953 18.6328 8.32031 17.168 11.25 17.168ZM5.44922 21.2695H17.0508C15.9961 20.5078 13.4766 19.6875 11.25 19.6875C9.02344 19.6875 6.50391 20.5078 5.44922 21.2695ZM11.25 15C8.84766 15 6.85547 13.0664 6.85547 10.6055C6.85547 8.20312 8.84766 6.26953 11.25 6.26953C13.6523 6.26953 15.6445 8.20312 15.6445 10.6055C15.6445 13.0664 13.6523 15 11.25 15ZM11.25 8.73047C10.1953 8.73047 9.375 9.60938 9.375 10.6055C9.375 11.6602 10.1953 12.4805 11.25 12.4805C12.3047 12.4805 13.125 11.6602 13.125 10.6055C13.125 9.60938 12.3047 8.73047 11.25 8.73047ZM20.0391 17.2852C23.1445 17.5781 27.4805 19.043 27.4805 21.5625V23.7305H22.5V21.5625C22.5 19.6875 21.5039 18.3398 20.0391 17.2852ZM18.75 15C18.0469 15 17.4609 14.8242 16.875 14.5898C17.6367 13.4766 18.1055 12.0703 18.1055 10.6055C18.1055 9.14062 17.6367 7.79297 16.875 6.67969C17.4609 6.38672 18.0469 6.26953 18.75 6.26953C21.1523 6.26953 23.1445 8.20312 23.1445 10.6055C23.1445 13.0664 21.1523 15 18.75 15Z", fill: "currentColor" }) }));
 });

package/es/components/icons/AddChartIcon.js

@@ -1,8 +1,7 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AddChartIcon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("path", { d: "M13 19V14H16V19H13ZM9 19V10H12V19H9ZM5 19V12H8V19H5Z", fill: "currentColor" }),
-        React.createElement("path", { d: "M14 10V8H12V6H14V4H16V6H18V8H16V10H14Z", fill: "#005EB8" })));
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: [_jsx("path", { d: "M13 19V14H16V19H13ZM9 19V10H12V19H9ZM5 19V12H8V19H5Z", fill: "currentColor" }), _jsx("path", { d: "M14 10V8H12V6H14V4H16V6H18V8H16V10H14Z", fill: "#005EB8" })] }));
 });

package/es/components/icons/AddFolderIcon.js

@@ -1,7 +1,7 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AddFolderIcon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("path", { d: "M20.0156 6C21.0938 6 21.9844 6.89062 21.9844 8.01562V18C21.9844 19.125 21.0938 20.0156 20.0156 20.0156H3.98438C2.90625 20.0156 2.01562 19.125 2.01562 18V6C2.01562 4.875 2.90625 3.98438 3.98438 3.98438H9.98438L12 6H20.0156ZM20.0156 18V8.01562H11.1562L9.1875 6H3.98438V18H20.0156ZM12 14.0156V12H14.0156V9.98438H15.9844V12H18V14.0156H15.9844V15.9844H14.0156V14.0156H12Z", fill: "currentColor" })));
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M20.0156 6C21.0938 6 21.9844 6.89062 21.9844 8.01562V18C21.9844 19.125 21.0938 20.0156 20.0156 20.0156H3.98438C2.90625 20.0156 2.01562 19.125 2.01562 18V6C2.01562 4.875 2.90625 3.98438 3.98438 3.98438H9.98438L12 6H20.0156ZM20.0156 18V8.01562H11.1562L9.1875 6H3.98438V18H20.0156ZM12 14.0156V12H14.0156V9.98438H15.9844V12H18V14.0156H15.9844V15.9844H14.0156V14.0156H12Z", fill: "currentColor" }) }));
 });

package/es/components/icons/AddIcon.js

@@ -1,7 +1,7 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AddIcon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("path", { d: "M18.9844 12.9844H12.9844V18.9844H11.0156V12.9844H5.01562V11.0156H11.0156V5.01562H12.9844V11.0156H18.9844V12.9844Z", fill: "currentColor" })));
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M18.9844 12.9844H12.9844V18.9844H11.0156V12.9844H5.01562V11.0156H11.0156V5.01562H12.9844V11.0156H18.9844V12.9844Z", fill: "currentColor" }) }));
 });

package/es/components/icons/AddRadiusIcon.js

@@ -1,7 +1,7 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AddRadiusIcon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 3C5.23858 3 3 5.23858 3 8V16C3 18.7614 5.23858 21 8 21H16C18.7614 21 21 18.7614 21 16V8C21 5.23858 18.7614 3 16 3H8ZM13.2 10.8H16.8C17.1183 10.8 17.4235 10.9264 17.6486 11.1515C17.8736 11.3765 18 11.6817 18 12C18 12.3183 17.8736 12.6235 17.6486 12.8485C17.4235 13.0736 17.1183 13.2 16.8 13.2H13.2V16.8C13.2 17.1183 13.0736 17.4235 12.8486 17.6485C12.6235 17.8736 12.3183 18 12 18C11.6817 18 11.3765 17.8736 11.1514 17.6485C10.9264 17.4235 10.8 17.1183 10.8 16.8V13.2H7.2C6.88174 13.2 6.57646 13.0736 6.35142 12.8485C6.12637 12.6235 6 12.3183 6 12C6 11.6817 6.12637 11.3765 6.35142 11.1515C6.57646 10.9264 6.88174 10.8 7.2 10.8H10.8V7.2C10.8 6.88174 10.9264 6.57653 11.1514 6.35149C11.3765 6.12645 11.6817 6 12 6C12.3183 6 12.6235 6.12645 12.8486 6.35149C13.0736 6.57653 13.2 6.88174 13.2 7.2V10.8Z", fill: "currentColor" })));
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 3C5.23858 3 3 5.23858 3 8V16C3 18.7614 5.23858 21 8 21H16C18.7614 21 21 18.7614 21 16V8C21 5.23858 18.7614 3 16 3H8ZM13.2 10.8H16.8C17.1183 10.8 17.4235 10.9264 17.6486 11.1515C17.8736 11.3765 18 11.6817 18 12C18 12.3183 17.8736 12.6235 17.6486 12.8485C17.4235 13.0736 17.1183 13.2 16.8 13.2H13.2V16.8C13.2 17.1183 13.0736 17.4235 12.8486 17.6485C12.6235 17.8736 12.3183 18 12 18C11.6817 18 11.3765 17.8736 11.1514 17.6485C10.9264 17.4235 10.8 17.1183 10.8 16.8V13.2H7.2C6.88174 13.2 6.57646 13.0736 6.35142 12.8485C6.12637 12.6235 6 12.3183 6 12C6 11.6817 6.12637 11.3765 6.35142 11.1515C6.57646 10.9264 6.88174 10.8 7.2 10.8H10.8V7.2C10.8 6.88174 10.9264 6.57653 11.1514 6.35149C11.3765 6.12645 11.6817 6 12 6C12.3183 6 12.6235 6.12645 12.8486 6.35149C13.0736 6.57653 13.2 6.88174 13.2 7.2V10.8Z", fill: "currentColor" }) }));
 });

package/es/components/icons/AddShoppingCartIcon.js

@@ -1,7 +1,7 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AddShoppingCartIcon = forwardRef((props, ref) => {
     const { height, width } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("path", { d: "M11 9h2V6h3V4h-3V1h-2v3H8v2h3v3zm-4 9c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2zm-9.83-3.25.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.86-7.01L19.42 4h-.01l-1.1 2-2.76 5H8.53l-.13-.27L6.16 6l-.95-2-.94-2H1v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.13 0-.25-.11-.25-.25z" })));
+    return (_jsx("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M11 9h2V6h3V4h-3V1h-2v3H8v2h3v3zm-4 9c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2zm-9.83-3.25.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.86-7.01L19.42 4h-.01l-1.1 2-2.76 5H8.53l-.13-.27L6.16 6l-.95-2-.94-2H1v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.13 0-.25-.11-.25-.25z" }) }));
 });

package/es/components/icons/AdjustIcon.js

@@ -1,8 +1,7 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AdjustIcon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("g", { clipPath: "url(#clip0_1_2239)" },
-            React.createElement("path", { d: "M3 17.0156H9V18.9844H3V17.0156ZM3 5.01562H12.9844V6.98438H3V5.01562ZM12.9844 21H11.0156V15H12.9844V17.0156H21V18.9844H12.9844V21ZM6.98438 9H9V15H6.98438V12.9844H3V11.0156H6.98438V9ZM21 12.9844H11.0156V11.0156H21V12.9844ZM15 9V3H17.0156V5.01562H21V6.98438H17.0156V9H15Z" }))));
+    return (_jsx("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", ...props, ref: ref, width: width, height: height, children: _jsx("g", { clipPath: "url(#clip0_1_2239)", children: _jsx("path", { d: "M3 17.0156H9V18.9844H3V17.0156ZM3 5.01562H12.9844V6.98438H3V5.01562ZM12.9844 21H11.0156V15H12.9844V17.0156H21V18.9844H12.9844V21ZM6.98438 9H9V15H6.98438V12.9844H3V11.0156H6.98438V9ZM21 12.9844H11.0156V11.0156H21V12.9844ZM15 9V3H17.0156V5.01562H21V6.98438H17.0156V9H15Z" }) }) }));
 });

package/es/components/icons/AllDevicesIcon.js

@@ -1,9 +1,8 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AllDevicesIcon = forwardRef((props, ref) => {
     // search tag: desktop, mobile
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("g", { clipPath: "url(#clip0_1_2271)" },
-            React.createElement("path", { d: "M21.9844 17.0156V9.98438H18V17.0156H21.9844ZM23.0156 8.01562C23.2969 8.01562 23.5312 8.10938 23.7188 8.29688C23.9062 8.48438 24 8.71875 24 9V18.9844C24 19.2656 23.9062 19.5156 23.7188 19.7344C23.5312 19.9219 23.2969 20.0156 23.0156 20.0156H17.0156C16.7344 20.0156 16.4844 19.9219 16.2656 19.7344C16.0781 19.5156 15.9844 19.2656 15.9844 18.9844V9C15.9844 8.71875 16.0781 8.48438 16.2656 8.29688C16.4844 8.10938 16.7344 8.01562 17.0156 8.01562H23.0156ZM3.98438 6V17.0156H14.0156V20.0156H0V17.0156H2.01562V6C2.01562 5.46875 2.20312 5 2.57812 4.59375C2.98438 4.1875 3.45312 3.98438 3.98438 3.98438H21.9844V6H3.98438Z" }))));
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("g", { clipPath: "url(#clip0_1_2271)", children: _jsx("path", { d: "M21.9844 17.0156V9.98438H18V17.0156H21.9844ZM23.0156 8.01562C23.2969 8.01562 23.5312 8.10938 23.7188 8.29688C23.9062 8.48438 24 8.71875 24 9V18.9844C24 19.2656 23.9062 19.5156 23.7188 19.7344C23.5312 19.9219 23.2969 20.0156 23.0156 20.0156H17.0156C16.7344 20.0156 16.4844 19.9219 16.2656 19.7344C16.0781 19.5156 15.9844 19.2656 15.9844 18.9844V9C15.9844 8.71875 16.0781 8.48438 16.2656 8.29688C16.4844 8.10938 16.7344 8.01562 17.0156 8.01562H23.0156ZM3.98438 6V17.0156H14.0156V20.0156H0V17.0156H2.01562V6C2.01562 5.46875 2.20312 5 2.57812 4.59375C2.98438 4.1875 3.45312 3.98438 3.98438 3.98438H21.9844V6H3.98438Z" }) }) }));
 });

package/es/components/icons/AllJourneyChannelsIcon.js

@@ -1,7 +1,7 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AllJourneyChannelsIcon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("path", { d: "M23.0156 5.01562C23.5469 5.01562 24 5.21875 24.375 5.625C24.7812 6 24.9844 6.45313 24.9844 6.98438V23.0156C24.9844 23.5469 24.7812 24.0156 24.375 24.4219C24 24.7969 23.5469 24.9844 23.0156 24.9844H6.98438C6.45312 24.9844 5.98438 24.7969 5.57812 24.4219C5.20312 24.0156 5.01562 23.5469 5.01562 23.0156V6.98438C5.01562 6.45313 5.20312 6 5.57812 5.625C5.98438 5.21875 6.45312 5.01562 6.98438 5.01562H23.0156ZM23.0156 14.0156V6.98438H15.9844V14.0156H23.0156ZM14.0156 6.98438H6.98438V14.0156H14.0156V6.98438ZM6.98438 15.9844V23.0156H14.0156V15.9844H6.98438ZM15.9844 23.0156H23.0156V15.9844H15.9844V23.0156Z", fill: "currentColor" })));
+    return (_jsx("svg", { viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M23.0156 5.01562C23.5469 5.01562 24 5.21875 24.375 5.625C24.7812 6 24.9844 6.45313 24.9844 6.98438V23.0156C24.9844 23.5469 24.7812 24.0156 24.375 24.4219C24 24.7969 23.5469 24.9844 23.0156 24.9844H6.98438C6.45312 24.9844 5.98438 24.7969 5.57812 24.4219C5.20312 24.0156 5.01562 23.5469 5.01562 23.0156V6.98438C5.01562 6.45313 5.20312 6 5.57812 5.625C5.98438 5.21875 6.45312 5.01562 6.98438 5.01562H23.0156ZM23.0156 14.0156V6.98438H15.9844V14.0156H23.0156ZM14.0156 6.98438H6.98438V14.0156H14.0156V6.98438ZM6.98438 15.9844V23.0156H14.0156V15.9844H6.98438ZM15.9844 23.0156H23.0156V15.9844H15.9844V23.0156Z", fill: "currentColor" }) }));
 });

package/es/components/icons/AnalyticModels30Icon.js

@@ -1,7 +1,7 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AnalyticModels30Icon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26 4H21V6H18V7V14H16V15H18V22V23H19H21V25H26V20H21V22H19V15H21V17H26V12H21V14H19V7H21V9H26V4ZM10 14.878L15 12V17.838L10 20.621V14.878ZM9 20.621L4 17.838V12L9 14.878V20.621ZM4 10.495L9.49402 7.32898L15 10.5L9.61401 13.6L4 10.495Z", fill: "currentColor" })));
+    return (_jsx("svg", { viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26 4H21V6H18V7V14H16V15H18V22V23H19H21V25H26V20H21V22H19V15H21V17H26V12H21V14H19V7H21V9H26V4ZM10 14.878L15 12V17.838L10 20.621V14.878ZM9 20.621L4 17.838V12L9 14.878V20.621ZM4 10.495L9.49402 7.32898L15 10.5L9.61401 13.6L4 10.495Z", fill: "currentColor" }) }));
 });

package/es/components/icons/AnalyticModelsIcon.js

@@ -1,7 +1,7 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AnalyticModelsIcon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26 4H21V6H18V7V14H16V15H18V22V23H19H21V25H26V20H21V22H19V15H21V17H26V12H21V14H19V7H21V9H26V4ZM10 14.878L15 12V17.838L10 20.621V14.878ZM9 20.621L4 17.838V12L9 14.878V20.621ZM4 10.495L9.49402 7.32898L15 10.5L9.61401 13.6L4 10.495Z", fill: "currentColor" })));
+    return (_jsx("svg", { viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26 4H21V6H18V7V14H16V15H18V22V23H19H21V25H26V20H21V22H19V15H21V17H26V12H21V14H19V7H21V9H26V4ZM10 14.878L15 12V17.838L10 20.621V14.878ZM9 20.621L4 17.838V12L9 14.878V20.621ZM4 10.495L9.49402 7.32898L15 10.5L9.61401 13.6L4 10.495Z", fill: "currentColor" }) }));
 });

package/es/components/icons/Analytics30Icon.js

@@ -1,7 +1,7 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const Analytics30Icon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("path", { d: "M23.7305 3.75C25.1367 3.75 26.25 4.86328 26.25 6.26953V23.7305C26.25 25.1367 25.1367 26.25 23.7305 26.25H6.26953C4.86328 26.25 3.75 25.1367 3.75 23.7305V6.26953C3.75 4.86328 4.86328 3.75 6.26953 3.75H23.7305ZM23.7305 23.7305V6.26953H6.26953V23.7305H23.7305ZM8.73047 15V21.2695H11.25V15H8.73047ZM18.75 8.73047V21.2695H21.2695V8.73047H18.75ZM13.7695 17.5195V21.2695H16.2305V17.5195H13.7695ZM13.7695 12.4805V15H16.2305V12.4805H13.7695Z", fill: "currentColor" })));
+    return (_jsx("svg", { viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M23.7305 3.75C25.1367 3.75 26.25 4.86328 26.25 6.26953V23.7305C26.25 25.1367 25.1367 26.25 23.7305 26.25H6.26953C4.86328 26.25 3.75 25.1367 3.75 23.7305V6.26953C3.75 4.86328 4.86328 3.75 6.26953 3.75H23.7305ZM23.7305 23.7305V6.26953H6.26953V23.7305H23.7305ZM8.73047 15V21.2695H11.25V15H8.73047ZM18.75 8.73047V21.2695H21.2695V8.73047H18.75ZM13.7695 17.5195V21.2695H16.2305V17.5195H13.7695ZM13.7695 12.4805V15H16.2305V12.4805H13.7695Z", fill: "currentColor" }) }));
 });

package/es/components/icons/AnalyticsIcon.js

@@ -1,14 +1,7 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AnalyticsIcon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", enableBackground: "new 0 0 24 24", viewBox: "0 0 24 24", fill: "currentColor" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("g", null,
-            React.createElement("rect", { fill: "none", height: "24", width: "24" }),
-            React.createElement("g", null,
-                React.createElement("path", { d: "M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19H5V5h14V19z" }),
-                React.createElement("rect", { height: "5", width: "2", x: "7", y: "12" }),
-                React.createElement("rect", { height: "10", width: "2", x: "15", y: "7" }),
-                React.createElement("rect", { height: "3", width: "2", x: "11", y: "14" }),
-                React.createElement("rect", { height: "2", width: "2", x: "11", y: "10" })))));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", enableBackground: "new 0 0 24 24", viewBox: "0 0 24 24", fill: "currentColor", ...props, ref: ref, width: width, height: height, children: _jsxs("g", { children: [_jsx("rect", { fill: "none", height: "24", width: "24" }), _jsxs("g", { children: [_jsx("path", { d: "M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19H5V5h14V19z" }), _jsx("rect", { height: "5", width: "2", x: "7", y: "12" }), _jsx("rect", { height: "10", width: "2", x: "15", y: "7" }), _jsx("rect", { height: "3", width: "2", x: "11", y: "14" }), _jsx("rect", { height: "2", width: "2", x: "11", y: "10" })] })] }) }));
 });

package/es/components/icons/AnlysisIcon.js

@@ -1,7 +1,7 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AnlysisIcon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26 13C27.6569 13 29 11.6569 29 10C29 8.34315 27.6569 7 26 7C24.3431 7 23 8.34315 23 10C23 10.6707 23.2201 11.2899 23.5919 11.7895L19.8628 16.1259C19.5895 16.044 19.2999 16 19 16C18.2136 16 17.4979 16.3026 16.963 16.7976L14.6719 15.3657C14.8816 14.956 15 14.4918 15 14C15 12.3431 13.6569 11 12 11C10.3431 11 9 12.3431 9 14C9 14.4184 9.08564 14.8167 9.24034 15.1785L5.85038 17.6385C5.34064 17.2385 4.69817 17 4 17C2.34315 17 1 18.3431 1 20C1 21.6569 2.34315 23 4 23C5.65685 23 7 21.6569 7 20C7 19.7696 6.97403 19.5453 6.92487 19.3298L10.6072 16.6578C11.0234 16.8763 11.4973 17 12 17C12.4069 17 12.7949 16.919 13.1487 16.7722L16.0301 18.5731C16.0103 18.7125 16 18.8551 16 19C16 20.6569 17.3431 22 19 22C20.6569 22 22 20.6569 22 19C22 18.3741 21.8083 17.793 21.4805 17.3121L25.2664 12.9097C25.5012 12.9687 25.7469 13 26 13ZM26 11C26.5523 11 27 10.5523 27 10C27 9.44772 26.5523 9 26 9C25.4477 9 25 9.44772 25 10C25 10.5523 25.4477 11 26 11ZM12 15C12.5523 15 13 14.5523 13 14C13 13.4477 12.5523 13 12 13C11.4477 13 11 13.4477 11 14C11 14.5523 11.4477 15 12 15ZM4 21C4.55228 21 5 20.5523 5 20C5 19.4477 4.55228 19 4 19C3.44772 19 3 19.4477 3 20C3 20.5523 3.44772 21 4 21ZM20 19C20 19.5523 19.5523 20 19 20C18.4477 20 18 19.5523 18 19C18 18.4477 18.4477 18 19 18C19.5523 18 20 18.4477 20 19Z", fill: "currentColor" })));
+    return (_jsx("svg", { viewBox: "0 0 30 30", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26 13C27.6569 13 29 11.6569 29 10C29 8.34315 27.6569 7 26 7C24.3431 7 23 8.34315 23 10C23 10.6707 23.2201 11.2899 23.5919 11.7895L19.8628 16.1259C19.5895 16.044 19.2999 16 19 16C18.2136 16 17.4979 16.3026 16.963 16.7976L14.6719 15.3657C14.8816 14.956 15 14.4918 15 14C15 12.3431 13.6569 11 12 11C10.3431 11 9 12.3431 9 14C9 14.4184 9.08564 14.8167 9.24034 15.1785L5.85038 17.6385C5.34064 17.2385 4.69817 17 4 17C2.34315 17 1 18.3431 1 20C1 21.6569 2.34315 23 4 23C5.65685 23 7 21.6569 7 20C7 19.7696 6.97403 19.5453 6.92487 19.3298L10.6072 16.6578C11.0234 16.8763 11.4973 17 12 17C12.4069 17 12.7949 16.919 13.1487 16.7722L16.0301 18.5731C16.0103 18.7125 16 18.8551 16 19C16 20.6569 17.3431 22 19 22C20.6569 22 22 20.6569 22 19C22 18.3741 21.8083 17.793 21.4805 17.3121L25.2664 12.9097C25.5012 12.9687 25.7469 13 26 13ZM26 11C26.5523 11 27 10.5523 27 10C27 9.44772 26.5523 9 26 9C25.4477 9 25 9.44772 25 10C25 10.5523 25.4477 11 26 11ZM12 15C12.5523 15 13 14.5523 13 14C13 13.4477 12.5523 13 12 13C11.4477 13 11 13.4477 11 14C11 14.5523 11.4477 15 12 15ZM4 21C4.55228 21 5 20.5523 5 20C5 19.4477 4.55228 19 4 19C3.44772 19 3 19.4477 3 20C3 20.5523 3.44772 21 4 21ZM20 19C20 19.5523 19.5523 20 19 20C18.4477 20 18 19.5523 18 19C18 18.4477 18.4477 18 19 18C19.5523 18 20 18.4477 20 19Z", fill: "currentColor" }) }));
 });