@moysklad/uikit 30.4.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/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

@@ -4,7 +4,7 @@ interface Options {
     ref: RefObject<HTMLTextAreaElement>;
     autoVerticalResize?: boolean;
     minHeight: number;
-    maxHeight: number;
+    maxHeight?: number;
     limit?: number;
     resetHeightOnClear?: boolean;
     fitContentHeightOnInit?: boolean;

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

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

package/dist/icon/components/Phone12Icon.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+const Phone12Icon = ({ 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: "M7.509 11.143a2.734 2.734 0 0 0 3.428-.378l.386-.377a.926.926 0 0 0 0-1.294l-1.637-1.62a.917.917 0 0 0-1.286 0v0a.926.926 0 0 1-1.294 0L4.534 4.903a.91.91 0 0 1 0-1.295v0a.917.917 0 0 0 0-1.285L2.906.694a.926.926 0 0 0-1.294 0l-.378.386a2.734 2.734 0 0 0-.377 3.428 24.8 24.8 0 0 0 6.652 6.635"
+        })
+    });
+Phone12Icon.displayName = 'Phone12Icon';
+export { Phone12Icon };

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

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

package/dist/icon/components/Phone16Icon.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+const Phone16Icon = ({ 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: "M10.012 14.857a3.645 3.645 0 0 0 4.571-.503l.514-.503a1.234 1.234 0 0 0 0-1.726l-2.182-2.16a1.223 1.223 0 0 0-1.715 0v0a1.234 1.234 0 0 1-1.726 0L6.046 6.537a1.21 1.21 0 0 1 0-1.726v0a1.223 1.223 0 0 0 0-1.714L3.874.925a1.234 1.234 0 0 0-1.725 0l-.503.515a3.646 3.646 0 0 0-.503 4.571 33.1 33.1 0 0 0 8.869 8.846"
+        })
+    });
+Phone16Icon.displayName = 'Phone16Icon';
+export { Phone16Icon };

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

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

package/dist/icon/components/Phone20Icon.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+const Phone20Icon = ({ 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: "M12.515 18.571a4.56 4.56 0 0 0 5.714-.629l.643-.628a1.543 1.543 0 0 0 0-2.157l-2.729-2.7a1.53 1.53 0 0 0-2.143 0v0a1.54 1.54 0 0 1-2.157 0L7.557 8.17a1.514 1.514 0 0 1 0-2.157v0a1.53 1.53 0 0 0 0-2.143L4.843 1.157a1.543 1.543 0 0 0-2.157 0l-.629.643a4.56 4.56 0 0 0-.628 5.714A41.3 41.3 0 0 0 12.515 18.57"
+        })
+    });
+Phone20Icon.displayName = 'Phone20Icon';
+export { Phone20Icon };

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 { MsLogo12Icon } from './components/MsLogo12Icon';
+export { MsLogo16Icon } from './components/MsLogo16Icon';
+export { MsLogo20Icon } from './components/MsLogo20Icon';
 export { MyApps12Icon } from './components/MyApps12Icon';
 export { MyApps16Icon } from './components/MyApps16Icon';
 export { MyApps20Icon } from './components/MyApps20Icon';
@@ -195,6 +198,9 @@ export { OrderDesc20Icon } from './components/OrderDesc20Icon';
 export { OrderMain12Icon } from './components/OrderMain12Icon';
 export { OrderMain16Icon } from './components/OrderMain16Icon';
 export { OrderMain20Icon } from './components/OrderMain20Icon';
+export { Phone12Icon } from './components/Phone12Icon';
+export { Phone16Icon } from './components/Phone16Icon';
+export { Phone20Icon } from './components/Phone20Icon';
 export { PipelineSettings12Icon } from './components/PipelineSettings12Icon';
 export { PipelineSettings16Icon } from './components/PipelineSettings16Icon';
 export { PipelineSettings20Icon } from './components/PipelineSettings20Icon';

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 { MsLogo12Icon } from "./components/MsLogo12Icon.js";
+export { MsLogo16Icon } from "./components/MsLogo16Icon.js";
+export { MsLogo20Icon } from "./components/MsLogo20Icon.js";
 export { MyApps12Icon } from "./components/MyApps12Icon.js";
 export { MyApps16Icon } from "./components/MyApps16Icon.js";
 export { MyApps20Icon } from "./components/MyApps20Icon.js";
