diginet-core-ui 1.4.57 → 1.4.58-beta.1

package/components/paging/page-info.js

@@ -17,7 +17,7 @@ const getLastPage = (totalItems, itemsPerPage) => {
   }
   return _lastPage + 1;
 };
-const PagingInfo = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const PagingInfo = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   action = {},
   bgColor: bgColorProp,
   className,
@@ -533,22 +533,22 @@ PagingInfo.propTypes = {
   onChangePage: PropTypes.func,
   /** Callback fired when quantity on per page changed. */
   onChangePerPage: PropTypes.func,
-  /**
-   * Callback fired when page number is changing.
-   *
-   * * prevPage: Page before changed
-   * * newPage: Page after changed
-   * * cancel(value): Function cancel change page
-   *  * @param {value} - bool
+  /**
+   * Callback fired when page number is changing.
+   *
+   * * prevPage: Page before changed
+   * * newPage: Page after changed
+   * * cancel(value): Function cancel change page
+   *  * @param {value} - bool
    */
   onChangingPage: PropTypes.func,
-  /**
-   * Callback fired when quantity on item per page is changing.
-   *
-   * * prevPerPage: Items per page before changed
-   * * newPerPage: Items per page after changed
-   * * cancel(value): Function cancel change items per page
-   *  * @param {value} - bool
+  /**
+   * Callback fired when quantity on item per page is changing.
+   *
+   * * prevPerPage: Items per page before changed
+   * * newPerPage: Items per page after changed
+   * * cancel(value): Function cancel change items per page
+   *  * @param {value} - bool
    */
   onChangingPerPage: PropTypes.func,
   /** Style inline of component. */
@@ -557,26 +557,26 @@ PagingInfo.propTypes = {
   totalItems: PropTypes.number,
   /** Compact type for mobile. */
   typeShort: PropTypes.bool
-  /**
-   * ref methods (ref.current.instance.*method*)
-   *
-   * * onChangePage(page): Change page number
-   *  * @param {page} - number
-   * * onChangePerPage(per): Change quantity on per page
-   *  * @param {per} - number
-   * * setTotalItems(items): Set total items
-   *  * @param {items} - number
-   *
-   * * option(): Gets all UI component properties
-   *  * Returns value - object
-   * * option(optionName): Gets the value of a single property
-   *  * @param {optionName} - string
-   *  * Returns value - any
-   * * option(optionName, optionValue): Updates the value of a single property
-   *  * @param {optionName} - string
-   *  * @param {optionValue} - any
-   * * option(options): Updates the values of several properties
-   *  * @param {options} - object
+  /**
+   * ref methods (ref.current.instance.*method*)
+   *
+   * * onChangePage(page): Change page number
+   *  * @param {page} - number
+   * * onChangePerPage(per): Change quantity on per page
+   *  * @param {per} - number
+   * * setTotalItems(items): Set total items
+   *  * @param {items} - number
+   *
+   * * option(): Gets all UI component properties
+   *  * Returns value - object
+   * * option(optionName): Gets the value of a single property
+   *  * @param {optionName} - string
+   *  * Returns value - any
+   * * option(optionName, optionValue): Updates the value of a single property
+   *  * @param {optionName} - string
+   *  * @param {optionValue} - any
+   * * option(options): Updates the values of several properties
+   *  * @param {options} - object
    */
 };
 export { PagingInfo };

package/components/paging/page-selector.js

@@ -17,7 +17,7 @@ const getLastPage = (totalItems, itemsPerPage) => {
   }
   return _lastPage + 1;
 };
-const PagingSelector = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const PagingSelector = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   action = {},
   className,
   currentPage,

package/components/paper/index.js

@@ -5,7 +5,7 @@ import { forwardRef, memo, useEffect, useImperativeHandle, useMemo, useRef } fro
 import { bgColor, border, borderRadius, parseMaxHeight, parseWidth, parseWidthHeight, shadowSmall } from "../../styles/general";
 import { useTheme } from "../../theme";
 import { classNames, getProp, renderHTML } from "../../utils";
