@antscorp/antsomi-ui 1.3.7-beta.67 → 1.3.7-beta.68

package/es/assets/css/main.scss

@@ -3,6 +3,7 @@
 :root {
   --primary-color: #005fb8;
   --text-base-color: #222222;
-  --antsomi-box-shadow-secondary: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
-    0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+  --antsomi-box-shadow-secondary:
+    0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12),
+    0 9px 28px 8px rgba(0, 0, 0, 0.05);
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CheckboxProps as AntdCheckboxProps } from 'antd';
 export type CheckboxProps = AntdCheckboxProps;
 export declare const Checkbox: import("react").ForwardRefExoticComponent<AntdCheckboxProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>> & {

package/es/components/atoms/ContentEditable/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ContentEditableWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {
-    $breakWord?: boolean | undefined;
+    $breakWord?: boolean;
 }, never>;

package/es/components/atoms/Eyedropper/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledEyedropperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const Row: import("react").ForwardRefExoticComponent<import("antd").RowProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const Col: import("react").ForwardRefExoticComponent<import("antd").ColProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,22 @@
-import React from 'react';
-import { InputRef } from 'antd';
-import { InputProps } from './types';
+import React, { ReactNode } from 'react';
+import { InputProps as AntdInputProps, InputRef } from 'antd';
+export interface InputProps extends AntdInputProps {
+    noborder?: 'true' | 'false' | boolean;
+    debounce?: number;
+    label?: ReactNode;
+    onAfterChange?: (value: string) => void;
+    errorArchive?: string;
+    required?: boolean;
+    isReverseMask?: boolean;
+    labelColor?: string;
+    isHideErrMessage?: boolean;
+    focused?: boolean;
+    errorMsg?: string;
+    disableUndo?: boolean;
+    withWrapper?: boolean;
+}
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> & {
-    readonly DefaultInput: React.ForwardRefExoticComponent<import("antd").InputProps & React.RefAttributes<InputRef>> & {
+    readonly DefaultInput: React.ForwardRefExoticComponent<AntdInputProps & React.RefAttributes<InputRef>> & {
         Group: React.FC<import("antd/es/input").GroupProps>;
         Search: React.ForwardRefExoticComponent<import("antd/es/input").SearchProps & React.RefAttributes<InputRef>>;
         TextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;

package/es/components/atoms/Input/Input.js

@@ -6,11 +6,9 @@ import React, { useEffect, useMemo, useRef, useState } from 'react';
 // Types
 import { Input as AntdInput } from 'antd';
 // Components
-import { Icon } from '../Icon';
-import { RequiredLabel } from '../RequiredLabel';
-import { Text } from '../Text';
+import { Icon, RequiredLabel, Text } from '@antscorp/antsomi-ui/es/components/atoms';
 // Utils
-import { handleError } from '@antscorp/antsomi-ui/es/utils/handleError';
+import { handleError } from '@antscorp/antsomi-ui/es/utils';
 import { getPreventKeyboardAction } from '@antscorp/antsomi-ui/es/utils/web';
 import { StyledIconWrapper, StyledInput } from './styled';
 import { globalToken } from '@antscorp/antsomi-ui/es/constants';

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

@@ -1,2 +1,2 @@
 export { Input, TextArea } from './Input';
-export type { InputProps } from './types';
+export type { InputProps } from './Input';

package/es/components/atoms/Input/styled.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
-import { InputProps } from './types';
-export declare const StyledInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef>> & {
+import type { InputProps } from './Input';
+export declare const StyledInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").InputProps & import("react").RefAttributes<import("rc-input").InputRef>> & {
     Group: import("react").FC<import("antd/es/input").GroupProps>;
-    Search: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<import("antd").InputRef>>;
+    Search: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<import("rc-input").InputRef>>;
     TextArea: import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
-    Password: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef>>;
+    Password: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("rc-input").InputRef>>;
 }, any, InputProps, never>;
 export declare const TextArea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>, any, {
-    showBorder?: boolean | undefined;
+    showBorder?: boolean;
 }, never>;
-export declare const StyledSearchInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef>> & {
+export declare const StyledSearchInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").InputProps & import("react").RefAttributes<import("rc-input").InputRef>> & {
     Group: import("react").FC<import("antd/es/input").GroupProps>;
-    Search: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<import("antd").InputRef>>;
+    Search: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<import("rc-input").InputRef>>;
     TextArea: import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
-    Password: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef>>;
+    Password: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("rc-input").InputRef>>;
 }, any, {}, never>;
 export declare const StyledIconWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<import("react").LegacyRef<HTMLElement>>>, any, {}, never>;

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

@@ -35,8 +35,8 @@ export const StyledInput = styled(InputAntd) `
     css `
       --tw-shadow: 0 0 #0000;
       --tw-shadow-colored: 0 0 #0000;
-      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-        var(--tw-shadow);
+      box-shadow:
+        var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
       padding-left: 0;
       padding-right: 0;
     `}
@@ -69,8 +69,8 @@ export const TextArea = styled(InputAntd.TextArea) `
   font-size: ${THEME.token?.fontSize}px;
   --tw-shadow: 0 1px 0 0 #e0e0e0;
   --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-    var(--tw-shadow);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 
   &::placeholder {
     color: ${THEME.token?.accent5};
@@ -89,8 +89,8 @@ export const TextArea = styled(InputAntd.TextArea) `
     background-color: ${THEME.token?.blue0};
     --tw-shadow: 0 1px 0 0 #194e8d;
     --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-      var(--tw-shadow);
+    box-shadow:
+      var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
   &:disabled {
@@ -98,8 +98,8 @@ export const TextArea = styled(InputAntd.TextArea) `
     color: ${THEME.token?.accent5};
     --tw-shadow: 0 1px 0 0 #e0e0e0;
     --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-      var(--tw-shadow);
+    box-shadow:
+      var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
   ${props => props.showBorder &&

package/es/components/atoms/InputDynamic/InputDynamic.js

@@ -30,9 +30,9 @@ const defaultProps = {
     apiConfig: {
         domain: 'https://sandbox-media-template.antsomi.com/cdp',
         slug: '/api/v1',
-        token: '5474r2x214z284d4w2b4y4o5l4u5n4x5s2x2h4g45416',
-        userId: '1600083836',
-        accountId: '1600083836',
+        token: '5474r2x214z2a4b403e4y446p4b4t2b4t474j4t2i5',
+        accountId: '1600085679',
+        userId: '1600085679',
     },
     disabled: false,
     showIndex: true,

package/es/components/atoms/InputDynamic/styled.d.ts

@@ -1,6 +1,6 @@
 export declare const WrapperInputStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SpanIcon: import("styled-components").StyledComponent<"span", any, {
-    isDisabled?: boolean | undefined;
+    isDisabled?: boolean;
 }, never>;
 export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InputShortLink: import("styled-components").StyledComponent<(props: any) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/es/components/atoms/InputDynamic/utils.js

@@ -659,16 +659,16 @@ export const validateHTMLTags = (function () {
                 const p = t.indexOf('/>', d + 1);
                 var u = t.indexOf('>', d + 1);
                 const b = [];
-                l != -1 && b.push(l), p != -1 && b.push(p), u != -1 && b.push(u);
+                (l != -1 && b.push(l), p != -1 && b.push(p), u != -1 && b.push(u));
                 var f;
                 const m = Math.min(...b);
                 var h = t.substring(d, m + 1);
-                (f = e.some(e => {
+                ((f = e.some(e => {
                     if (h === e)
-                        return a.push({ index: d, type: 'lt' }, { index: u, type: 'gt' }), !0;
+                        return (a.push({ index: d, type: 'lt' }, { index: u, type: 'gt' }), !0);
                 })),
                     (n = m),
-                    f ? (r = m) : (r += 1);
+                    f ? (r = m) : (r += 1));
             }
             for (n = 0; n < i.length; n++) {
                 a.some((e) => e.index === i[n].index) || o.push(i[n]);
@@ -691,7 +691,7 @@ export const validateHTMLTags = (function () {
                 const n = t.indexOf('/>', o + 1);
                 const d = t.indexOf('>', o + 1);
                 const l = [];
-                s != -1 && l.push(s), n != -1 && l.push(n), d != -1 && l.push(d);
+                (s != -1 && l.push(s), n != -1 && l.push(n), d != -1 && l.push(d));
                 const p = Math.min(...l);
                 var u = t.substring(o, p + 1);
                 if ((e.some((t, a) => {
@@ -701,7 +701,7 @@ export const validateHTMLTags = (function () {
                 }),
                     r))
                     break;
-                (i = p), (a = p);
+                ((i = p), (a = p));
             }
             return r;
         },
@@ -716,12 +716,12 @@ export const validateHTMLTags = (function () {
                 const n = t.indexOf('/>', o + 1);
                 const d = t.indexOf('>', o + 1);
                 const l = [];
-                s != -1 && l.push(s), n != -1 && l.push(n), d != -1 && l.push(d);
+                (s != -1 && l.push(s), n != -1 && l.push(n), d != -1 && l.push(d));
                 const p = Math.min(...l);
                 var u = t.substring(o, p + 1);
                 if ((r = e.some(e => u === e)))
                     break;
-                (i = p), r ? (a = p) : (a += 1);
+                ((i = p), r ? (a = p) : (a += 1));
             }
             return r;
         },

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface MobileBrandingBarProps {
     showBadge?: boolean;
     brandingName: string;

package/es/components/atoms/MobileBrandingBar/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const BoxImage: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const BrandingName: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 export declare const BadgeContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type TNotification = {
     title: string;
     message?: string;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Pagination: import("react").FC<import("antd").PaginationProps>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Popover: import("react").ForwardRefExoticComponent<import("antd").PopoverProps & import("react").RefAttributes<unknown>> & {
     _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/popover/PurePanel").PurePanelProps>;
 };

package/es/components/atoms/PreviewTabs/styled.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export interface StyledRichMenuTabsProps {
     width?: number;
 }
 export declare const StyledRichMenuTabs: import("styled-components").StyledComponent<"div", any, StyledRichMenuTabsProps, never>;
-export declare const NavigationButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const NavigationButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Progress: import("react").ForwardRefExoticComponent<import("antd").ProgressProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Radio: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").RadioProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>> & {
     Group: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>>;
     Button: import("react").ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>>;

package/es/components/atoms/RateV2/RateV2.js

@@ -29,7 +29,7 @@ export const RateV2 = ({ count = 5, className, defaultValue = 0, value, type = '
     // The real current value that will be return to parent component by onChange function
     // currWidth = value * STAR_WIDTH
     const [currWidth, setCurrWidth] = useState(0);
-    const handleMouseMove = (e) => {
+    const handleMouseMove = e => {
         const rect = e.currentTarget.getBoundingClientRect();
         const x = e.clientX - rect.left;
         const hoverWidth = Math.round(x);
@@ -48,7 +48,7 @@ export const RateV2 = ({ count = 5, className, defaultValue = 0, value, type = '
             setCurrWidth(width);
             setFillWidth(width);
         }
-    }, [value, type]);
+    }, [value]);
     return (_jsxs("div", { className: `antsomi-rate-continuous${className ? ` ${className}` : ''}`, style: {
             position: 'relative',
             width: `${fullWidth}px`,

package/es/components/atoms/ReactIframe/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { FrameComponentProps } from 'react-frame-component';
 export interface ReactIframeProps extends FrameComponentProps {
     head?: React.ReactNode | undefined;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Segmented: import("react").ForwardRefExoticComponent<Omit<import("antd").SegmentedProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/es/components/atoms/SelectAssociatedTag/SelectAssociatedTag.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Components
 import { StyledSpace } from './styled';
 import { Divider } from 'antd';
-import { Select } from '../../molecules/Select';
+import { Select } from '../../molecules';
 import SelectTag from './SelectTag';
 // Constants
 import { defaultProps } from './constants';

package/es/components/atoms/SelectAssociatedTag/SelectTag.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TagConfigProps } from './types';
 declare const _default: import("react").MemoExoticComponent<(props: TagConfigProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/es/components/atoms/SelectAssociatedTag/styled.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import type { TagItem } from './types';
 export declare const StyledSpace: import("styled-components").StyledComponent<import("react").FC<import("antd/es/space/Compact").SpaceCompactProps>, any, {}, never>;
 export declare const SelectedTag: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {
-    $background: TagItem['background'];
-    $color: TagItem['color'];
+    $background: TagItem["background"];
+    $color: TagItem["color"];
 }, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Skeleton: import("react").FC<import("antd").SkeletonProps> & {
     Button: import("react").FC<import("antd/es/skeleton/Button").SkeletonButtonProps>;
     Avatar: import("react").FC<import("antd/es/skeleton/Avatar").AvatarProps>;

package/es/components/atoms/SlideBar/SlideBar.js

@@ -283,7 +283,9 @@ export const SlideBar = props => {
                     fontSize: `${getOffsetSizeAdd(size)}px`,
                     cursor: disabledAdd ? 'not-allowed' : 'pointer',
                     color: disabledAdd ? THEME.token?.colorTextDisabled : THEME.token?.colorPrimary,
-                }, onClick: (e) => {
+                }, 
+                // disabled={disabledAdd}
+                onClick: (e) => {
                     e.stopPropagation();
                     if (!disabledAdd) {
                         handleAddSlide();

package/es/components/atoms/SlideBar/styled.d.ts

@@ -1,24 +1,24 @@
 import type { SlideBarProps } from './SlideBar';
 export declare const SliderWrapper: import("styled-components").StyledComponent<"div", any, {
-    isViewMode?: boolean | undefined;
-    size?: SlideBarProps['size'];
+    isViewMode?: boolean;
+    size?: SlideBarProps["size"];
 }, never>;
 export declare const WrapperOverflow: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MainContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SlideItem: import("styled-components").StyledComponent<"div", any, {
-    isActive?: boolean | undefined;
-    isSlideError?: boolean | undefined;
-    size?: SlideBarProps['size'];
+    isActive?: boolean;
+    isSlideError?: boolean;
+    size?: SlideBarProps["size"];
 }, never>;
 export declare const SlideText: import("styled-components").StyledComponent<"div", any, {
-    isActive?: boolean | undefined;
-    size?: SlideBarProps['size'];
+    isActive?: boolean;
+    size?: SlideBarProps["size"];
 }, never>;
 export declare const MenuList: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MenuItem: import("styled-components").StyledComponent<"div", any, {
-    isDisabled?: boolean | undefined;
+    isDisabled?: boolean;
 }, never>;
 export declare const ContainerSlideBar: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const WrapperDisable: import("styled-components").StyledComponent<"div", any, {
-    disabled?: boolean | undefined;
+    disabled?: boolean;
 }, never>;

package/es/components/atoms/SlideBar/utils.d.ts

@@ -1,3 +1,3 @@
 import type { SlideBarProps } from './SlideBar';
-export declare const getOffsetSize: (size?: SlideBarProps['size']) => 32 | 40;
-export declare const getOffsetSizeAdd: (size?: SlideBarProps['size']) => 32 | 40;
+export declare const getOffsetSize: (size?: SlideBarProps["size"]) => 32 | 40;
+export declare const getOffsetSizeAdd: (size?: SlideBarProps["size"]) => 32 | 40;

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

@@ -10,16 +10,11 @@ export const Slider = memo(props => {
     const { range, value, min = 0, max = 0, className, tooltipVisible = false } = props;
     const isNegative = useMemo(() => !!(!range && min < 0), [range, min]);
     const calculateWidth = useMemo(() => ((value || 0) * 100) / (Math.abs(max) + Math.abs(min) || 1), [min, max, value]);
-    // const restProps = tooltipVisible === 'default' ? omit(props, ['tooltipVisible']) : props;
-    const restProps = omit(props, ['tooltipVisible']);
+    const restProps = tooltipVisible === 'default' ? omit(props, ['tooltipVisible']) : props;
     if (isNegative) {
-        return (_jsx(SliderWrapper, { isNegative: true, width: calculateWidth, className: className, children: _jsx(AntdSlider, { ...omit(restProps, ['marks', 'className']), tooltip: tooltipVisible !== 'default' && {
-                    open: tooltipVisible,
-                }, marks: {
+        return (_jsx(SliderWrapper, { isNegative: true, width: calculateWidth, className: className, children: _jsx(AntdSlider, { ...omit(restProps, ['marks', 'className']), marks: {
                     0: ' ',
                 } }) }));
     }
-    return (_jsx(SliderWrapper, { className: className, children: _jsx(AntdSlider, { ...restProps, tooltip: tooltipVisible !== 'default' && {
-                open: tooltipVisible,
-            } }) }));
+    return (_jsx(SliderWrapper, { className: className, children: _jsx(AntdSlider, { ...restProps }) }));
 });

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

@@ -1,6 +1,5 @@
 import React from 'react';
+import { Space as AntdSpace } from 'antd';
 import type { SpaceProps } from 'antd';
 export declare const OriginSpace: React.FC<SpaceProps>;
-export declare const Space: React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<HTMLDivElement>> & {
-    Compact: React.FC<import("antd/es/space/Compact").SpaceCompactProps>;
-};
+export declare const Space: typeof AntdSpace;

package/es/components/atoms/Steps/styled.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export declare const SelectedIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ErrorIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
 export declare const StepsWrapper: import("styled-components").StyledComponent<import("react").FC<import("antd").StepsProps> & {
-    Step: typeof import("rc-steps").Step;
+    Step: typeof import("rc-steps").default.Step;
 }, any, {
     $isReactivate: boolean;
-    $highestStep?: number | undefined;
+    $highestStep?: number;
 }, never>;

package/es/components/atoms/Switch/styled.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const StyledSwitch: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").SwitchProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react/no-array-index-key */
 // Libraries
-import { useMemo, useState } from 'react';
+import { lazy, useMemo, useState } from 'react';
 import { Tag as AntdTag } from 'antd';
 import styled from 'styled-components';
 // Icons
@@ -10,13 +10,16 @@ import { CloseIcon } from '../../icons';
 import { Flex } from '../Flex';
 import { Button } from '../Button';
 import { Typography } from '../Typography';
-import { SearchPopover } from '../../molecules/SearchPopover/SearchPopover';
 // 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';
+import { Suspense } from '../Suspense';
+const SearchPopover = lazy(() => import('../../molecules/SearchPopover').then(m => ({
+    default: m.SearchPopover,
+})));
 const { Text } = Typography;
 const CloseBtn = styled.div `
   display: flex;
@@ -55,7 +58,7 @@ const TagList = props => {
         }
         return null;
     };
-    return (_jsxs(Flex, { children: [renderTags(), " ", renderShowMoreTags()] }));
+    return (_jsx(Suspense, { children: _jsxs(Flex, { children: [renderTags(), " ", renderShowMoreTags()] }) }));
 };
 export const Tag = OriginTag;
 Tag.CheckableTag = AntdTag.CheckableTag;

package/es/components/atoms/Text/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface TextWrapperProps {
     size?: 'small' | 'medium' | 'large' | number;
     children?: React.ReactNode;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Timeline: import("react").FC<import("antd").TimelineProps> & {
-    Item: import("react").FC<import("antd").TimelineItemProps>;
+    Item: React.FC<import("antd").TimelineItemProps>;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const EllipsisMiddle: React.FC<{
     suffixCount: number;
     children: string;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Watermark: import("react").FC<import("antd").WatermarkProps>;

package/es/components/icons/AntsomiAIIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconProps } from './types';
-export declare const AntsomiAIIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const AntsomiAIIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/AntsomiAIIcon.js

@@ -3,7 +3,5 @@ import { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AntsomiAIIcon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: [_jsxs("g", { clipPath: "url(#a)", children: [_jsx("mask", { id: "b", style: {
-                            maskType: 'luminance',
-                        }, maskUnits: "userSpaceOnUse", x: 3, y: 3, width: 18, height: 18, children: _jsx("path", { d: "M21 3H3v18h18V3Z", fill: "#fff" }) }), _jsxs("g", { mask: "url(#b)", children: [_jsx("path", { d: "m12.93 10.61-2.397-5.425a1.153 1.153 0 0 0-2.108 0L3.1 17.23a1.142 1.142 0 0 0 .22 1.256 1.15 1.15 0 0 0 1.885-.326l4.273-9.664 1.706 3.857 1.747-1.743ZM15.857 17.23l-1.556-3.524-1.745 1.739 1.197 2.708a1.157 1.157 0 0 0 1.52.588c.278-.122.497-.351.608-.635.111-.283.103-.599-.02-.878", fill: "#005EB8" }), _jsx("path", { d: "M15.619 9.148a1.151 1.151 0 0 0-1.627 0L9.45 13.672 7.66 11.89l-.995 2.255 1.969 1.96a1.152 1.152 0 0 0 1.627 0l5.355-5.338a1.144 1.144 0 0 0 0-1.622l.002.003Z", fill: "#EF3340" }), _jsx("path", { d: "m8.003 11.83-1.245 2.816-1.745-1.739 1.245-2.816 1.745 1.738Z", fill: "#005EB8" }), _jsx("path", { d: "M20.1 17.952c.235 0 .424-.19.564-.57l.335.054c0 .12-.047.272-.142.462a1.562 1.562 0 0 1-.3.445c-.306.332-.765.498-1.375.498-1.259 0-1.889-.587-1.889-1.761v-7.015a1.2 1.2 0 1 1 2.4 0v7.28c0 .404.136.605.407.605v.002Z", fill: "url(#c)" }), _jsx("path", { d: "M18.422 7.804a1.53 1.53 0 1 0 0-3.06 1.53 1.53 0 0 0 0 3.06Z", fill: "#EF3340" })] })] }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: "c", x1: 19.148, y1: 18.841, x2: 19.148, y2: 8.866, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#005EB8" }), _jsx("stop", { offset: 1, stopColor: "#EF3340" })] }), _jsx("clipPath", { id: "a", children: _jsx("path", { fill: "#fff", transform: "translate(3 3)", d: "M0 0h18v18H0z" }) })] })] }));
+    return (_jsxs("svg", { viewBox: "0 0 60 60", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: [_jsx("path", { d: "M33.0997 25.3651L25.1083 7.28243C24.8076 6.60574 24.3188 6.02572 23.6905 5.61755C23.0675 5.20939 22.3371 4.99457 21.596 4.99457C20.8548 4.99457 20.1244 5.20939 19.5014 5.61755C18.8784 6.02572 18.3844 6.60037 18.0836 7.28243L0.3285 47.4328C0.124418 47.8947 0.0116362 48.3888 0.000895095 48.8882C-0.00984604 49.3877 0.0760831 49.8925 0.258682 50.3598C0.441282 50.827 0.715181 51.2567 1.06427 51.6219C1.41335 51.9871 1.82689 52.2771 2.28876 52.4811C2.75063 52.6852 3.24472 52.7926 3.74955 52.8088C4.25439 52.8249 4.75385 52.7336 5.22646 52.551C5.69907 52.3684 6.12872 52.0998 6.48854 51.7508C6.84837 51.4017 7.14375 50.9881 7.34783 50.5316L21.5906 18.319L27.278 31.1761L33.0997 25.3651Z", fill: "#005EB8" }), _jsx("path", { d: "M42.8598 47.4328L37.6718 35.6874L31.8555 41.4823L35.8458 50.5102C36.2593 51.4393 37.022 52.1643 37.9725 52.5349C38.9231 52.9001 39.9811 52.8786 40.9102 52.4704C41.8394 52.0623 42.5698 51.2997 42.9403 50.3544C43.3109 49.4092 43.284 48.3566 42.8705 47.4275", fill: "#005EB8" }), _jsx("path", { d: "M42.063 20.4941C41.3433 19.7744 40.3659 19.3716 39.3509 19.3716C38.3358 19.3716 37.3584 19.7744 36.6387 20.4941L21.4991 35.5747L15.5378 29.6348L12.2188 37.1482L18.7816 43.6842C19.5012 44.4039 20.4787 44.8067 21.4937 44.8067C22.5088 44.8067 23.4862 44.4039 24.2059 43.6842L42.0576 25.8915C42.7773 25.1772 43.1801 24.1998 43.1801 23.1847C43.1801 22.1697 42.7773 21.1976 42.0576 20.4834L42.063 20.4941Z", fill: "#EF3340" }), _jsx("path", { d: "M16.6787 29.4307L12.5273 38.8185L6.71094 33.0236L10.8624 23.6359L16.6787 29.4307Z", fill: "#005EB8" }), _jsx("path", { d: "M57.004 49.8389C57.7881 49.8389 58.4164 49.2052 58.8837 47.9431L60.0007 48.1203C60.0007 48.5177 59.845 49.0279 59.5281 49.6617C59.2542 50.2524 58.9213 50.7465 58.5292 51.144C57.5088 52.2503 55.9782 52.8035 53.9427 52.8035C49.7483 52.8035 47.6484 50.8486 47.6484 46.9334V23.55C47.6484 21.3427 49.4368 19.5489 51.6495 19.5489C53.8568 19.5489 55.6506 21.3373 55.6506 23.55V47.8196C55.6506 49.1622 56.1017 49.8335 57.004 49.8335V49.8389Z", fill: "url(#paint0_linear_2513_39378)" }), _jsx("path", { d: "M51.4106 16.015C54.2284 16.015 56.5127 13.7307 56.5127 10.913C56.5127 8.09517 54.2284 5.81091 51.4106 5.81091C48.5929 5.81091 46.3086 8.09517 46.3086 10.913C46.3086 13.7307 48.5929 16.015 51.4106 16.015Z", fill: "#EF3340" })] }));
 });

package/es/components/icons/CircleInfoIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from './types';
 export declare const CircleInfoIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/es/components/icons/EmotionFeedbackIcon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconProps } from './types';
 export declare const EmotionFeedbackIcon: React.ForwardRefExoticComponent<IconProps & {
-    iconHappyColor?: string | undefined;
-    iconSadColor?: string | undefined;
+    iconHappyColor?: string;
+    iconSadColor?: string;
 } & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/LazyIcon/LazyIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const LazyIcon: {
     AccountCircleIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AccountCircleOutlineIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -154,8 +153,8 @@ export declare const LazyIcon: {
     EmojiReactionIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     EmojiSmileIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     EmotionFeedbackIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & {
-        iconHappyColor?: string | undefined;
-        iconSadColor?: string | undefined;
+        iconHappyColor?: string;
+        iconSadColor?: string;
     } & import("react").RefAttributes<SVGSVGElement>>>;
     ErrorIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     EventAttribute30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -242,7 +241,7 @@ export declare const LazyIcon: {
     LinkOffIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ListIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     LoadingIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & {
-        backgroundColor?: string | undefined;
+        backgroundColor?: string;
     } & import("react").RefAttributes<SVGSVGElement>>>;
     LocalMallIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     LongerIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;

package/es/components/icons/LoadingIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IconProps } from './types';
 export declare const LoadingIcon: React.ForwardRefExoticComponent<IconProps & {
-    backgroundColor?: string | undefined;
+    backgroundColor?: string;
 } & React.RefAttributes<SVGSVGElement>>;