@daisforge/ui 1.10.3

package/components/MassActions/MassActionsDropdown.d.ts

@@ -0,0 +1,11 @@
+import { MassActionsButtonProps } from './types';
+import { TableDropdownConfigProps } from '../Table/components/TableDropdown/types';
+import { ReactNode } from 'react';
+
+export declare const MassActionsDropdown: ({ buttons, dividerIndexes, triggerSlot, dropdownProps, useTableDropdown }: {
+    buttons: MassActionsButtonProps[];
+    dividerIndexes?: Array<number>;
+    triggerSlot?: ReactNode;
+    dropdownProps?: TableDropdownConfigProps;
+    useTableDropdown?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/components/MassActions/constants.d.ts

@@ -0,0 +1,26 @@
+export declare const COLLAPSE_BUTTON_WIDTH = 24;
+export declare const ELEMENTS_GAP = 4;
+export declare const TOGGLE_SIDEBAR_PANEL_WIDTH = 44;
+export declare const MORE_BUTTON_WIDTH_ESTIMATE = 40;
+export declare const MIN_PANEL_PADDING = 24;
+export declare const PANEL_PADDING_EXPANDED: {
+    readonly top: 12;
+    readonly right: 8;
+    readonly bottom: 12;
+    readonly left: 24;
+};
+export declare const PANEL_PADDING_COLLAPSED: {
+    readonly top: 0;
+    readonly right: 10;
+    readonly bottom: 0;
+    readonly left: 24;
+};
+export declare const CONTAINER_PADDING_HORIZONTAL: number;
+export declare const COUNTER_WIDTH_ESTIMATE = 90;
+export declare const RESET_BUTTON_WIDTH_ESTIMATE = 110;
+export declare const ACTION_BUTTON_WIDTH_ESTIMATE = 100;
+export declare const ANIMATION_DURATION = 300;
+export declare const ANIMATION_COMPLETE_DELAY = 550;
+export declare const DELAY_BEFORE_SHOW_PANEL = 350;
+export declare const COMPRESSION_CALCULATION_DELAY = 50;
+export declare const INITIAL_POSITION_CALCULATION_DELAY = 100;

package/components/MassActions/hooks/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../chunks/MassActions-BUQnJNLt.cjs");exports.useMassActionsButtons=s.useMassActionsButtons;exports.useMassActionsCollapse=s.useMassActionsCollapse;exports.useMassActionsCompression=s.useMassActionsCompression;exports.useMassActionsContainer=s.useMassActionsContainer;exports.useMassActionsEffects=s.useMassActionsEffects;exports.useMassActionsPosition=s.useMassActionsPosition;exports.useMassActionsSidebar=s.useMassActionsSidebar;exports.useMassActionsVisibility=s.useMassActionsVisibility;

package/components/MassActions/hooks/index.d.ts

@@ -0,0 +1,8 @@
+export { useMassActionsButtons } from './useMassActionsButtons';
+export { useMassActionsCollapse } from './useMassActionsCollapse';
+export { useMassActionsCompression } from './useMassActionsCompression';
+export { useMassActionsContainer } from './useMassActionsContainer';
+export { useMassActionsEffects } from './useMassActionsEffects';
+export { useMassActionsPosition } from './useMassActionsPosition';
+export { useMassActionsSidebar } from './useMassActionsSidebar';
+export { useMassActionsVisibility } from './useMassActionsVisibility';

package/components/MassActions/hooks/index.mjs

@@ -0,0 +1,11 @@
+import { u as o, k as i, l as t, m as e, n, o as u, p as c, q as A } from "../../../chunks/MassActions-D3pcqOuK.mjs";
+export {
+  o as useMassActionsButtons,
+  i as useMassActionsCollapse,
+  t as useMassActionsCompression,
+  e as useMassActionsContainer,
+  n as useMassActionsEffects,
+  u as useMassActionsPosition,
+  c as useMassActionsSidebar,
+  A as useMassActionsVisibility
+};

package/components/MassActions/hooks/useMassActionsButtons.d.ts

@@ -0,0 +1,10 @@
+import { MassActionsButtonProps } from '../types';
+
+export declare const useMassActionsButtons: ({ buttons, visibleButtonsCount }: {
+    buttons?: MassActionsButtonProps[];
+    visibleButtonsCount: number;
+}) => {
+    visibleButtons: MassActionsButtonProps[];
+    buttonsInDropdown: MassActionsButtonProps[];
+    allButtons: MassActionsButtonProps[];
+};

package/components/MassActions/hooks/useMassActionsCollapse.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+
+export declare const useMassActionsCollapse: ({ isCollapsed, setIsCollapsed, isSidebarOpen, calculatePositionForState, calculatePosition, setTranslateX, shouldApplySidebarOffsetRef, wasAutoCollapsedRef }: {
+    isCollapsed: boolean;
+    setIsCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
+    isSidebarOpen: boolean;
+    calculatePositionForState: (targetCollapsed: boolean) => number | undefined;
+    calculatePosition: () => void;
+    setTranslateX: React.Dispatch<React.SetStateAction<number | undefined>>;
+    shouldApplySidebarOffsetRef: React.MutableRefObject<boolean>;
+    wasAutoCollapsedRef: React.MutableRefObject<boolean>;
+}) => {
+    handleToggleCollapse: () => void;
+};

package/components/MassActions/hooks/useMassActionsCompression.d.ts

@@ -0,0 +1,27 @@
+import { MassActionsButtonProps } from '../types';
+import { default as React } from 'react';
+
+export declare const useMassActionsCompression: ({ isCollapsed, containerRef, contentRef, middleSectionRef, buttonRefs, moreButtonRef, collapseButtonRef, leftSectionRef, dividerRef, buttons, isHaveSomeFeatureInSidebar, getContainerWidth, setVisibleButtonsCount, minPadding, leftPadding, rightPadding, moreButtonWidthEstimate, enableDebugLogs }: {
+    isCollapsed: boolean;
+    containerRef: React.RefObject<HTMLDivElement>;
+    contentRef: React.RefObject<HTMLDivElement>;
+    middleSectionRef: React.RefObject<HTMLDivElement>;
+    buttonRefs: React.MutableRefObject<(HTMLDivElement | null)[]>;
+    moreButtonRef: React.RefObject<HTMLDivElement | null>;
+    collapseButtonRef: React.RefObject<HTMLDivElement | null>;
+    leftSectionRef: React.RefObject<HTMLDivElement>;
+    dividerRef: React.RefObject<HTMLDivElement | null>;
+    buttons?: MassActionsButtonProps[];
+    isHaveSomeFeatureInSidebar: boolean;
+    getContainerWidth: () => number;
+    setVisibleButtonsCount: React.Dispatch<React.SetStateAction<number>>;
+    minPadding?: number;
+    leftPadding?: number;
+    rightPadding?: number;
+    moreButtonWidthEstimate?: number;
+    enableDebugLogs?: boolean;
+}) => {
+    calculateCompression: () => void;
+    calculateInitialCompression: () => boolean;
+    measuredButtonWidthsRef: React.MutableRefObject<number[]>;
+};

package/components/MassActions/hooks/useMassActionsContainer.d.ts

@@ -0,0 +1,7 @@
+import { MutableRefObject, RefObject } from 'react';
+
+export declare const useMassActionsContainer: (containerRef: RefObject<HTMLElement> | MutableRefObject<HTMLElement | null> | (() => HTMLElement | null)) => {
+    containerWidth: number;
+    getContainerWidth: () => number;
+    getContainer: () => HTMLElement | null;
+};

package/components/MassActions/hooks/useMassActionsEffects.d.ts

@@ -0,0 +1,18 @@
+import { MassActionsButtonProps } from '../types';
+import { default as React } from 'react';
+
+export declare const useMassActionsEffects: ({ containerRef, buttonRefs, buttons, isVisible, isCollapsed, visibleButtonsCount, selectedCount, setIsCollapsed, setVisibleButtonsCount, calculatePosition, calculateCompression, measuredButtonWidthsRef, containerWidth }: {
+    containerRef: React.RefObject<HTMLDivElement>;
+    buttonRefs: React.MutableRefObject<(HTMLDivElement | null)[]>;
+    buttons?: MassActionsButtonProps[];
+    isVisible: boolean;
+    isCollapsed: boolean;
+    visibleButtonsCount: number;
+    selectedCount: number;
+    setIsCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
+    setVisibleButtonsCount: React.Dispatch<React.SetStateAction<number>>;
+    calculatePosition: () => void;
+    calculateCompression: () => void;
+    measuredButtonWidthsRef: React.MutableRefObject<number[]>;
+    containerWidth: number;
+}) => void;

package/components/MassActions/hooks/useMassActionsPosition.d.ts

@@ -0,0 +1,19 @@
+import { MassActionsSidebarConfig } from '../types';
+import { default as React } from 'react';
+
+export declare const useMassActionsPosition: ({ containerRef, collapseButtonRef, leftSectionRef, getContainerWidth, isHaveSomeFeatureInSidebar, sidebarConfig, visibleButtonsCount, setTranslateX, minPadding, enableDebugLogs }: {
+    containerRef: React.RefObject<HTMLDivElement>;
+    collapseButtonRef: React.RefObject<HTMLDivElement | null>;
+    leftSectionRef: React.RefObject<HTMLDivElement>;
+    getContainerWidth: () => number;
+    isHaveSomeFeatureInSidebar: boolean;
+    sidebarConfig?: MassActionsSidebarConfig;
+    visibleButtonsCount: number;
+    setTranslateX: React.Dispatch<React.SetStateAction<number | undefined>>;
+    minPadding?: number;
+    enableDebugLogs?: boolean;
+}) => {
+    calculatePosition: () => void;
+    calculatePositionForState: (targetCollapsed: boolean) => number | undefined;
+    shouldApplySidebarOffsetRef: React.MutableRefObject<boolean>;
+};

package/components/MassActions/hooks/useMassActionsSidebar.d.ts

@@ -0,0 +1,17 @@
+import { MassActionsSidebarConfig } from '../types';
+import { default as React } from 'react';
+
+export declare const useMassActionsSidebar: ({ isCollapsed, setIsCollapsed, calculatePositionForState, calculatePosition, setTranslateX, shouldApplySidebarOffsetRef, sidebarConfig, getContainerWidth }: {
+    isCollapsed: boolean;
+    setIsCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
+    calculatePositionForState: (targetCollapsed: boolean) => number | undefined;
+    calculatePosition: () => void;
+    setTranslateX: React.Dispatch<React.SetStateAction<number | undefined>>;
+    shouldApplySidebarOffsetRef: React.MutableRefObject<boolean>;
+    sidebarConfig?: MassActionsSidebarConfig;
+    getContainerWidth: () => number;
+}) => {
+    isSidebarOpen: boolean;
+    sidebarWidth: number;
+    wasAutoCollapsedRef: React.MutableRefObject<boolean>;
+};

package/components/MassActions/hooks/useMassActionsVisibility.d.ts

@@ -0,0 +1 @@
+export declare const useMassActionsVisibility: (selectedCount: number) => boolean;

package/components/MassActions/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../../chunks/MassActions-BUQnJNLt.cjs");exports.ACTION_BUTTON_WIDTH_ESTIMATE=A.ACTION_BUTTON_WIDTH_ESTIMATE;exports.ANIMATION_COMPLETE_DELAY=A.ANIMATION_COMPLETE_DELAY;exports.ANIMATION_DURATION=A.ANIMATION_DURATION;exports.COLLAPSE_BUTTON_WIDTH=A.COLLAPSE_BUTTON_WIDTH;exports.COMPRESSION_CALCULATION_DELAY=A.COMPRESSION_CALCULATION_DELAY;exports.CONTAINER_PADDING_HORIZONTAL=A.CONTAINER_PADDING_HORIZONTAL;exports.COUNTER_WIDTH_ESTIMATE=A.COUNTER_WIDTH_ESTIMATE;exports.DELAY_BEFORE_SHOW_PANEL=A.DELAY_BEFORE_SHOW_PANEL;exports.ELEMENTS_GAP=A.ELEMENTS_GAP;exports.INITIAL_POSITION_CALCULATION_DELAY=A.INITIAL_POSITION_CALCULATION_DELAY;exports.MIN_PANEL_PADDING=A.MIN_PANEL_PADDING;exports.MORE_BUTTON_WIDTH_ESTIMATE=A.MORE_BUTTON_WIDTH_ESTIMATE;exports.MassActions=A.MassActions;exports.MassActionsButton=A.MassActionsButton;exports.MassActionsCounter=A.MassActionsCounter;exports.PANEL_PADDING_COLLAPSED=A.PANEL_PADDING_COLLAPSED;exports.PANEL_PADDING_EXPANDED=A.PANEL_PADDING_EXPANDED;exports.RESET_BUTTON_WIDTH_ESTIMATE=A.RESET_BUTTON_WIDTH_ESTIMATE;exports.TOGGLE_SIDEBAR_PANEL_WIDTH=A.TOGGLE_SIDEBAR_PANEL_WIDTH;

package/components/MassActions/index.d.ts

@@ -0,0 +1,5 @@
+export * from './constants';
+export { MassActions } from './MassActions';
+export { MassActionsButton } from './MassActionsButton';
+export { MassActionsCounter } from './MassActionsCounter';
+export * from './types';

package/components/MassActions/index.mjs

@@ -0,0 +1,22 @@
+import { A as E, a as _, b as I, C as N, c as s, d as O, e as D, D as a, E as L, I as P, f as M, g as C, M as S, h as R, i as H, P as U, j as o, R as t, T as B } from "../../chunks/MassActions-D3pcqOuK.mjs";
+export {
+  E as ACTION_BUTTON_WIDTH_ESTIMATE,
+  _ as ANIMATION_COMPLETE_DELAY,
+  I as ANIMATION_DURATION,
+  N as COLLAPSE_BUTTON_WIDTH,
+  s as COMPRESSION_CALCULATION_DELAY,
+  O as CONTAINER_PADDING_HORIZONTAL,
+  D as COUNTER_WIDTH_ESTIMATE,
+  a as DELAY_BEFORE_SHOW_PANEL,
+  L as ELEMENTS_GAP,
+  P as INITIAL_POSITION_CALCULATION_DELAY,
+  M as MIN_PANEL_PADDING,
+  C as MORE_BUTTON_WIDTH_ESTIMATE,
+  S as MassActions,
+  R as MassActionsButton,
+  H as MassActionsCounter,
+  U as PANEL_PADDING_COLLAPSED,
+  o as PANEL_PADDING_EXPANDED,
+  t as RESET_BUTTON_WIDTH_ESTIMATE,
+  B as TOGGLE_SIDEBAR_PANEL_WIDTH
+};

package/components/MassActions/styled.d.ts

@@ -0,0 +1,318 @@
+import { MassActionsSize, StyledButtonProps } from './types';
+
+export declare const StyledButtonWithDropdown: import('react').ComponentType<import('@salutejs/plasma-new-hope').PolymorphicComponentPropsWithRef<"button", Omit<import('@salutejs/plasma-new-hope/types/engines/types.js').PropsType<{
+    view: {
+        default: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        accent: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        secondary: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        clear: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        positive: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        warning: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        negative: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        dark: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        black: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        white: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    size: {
+        s: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        xs: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        xxs: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    disabled: {
+        true: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    focused: {
+        true: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    stretching: {
+        auto: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        filled: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        fixed: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+}> & Omit<import('react').ButtonHTMLAttributes<HTMLElement>, "value"> & import('@salutejs/plasma-new-hope').AsProps<any> & {
+    text?: string | undefined;
+    contentLeft?: import('react').ReactNode;
+    contentPlacing?: "default" | "relaxed" | undefined;
+    additionalContent?: import('react').ReactNode;
+    isLoading?: boolean | undefined;
+    loader?: import('react').ReactNode;
+    stretch?: boolean | undefined;
+    stretching?: "fixed" | "auto" | "filled" | undefined;
+    square?: boolean | undefined;
+    focused?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+    appearance?: "default" | "outline" | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    outlined?: boolean | undefined;
+    shiftLeft?: boolean | undefined;
+    shiftRight?: boolean | undefined;
+    blur?: "small" | "medium" | "large" | undefined;
+} & {
+    value?: string | number | undefined;
+    contentRight?: undefined;
+} & import('react').RefAttributes<HTMLButtonElement>, "ref"> | Omit<import('@salutejs/plasma-new-hope/types/engines/types.js').PropsType<{
+    view: {
+        default: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        accent: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        secondary: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        clear: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        positive: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        warning: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        negative: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        dark: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        black: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        white: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    size: {
+        s: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        xs: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        xxs: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    disabled: {
+        true: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    focused: {
+        true: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    stretching: {
+        auto: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        filled: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        fixed: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+}> & Omit<import('react').ButtonHTMLAttributes<HTMLElement>, "value"> & import('@salutejs/plasma-new-hope').AsProps<any> & {
+    text?: string | undefined;
+    contentLeft?: import('react').ReactNode;
+    contentPlacing?: "default" | "relaxed" | undefined;
+    additionalContent?: import('react').ReactNode;
+    isLoading?: boolean | undefined;
+    loader?: import('react').ReactNode;
+    stretch?: boolean | undefined;
+    stretching?: "fixed" | "auto" | "filled" | undefined;
+    square?: boolean | undefined;
+    focused?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+    appearance?: "default" | "outline" | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    outlined?: boolean | undefined;
+    shiftLeft?: boolean | undefined;
+    shiftRight?: boolean | undefined;
+    blur?: "small" | "medium" | "large" | undefined;
+} & {
+    value?: undefined;
+    contentRight?: import('react').ReactNode;
+} & import('react').RefAttributes<HTMLButtonElement>, "ref">> & StyledButtonProps>;
+export declare const StyledLinkButtonWithDropdown: import('react').ComponentType<import('@salutejs/plasma-new-hope/types/engines/types.js').PropsType<{
+    view: {
+        default: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        accent: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        secondary: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        positive: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        warning: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        negative: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        info: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    size: {
+        s: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        xs: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        xxs: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    disabled: {
+        true: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+}> & import('react').AnchorHTMLAttributes<HTMLAnchorElement> & {
+    text?: string | undefined;
+    contentRight?: import('react').ReactNode;
+    contentLeft?: import('react').ReactNode;
+    additionalContent?: import('react').ReactNode;
+    isLoading?: boolean | undefined;
+    loader?: import('react').ReactNode;
+    disabled?: boolean | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+} & import('react').RefAttributes<HTMLAnchorElement> & StyledButtonProps>;
+export declare const MassActionsContainer: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {
+    $isCollapsed?: boolean | undefined;
+    $size?: MassActionsSize | undefined;
+    $translateX?: number | undefined;
+    $isInitialCalculationComplete?: boolean | undefined;
+    $bottom?: number | undefined;
+}, never>;
+export declare const MassActionsContent: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {
+    $isCollapsed?: boolean | undefined;
+    $isCompact?: boolean | undefined;
+}, never>;
+export declare const ActionsWrapper: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {
+    $isCollapsed: boolean;
+}, never>;
+export declare const HiddenButtonsMeasurementContainer: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
+export declare const ButtonMeasurementWrapper: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
+export declare const VisibleButtonWrapper: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
+export declare const CollapseIcon: import('styled-components').StyledComponent<import('react').FC<import('node_modules/@salutejs/plasma-icons/scalable').IconProps>, import('styled-components').DefaultTheme, {
+    $isCollapsed: boolean;
+}, never>;
+export declare const CollapseButton: import('styled-components').StyledComponent<import('react').FunctionComponent<import('@salutejs/plasma-new-hope/types/engines/types.js').PropsType<{
+    view: {
+        default: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        accent: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        secondary: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        positive: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        warning: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        negative: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        info: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    size: {
+        l: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        m: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        s: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    disabled: {
+        true: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    focused: {
+        true: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+}> & ((Omit<import('react').ButtonHTMLAttributes<HTMLElement>, "value"> & import('@salutejs/plasma-new-hope').AsProps<any> & {
+    text?: string | undefined;
+    contentLeft?: import('react').ReactNode;
+    contentPlacing?: "default" | "relaxed" | undefined;
+    additionalContent?: import('react').ReactNode;
+    isLoading?: boolean | undefined;
+    loader?: import('react').ReactNode;
+    stretch?: boolean | undefined;
+    stretching?: "fixed" | "auto" | "filled" | undefined;
+    square?: boolean | undefined;
+    focused?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+    appearance?: "default" | "outline" | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    outlined?: boolean | undefined;
+    shiftLeft?: boolean | undefined;
+    shiftRight?: boolean | undefined;
+    blur?: "small" | "medium" | "large" | undefined;
+} & {
+    value?: string | number | undefined;
+    contentRight?: undefined;
+} & import('react').RefAttributes<HTMLButtonElement>) | (Omit<import('react').ButtonHTMLAttributes<HTMLElement>, "value"> & import('@salutejs/plasma-new-hope').AsProps<any> & {
+    text?: string | undefined;
+    contentLeft?: import('react').ReactNode;
+    contentPlacing?: "default" | "relaxed" | undefined;
+    additionalContent?: import('react').ReactNode;
+    isLoading?: boolean | undefined;
+    loader?: import('react').ReactNode;
+    stretch?: boolean | undefined;
+    stretching?: "fixed" | "auto" | "filled" | undefined;
+    square?: boolean | undefined;
+    focused?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+    appearance?: "default" | "outline" | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    outlined?: boolean | undefined;
+    shiftLeft?: boolean | undefined;
+    shiftRight?: boolean | undefined;
+    blur?: "small" | "medium" | "large" | undefined;
+} & {
+    value?: undefined;
+    contentRight?: import('react').ReactNode;
+} & import('react').RefAttributes<HTMLButtonElement>))>, import('styled-components').DefaultTheme, {
+    $isCollapsed: boolean;
+    $isCompact: boolean;
+}, never>;
+export declare const MoreButton: import('styled-components').StyledComponent<import('@salutejs/plasma-new-hope').MakePolymorphic<import('react').FunctionComponent<import('@salutejs/plasma-new-hope/types/engines/types.js').PropsType<{
+    view: {
+        default: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        accent: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        secondary: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        clear: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        positive: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        warning: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        negative: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        dark: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        black: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        white: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    size: {
+        s: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        xs: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        xxs: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    disabled: {
+        true: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    focused: {
+        true: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    stretching: {
+        auto: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        filled: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        fixed: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+}> & ((Omit<import('react').ButtonHTMLAttributes<HTMLElement>, "value"> & import('@salutejs/plasma-new-hope').AsProps<any> & {
+    text?: string | undefined;
+    contentLeft?: import('react').ReactNode;
+    contentPlacing?: "default" | "relaxed" | undefined;
+    additionalContent?: import('react').ReactNode;
+    isLoading?: boolean | undefined;
+    loader?: import('react').ReactNode;
+    stretch?: boolean | undefined;
+    stretching?: "fixed" | "auto" | "filled" | undefined;
+    square?: boolean | undefined;
+    focused?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+    appearance?: "default" | "outline" | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    outlined?: boolean | undefined;
+    shiftLeft?: boolean | undefined;
+    shiftRight?: boolean | undefined;
+    blur?: "small" | "medium" | "large" | undefined;
+} & {
+    value?: string | number | undefined;
+    contentRight?: undefined;
+} & import('react').RefAttributes<HTMLButtonElement>) | (Omit<import('react').ButtonHTMLAttributes<HTMLElement>, "value"> & import('@salutejs/plasma-new-hope').AsProps<any> & {
+    text?: string | undefined;
+    contentLeft?: import('react').ReactNode;
+    contentPlacing?: "default" | "relaxed" | undefined;
+    additionalContent?: import('react').ReactNode;
+    isLoading?: boolean | undefined;
+    loader?: import('react').ReactNode;
+    stretch?: boolean | undefined;
+    stretching?: "fixed" | "auto" | "filled" | undefined;
+    square?: boolean | undefined;
+    focused?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+    appearance?: "default" | "outline" | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    outlined?: boolean | undefined;
+    shiftLeft?: boolean | undefined;
+    shiftRight?: boolean | undefined;
+    blur?: "small" | "medium" | "large" | undefined;
+} & {
+    value?: undefined;
+    contentRight?: import('react').ReactNode;
+} & import('react').RefAttributes<HTMLButtonElement>))>, "button">, import('styled-components').DefaultTheme, {}, never>;
+export declare const StyledDivider: import('styled-components').StyledComponent<import('react').FunctionComponent<import('@salutejs/plasma-new-hope/types/engines/types.js').PropsType<{
+    view: {
+        default: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        dark: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        light: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        inverse: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    size: {
+        m: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    orientation: {
+        horizontal: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        vertical: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+}> & import('../Divider').DividerProps & import('react').RefAttributes<HTMLDivElement>>, import('styled-components').DefaultTheme, {}, never>;

package/components/MassActions/types.d.ts

@@ -0,0 +1,76 @@
+import { DataAttributes } from '../Table/types/utils.type';
+import { TableDropdownConfigProps } from '../Table/components/TableDropdown/types';
+import { CSSObject, FlattenSimpleInterpolation } from 'styled-components';
+import { ComponentProps, MutableRefObject, ReactNode, RefObject } from 'react';
+import { TooltipProps } from '../Tooltip';
+import { LinkButton } from '../LinkButton';
+import { DropdownProps } from '../Dropdown';
+import { ButtonCompProps } from '../Button';
+
+export type LinkButtonProps = ComponentProps<typeof LinkButton>;
+export type LinkButtonView = LinkButtonProps['view'];
+export type MassActionsSize = 'm' | 's' | 'xs';
+export type LinkView<V extends string | undefined> = V extends string ? `link${Capitalize<V>}` : undefined;
+export type MassActionsButtonPropsButton = DataAttributes & Partial<ButtonCompProps> & {
+    type: 'button';
+    view?: ButtonCompProps['view'];
+    dropdown?: DropdownProps & {
+        $css?: CSSObject;
+    };
+    disabledTooltipProps?: TooltipProps;
+};
+export type MassActionsButtonPropsLinkButton = DataAttributes & Partial<LinkButtonProps> & {
+    type?: 'linkButton';
+    view?: LinkView<LinkButtonView>;
+    dropdown?: DropdownProps & {
+        $css?: CSSObject;
+    };
+    disabledTooltipProps?: TooltipProps;
+};
+export type MassActionsButtonProps = MassActionsButtonPropsButton | MassActionsButtonPropsLinkButton;
+export type StyledButtonProps = {
+    $hasDropdown?: boolean;
+    $showLabel?: boolean;
+    $buttonStyles?: string | CSSObject | FlattenSimpleInterpolation;
+};
+export type MassActionsCounterProps = {
+    selectedCount: number;
+    label?: string;
+    showCheckbox?: boolean;
+    checked?: boolean;
+    indeterminate?: boolean;
+    onCheckboxChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    className?: string;
+};
+export type MassActionsSidebarConfig = {
+    isOpen: boolean;
+    width: number;
+    togglePanelWidth?: number;
+};
+export type CheckboxConfig = {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    indeterminate?: boolean;
+    disabled?: boolean;
+};
+export type CounterConfig = {
+    selectedCount: number;
+    totalCount?: number;
+    label?: string;
+};
+export type MassActionsProps = {
+    containerRef: RefObject<HTMLElement> | MutableRefObject<HTMLElement | null> | (() => HTMLElement | null);
+    leftSection: ReactNode;
+    middleSection?: ReactNode;
+    buttons?: MassActionsButtonProps[];
+    sidebarConfig?: MassActionsSidebarConfig;
+    isHaveSomeFeatureInSidebar?: boolean;
+    collapsedDropdownProps?: TableDropdownConfigProps;
+    selectedCount: number;
+    show?: boolean;
+    useTableDropdown?: boolean;
+    enableDebugLogs?: boolean;
+    bottom?: number;
+    minPadding?: number;
+    size?: MassActionsSize;
+};

package/components/MassActionsStatic/MassActionsStatic.d.ts

@@ -0,0 +1,4 @@
+import { MassActionsStaticProps } from './types';
+import { FC } from 'react';
+
+export declare const MassActionsStatic: FC<MassActionsStaticProps>;

package/components/MassActionsStatic/index.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../chunks/vendor-D8Dozc4m.cjs"),e=require("@salutejs/sdds-themes/tokens/sdds_finai"),l=require("styled-components"),o={surfaceSolidCard:()=>e.surfaceSolidCard,outlineSolidPrimary:()=>e.outlineSolidPrimary},c=l.div.withConfig({displayName:"styled__StaticContainer"})(["position:",";"," padding:12px;border-radius:14px;background:",";border:2px solid ",";display:flex;align-items:center;gap:4px;overflow-x:auto;overflow-y:hidden;opacity:",";",""],({$position:i="absolute"})=>i,({$position:i})=>i==="absolute"?`
+    left: 16px;
+    right: 16px;
+    bottom: 16px;
+  `:"",o.surfaceSolidCard,o.outlineSolidPrimary,({$isVisible:i})=>i?1:0,({$animate:i=!0})=>i?"transition: opacity 0.2s ease-in-out;":""),p=({children:i,className:s,style:a,position:r="absolute",show:t,animate:n=!0})=>{const d=t!==void 0?t:!0;return u.jsxDevRuntimeExports.jsxDEV(c,{className:s,style:a,$position:r,$isVisible:d,$animate:n,children:i},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/MassActionsStatic/MassActionsStatic.tsx",lineNumber:18,columnNumber:5},void 0)};exports.MassActionsStatic=p;

package/components/MassActionsStatic/index.d.ts

@@ -0,0 +1 @@
+export * from './MassActionsStatic';