-const Paper = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const Paper = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   width,
   height,
   mapping,

package/components/popover/body.js

@@ -8,7 +8,7 @@ import { bgColor, border, borderRadius, displayFlex, flexCol, order, overflowAut
 import { useTheme } from "../../theme";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, getProp } from "../../utils";
-const PopoverBody = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const PopoverBody = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
 

package/components/popover/footer.js

@@ -8,7 +8,7 @@ import { bgColor, borderRadius, boxBorder, displayFlex, flexRow, itemsCenter, ju
 import { useTheme } from "../../theme";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, getProp } from "../../utils";
-const PopoverFooter = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const PopoverFooter = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
 

package/components/popover/header.js

@@ -9,7 +9,7 @@ import { bgColor, borderRadius, boxBorder, displayFlex, flexRow, itemsCenter, or
 import { useTheme } from "../../theme";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, getProp } from "../../utils";
-const PopoverHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const PopoverHeader = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
 

package/components/popover/index.js

@@ -106,7 +106,7 @@ const getDirectionPopover = direction => {
       };
   }
 };
-const Popover = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const Popover = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   const {
@@ -202,7 +202,7 @@ const Popover = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
     }
   };
   const updatePositionPopover = (el = null, cb) => {
-    var _window, _window2, _anchor6, _anchorRect, _anchorRect2, _anchor7, _anchorRect3, _anchorRect4, _anchorRect5, _anchorRect6, _anchorRect7, _anchorRect8, _anchorRect9, _anchorRect10, _anchorRect11, _anchorRect12, _newDirectionObject, _newDirectionObject$t, _transformOrigin, _newDirectionObject2, _newDirectionObject2$, _transformOrigin2;
+    var _window, _window2, _anchor6, _anchorRect, _anchorRect2, _anchor7, _anchorRect3, _anchorRect4, _anchorRect5, _anchorRect6, _anchorRect7, _anchorRect8, _anchorRect9, _anchorRect0, _anchorRect1, _anchorRect10, _newDirectionObject, _newDirectionObject$t, _transformOrigin, _newDirectionObject2, _newDirectionObject2$, _transformOrigin2;
     if (el instanceof Element) setElement(el);
     if (!ref.current) {
       window.removeEventListener('resize', updatePositionPopover);
@@ -336,36 +336,36 @@ const Popover = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
 
     // Valid mean popover not at top-left, top-right, bottom-left, bottom-right
     const validVerticalArrow = left >= ((_anchorRect5 = anchorRect) === null || _anchorRect5 === void 0 ? void 0 : _anchorRect5.left) + ((_anchorRect6 = anchorRect) === null || _anchorRect6 === void 0 ? void 0 : _anchorRect6.width) / 2 - popoverWidth && left <= ((_anchorRect7 = anchorRect) === null || _anchorRect7 === void 0 ? void 0 : _anchorRect7.right) - ((_anchorRect8 = anchorRect) === null || _anchorRect8 === void 0 ? void 0 : _anchorRect8.width) / 2 + popoverWidth;
-    const validHorizontalArrow = top >= ((_anchorRect9 = anchorRect) === null || _anchorRect9 === void 0 ? void 0 : _anchorRect9.top) + ((_anchorRect10 = anchorRect) === null || _anchorRect10 === void 0 ? void 0 : _anchorRect10.height) / 2 - popoverHeight && top <= ((_anchorRect11 = anchorRect) === null || _anchorRect11 === void 0 ? void 0 : _anchorRect11.bottom) - ((_anchorRect12 = anchorRect) === null || _anchorRect12 === void 0 ? void 0 : _anchorRect12.height) / 2;
+    const validHorizontalArrow = top >= ((_anchorRect9 = anchorRect) === null || _anchorRect9 === void 0 ? void 0 : _anchorRect9.top) + ((_anchorRect0 = anchorRect) === null || _anchorRect0 === void 0 ? void 0 : _anchorRect0.height) / 2 - popoverHeight && top <= ((_anchorRect1 = anchorRect) === null || _anchorRect1 === void 0 ? void 0 : _anchorRect1.bottom) - ((_anchorRect10 = anchorRect) === null || _anchorRect10 === void 0 ? void 0 : _anchorRect10.height) / 2;
 
     // Get arrow's position
     if (arrow && translate) {
       switch (aPosition) {
         case 'top':
           if (validVerticalArrow) {
-            var _anchorRect13, _anchorRect14;
-            arrowPosition.left = ((_anchorRect13 = anchorRect) === null || _anchorRect13 === void 0 ? void 0 : _anchorRect13.width) / 2 + ((_anchorRect14 = anchorRect) === null || _anchorRect14 === void 0 ? void 0 : _anchorRect14.left) - arrowSize + 'px';
+            var _anchorRect11, _anchorRect12;
+            arrowPosition.left = ((_anchorRect11 = anchorRect) === null || _anchorRect11 === void 0 ? void 0 : _anchorRect11.width) / 2 + ((_anchorRect12 = anchorRect) === null || _anchorRect12 === void 0 ? void 0 : _anchorRect12.left) - arrowSize + 'px';
             arrowPosition.top = Math.round(top) - arrowSize + 'px';
           }
           break;
         case 'bottom':
           if (validVerticalArrow) {
-            var _anchorRect15, _anchorRect16;
-            arrowPosition.left = ((_anchorRect15 = anchorRect) === null || _anchorRect15 === void 0 ? void 0 : _anchorRect15.width) / 2 + ((_anchorRect16 = anchorRect) === null || _anchorRect16 === void 0 ? void 0 : _anchorRect16.left) - arrowSize + 'px';
+            var _anchorRect13, _anchorRect14;
+            arrowPosition.left = ((_anchorRect13 = anchorRect) === null || _anchorRect13 === void 0 ? void 0 : _anchorRect13.width) / 2 + ((_anchorRect14 = anchorRect) === null || _anchorRect14 === void 0 ? void 0 : _anchorRect14.left) - arrowSize + 'px';
             arrowPosition.top = Math.round(top) + popoverHeight + 'px';
           }
           break;
         case 'left':
           if (validHorizontalArrow) {
-            var _anchorRect17, _anchorRect18;
-            arrowPosition.top = ((_anchorRect17 = anchorRect) === null || _anchorRect17 === void 0 ? void 0 : _anchorRect17.height) / 2 + ((_anchorRect18 = anchorRect) === null || _anchorRect18 === void 0 ? void 0 : _anchorRect18.top) - arrowSize / 2 + 'px';
+            var _anchorRect15, _anchorRect16;
+            arrowPosition.top = ((_anchorRect15 = anchorRect) === null || _anchorRect15 === void 0 ? void 0 : _anchorRect15.height) / 2 + ((_anchorRect16 = anchorRect) === null || _anchorRect16 === void 0 ? void 0 : _anchorRect16.top) - arrowSize / 2 + 'px';
             arrowPosition.left = Math.round(left) - 1.5 * arrowSize + 'px';
           }
           break;
         case 'right':
           if (validHorizontalArrow) {
-            var _anchorRect19, _anchorRect20;
-            arrowPosition.top = ((_anchorRect19 = anchorRect) === null || _anchorRect19 === void 0 ? void 0 : _anchorRect19.height) / 2 + ((_anchorRect20 = anchorRect) === null || _anchorRect20 === void 0 ? void 0 : _anchorRect20.top) - arrowSize / 2 + 'px';
+            var _anchorRect17, _anchorRect18;
+            arrowPosition.top = ((_anchorRect17 = anchorRect) === null || _anchorRect17 === void 0 ? void 0 : _anchorRect17.height) / 2 + ((_anchorRect18 = anchorRect) === null || _anchorRect18 === void 0 ? void 0 : _anchorRect18.top) - arrowSize / 2 + 'px';
             arrowPosition.left = Math.round(left) + popoverWidth - arrowSize / 2 + 'px';
           }
           break;
@@ -495,15 +495,15 @@ const Popover = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
     return currentRef;
   });
   const renderAnchor = () => {
-    var _anchor10, _anchor11, _anchor11$props;
-    if (!((_anchor10 = anchor) !== null && _anchor10 !== void 0 && _anchor10.type)) return null;
+    var _anchor0, _anchor1, _anchor1$props;
+    if (!((_anchor0 = anchor) !== null && _anchor0 !== void 0 && _anchor0.type)) return null;
     const AnchorTag = /*#__PURE__*/React.cloneElement(anchor, {
       ref: ref => {
         anchor = ref;
       },
       style: {
         cursor: 'pointer',
-        ...(((_anchor11 = anchor) === null || _anchor11 === void 0 ? void 0 : (_anchor11$props = _anchor11.props) === null || _anchor11$props === void 0 ? void 0 : _anchor11$props.style) || {})
+        ...(((_anchor1 = anchor) === null || _anchor1 === void 0 ? void 0 : (_anchor1$props = _anchor1.props) === null || _anchor1$props === void 0 ? void 0 : _anchor1$props.style) || {})
       }
     });
     return AnchorTag;

package/components/popup/index.js

@@ -25,7 +25,7 @@ export const icons = {
     viewBox: true
   })
 };
-const Popup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const Popup = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   open,
   type,
   icon,

package/components/popup/v2/index.js

@@ -16,7 +16,7 @@ const titleMap = new Map([['yesno', 'notify'], ['success', 'confirm'], ['warning
 const iconMap = new Map([['yesno', 'Info'], ['success', 'ApprovalFilled'], ['warning', 'Warning'], ['danger', 'Failed'], ['info', 'Info']]);
 const fadeInDown = animations.fadeInDown;
 const fadeOutUp = animations.fadeOutUp;
-const Popup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const Popup = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   action = {},
   cancelProps,
   className,

package/components/progress/circular.js

@@ -121,7 +121,7 @@ const getDimension = (size, theme) => {
   }
 };
 const directionAngleMap = new Map([['top', -90], ['bottom', 90], ['right', 0], ['left', -180]]);
-const CircularProgress = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const CircularProgress = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   action = {},
   background: backgroundProp,
   circleRef,

package/components/progress/linear.js

@@ -249,7 +249,7 @@ Determinate.propTypes = {
   width: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 export const DeterminateLinearProgress = /*#__PURE__*/memo(Determinate);
-const LinearProgress = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const LinearProgress = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   background,
   className,
   color,

package/components/rating/index.js

@@ -7,7 +7,7 @@ import { Fragment, forwardRef, memo, useEffect, useImperativeHandle, useMemo, us
 import { bgColor, border, borderColor, cursorPointer, displayInlineFlex, flexRow, flexRowReverse, itemsCenter, outlineNone, overflowHidden, parseWidth, pointerEventsNone, positionAbsolute, positionRelative, textColor } from "../../styles/general";
 import { useTheme } from "../../theme";
 import { classNames, getProp, hexToRGBA, randomString } from "../../utils";
-const Rating = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const Rating = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   id,
   disabled,
   readOnly,

package/components/skeleton/index.js

@@ -8,7 +8,7 @@ import { parseWidthHeight } from "../../styles/general";
 import { useTheme } from "../../theme";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, getProp } from "../../utils";
-const Skeleton = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const Skeleton = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   // const { spacing } = theme;

package/components/slider/slider-container.js

@@ -22,7 +22,7 @@ const styles = {
     transform: 'translate(0, -50%)'
   }
 };
-const SliderContainer = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const SliderContainer = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   animation,
   active,
   autoChangeTime,

package/components/slider/slider-item.js

@@ -25,7 +25,7 @@ const checkURL = link => {
   }
   return link;
 };
-const SliderItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const SliderItem = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   active,
   animation,
   fileName,

package/components/status/index.js

@@ -12,7 +12,7 @@ const colorMap = new Map([['default', 'system/rest']]);
 const iconSizeMap = new Map([['small', '16px'], ['medium', '20px'], ['large', '24px']]);
 const typographySizeMap = new Map([['small', 'p3'], ['medium', 'p2'], ['large', 'p1']]);
 const filledPaddingSizeMap = new Map([['small', [0.5, 2]], ['medium', [0.5, 2]], ['large', [0.5, 3]]]);
-const Status = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const Status = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   action = {},
   className,
   color: colorProp,

package/components/tab/tab-container.js

@@ -8,7 +8,7 @@ import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames } from "../../utils";
 import TabContext from "./context";
 const typographyByLevelMap = new Map([['level1', 'h3'], ['level2', 'p1']]);
-const TabContainer = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const TabContainer = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
 
   // props priority: `inProps` > `themeDefaultProps`

package/components/tab/tab-header.js

@@ -9,7 +9,7 @@ import { useTheme } from "../../theme";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames } from "../../utils";
 import TabContext from "./context";
