skillgrid 0.0.42-dev-43812.1262429 → 0.0.42

package/dist/components/Button/Button.d.ts

@@ -1,7 +1,6 @@
-import { ButtonProps, BackButtonProps, LinkButtonProps } from './Button.type';
+import { ButtonProps, BackButtonProps } from './Button.type';
 export declare const Button: import('react').ForwardRefExoticComponent<(ButtonProps & {
     style?: React.CSSProperties;
 }) & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & {
     Back: import('react').ForwardRefExoticComponent<BackButtonProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
-    Link: import('react').ForwardRefExoticComponent<LinkButtonProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 };

package/dist/components/Button/Button.type.d.ts

@@ -85,24 +85,51 @@ type ButtonBaseProps = BaseProps & {
      */
     iconLeft?: React.ReactNode;
 };
+/**
+ * Base properties common to all link variants
+ */
+type LinkBaseProps = BaseProps & LinkStyleProps & {
+    /**
+     * Display variant
+     */
+    displayAs: 'link';
+    /**
+     * Underline setting (only for displayAs='link')
+     * @default false
+     */
+    showUnderline?: boolean;
+    /**
+     * Button icon (right side, only for links)
+     */
+    iconRight?: React.ReactNode;
+    postfix?: never;
+    subcaption?: never;
+    loading?: never;
+    stretched?: never;
+};
 type CommonProps = (Omit<ButtonBaseProps, 'mode'> & {
     /**
-     * Button style type (gray is not available for this variant)
+     * Button style type
      * @default 'neutral'
      */
-    buttonStyle?: 'neutral' | 'accent' | 'positive' | 'negative' | 'contrast';
+    buttonStyle?: 'neutral' | 'accent' | 'positive' | 'negative' | 'contrast' | 'gray';
     /**
-     * Button variant - supports both primary and secondary modes
+     * Button variant - primary mode supports all buttonStyle options including gray
      * @default 'primary'
      */
-    mode?: 'primary' | 'secondary';
+    mode?: 'primary';
     /**
      * Button size
      * @default 'm'
      */
     size?: ButtonSize;
     /**
-     * Button postfix
+     * Display variant
+     * @default 'button'
+     */
+    displayAs?: 'button';
+    /**
+     * Button postfix (only for displayAs='button')
      */
     postfix?: React.ReactNode;
     /**
@@ -129,24 +156,27 @@ type CommonProps = (Omit<ButtonBaseProps, 'mode'> & {
     paddings?: never;
 } & ButtonSizeAndSubcaption) | (Omit<ButtonBaseProps, 'mode'> & {
     /**
-     * Button style type - supports union types including 'gray'
-     * When 'gray' is used, mode must be 'primary' only
+     * Button style type (gray is not available for secondary/tertiary)
      * @default 'neutral'
      */
-    buttonStyle?: 'neutral' | 'accent' | 'positive' | 'negative' | 'contrast' | 'gray';
+    buttonStyle?: 'neutral' | 'accent' | 'positive' | 'negative' | 'contrast';
     /**
-     * Button variant - when buttonStyle includes 'gray', only 'primary' is allowed
-     * For other buttonStyle values, both 'primary' and 'secondary' are allowed
+     * Button variant
      * @default 'primary'
      */
-    mode?: 'primary' | 'secondary';
+    mode?: 'secondary';
     /**
      * Button size
      * @default 'm'
      */
     size?: ButtonSize;
     /**
-     * Button postfix
+     * Display variant
+     * @default 'button'
+     */
+    displayAs?: 'button';
+    /**
+     * Button postfix (only for displayAs='button')
      */
     postfix?: React.ReactNode;
     /**
@@ -188,7 +218,12 @@ type CommonProps = (Omit<ButtonBaseProps, 'mode'> & {
      */
     size?: ButtonSize;
     /**
-     * Button postfix
+     * Display variant
+     * @default 'button'
+     */
+    displayAs?: 'button';
+    /**
+     * Button postfix (only for displayAs='button')
      */
     postfix?: React.ReactNode;
     /**
@@ -217,7 +252,7 @@ type CommonProps = (Omit<ButtonBaseProps, 'mode'> & {
     paddings?: boolean;
     iconRight?: never;
     showUnderline?: never;
-} & ButtonSizeAndSubcaption);
+} & ButtonSizeAndSubcaption) | (LinkBaseProps & LinkIconVariant);
 /**
  * Props when rendered as a native HTMLButtonElement (default behaviour).
  */
@@ -237,17 +272,28 @@ export type ButtonAsAnchorProps = CommonProps & React.AnchorHTMLAttributes<HTMLA
 };
 /**
  * Discriminated union tying `href` and `onClick` types to the `as` prop.
- * Properties unavailable for regular Button (iconRight, showUnderline) are excluded from autocomplete.
  */
-export type ButtonProps = Omit<ButtonAsNativeButtonProps, 'iconRight' | 'showUnderline'> | Omit<ButtonAsAnchorProps, 'iconRight' | 'showUnderline'>;
+export type ButtonProps = ButtonAsNativeButtonProps | ButtonAsAnchorProps;
 /**
  * Runtime type guard that checks if the provided props correspond to an anchor variant of the Button.
  */
-export declare const isAsLink: (props: ButtonProps) => props is Omit<ButtonAsAnchorProps, "iconRight" | "showUnderline">;
+export declare const isAsLink: (props: ButtonProps) => props is ButtonAsAnchorProps;
 /**
  * Runtime type guard that checks if the provided props correspond to a native button variant.
  */
-export declare const isAsButton: (props: ButtonProps) => props is Omit<ButtonAsNativeButtonProps, "iconRight" | "showUnderline">;
+export declare const isAsButton: (props: ButtonProps) => props is ButtonAsNativeButtonProps;
+/**
+ * Runtime type guard that checks if the component should be displayed as a button.
+ */
+export declare const isDisplayAsButton: (props: ButtonProps) => props is Extract<ButtonProps, {
+    displayAs?: "button";
+}>;
+/**
+ * Runtime type guard that checks if the component should be displayed as a link.
+ */
+export declare const isDisplayAsLink: (props: ButtonProps) => props is Extract<ButtonProps, {
+    displayAs: "link";
+}>;
 /**
  * Enforces that subcaption can be provided only when size is 'l'.
  * - If subcaption is present → size must be 'l'
@@ -260,38 +306,8 @@ type ButtonSizeAndSubcaption = {
     subcaption: React.ReactNode;
     size: 'l';
 };
-/**
- * Props for Button.Link component - specialized variant for link display.
- * Properties unavailable for Button.Link (loading, stretched, postfix, subcaption, paddings) are excluded from autocomplete.
- */
-export type LinkButtonProps = Omit<BaseProps & LinkStyleProps & LinkIconVariant & {
-    /**
-     * Underline setting
-     * @default false
-     */
-    showUnderline?: boolean;
-    /**
-     * Render as native button element
-     */
-    as?: 'button';
-} & React.ButtonHTMLAttributes<HTMLButtonElement>, 'loading' | 'stretched' | 'postfix' | 'subcaption' | 'paddings'> | Omit<BaseProps & LinkStyleProps & LinkIconVariant & {
-    /**
-     * Underline setting
-     * @default false
-     */
-    showUnderline?: boolean;
-    /**
-     * Render as anchor element
-     */
-    as: 'a';
-    /**
-     * External link default. If target/rel are not provided, sets target="_blank"
-     * and adds rel="noopener noreferrer". Explicit target/rel take precedence.
-     */
-    isExternal?: boolean;
-} & React.AnchorHTMLAttributes<HTMLAnchorElement>, 'loading' | 'stretched' | 'postfix' | 'subcaption' | 'paddings'>;
 /**
  * Props for Button.Back component - based on ButtonProps with restricted design props
  */
-export type BackButtonProps = Omit<ButtonAsNativeButtonProps, 'mode' | 'buttonStyle' | 'size' | 'loading' | 'stretched' | 'postfix' | 'subcaption' | 'iconRight' | 'showUnderline'> | Omit<ButtonAsAnchorProps, 'mode' | 'buttonStyle' | 'size' | 'loading' | 'stretched' | 'postfix' | 'subcaption' | 'iconRight' | 'showUnderline'>;
+export type BackButtonProps = Omit<ButtonAsNativeButtonProps, 'mode' | 'buttonStyle' | 'size' | 'displayAs' | 'loading' | 'stretched' | 'postfix' | 'subcaption' | 'iconRight' | 'showUnderline'> | Omit<ButtonAsAnchorProps, 'mode' | 'buttonStyle' | 'size' | 'displayAs' | 'loading' | 'stretched' | 'postfix' | 'subcaption' | 'iconRight' | 'showUnderline'>;
 export {};

package/dist/components/Drop/Drop.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { DropCommonProps } from './Drop.type';
+/**
+ * Дроп компонент
+ */
+export declare const Drop: FC<DropCommonProps>;

package/dist/components/Drop/Drop.type.d.ts

@@ -0,0 +1,151 @@
+import { Placement } from '@floating-ui/react';
+import { ReactNode, CSSProperties } from 'react';
+export type PositionDrop = Exclude<Placement, 'top' | 'bottom' | 'left' | 'right'>;
+export type DividerBehavior = 'auto' | 'always' | 'never';
+export type PaddingToken = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+export type ButtonsContainerPadding = {
+    padding: PaddingToken;
+    paddingType: 'all' | 'block' | 'inline';
+};
+export interface DropCommonProps {
+    /**
+     * Элемент, по клику на который открывается дроп
+     */
+    children: ReactNode;
+    /**
+     * Флаг, указывающий, открыт ли дроп
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * Функция для управления состоянием видимости дропа
+     */
+    onOpenChange: (open: boolean) => void;
+    /**
+     * Контент дропа
+     */
+    content: ReactNode;
+    /**
+     * Позиция открытия дропа относительно toggleа
+     * @default 'left-start'
+     */
+    position?: PositionDrop;
+    /**
+     * Контент футера
+     */
+    footerContent?: ReactNode;
+    /**
+     * Поведение разделителя
+     * * auto - автоматическое поведение (скрывается при прокрутке контента до конца)
+     * * always - всегда показывать разделитель
+     * * never - никогда не показывать разделитель
+     * @default 'auto'
+     */
+    dividerBehavior?: DividerBehavior;
+    /**
+     * Закрывать дроп при клике вне его области
+     * @default true
+     */
+    closeOnOutsideClick?: boolean;
+    /**
+     * Закрывать дроп при нажатии клавиши ESC
+     * @default true
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Режим открытия дропа
+     * @default 'click'
+     */
+    toggleMode?: 'click' | 'hover';
+    /**
+     * Отступы контента дропа
+     * * xl - 24px
+     * * lg - 16px
+     * * md - 12px
+     * * sm - 8px
+     * @default xl
+     */
+    padding?: PaddingToken;
+    /**
+     * Отступы футера с кнопками
+     * @default: { padding: 24, paddingType: 'all' }
+     */
+    footerPadding?: ButtonsContainerPadding;
+    /**
+     * Дополнительные классы для:
+     * @wrapper для обертки
+     * @toggle для контейнера тоггла
+     * @drop для контейнера контента
+     * @content для контейнера контента
+     * @footer для контейнера футера
+     */
+    classNames?: {
+        wrapper?: string;
+        toggle?: string;
+        drop?: string;
+        content?: string;
+        footer?: string;
+    };
+    /**
+     * Дополнительные стили для:
+     * @wrapper для обертки
+     * @toggle для контейнера тоггла
+     * @drop для контейнера контента
+     * @content для контейнера контента
+     * @footer для контейнера футера
+     */
+    styles?: {
+        wrapper?: CSSProperties;
+        toggle?: CSSProperties;
+        drop?: CSSProperties;
+        content?: CSSProperties;
+        footer?: CSSProperties;
+    };
+}
+export interface ContentCommonProps {
+    /**
+     * Дочерние элементы контента дропа
+     */
+    children: ReactNode;
+    /**
+     * Размер внутренних отступов контента (в пикселях)
+     */
+    padding: PaddingToken;
+    /**
+     * Флаг, указывающий наличие футера с кнопками
+     * Влияет на применяемые стили отступов
+     */
+    hasFooter: boolean;
+    /**
+     * Дополнительный CSS-класс для контейнера контента
+     */
+    className?: string;
+    /**
+     * Дополнительные inline-стили для контейнера контента
+     */
+    style?: CSSProperties;
+    /**
+     * Поведение разделителя
+     * @default 'auto'
+     */
+    dividerBehavior: DividerBehavior;
+}
+export interface FooterCommonProps {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Настройки отступов футера
+     * @default: { padding: 'xl', paddingType: 'all' }
+     */
+    footerPadding: ButtonsContainerPadding;
+    /**
+     * Дополнительный CSS-класс для контейнера футера
+     */
+    className?: string;
+    /**
+     * Дополнительные inline-стили для контейнера футера
+     */
+    style?: CSSProperties;
+}

package/dist/components/Drop/constants.d.ts

@@ -0,0 +1,12 @@
+/** Дефолтная высота дропа в пикселях */
+export declare const DROP_HEIGHT_DEFAULT = 460;
+/** Отступ между toggle-ом и выпадающим меню (drop) в пикселях */
+export declare const DROP_TOGGLE_MARGIN = 8;
+/** Минимальный отступ между drop и границами viewport (окна браузера) в пикселях. */
+export declare const MIN_DROP_VIEWPORT_GAP = 24;
+/** Допустимая погрешность в пикселях при определении достижения конца скролла
+ * Необходима из-за особенностей рендеринга браузеров и дробных значений
+ */
+export declare const SCROLL_BOTTOM_TOLERANCE_PX = 1;
+export declare const SEMANTIC_ANIMATION_EASE_IN_OUT_200 = "200ms ease-in-out";
+export declare const SEMANTIC_ANIMATION_EASE_IN_OUT_100 = "100ms ease-in-out";

package/dist/components/Drop/index.d.ts

@@ -0,0 +1 @@
+export { Drop } from './Drop';

package/dist/components/Tooltip/Tooltip.type.d.ts

@@ -12,7 +12,10 @@ export type TooltipContentClassNames = {
     text?: string;
     closeButton?: string;
 };
-export type TooltipButtonConfig = ButtonAsNativeButtonProps & {
+type TooltipNativeButton = Extract<ButtonAsNativeButtonProps, {
+    displayAs?: 'button';
+}>;
+export type TooltipButtonConfig = TooltipNativeButton & {
     closeOnClick?: boolean;
 };
 export interface TooltipCommonProps {