@moysklad/uikit 28.1.0 → 30.4.0

package/dist/data-grid/headers/components/HeaderBuilder/HeaderBuilder.module.js

@@ -6,6 +6,7 @@ const HeaderBuilder_module = {
     iconContainerClassName: "iconContainerClassName-imS1yx",
     wrapper: "wrapper-tYoNBG",
     arrow: "arrow-WYLP8q",
-    rotated: "rotated-yMd59y"
+    rotated: "rotated-yMd59y",
+    dropdownContainer: "dropdownContainer-G8K0DA"
 };
 export default HeaderBuilder_module;

package/dist/data-grid/headers/components/HeaderBuilder/HeaderBuilder_module.css

@@ -68,3 +68,24 @@
   transform: rotate(180deg);
 }
 
+.dropdownContainer-G8K0DA {
+  background: var(--light-white);
+  flex-direction: column;
+  padding: 4px;
+  display: flex;
+}
+
+.dropdownContainer-G8K0DA ::-webkit-scrollbar {
+  width: 15px;
+}
+
+.dropdownContainer-G8K0DA ::-webkit-scrollbar-track {
+  background: var(--light-white);
+}
+
+.dropdownContainer-G8K0DA ::-webkit-scrollbar-thumb {
+  border: 4px solid var(--light-white);
+  background-color: var(--light-grey-400);
+  border-radius: 8px;
+}
+

package/dist/data-grid/headers/components/HeaderSortGroups/components/SortByOption/SortByOption.js

@@ -2,22 +2,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { memo } from "react";
 import { Text } from "../../../../../../components/Text/Text.js";
 import { Option } from "../../../Dropdown/Option/Option.js";