-const TabHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const TabHeader = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   var _ref$current, _ref$current2;
   if (!reference) reference = useRef(null);
 

package/components/tab/tab-panel.js

@@ -8,7 +8,7 @@ import { useTheme } from "../../theme";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, getProp } from "../../utils";
 import TabContext from "./context";
-const TabPanel = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const TabPanel = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
 
   // props priority: `inProps` > `themeDefaultProps`

package/components/tab/tab.js

@@ -10,7 +10,7 @@ import { useTheme } from "../../theme";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, getProp } from "../../utils";
 import TabContext from "./context";
-const TabItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const TabItem = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
 
   // props priority: `inProps` > `themeDefaultProps`

package/components/tooltip/index.js

@@ -38,7 +38,7 @@ const parseAlignMode = alignMode => {
   }
   return 'middle';
 };
-const Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const Tooltip = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   action = {},
   alignMode,
   arrow,

package/components/transfer/index.js

@@ -8,7 +8,7 @@ import { Fragment, forwardRef, memo, useMemo, useRef, useState } from 'react';
 import { bgColor, borderRadius, boxBorder, displayBlock, displayFlex, displayInlineFlex, flexCol, itemsCenter, justifyCenter, objectCover, parseMinHeight, parseWidth, parseWidthHeight, positionRelative, positionSticky, shadowSmall, top, z } from "../../styles/general";
 import { useTheme } from "../../theme";
 import { capitalize, classNames, getProp } from "../../utils";
