@moysklad/uikit 28.1.0 → 31.20.0

package/dist/data-grid/locale/ru-RU.js

@@ -70,69 +70,81 @@ const ruLocaleValues = {
         }
     },
     DateRangeFilter: {
-        radiobuttons: {
-            period: 'Период',
-            day: 'День',
-            week: 'Неделя',
-            month: 'Месяц',
-            anyDate: 'Указана любая дата',
-            noDate: 'Дата не указана'
-        },
-        dayQuickFilters: {
-            yesterday: 'Вчера',
-            today: 'Сегодня'
-        },
-        footer: {
-            timeSelectionToggle: 'Указать время',
-            timeSelectionToggleHint: 'Указать время можно только для\u00A0периода',
-            clearFilterButton: 'Сбросить фильтр'
-        },
-        slider: {
-            day: {
-                title: 'День',
-                placeholder: 'Выберите день',
-                dateFormat: 'd MMMM yyyy'
+        translate: {
+            radiobuttons: {
+                period: 'Период',
+                day: 'День',
+                week: 'Неделя',
+                month: 'Месяц',
+                anyDate: 'Указана любая дата',
+                noDate: 'Дата не указана'
             },
-            week: {
-                title: 'Неделя',
-                placeholder: 'Выберите неделю',
-                dateFormat: {
-                    sameMonth: {
-                        firstDate: 'd',
-                        endDate: 'd MMMM yyyy'
-                    },
-                    differentMonth: {
-                        firstDate: 'd MMM',
-                        endDate: 'd MMM yyyy'
-                    }
+            dayQuickFilters: {
+                yesterday: 'Вчера',
+                today: 'Сегодня'
+            },
+            footer: {
+                timeSelectionToggle: 'Указать время',
+                timeSelectionToggleHint: 'Указать время можно только для\u00A0периода',
+                clearFilterButton: 'Сбросить фильтр'
+            },
+            slider: {
+                day: {
+                    title: 'День',
+                    placeholder: 'Выберите день'
+                },
+                week: {
+                    title: 'Неделя',
+                    placeholder: 'Выберите неделю'
                 },
-                tooltipDateFormat: {
-                    sameMonth: {
-                        firstDate: 'd',
-                        endDate: 'd MMMM yyyy'
+                month: {
+                    title: 'Месяц',
+                    placeholder: 'Выберите месяц'
+                }
+            }
+        },
+        format: {
+            slider: {
+                day: {
+                    dateFormat: 'd MMMM yyyy'
+                },
+                week: {
+                    dateFormat: {
+                        sameMonth: {
+                            firstDate: 'd',
+                            endDate: 'd MMMM yyyy'
+                        },
+                        differentMonth: {
+                            firstDate: 'd MMM',
+                            endDate: 'd MMM yyyy'
+                        }
                     },
-                    differentMonth: {
-                        firstDate: 'd MMMM',
-                        endDate: 'd MMMM yyyy'
+                    tooltipDateFormat: {
+                        sameMonth: {
+                            firstDate: 'd',
+                            endDate: 'd MMMM yyyy'
+                        },
+                        differentMonth: {
+                            firstDate: 'd MMMM',
+                            endDate: 'd MMMM yyyy'
+                        }
                     }
+                },
+                month: {
+                    dateFormat: 'LLLL yyyy'
                 }
             },
-            month: {
-                title: 'Месяц',
-                placeholder: 'Выберите месяц',
-                dateFormat: 'LLLL yyyy'
+            monthCalendarFormat: 'LLLL',
+            dateFormat: 'dd.MM.yyyy',
+            dateWithTimeFormat: 'dd.MM.yyyy HH:mm',
+            emptyDate: {
+                withTime: '__.__.____ __:__',
+                withoutTime: '__.__.____'
+            },
+            inputMask: {
+                withTime: '99.99.9999 99:99',
+                withoutTime: '99.99.9999'
             }
-        },
-        monthCalendarFormat: 'LLLL',
-        dateFormat: 'dd.MM.yyyy',
-        dateWithTimeFormat: 'dd.MM.yyyy HH:mm',
-        emptyDate: {
-            withTime: '__.__.____ __:__',
-            withoutTime: '__.__.____'
-        },
-        inputMask: {
-            withTime: '99.99.9999 99:99',
-            withoutTime: '99.99.9999'
         }
     }
 };

package/dist/data-grid/locale/useLocale.d.ts

@@ -1,3 +1,8 @@
+import type { ValueOf } from '../../common';
 import type { Locale } from './types';
 export type LocaleComponentName = keyof Locale;
-export declare function useLocale<T extends LocaleComponentName = LocaleComponentName>(componentName?: T): Locale[T];
+export declare const LocaleKey: {
+    readonly Locale: "locale";
+    readonly Lang: "lang";
+};
+export declare function useLocale<T extends LocaleComponentName = LocaleComponentName>(componentName?: T, getBy?: ValueOf<typeof LocaleKey>): Locale[T];

package/dist/data-grid/locale/useLocale.js

@@ -3,10 +3,19 @@ import { ELanguages, LocaleContext } from "../../context/index.js";
 import { enLocaleValues } from "./en-US.js";
 import { ruLocaleValues } from "./ru-RU.js";
 const isEnLocale = (lang)=>lang === ELanguages.EN;
-function useLocale(componentName) {
-    const { lang, translateValues: contextTranslations } = useContext(LocaleContext);
+const LocaleKey = {
+    Locale: 'locale',
+    Lang: 'lang'
+};
+function useLocale(componentName, getBy = LocaleKey.Lang) {
+    const { lang, locale, translateValues: contextTranslations } = useContext(LocaleContext);
+    const languageValue = useMemo(()=>getBy === LocaleKey.Lang ? lang : locale, [
+        getBy,
+        lang,
+        locale
+    ]);
     return useMemo(()=>{
-        const result = isEnLocale(lang) ? enLocaleValues : ruLocaleValues;
+        const result = isEnLocale(languageValue) ? enLocaleValues : ruLocaleValues;
         const componentContextTranslations = contextTranslations?.[componentName] ?? {};
         return {
             ...result[componentName],
@@ -14,8 +23,8 @@ function useLocale(componentName) {
         };
     }, [
         componentName,
-        lang,
+        languageValue,
         contextTranslations
     ]);
 }
-export { useLocale };
+export { LocaleKey, useLocale };

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/useIsElementOverflowing/index.d.ts

@@ -2,4 +2,5 @@ import { type DependencyList } from 'react';
 export declare const useIsElementOverflowing: <T extends HTMLElement>(deps?: DependencyList, forwardRef?: null) => {
     ref: import("react").RefObject<T>;
     isOverflowing: boolean;
+    getIsOverflowing: () => boolean;
 };

package/dist/hooks/useIsElementOverflowing/index.js

@@ -3,13 +3,19 @@ const useIsElementOverflowing = (deps = [], forwardRef = null)=>{
     const ref = useRef(null);
     const innerRef = forwardRef || ref;
     const [isOverflowing, setIsOverflowing] = useState(false);
+    const getIsOverflowing = ()=>{
+        const element = innerRef.current;
+        if (!element) return false;
+        return element.scrollWidth > element.clientWidth;
+    };
     useEffect(()=>{
         const element = innerRef.current;
-        if (element) setIsOverflowing(element.scrollWidth > element.clientWidth);
+        if (element) setIsOverflowing(getIsOverflowing());
     }, deps);
     return {
         ref: innerRef,
-        isOverflowing
+        isOverflowing,
+        getIsOverflowing
     };
 };
 export { useIsElementOverflowing };

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

@@ -0,0 +1,7 @@
+export interface UseTooltipArgs {
+    targetText: string;
+}
+export declare const useOverflowHint: <T extends HTMLElement = HTMLElement>(args: UseTooltipArgs) => {
+    targetRef: import("react").RefObject<T>;
+    needShowHint: boolean;
+};

package/dist/hooks/useOverflowHint/index.js

@@ -0,0 +1,16 @@
+import { useEffect, useRef, useState } from "react";
+const useOverflowHint = (args)=>{
+    const targetRef = useRef(null);
+    const [needShowHint, setNeedShowHint] = useState(false);
+    useEffect(()=>{
+        if (!targetRef.current) return;
+        setNeedShowHint(targetRef.current.scrollWidth > targetRef.current.clientWidth);
+    }, [
+        args.targetText
+    ]);
+    return {
+        targetRef,
+        needShowHint
+    };
+};
+export { useOverflowHint };

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

@@ -1,21 +1,20 @@
-import { type RefObject, type TextareaHTMLAttributes } from 'react';
+import { type RefObject } from 'react';
 interface Options {
     value?: string;
     ref: RefObject<HTMLTextAreaElement>;
     autoVerticalResize?: boolean;
     minHeight: number;
-    maxHeight: number;
+    maxHeight?: number;
     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/MsLogo12Icon.d.ts

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

package/dist/icon/components/MsLogo12Icon.js

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const MsLogo12Icon = ({ stroke = 'currentColor', className })=>/*#__PURE__*/ jsxs("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.189 2.985c.837 0 1.271 1.416 2.202 3.23-.905 1.888-1.91 3.57-3.216 3.687q-.073.004-.144.005C1.064 9.907.5 9.21.5 8.105c0-1.4.47-2.685 1.03-3.622.538-.901 1.132-1.498 1.659-1.498"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                stroke: stroke,
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 0.9,
+                d: "M2.031 9.91c1.398 0 2.455-1.786 3.402-3.779.456-.966.881-1.979 1.307-2.837.466-.951.946-1.634 1.531-1.634.498 0 .965.413 1.43 1.044.965 1.308 1.799 3.525 1.799 4.979 0 1.218-.626 2.227-1.907 2.227z",
+                clipRule: "evenodd"
+            })
+        ]
+    });
+MsLogo12Icon.displayName = 'MsLogo12Icon';
+export { MsLogo12Icon };

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

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

package/dist/icon/components/MsLogo16Icon.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const MsLogo16Icon = ({ stroke = 'currentColor', className })=>/*#__PURE__*/ jsxs("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.21 3.938c1.129 0 1.715 1.91 2.97 4.355-1.22 2.547-2.575 4.814-4.336 4.973q-.1.005-.194.006c-1.305 0-2.066-.94-2.066-2.43 0-1.887.635-3.62 1.388-4.884.726-1.216 1.528-2.02 2.238-2.02"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                stroke: stroke,
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M2.648 13.276c1.885 0 3.31-2.409 4.588-5.096.615-1.303 1.188-2.668 1.762-3.825.63-1.283 1.275-2.203 2.065-2.203.67 0 1.301.556 1.928 1.407 1.301 1.764 2.425 4.753 2.425 6.714 0 1.642-.843 3.002-2.57 3.002z",
+                clipRule: "evenodd"
+            })
+        ]
+    });
+MsLogo16Icon.displayName = 'MsLogo16Icon';
+export { MsLogo16Icon };

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

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

package/dist/icon/components/MsLogo20Icon.js

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const MsLogo20Icon = ({ stroke = 'currentColor', className })=>/*#__PURE__*/ jsxs("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.264 4.922c1.41 0 2.143 2.387 3.71 5.444-1.523 3.183-3.217 6.018-5.419 6.216q-.124.006-.243.008c-1.63 0-2.582-1.176-2.582-3.038 0-2.358.794-4.525 1.736-6.104.907-1.52 1.91-2.526 2.797-2.526"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                stroke: stroke,
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 1.1,
+                d: "M3.31 16.594c2.356 0 4.138-3.01 5.735-6.369.768-1.629 1.485-3.335 2.202-4.781.787-1.604 1.595-2.755 2.582-2.755.838 0 1.626.696 2.41 1.759 1.626 2.206 3.031 5.942 3.031 8.393 0 2.053-1.053 3.753-3.213 3.753z",
+                clipRule: "evenodd"
+            })
+        ]
+    });
+MsLogo20Icon.displayName = 'MsLogo20Icon';
+export { MsLogo20Icon };

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 };