@@ -192,6 +195,9 @@ export { OrderDesc20Icon } from "./components/OrderDesc20Icon.js";
 export { OrderMain12Icon } from "./components/OrderMain12Icon.js";
 export { OrderMain16Icon } from "./components/OrderMain16Icon.js";
 export { OrderMain20Icon } from "./components/OrderMain20Icon.js";
+export { Phone12Icon } from "./components/Phone12Icon.js";
+export { Phone16Icon } from "./components/Phone16Icon.js";
+export { Phone20Icon } from "./components/Phone20Icon.js";
 export { PipelineSettings12Icon } from "./components/PipelineSettings12Icon.js";
 export { PipelineSettings16Icon } from "./components/PipelineSettings16Icon.js";
 export { PipelineSettings20Icon } from "./components/PipelineSettings20Icon.js";

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export * from './common';
 export { AutoComplete, type AutoCompleteProps, } from './components/AutoComplete/AutoComplete';
 export { Badge, badgeColors, type BadgeProps, type BadgeVariant, } from './components/Badge/Badge';
 export { Banner, type IBannerProps } from './components/Banner/Banner';
+export { BentoBlock, BentoBlockPaddingVariant, type BentoBlockProps, BentoBlockTag, } from './components/BentoBlock/BentoBlock';
 export { BodyL, type BodyLProps } from './components/BodyL/BodyL';
 export { BodyText, type BodyTextProps } from './components/BodyText/BodyText';
 export { BodyTextStrong, type BodyTextStrongProps, } from './components/BodyTextStrong/BodyTextStrong';
@@ -17,8 +18,10 @@ export { Checkbox, type CheckboxProps } from './components/Checkbox/Checkbox';
 export { Chip, type ChipProps } from './components/Chip/Chip';
 export { Counter, type CounterProps, CounterVariant, type CounterVariantValue, } from './components/Counter/Counter';
 export { type DateFormatOptions, Datepicker, type DatepickerProps, EHeaderState, type HeaderStateValue, type TLocaleFormat, type TPickerPreset, } from './components/Datepicker/Datepicker';
+export { DateRange, type DateRangeAnyDateValue, type DateRangeDayValue, type DateRangeFeatureProps, type DateRangeLocale, type DateRangeMonthValue, type DateRangeNoDateValue, type DateRangeProps, type DateRangeRangeValue, type DateRangeRenderInputOptions, type DateRangeValue, type DateRangeWeekValue, type DateSelectVariant, type DatesPeriod, getPeriodValue, getRangeDates, isAnyDateValue, isDayValue, isMonthValue, isNoDateValue, isRangeValue, isValueNullable, isValuePeriod, isWeekValue, } from './components/DateRange';
 export { Dot, DotColor, type DotColorValue, type DotDefaultProps, type DotNumberProps, type DotProps, DotVariant, type DotVariantValue, } from './components/Dot/Dot';
 export { Dropdown, DropdownDivider, type DropdownProps, useDropdown, } from './components/Dropdown/Dropdown';
+export { EditableDate, type EditableDateProps, } from './components/EditableDate/EditableDate';
 export { EditableTitle, type EditableTitleProps, } from './components/EditableTitle/EditableTitle';
 export { EmptyState, type EmptyStateProps, EmptyStateSize, } from './components/EmptyState/EmptyState';
 export { EmptyStateLarge, EmptyStateLargeActionsPlacement, type EmptyStateLargeProps, } from './components/EmptyStateLarge/EmptyStateLarge';
@@ -31,18 +34,22 @@ export { Header, type HeaderProps } from './components/Header/Header';
 export { Help, type HelpProps, HelpSize, type HelpSizeValue, } from './components/Help/Help';
 export { Hint, type HintProps, HintVariant, type HintVariantValue, } from './components/Hint/Hint';
 export { HStack, type HStackProps, HStackSize, type HStackSizeValue, } from './components/HStack/HStack';
+export { Informer, type InformerProps, InformerVariant, type InformerVariantValue, } from './components/Informer/Informer';
 export { Input, type InputProps } from './components/Input/Input';
 export { InputUnit, type InputUnitProps, } from './components/InputUnit/InputUnit';
 export { LabelValueCheckbox, type LabelValueCheckboxProps, } from './components/LabelValueCheckbox/LabelValueCheckbox';
 export { LabelValueDate, type LabelValueDateProps, } from './components/LabelValueDate/LabelValueDate';
+export { LabelValueFile, type LabelValueFileProps, } from './components/LabelValueFile/LabelValueFile';
 export { LabelValueInput, type LabelValueInputProps, } from './components/LabelValueInput/LabelValueInput';