-const Transfer = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const Transfer = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   choicesList,
   chosenList,
   selectAll,

package/components/tree-view/index.js

@@ -13,7 +13,7 @@ import { classNames, getProp, mapParent, randomString, removeUnicode } from "../
 const separatorPattern = /\{\w+\}/g;
 const currentValue = {},
   itemsRenderAsync = {};
-const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const TreeView = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   var _value3;
   if (!reference) reference = useRef(null);
   const theme = useTheme();

package/components/typography/index.js

@@ -11,7 +11,7 @@ import { classNames, getProp, renderHTML } from "../../utils";
 const colorMap = new Map([['default', 'text/main']]);
 const formatMap = new Map([['capitalize', textCapitalize], ['uppercase', textUppercase], ['lowercase', textLowercase], ['italic', italic], ['line-through', textLineThrough], ['underline', textUnderline], ['sentence', textSentence]]);
 const isTextClamped = elm => (elm === null || elm === void 0 ? void 0 : elm.scrollHeight) > (elm === null || elm === void 0 ? void 0 : elm.clientHeight);
-const Typography = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const Typography = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   var _ref$current;
   // props priority: `inProps` > `themeDefaultProps`
   const props = useThemeProps({

package/icons/basic.js

@@ -3108,6 +3108,30 @@ export const Home = /*#__PURE__*/memo(({
     fill: fillColor(color)
   }));
 });