-import SortByOption_module from "./SortByOption.module.js";
-const SortByOption = /*#__PURE__*/ memo(({ onSelect, icon, label })=>/*#__PURE__*/ jsx(Option, {
-        className: SortByOption_module.option,
+const SortByOption = /*#__PURE__*/ memo(({ onSelect, icon, label })=>/*#__PURE__*/ jsxs(Option, {
         onSelect: onSelect,
-        children: /*#__PURE__*/ jsxs("div", {
-            className: SortByOption_module.sortItem,
-            children: [
-                icon,
-                /*#__PURE__*/ jsx("div", {
-                    className: SortByOption_module.sortItemTextWrapper,
-                    children: /*#__PURE__*/ jsx(Text.Body, {
-                        children: label
-                    })
-                })
-            ]
-        })
+        children: [
+            icon,
+            /*#__PURE__*/ jsx(Text.Body, {
+                children: label
+            })
+        ]
     }));
 SortByOption.displayName = 'SortByOption';
 export { SortByOption };

package/dist/data-grid/headers/components/HideColumn/HideColumn.js

@@ -1,28 +1,23 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { memo } from "react";
 import { Text } from "../../../../components/Text/Text.js";
-import { Divider } from "../../../base/index.js";
+import { Divider } from "../../../base/Divider/Divider.js";
 import { EyeEyeballHide16Icon } from "../../../../icon/index.js";
 import { useLocale } from "../../../locale/useLocale.js";
 import { Option } from "../Dropdown/Option/Option.js";
-import HideColumn_module from "./HideColumn.module.js";
 const HideColumn = /*#__PURE__*/ memo(({ onVisibleChange, isShowDivider = false })=>{
     const { hideColumnLabel } = useLocale('Headers');
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             isShowDivider && /*#__PURE__*/ jsx(Divider, {}),
-            /*#__PURE__*/ jsx(Option, {
+            /*#__PURE__*/ jsxs(Option, {
                 onSelect: onVisibleChange,
-                className: HideColumn_module.option,
-                children: /*#__PURE__*/ jsxs("div", {
-                    className: HideColumn_module.hideColumn,
-                    children: [
-                        /*#__PURE__*/ jsx(EyeEyeballHide16Icon, {}),
-                        /*#__PURE__*/ jsx(Text.Body, {
-                            children: hideColumnLabel
-                        })
-                    ]
-                })
+                children: [
+                    /*#__PURE__*/ jsx(EyeEyeballHide16Icon, {}),
+                    /*#__PURE__*/ jsx(Text.Body, {
+                        children: hideColumnLabel
+                    })
+                ]
             })
         ]
     });

package/dist/data-grid/headers/components/ResetFilter/ResetFilter.js

@@ -10,19 +10,16 @@ const ResetFilter = ({ onFilterReset })=>{
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(Divider, {}),
-            /*#__PURE__*/ jsx(Option, {
+            /*#__PURE__*/ jsxs(Option, {
                 "data-test-id": "filter-reset-btn",
                 onClick: onFilterReset,
                 className: ResetFilter_module.option,
-                children: /*#__PURE__*/ jsxs("div", {
-                    className: ResetFilter_module.resetFilter,
-                    children: [
-                        /*#__PURE__*/ jsx(ClearFilter20Icon, {}),
-                        /*#__PURE__*/ jsx(Text.Body, {
-                            children: resetFilterLabel
-                        })
-                    ]
-                })
+                children: [
+                    /*#__PURE__*/ jsx(ClearFilter20Icon, {}),
+                    /*#__PURE__*/ jsx(Text.Body, {
+                        children: resetFilterLabel
+                    })
+                ]
             })
         ]
     });

package/dist/data-grid/headers/components/ResetFilter/ResetFilter.module.js

@@ -1,6 +1,5 @@
 import "./ResetFilter_module.css";
 const ResetFilter_module = {
-    resetFilter: "resetFilter-n7veAz",
     option: "option-gv3fnL"
 };
 export default ResetFilter_module;

package/dist/data-grid/headers/components/ResetFilter/ResetFilter_module.css

@@ -1,25 +1,5 @@
-.resetFilter-n7veAz {
-  align-items: center;
-  gap: 8px;
-  padding-left: 0;
-  display: flex;
-}
-
-.resetFilter-n7veAz svg {
+.option-gv3fnL svg {
   width: 16px;
   height: 16px;
 }
 
-.option-gv3fnL {
-  border-radius: 8px;
-  padding: 6px 12px;
-}
-
-.option-gv3fnL:hover {
-  background: var(--light-grey-100);
-}
-
-.option-gv3fnL:active {
-  background-color: #f1f4f8;
-}
-

package/dist/data-grid/headers/components/index.d.ts

@@ -1,7 +1,7 @@
 export { Dash } from './Dash/Dash';
 export * from './Dropdown';
 export { DropdownTitle } from './DropdownTitle/DropdownTitle';
-export { HeaderBuilder } from './HeaderBuilder/HeaderBuilder';
+export { HeaderBuilder, type HeaderBuilderProps, } from './HeaderBuilder/HeaderBuilder';
 export { AccountSelect } from './HeaderFilters/AccountSelect/AccountSelect';
 export { Dater } from './HeaderFilters/Dater/Dater';
 export { MultiSelect } from './HeaderFilters/MultiSelect/MultiSelect';

package/dist/data-grid/headers/index.d.ts

@@ -1,7 +1,7 @@
 export { AccountHeader } from './AccountHeader';
 export { BooleanHeader } from './BooleanHeader';
 export { CheckboxHeader } from './CheckboxHeader';
-export { AccountSelect, AlphabeticallySort, CheckboxOption, Dash, Dater, Dropdown, DropdownArrowBtn, DropdownTitle, DuoDirectionSort, HeaderBuilder, HideColumn, MultiSelect, Option, Range, ResetFilter, Search, Select, WarningMsg, } from './components';
+export { AccountSelect, AlphabeticallySort, CheckboxOption, Dash, Dater, Dropdown, DropdownArrowBtn, DropdownTitle, DuoDirectionSort, HeaderBuilder, type HeaderBuilderProps, HideColumn, MultiSelect, Option, Range, ResetFilter, Search, Select, WarningMsg, } from './components';
 export { DateHeader } from './DateHeader';
 export { DictHeader } from './DictHeader';
 export { LinkHeader } from './LinkHeader';

package/dist/data-grid/headers/types/types.d.ts

@@ -17,6 +17,7 @@ export type DefaultHeaderMeta = {
     btnClassName?: string;
     onColumnToggle?: (columnId: string, isVisible: boolean) => void;
     isScrollToDropdownDisabled?: boolean;
+    isHidden?: boolean;
     maxSizeInDefaultView?: number;
     minSizeInDefaultView?: number;
 };

package/dist/data-grid/types/index.d.ts

@@ -44,3 +44,4 @@ export declare const TableRowSize: {
     readonly Comfort: "comfort";
     readonly Compact: "compact";
 };
+export type TableRowSizeValue = ValueOf<typeof TableRowSize>;

package/dist/data-grid/utils/isOverflowed.js

@@ -1,2 +1,22 @@
-const isOverflowed = (element)=>element.scrollWidth > element.clientWidth;
+const OVERFLOW_SUBPIXEL_TOLERANCE = 0.1;
+const TEXT_FORM_CONTROLS = [
+    HTMLInputElement,
+    HTMLTextAreaElement
+];
+const isOverflowed = (element)=>{
+    const isTextFormControl = TEXT_FORM_CONTROLS.some((ElementClass)=>element instanceof ElementClass);
+    if (isTextFormControl) return element.scrollWidth > element.clientWidth;
+    if ("u" < typeof document || !element.isConnected) return false;
+    const range = document.createRange();
+    range.selectNodeContents(element);
+    const { width: contentWidth } = range.getBoundingClientRect();
+    const { width: elementWidth } = element.getBoundingClientRect();
+    const style = getComputedStyle(element);
+    const paddingLeft = parseFloat(style.paddingLeft) || 0;
+    const paddingRight = parseFloat(style.paddingRight) || 0;
+    const borderLeft = parseFloat(style.borderLeftWidth) || 0;
+    const borderRight = parseFloat(style.borderRightWidth) || 0;
+    const contentBoxWidth = elementWidth - paddingLeft - paddingRight - borderLeft - borderRight;
+    return contentWidth - contentBoxWidth > OVERFLOW_SUBPIXEL_TOLERANCE;
+};
 export { isOverflowed };

package/dist/hooks/useDebounceCallback/useDebounceCallback.d.ts

@@ -0,0 +1,2 @@
+import type { DebounceableFunction, DebouncedFunction, DebounceOptions } from '../../utils/debounce/debounce';
+export declare const useDebounceCallback: <T extends DebounceableFunction>(fn: T, delay?: number, options?: DebounceOptions) => DebouncedFunction<T>;

package/dist/hooks/useDebounceCallback/useDebounceCallback.js

@@ -0,0 +1,21 @@
+import { useEffect, useMemo, useRef } from "react";
+import { debounce } from "../../utils/debounce/debounce.js";
+import { useUnmount } from "../useUnmount/useUnmount.js";
+const useDebounceCallback = (fn, delay = 500, options)=>{
+    const debouncedFn = useRef();
+    useUnmount(()=>{
+        debouncedFn.current?.cancel();
+    });
+    const debounced = useMemo(()=>debounce(fn, delay, options), [
+        fn,
+        delay,
+        options
+    ]);
+    useEffect(()=>{
+        debouncedFn.current = debounced;
+    }, [
+        debounced
+    ]);
+    return debounced;
+};
+export { useDebounceCallback };

package/dist/hooks/useDismissOnFocusOutside/index.d.ts

@@ -4,6 +4,7 @@ interface UseDismissOnFocusOutsideOptions {
     ref: RefObject<HTMLElement>;
     onDismiss: () => void;
     ignoreRefs?: Array<RefObject<HTMLElement>>;
+    shouldIgnoreTarget?: (target: Node) => boolean;
 }
-export declare const useDismissOnFocusOutside: ({ enabled, ref, onDismiss, ignoreRefs, }: UseDismissOnFocusOutsideOptions) => void;
+export declare const useDismissOnFocusOutside: ({ enabled, ref, onDismiss, ignoreRefs, shouldIgnoreTarget, }: UseDismissOnFocusOutsideOptions) => void;
 export {};

package/dist/hooks/useDismissOnFocusOutside/index.js

@@ -1,10 +1,10 @@
 import { useEffect } from "react";
-const useDismissOnFocusOutside = ({ enabled, ref, onDismiss, ignoreRefs = [] })=>{
+const useDismissOnFocusOutside = ({ enabled, ref, onDismiss, ignoreRefs = [], shouldIgnoreTarget })=>{
     useEffect(()=>{
         if (!enabled) return;
         const onFocusin = (event)=>{
             const target = event.target;
-            if (!target || ignoreRefs.some((itemRef)=>itemRef.current?.contains(target)) || ref.current?.contains(target)) return;
+            if (!target || shouldIgnoreTarget?.(target) || ignoreRefs.some((itemRef)=>itemRef.current?.contains(target)) || ref.current?.contains(target)) return;
             onDismiss();
         };
         document.addEventListener('focusin', onFocusin);
@@ -15,7 +15,8 @@ const useDismissOnFocusOutside = ({ enabled, ref, onDismiss, ignoreRefs = [] })=
         enabled,
         ref,
         onDismiss,
-        ignoreRefs
+        ignoreRefs,
+        shouldIgnoreTarget
     ]);
 };
 export { useDismissOnFocusOutside };

package/dist/hooks/useDismissOnOutsideClick/index.d.ts

@@ -4,6 +4,7 @@ interface UseDismissOnOutsideClickOptions {
     ref: RefObject<HTMLElement>;
     onDismiss: () => void;
     ignoreRefs?: Array<RefObject<HTMLElement>>;
+    shouldIgnoreTarget?: (target: Node) => boolean;
 }
-export declare const useDismissOnOutsideClick: ({ enabled, ref, onDismiss, ignoreRefs, }: UseDismissOnOutsideClickOptions) => void;
+export declare const useDismissOnOutsideClick: ({ enabled, ref, onDismiss, ignoreRefs, shouldIgnoreTarget, }: UseDismissOnOutsideClickOptions) => void;
 export {};

package/dist/hooks/useDismissOnOutsideClick/index.js

@@ -1,10 +1,10 @@
 import { useEffect } from "react";
-const useDismissOnOutsideClick = ({ enabled, ref, onDismiss, ignoreRefs = [] })=>{
+const useDismissOnOutsideClick = ({ enabled, ref, onDismiss, ignoreRefs = [], shouldIgnoreTarget })=>{
     useEffect(()=>{
         if (!enabled) return;
         const onMousedown = (event)=>{
             const target = event.target;
-            if (!target || ignoreRefs.some((itemRef)=>itemRef.current?.contains(target)) || !ref.current || ref.current.contains(target)) return;
+            if (!target || shouldIgnoreTarget?.(target) || ignoreRefs.some((itemRef)=>itemRef.current?.contains(target)) || !ref.current || ref.current.contains(target)) return;
             onDismiss();
         };
         document.addEventListener('mousedown', onMousedown);
@@ -15,7 +15,8 @@ const useDismissOnOutsideClick = ({ enabled, ref, onDismiss, ignoreRefs = [] })=
         enabled,
         ref,
         onDismiss,
-        ignoreRefs
+        ignoreRefs,
+        shouldIgnoreTarget
     ]);
 };
 export { useDismissOnOutsideClick };

package/dist/hooks/useTextField/useTextField.d.ts

@@ -1,4 +1,4 @@
-import { type RefObject, type TextareaHTMLAttributes } from 'react';
+import { type RefObject } from 'react';
 interface Options {
     value?: string;
     ref: RefObject<HTMLTextAreaElement>;
@@ -8,14 +8,13 @@ interface Options {
     limit?: number;
     resetHeightOnClear?: boolean;
     fitContentHeightOnInit?: boolean;
-    onClear?: () => void;
-    onChange?: TextareaHTMLAttributes<HTMLTextAreaElement>['onChange'];
+    hasResizeHandles?: boolean;
 }
-export declare const useTextField: ({ ref, autoVerticalResize, value, minHeight, maxHeight, limit, resetHeightOnClear, fitContentHeightOnInit, onChange, onClear, }: Options) => {
+export declare const useTextField: ({ ref, autoVerticalResize, value, minHeight, maxHeight, limit, resetHeightOnClear, fitContentHeightOnInit, hasResizeHandles, }: Options) => {
     height: number;
+    setHeight: import("react").Dispatch<import("react").SetStateAction<number>>;
     isFocused: boolean;
     setIsFocused: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     isLimitError: boolean;
-    handleClear: () => void;
 };
 export {};

package/dist/hooks/useTextField/useTextField.js

@@ -1,22 +1,10 @@
 import { useLayoutEffect, useState } from "react";
-import { createSyntheticEvent } from "../../common/react/createSyntheticEvent.js";
-const createChangeEvent = (value)=>{
-    const nativeEvent = new Event('change');
-    Object.defineProperty(nativeEvent, 'target', {
-        writable: false,
-        value: {
-            value
-        }
-    });
-    const event = createSyntheticEvent(nativeEvent);
-    return event;
-};
 const clampHeight = (h, minHeight, maxHeight)=>{
     let next = h > minHeight ? h : minHeight;
     if (maxHeight) next = next < maxHeight ? next : maxHeight;
     return next;
 };
-const useTextField = ({ ref, autoVerticalResize, value, minHeight, maxHeight, limit, resetHeightOnClear, fitContentHeightOnInit, onChange, onClear })=>{
+const useTextField = ({ ref, autoVerticalResize, value, minHeight, maxHeight, limit, resetHeightOnClear, fitContentHeightOnInit, hasResizeHandles })=>{
     const [isFocused, setIsFocused] = useState(false);
     const [height, setHeight] = useState(0);
     const isLimitError = limit ? (value?.length ?? 0) > limit : false;
@@ -32,12 +20,13 @@ const useTextField = ({ ref, autoVerticalResize, value, minHeight, maxHeight, li
         const el = ref.current;
         const prevHeight = el.style.height;
         el.style.height = '0px';
-        const nextHeight = clampHeight(el.scrollHeight, minHeight, maxHeight);
+        const contentHeight = clampHeight(el.scrollHeight, minHeight, maxHeight);
         el.style.height = prevHeight;
-        setHeight((prev)=>prev === nextHeight ? prev : nextHeight);
+        setHeight((prev)=>hasResizeHandles ? Math.max(contentHeight, prev) : contentHeight);
     }, [
         value,
         autoVerticalResize,
+        hasResizeHandles,
         minHeight,
         maxHeight,
         resetHeightOnClear
@@ -49,19 +38,12 @@ const useTextField = ({ ref, autoVerticalResize, value, minHeight, maxHeight, li
     }, [
         fitContentHeightOnInit
     ]);
-    const handleClear = ()=>{
-        if (onChange) {
-            const event = createChangeEvent('');
-            onChange(event);
-        }
-        onClear?.();
-    };
     return {
         height,
+        setHeight,
         isFocused,
         setIsFocused,
-        isLimitError,
-        handleClear
+        isLimitError
     };
 };
 export { useTextField };

package/dist/hooks/useUnmount/useUnmount.d.ts

@@ -0,0 +1 @@
+export declare const useUnmount: (func: () => void) => void;

package/dist/hooks/useUnmount/useUnmount.js

@@ -0,0 +1,9 @@
+import { useEffect, useRef } from "react";
+const useUnmount = (func)=>{
+    const fnRef = useRef(func);
+    fnRef.current = func;
+    useEffect(()=>()=>{
+            fnRef.current();
+        }, []);
+};
+export { useUnmount };

package/dist/icon/components/MyApps12Icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * THIS FILE IS AUTOGENERATED
+ */
+import { type SingleIconProps } from '../types';
+export declare const MyApps12Icon: {
+    ({ stroke, className, }: SingleIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/icon/components/MyApps12Icon.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+const MyApps12Icon = ({ stroke = 'currentColor', className })=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 12,
+        height: 12,
+        fill: "none",
+        viewBox: "0 0 12 12",
+        className: className,
+        children: /*#__PURE__*/ jsx("path", {
+            stroke: stroke,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 0.9,
+            d: "M3.817 1.643c.27.263.431.62.45.997L5.64 1.275a.502.502 0 0 1 .75 0L7.5 2.43a1.6 1.6 0 0 0-.428.3 1.545 1.545 0 0 0 2.183 2.183q.184-.19.3-.428l1.17 1.155a.5.5 0 0 1 0 .75L9.36 7.733A1.537 1.537 0 1 1 7.732 9.36L6.36 10.725a.503.503 0 0 1-.75 0L4.5 9.57q.238-.116.427-.3A1.549 1.549 0 1 0 2.43 7.515L1.275 6.36a.502.502 0 0 1 0-.75L2.64 4.268a1.5 1.5 0 0 1-.998-.45 1.538 1.538 0 1 1 2.175-2.175"
+        })
+    });
+MyApps12Icon.displayName = 'MyApps12Icon';
+export { MyApps12Icon };

package/dist/icon/components/MyApps16Icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * THIS FILE IS AUTOGENERATED
+ */
+import { type SingleIconProps } from '../types';
+export declare const MyApps16Icon: {
+    ({ stroke, className, }: SingleIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/icon/components/MyApps16Icon.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+const MyApps16Icon = ({ stroke = 'currentColor', className })=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 16,
+        height: 16,
+        fill: "none",
+        viewBox: "0 0 16 16",
+        className: className,
+        children: /*#__PURE__*/ jsx("path", {
+            stroke: stroke,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M4.892 1.769c.388.379.618.89.646 1.432l1.97-1.96a.722.722 0 0 1 1.077 0L10.179 2.9q-.342.166-.614.43a2.218 2.218 0 0 0 3.133 3.134c.176-.18.321-.388.431-.614l1.68 1.658a.72.72 0 0 1 0 1.077l-1.96 1.927a2.208 2.208 0 1 1-2.337 2.337l-1.97 1.96a.722.722 0 0 1-1.077 0L5.871 13.15q.342-.166.614-.431A2.223 2.223 0 1 0 2.9 10.2L1.241 8.542a.722.722 0 0 1 0-1.077l1.96-1.927a2.15 2.15 0 0 1-1.432-.646 2.208 2.208 0 1 1 3.123-3.123"
+        })
+    });
+MyApps16Icon.displayName = 'MyApps16Icon';
+export { MyApps16Icon };

package/dist/icon/components/MyApps20Icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * THIS FILE IS AUTOGENERATED
+ */
+import { type SingleIconProps } from '../types';
+export declare const MyApps20Icon: {
+    ({ stroke, className, }: SingleIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/icon/components/MyApps20Icon.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+const MyApps20Icon = ({ stroke = 'currentColor', className })=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        viewBox: "0 0 20 20",
+        className: className,
+        children: /*#__PURE__*/ jsx("path", {
+            stroke: stroke,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 1.1,
+            d: "M5.986 1.985c.497.486.792 1.14.827 1.835l2.525-2.511a.924.924 0 0 1 1.38 0l2.041 2.124a3 3 0 0 0-.786.552A2.842 2.842 0 0 0 15.987 8c.225-.231.411-.497.552-.787l2.152 2.125a.924.924 0 0 1 0 1.38l-2.51 2.469a2.828 2.828 0 1 1-2.994 2.993l-2.525 2.511a.923.923 0 0 1-1.38 0l-2.041-2.124c.29-.141.555-.327.786-.552A2.848 2.848 0 0 0 3.985 12c-.225.231-.41.497-.552.787L1.31 10.662a.924.924 0 0 1 0-1.38l2.51-2.469a2.76 2.76 0 0 1-1.834-.827 2.829 2.829 0 0 1 4-4.001"
+        })
+    });
+MyApps20Icon.displayName = 'MyApps20Icon';
+export { MyApps20Icon };

package/dist/icon/components/Smile12Icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * THIS FILE IS AUTOGENERATED
+ */
+import { type SingleIconProps } from '../types';
+export declare const Smile12Icon: {
+    ({ stroke, className, }: SingleIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/icon/components/Smile12Icon.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+const Smile12Icon = ({ stroke = 'currentColor', className })=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 12,
+        height: 12,
+        fill: "none",
+        viewBox: "0 0 12 12",
+        className: className,
+        children: /*#__PURE__*/ jsx("path", {
+            stroke: stroke,
+            strokeLinecap: "round",
+            strokeWidth: 0.9,
+            d: "M3.8 7.1S4.625 8.475 6 8.475 8.2 7.1 8.2 7.1M11.5 6a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM4.281 4.281a.344.344 0 1 1-.687 0 .344.344 0 0 1 .687 0Zm4.125 0a.344.344 0 1 1-.687 0 .344.344 0 0 1 .687 0Z"
+        })
+    });
+Smile12Icon.displayName = 'Smile12Icon';
+export { Smile12Icon };

package/dist/icon/components/Smile16Icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * THIS FILE IS AUTOGENERATED
+ */
+import { type SingleIconProps } from '../types';
+export declare const Smile16Icon: {
+    ({ stroke, className, }: SingleIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/icon/components/Smile16Icon.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+const Smile16Icon = ({ stroke = 'currentColor', className })=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 16,
+        height: 16,
+        fill: "none",
+        viewBox: "0 0 16 16",
+        className: className,
+        children: /*#__PURE__*/ jsx("path", {
+            stroke: stroke,
+            strokeLinecap: "round",
+            d: "M5 9.5s1.125 1.875 3 1.875S11 9.5 11 9.5M15.5 8a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0ZM5.656 5.656a.469.469 0 1 1-.937 0 .469.469 0 0 1 .937 0Zm5.625 0a.469.469 0 1 1-.937 0 .469.469 0 0 1 .937 0Z"
+        })
+    });
+Smile16Icon.displayName = 'Smile16Icon';
+export { Smile16Icon };

package/dist/icon/components/Smile20Icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * THIS FILE IS AUTOGENERATED
+ */
+import { type SingleIconProps } from '../types';
+export declare const Smile20Icon: {
+    ({ stroke, className, }: SingleIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/icon/components/Smile20Icon.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+const Smile20Icon = ({ stroke = 'currentColor', className })=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        viewBox: "0 0 20 20",
+        className: className,
+        children: /*#__PURE__*/ jsx("path", {
+            stroke: stroke,
+            strokeLinecap: "round",
+            strokeWidth: 1.1,
+            d: "M6.26 11.87s1.403 2.338 3.74 2.338 3.74-2.338 3.74-2.338M19.35 10a9.35 9.35 0 1 1-18.7 0 9.35 9.35 0 0 1 18.7 0ZM7.078 7.078a.584.584 0 1 1-1.169 0 .584.584 0 0 1 1.17 0Zm7.013 0a.584.584 0 1 1-1.17 0 .584.584 0 0 1 1.17 0Z"
+        })
+    });
+Smile20Icon.displayName = 'Smile20Icon';
+export { Smile20Icon };

package/dist/icon/index.d.ts

@@ -160,6 +160,9 @@ export { Minus20Icon } from './components/Minus20Icon';
 export { Money12Icon } from './components/Money12Icon';
 export { Money16Icon } from './components/Money16Icon';
 export { Money20Icon } from './components/Money20Icon';
+export { MyApps12Icon } from './components/MyApps12Icon';
+export { MyApps16Icon } from './components/MyApps16Icon';
+export { MyApps20Icon } from './components/MyApps20Icon';
 export { NewDesign12Icon } from './components/NewDesign12Icon';
 export { NewDesign16Icon } from './components/NewDesign16Icon';
 export { NewDesign20Icon } from './components/NewDesign20Icon';
@@ -250,6 +253,9 @@ export { SendMessage20Icon } from './components/SendMessage20Icon';
 export { Settings12Icon } from './components/Settings12Icon';
 export { Settings16Icon } from './components/Settings16Icon';
 export { Settings20Icon } from './components/Settings20Icon';
+export { Smile12Icon } from './components/Smile12Icon';
+export { Smile16Icon } from './components/Smile16Icon';
+export { Smile20Icon } from './components/Smile20Icon';
 export { SocialUpRating20Icon } from './components/SocialUpRating20Icon';
 export { SortByCode12Icon } from './components/SortByCode12Icon';
 export { SortByCode16Icon } from './components/SortByCode16Icon';

package/dist/icon/index.js

@@ -157,6 +157,9 @@ export { Minus20Icon } from "./components/Minus20Icon.js";
 export { Money12Icon } from "./components/Money12Icon.js";
 export { Money16Icon } from "./components/Money16Icon.js";
 export { Money20Icon } from "./components/Money20Icon.js";
+export { MyApps12Icon } from "./components/MyApps12Icon.js";
+export { MyApps16Icon } from "./components/MyApps16Icon.js";
+export { MyApps20Icon } from "./components/MyApps20Icon.js";
 export { NewDesign12Icon } from "./components/NewDesign12Icon.js";
 export { NewDesign16Icon } from "./components/NewDesign16Icon.js";
 export { NewDesign20Icon } from "./components/NewDesign20Icon.js";
@@ -247,6 +250,9 @@ export { SendMessage20Icon } from "./components/SendMessage20Icon.js";
 export { Settings12Icon } from "./components/Settings12Icon.js";
 export { Settings16Icon } from "./components/Settings16Icon.js";
 export { Settings20Icon } from "./components/Settings20Icon.js";
+export { Smile12Icon } from "./components/Smile12Icon.js";
+export { Smile16Icon } from "./components/Smile16Icon.js";
+export { Smile20Icon } from "./components/Smile20Icon.js";
 export { SocialUpRating20Icon } from "./components/SocialUpRating20Icon.js";
 export { SortByCode12Icon } from "./components/SortByCode12Icon.js";
 export { SortByCode16Icon } from "./components/SortByCode16Icon.js";