+export { LabelValueLink } from './components/LabelValueLink/LabelValueLink';
 export { LabelValueSelect, type LabelValueSelectProps, type SelectValueBlockContentArgs, } from './components/LabelValueSelect/LabelValueSelect';
 export { LabelValueTextfield, type LabelValueTextfieldProps, } from './components/LabelValueTextfield/LabelValueTextfield';
+export { Layout, type LayoutProps } from './components/Layout/Layout';
 export { Link, type LinkProps } from './components/Link/Link';
 export { Listing, type ListingProps, ListingVariant, type ListingVariantValue, } from './components/Listing/Listing';
 export { MentionsTextfield, type MentionTextfieldProps, type TMentionOption, type TMentionsMap, type TMentionValue, } from './components/MentionsTextfield/MentionsTextfield';
 export { type IModalProps, Modal } from './components/Modal/Modal';
-export { AsyncDropdownContextProvider, type AsyncDropdownContextProviderProps, type AsyncDropdownContextValues, chipStyles, DropdownContent, type DropdownContentProps, DropdownContentStatus, type DropdownContentStatusProps, type DropdownItem, Multiselect, type MultiselectProps, SelectedItemArchive, type SelectedItemArchiveProps, ShortDropdownContent, type ShortDropdownContentProps, TooltipedChip, type TooltipedChipProps, useAsyncDropdownContext, useChipsKeyDown, } from './components/Multiselect/Multiselect';
+export { type AllSelectedChipTextVariant, AsyncDropdownContextProvider, type AsyncDropdownContextProviderProps, type AsyncDropdownContextValues, chipStyles, DropdownContent, type DropdownContentProps, DropdownContentStatus, type DropdownContentStatusProps, type DropdownItem, type GetAllSelectedChipText, Multiselect, type MultiselectProps, SelectedItemArchive, type SelectedItemArchiveProps, ShortDropdownContent, type ShortDropdownContentProps, TooltipedChip, type TooltipedChipProps, useAsyncDropdownContext, useChipsKeyDown, } from './components/Multiselect/Multiselect';
 export { type IOverlayActionsProps, OverlayActions, } from './components/OverlayActions/OverlayActions';
 export { Pagination, type PaginationProps, } from './components/Pagination/Pagination';
 export { type IProgressbarProps, Progressbar, } from './components/Progressbar/Progressbar';