+export const HomeLocation = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = 'system/rest',
+  viewBox = false
+}) => {
+  return viewBox ? /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15ZM6 19H18V18.725C18 18.4917 17.95 18.275 17.85 18.075C17.75 17.875 17.6 17.7167 17.4 17.6C16.5833 17.0833 15.7208 16.6875 14.8125 16.4125C13.9042 16.1375 12.9667 16 12 16C11.0333 16 10.0958 16.1375 9.1875 16.4125C8.27917 16.6875 7.41667 17.0833 6.6 17.6C6.4 17.7167 6.25 17.875 6.15 18.075C6.05 18.275 6 18.4917 6 18.725V19ZM4 21V9L12 3L20 9V21H4Z",
+    fill: fillColor(color)
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 16,
+    height: height || 18,
+    viewBox: "0 0 16 18",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M8 12C8.83333 12 9.54167 11.7083 10.125 11.125C10.7083 10.5417 11 9.83333 11 9C11 8.16667 10.7083 7.45833 10.125 6.875C9.54167 6.29167 8.83333 6 8 6C7.16667 6 6.45833 6.29167 5.875 6.875C5.29167 7.45833 5 8.16667 5 9C5 9.83333 5.29167 10.5417 5.875 11.125C6.45833 11.7083 7.16667 12 8 12ZM2 16H14V15.725C14 15.4917 13.95 15.275 13.85 15.075C13.75 14.875 13.6 14.7167 13.4 14.6C12.5833 14.0833 11.7208 13.6875 10.8125 13.4125C9.90417 13.1375 8.96667 13 8 13C7.03333 13 6.09583 13.1375 5.1875 13.4125C4.27917 13.6875 3.41667 14.0833 2.6 14.6C2.4 14.7167 2.25 14.875 2.15 15.075C2.05 15.275 2 15.4917 2 15.725V16ZM0 18V6L8 0L16 6V18H0Z",
+    fill: fillColor(color)
+  }));
+});
 export const HourGlass = /*#__PURE__*/memo(({
   width,
   height,
@@ -4137,6 +4161,30 @@ export const Minus = /*#__PURE__*/memo(({
     fill: fillColor(color)
   }));
 });
+export const MilkBottle = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = 'system/rest',
+  viewBox = false
+}) => {
+  return viewBox ? /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M10.9782 5.6788C10.7316 5.53938 10.572 5.33908 10.4994 5.07791C10.4269 4.81674 10.4603 4.56283 10.5998 4.31617C10.7392 4.06952 10.9395 3.90992 11.2007 3.83738C11.4618 3.76484 11.7157 3.79829 11.9624 3.93771L14.574 5.41397L15.5582 3.67288C15.6976 3.42622 15.8979 3.26662 16.1591 3.19409C16.4203 3.12155 16.6742 3.15499 16.9208 3.29441C17.1675 3.43384 17.3271 3.63414 17.3996 3.89531C17.4722 4.15648 17.4387 4.41039 17.2993 4.65705L16.3151 6.39814L18.9268 7.8744C19.1734 8.01382 19.333 8.21412 19.4056 8.47529C19.4781 8.73646 19.4447 8.99038 19.3052 9.23703C19.1658 9.48369 18.9655 9.64328 18.7043 9.71582C18.4432 9.78836 18.1893 9.75492 17.9426 9.61549L10.9782 5.6788ZM4.46749 19.2291C3.98869 18.9584 3.67517 18.5563 3.52694 18.0226C3.37871 17.4889 3.43992 16.9826 3.71057 16.5038L4.69474 14.7627L8.17693 16.7311C8.42358 16.8705 8.67749 16.9039 8.93866 16.8314C9.19984 16.7589 9.40013 16.5993 9.53956 16.3526C9.67898 16.106 9.71243 15.852 9.63989 15.5909C9.56735 15.3297 9.40775 15.1294 9.1611 14.99L5.67891 13.0216L6.66308 11.2805L10.1453 13.2489C10.3919 13.3883 10.6458 13.4218 10.907 13.3492C11.1682 13.2767 11.3685 13.1171 11.5079 12.8704C11.6473 12.6238 11.6808 12.3699 11.6082 12.1087C11.5357 11.8475 11.3761 11.6472 11.1294 11.5078L7.64726 9.53945L8.13934 8.6689C8.54941 7.94345 9.15188 7.47034 9.94675 7.24957C10.7416 7.0288 11.5018 7.12345 12.2272 7.53352L15.7094 9.50187C16.4349 9.91194 16.908 10.5144 17.1288 11.3093C17.3495 12.1041 17.2549 12.8643 16.8448 13.5898L12.416 21.4247C12.1454 21.9035 11.7432 22.217 11.2095 22.3652C10.6758 22.5135 10.1696 22.4523 9.69077 22.1816L4.46749 19.2291Z",
+    fill: fillColor(color)
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 19,
+    height: height || 23,
+    viewBox: "0 0 19 23",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M8.25191 4.84482C8.00526 4.70539 7.84566 4.5051 7.77312 4.24393C7.70059 3.98275 7.73403 3.72884 7.87345 3.48219C8.01288 3.23553 8.21317 3.07593 8.47435 3.0034C8.73552 2.93086 8.98943 2.9643 9.23609 3.10373L11.8477 4.57998L12.8319 2.83889C12.9713 2.59224 13.1716 2.43264 13.4328 2.3601C13.694 2.28756 13.9479 2.32101 14.1945 2.46043C14.4412 2.59985 14.6008 2.80015 14.6733 3.06132C14.7459 3.32249 14.7124 3.57641 14.573 3.82306L13.5888 5.56416L16.2005 7.04041C16.4471 7.17984 16.6067 7.38014 16.6792 7.64131C16.7518 7.90248 16.7183 8.15639 16.5789 8.40305C16.4395 8.6497 16.2392 8.8093 15.978 8.88184C15.7169 8.95437 15.4629 8.92093 15.2163 8.78151L8.25191 4.84482ZM1.74117 18.3951C1.26237 18.1245 0.948853 17.7223 0.800623 17.1886C0.652392 16.6549 0.713601 16.1486 0.984248 15.6698L1.96842 13.9287L5.45061 15.8971C5.69726 16.0365 5.95117 16.07 6.21235 15.9974C6.47352 15.9249 6.67381 15.7653 6.81324 15.5186C6.95266 15.272 6.98611 15.0181 6.91357 14.7569C6.84103 14.4957 6.68143 14.2954 6.43478 14.156L2.95259 12.1877L3.93676 10.4466L7.41895 12.4149C7.66561 12.5543 7.91952 12.5878 8.18069 12.5152C8.44186 12.4427 8.64216 12.2831 8.78158 12.0364C8.92101 11.7898 8.95445 11.5359 8.88191 11.2747C8.80937 11.0135 8.64978 10.8132 8.40312 10.6738L4.92094 8.70547L5.41302 7.83492C5.82309 7.10946 6.42556 6.63635 7.22043 6.41558C8.0153 6.19481 8.77547 6.28947 9.50092 6.69954L12.9831 8.66788C13.7086 9.07795 14.1817 9.68042 14.4024 10.4753C14.6232 11.2702 14.5286 12.0303 14.1185 12.7558L9.68971 20.5907C9.41907 21.0695 9.01689 21.383 8.4832 21.5312C7.9495 21.6795 7.44325 21.6183 6.96445 21.3476L1.74117 18.3951Z",
+    fill: fillColor(color)
+  }));
+});
 export const ModuleView = /*#__PURE__*/memo(({
   width,
   height,
@@ -6780,6 +6828,34 @@ export const TwoSquare = /*#__PURE__*/memo(({
     fill: fillColor(color)
   }));
 });
+export const TimeMore = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = 'system/rest',
+  viewBox = false
+}) => {
+  return viewBox ? /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11 21C9.75 21 8.57917 20.7667 7.4875 20.3C6.39583 19.8333 5.44167 19.1917 4.625 18.375C3.80833 17.5583 3.16667 16.6042 2.7 15.5125C2.23333 14.4208 2 13.25 2 12C2 10.75 2.23333 9.57917 2.7 8.4875C3.16667 7.39583 3.80833 6.44167 4.625 5.625C5.44167 4.80833 6.39583 4.16667 7.4875 3.7C8.57917 3.23333 9.75 3 11 3C11.35 3 11.6875 3.02083 12.0125 3.0625C12.3375 3.10417 12.6667 3.16667 13 3.25V5.3C12.6667 5.2 12.3375 5.125 12.0125 5.075C11.6875 5.025 11.35 5 11 5C9.03333 5 7.375 5.675 6.025 7.025C4.675 8.375 4 10.0333 4 12C4 13.9667 4.675 15.625 6.025 16.975C7.375 18.325 9.03333 19 11 19C12.9667 19 14.625 18.325 15.975 16.975C17.325 15.625 18 13.9667 18 12C18 11.8167 17.9917 11.65 17.975 11.5C17.9583 11.35 17.9333 11.1833 17.9 11H19.95C19.9833 11.1833 20 11.35 20 11.5V12C20 13.25 19.7667 14.4208 19.3 15.5125C18.8333 16.6042 18.1917 17.5583 17.375 18.375C16.5583 19.1917 15.6042 19.8333 14.5125 20.3C13.4208 20.7667 12.25 21 11 21ZM13.8 16.2L10 12.4V7H12V11.6L15.2 14.8L13.8 16.2ZM18 9V6H15V4H18V1H20V4H23V6H20V9H18Z",
+    fill: fillColor(color)
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 21,
+    height: height || 20,
+    viewBox: "0 0 21 20",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9 20C7.75 20 6.57917 19.7667 5.4875 19.3C4.39583 18.8333 3.44167 18.1917 2.625 17.375C1.80833 16.5583 1.16667 15.6042 0.7 14.5125C0.233333 13.4208 0 12.25 0 11C0 9.75 0.233333 8.57917 0.7 7.4875C1.16667 6.39583 1.80833 5.44167 2.625 4.625C3.44167 3.80833 4.39583 3.16667 5.4875 2.7C6.57917 2.23333 7.75 2 9 2C9.35 2 9.6875 2.02083 10.0125 2.0625C10.3375 2.10417 10.6667 2.16667 11 2.25V4.3C10.6667 4.2 10.3375 4.125 10.0125 4.075C9.6875 4.025 9.35 4 9 4C7.03333 4 5.375 4.675 4.025 6.025C2.675 7.375 2 9.03333 2 11C2 12.9667 2.675 14.625 4.025 15.975C5.375 17.325 7.03333 18 9 18C10.9667 18 12.625 17.325 13.975 15.975C15.325 14.625 16 12.9667 16 11C16 10.8167 15.9917 10.65 15.975 10.5C15.9583 10.35 15.9333 10.1833 15.9 10H17.95C17.9833 10.1833 18 10.35 18 10.5V11C18 12.25 17.7667 13.4208 17.3 14.5125C16.8333 15.6042 16.1917 16.5583 15.375 17.375C14.5583 18.1917 13.6042 18.8333 12.5125 19.3C11.4208 19.7667 10.25 20 9 20ZM11.8 15.2L8 11.4V6H10V10.6L13.2 13.8L11.8 15.2ZM16 8V5H13V3H16V0H18V3H21V5H18V8H16Z",
+    fill: fillColor(color)
+  }));
+});
 export const View = /*#__PURE__*/memo(({
   width,
   height,

package/icons/effect.js

@@ -10,7 +10,7 @@ import useThemeProps from "../theme/utils/useThemeProps";
 import { capitalize, classNames, getProp } from "../utils";
 import * as Icons from "./basic";
 const iconColorMap = new Map([['Image', 'dynamic/pumpkin'], ['Compressed', 'dynamic/violet'], ['Presentation', 'dynamic/pumpkin'], ['Sheet', 'semantic/success'], ['Word', 'semantic/info'], ['Pdf', 'semantic/danger']]);
-const Icon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const Icon = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
 

package/icons/menu/v2/index.js

@@ -6,7 +6,7 @@ import { jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
 import { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
 import { classNames } from "../../../utils";
-const IconMenu = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const IconMenu = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   action,
   className,
   height,