skillgrid 0.0.48 → 0.0.50-dev-40773-divider.1376362

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { DividerProps } from './Divider.types';
+/**
+ * Компонент разделителя для визуального разделения контента.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Divider layout="horizontal" margin={[16, 8]} />
+ * ```
+ */
+export declare const Divider: FC<DividerProps>;

package/dist/components/Divider/Divider.types.d.ts

@@ -0,0 +1,41 @@
+import { CSSProperties } from 'react';
+import { DIVIDER_SPACING_VALUES } from './lib/constants';
+type DividerSpacingKey = keyof typeof DIVIDER_SPACING_VALUES;
+export type DividerSize = number | string;
+type DividerMargin = [] | [DividerSpacingKey] | [DividerSpacingKey, DividerSpacingKey] | [DividerSpacingKey, DividerSpacingKey, DividerSpacingKey] | [DividerSpacingKey, DividerSpacingKey, DividerSpacingKey, DividerSpacingKey];
+export interface DividerProps {
+    /**
+     * Ориентация разделителя.
+     * @default horizontal
+     */
+    layout?: 'vertical' | 'horizontal';
+    /**
+     * Внешние отступы вокруг разделителя (аналог CSS-свойства margin).
+     * Поддерживаются массивы из 1–4 значений с ключами: 0, 8, 12, 16, 24.
+     */
+    margin?: DividerMargin;
+    /**
+     * Длина разделителя по основной оси.
+     * Для horizontal — ширина, для vertical — высота.
+     * @default 100%
+     */
+    length?: DividerSize;
+    /**
+     * Толщина линии разделителя.
+     * @default 1px
+     */
+    thickness?: DividerSize;
+    /**
+     * Дополнительный CSS-класс для элемента разделителя.
+     */
+    className?: string;
+    /**
+     * Inline-стили для элемента разделителя.
+     */
+    style?: CSSProperties;
+    /**
+     * Test ID для автотестов.
+     */
+    'data-testid'?: string;
+}
+export {};

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

@@ -0,0 +1,2 @@
+export { Divider } from './Divider';
+export type { DividerProps } from './Divider.types';

package/dist/components/Divider/lib/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const DIVIDER_SPACING_VALUES: {
+    readonly 0: "0px";
+    readonly 8: "8px";
+    readonly 12: "12px";
+    readonly 16: "16px";
+    readonly 24: "24px";
+};

package/dist/components/Divider/lib/get-spacing-props.d.ts

@@ -0,0 +1,14 @@
+import { DividerProps, DividerSize } from '../Divider.types';
+/**
+ * Преобразует числовое или строковое значение в корректное CSS-значение длины.
+ * @param value Число (будет преобразовано в строку с суффиксом `px`)
+ *              или строка с уже валидным CSS-значением (%, px, rem и т.п.).
+ * @returns Строка с CSS-значением длины или undefined, если value не передано.
+ */
+export declare const transformToSize: (value?: DividerSize) => string | undefined;
+/**
+ * Преобразует массив отступов в строку CSS.
+ * @param margin - Массив значений отступов [0, 8, 12, 16, 24]
+ * @returns Строка для CSS-свойства margin
+ */
+export declare const getMarginProps: (margin?: DividerProps["margin"]) => string;

package/dist/components/Divider/lib/get-spacing-props.test.d.ts

@@ -0,0 +1 @@
+export {};