@@ -58,6 +65,7 @@ export { type ISidepageProps, Sidepage, SidepageContent, SidepageFooter, Sidepag
 export { Skeleton, type SkeletonProps } from './components/Skeleton/Skeleton';
 export { closeSnackbarById, Snackbar, type SnackbarOptions, useSnackbar, } from './components/Snackbar/Snackbar';
 export { Spinner, SpinnerChildrenPosition, type SpinnerChildrenPositionValue, type SpinnerProps, SpinnerSize, type SpinnerSizeValue, } from './components/Spinner/Spinner';
+export { StatusBadge, type StatusBadgeOption, type StatusBadgeProps, StatusBadgeSize, type StatusBadgeSizeType, StatusColor, type StatusColorType, } from './components/StatusBadge/StatusBadge';
 export { Switch, type SwitchItem, type SwitchProps, } from './components/Switch/Switch';
 export { type TabItemProps, Tabs, type TabSelectedValue, TabSize, type TabSizeValue, type TabsProps, } from './components/Tabs/Tabs';
 export { Text, TextColor, type TextColorToken, type TextProps, TextTag, type TextTagValue, TextVariant, type TextVariantValue, } from './components/Text/Text';

package/dist/index.js

@@ -7,6 +7,7 @@ export * from "./utils/index.js";
 export { AutoComplete } from "./components/AutoComplete/AutoComplete.js";
 export { Badge, badgeColors } from "./components/Badge/Badge.js";
 export { Banner } from "./components/Banner/Banner.js";
+export { BentoBlock, BentoBlockPaddingVariant, BentoBlockTag } from "./components/BentoBlock/BentoBlock.js";
 export { BodyL } from "./components/BodyL/BodyL.js";
 export { BodyText } from "./components/BodyText/BodyText.js";
 export { BodyTextStrong } from "./components/BodyTextStrong/BodyTextStrong.js";
@@ -22,8 +23,10 @@ export { Checkbox } from "./components/Checkbox/Checkbox.js";
 export { Chip } from "./components/Chip/Chip.js";
 export { Counter, CounterVariant } from "./components/Counter/Counter.js";
 export { Datepicker, EHeaderState } from "./components/Datepicker/Datepicker.js";
+export { DateRange, getPeriodValue, getRangeDates, isAnyDateValue, isDayValue, isMonthValue, isNoDateValue, isRangeValue, isValueNullable, isValuePeriod, isWeekValue } from "./components/DateRange/index.js";
 export { Dot, DotColor, DotVariant } from "./components/Dot/Dot.js";
 export { Dropdown, DropdownDivider, useDropdown } from "./components/Dropdown/Dropdown.js";
+export { EditableDate } from "./components/EditableDate/EditableDate.js";
 export { EditableTitle } from "./components/EditableTitle/EditableTitle.js";
 export { EmptyState, EmptyStateSize } from "./components/EmptyState/EmptyState.js";
 export { EmptyStateLarge, EmptyStateLargeActionsPlacement } from "./components/EmptyStateLarge/EmptyStateLarge.js";
@@ -36,13 +39,17 @@ export { Header } from "./components/Header/Header.js";
 export { Help, HelpSize } from "./components/Help/Help.js";
 export { Hint, HintVariant } from "./components/Hint/Hint.js";
 export { HStack, HStackSize } from "./components/HStack/HStack.js";
+export { Informer, InformerVariant } from "./components/Informer/Informer.js";
 export { Input } from "./components/Input/Input.js";
 export { InputUnit } from "./components/InputUnit/InputUnit.js";
 export { LabelValueCheckbox } from "./components/LabelValueCheckbox/LabelValueCheckbox.js";
 export { LabelValueDate } from "./components/LabelValueDate/LabelValueDate.js";
+export { LabelValueFile } from "./components/LabelValueFile/LabelValueFile.js";
 export { LabelValueInput } from "./components/LabelValueInput/LabelValueInput.js";
+export { LabelValueLink } from "./components/LabelValueLink/LabelValueLink.js";
 export { LabelValueSelect } from "./components/LabelValueSelect/LabelValueSelect.js";
 export { LabelValueTextfield } from "./components/LabelValueTextfield/LabelValueTextfield.js";
+export { Layout } from "./components/Layout/Layout.js";
 export { Link } from "./components/Link/Link.js";
 export { Listing, ListingVariant } from "./components/Listing/Listing.js";
 export { MentionsTextfield } from "./components/MentionsTextfield/MentionsTextfield.js";
@@ -63,6 +70,7 @@ export { Sidepage, SidepageContent, SidepageFooter, SidepageHeader, SidepageMode
 export { Skeleton } from "./components/Skeleton/Skeleton.js";
 export { Snackbar, closeSnackbarById, useSnackbar } from "./components/Snackbar/Snackbar.js";
 export { Spinner, SpinnerChildrenPosition, SpinnerSize } from "./components/Spinner/Spinner.js";
+export { StatusBadge, StatusBadgeSize, StatusColor } from "./components/StatusBadge/StatusBadge.js";
 export { Switch } from "./components/Switch/Switch.js";
 export { TabSize, Tabs } from "./components/Tabs/Tabs.js";
 export { Text, TextColor, TextTag, TextVariant } from "./components/Text/Text.js";

package/dist/utils/checkIsArchivedValue.d.ts

@@ -0,0 +1,2 @@
+import type { ISelectOption } from '../components/Select/types';
+export declare const checkIsArchivedValue: <T extends ISelectOption | undefined>(value?: T) => boolean;

package/dist/utils/checkIsArchivedValue.js

@@ -0,0 +1,5 @@
+const checkIsArchivedValue = (value)=>{
+    if (!value?.dto || 'object' != typeof value.dto) return false;
+    return 'isArchived' in value.dto && Boolean(value.dto.isArchived);
+};
+export { checkIsArchivedValue };

package/dist/utils/utils.d.ts

@@ -1,3 +1,4 @@
+export { checkIsArchivedValue } from './checkIsArchivedValue';
 export { debounce } from './debounce/debounce';
 export { formatFloatNumber } from './format/formatFloatNumber';
 export { removeZeroWithSpace } from './format/removeZeroWithSpace/removeZeroWithSpace';

package/dist/utils/utils.js

@@ -1,4 +1,5 @@
 export * from "./keyDown/const.js";
+export { checkIsArchivedValue } from "./checkIsArchivedValue.js";
 export { debounce } from "./debounce/debounce.js";
 export { formatFloatNumber } from "./format/formatFloatNumber.js";
 export { removeZeroWithSpace } from "./format/removeZeroWithSpace/removeZeroWithSpace.js";