@dss-kit/ui-kit 0.2.13 → 0.2.14

package/dist/components/charts/LineChart/LineChart.d.ts

@@ -0,0 +1,4 @@
+import { HighchartsReactRefObject } from '@highcharts/react';
+import { LineChartProps } from './types';
+export declare const LineChart: import('react').ForwardRefExoticComponent<LineChartProps & import('react').RefAttributes<HighchartsReactRefObject>>;
+//# sourceMappingURL=LineChart.d.ts.map

package/dist/components/charts/LineChart/LineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAE9B,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,eAAO,MAAM,SAAS,qHAmDrB,CAAC"}

package/dist/components/charts/LineChart/LineChart.stories.d.ts

@@ -0,0 +1,53 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { LineChart } from './LineChart';
+declare const meta: Meta<typeof LineChart>;
+type Story = StoryObj<typeof LineChart>;
+/**
+ * График оборотов (положительный тренд)
+ * Показывает рост оборота с небольшими колебаниями
+ */
+export declare const Positive: Story;
+/**
+ * График расходов/споров (отрицательный тренд)
+ * Показывает колебания расходов
+ */
+export declare const Negative: Story;
+/**
+ * График транзакций (акцентный цвет)
+ * Показывает стабильные транзакции с небольшими колебаниями
+ */
+export declare const Accent: Story;
+/**
+ * График активных споров (предупреждение)
+ * Показывает количество активных споров с волатильностью
+ */
+export declare const Warning: Story;
+/**
+ * График с координатами [x, y]
+ * Использует формат данных в виде массива пар координат
+ */
+export declare const WithCoordinates: Story;
+/**
+ * График с расширенными опциями точек и разрывами
+ * Использует Highcharts.PointOptionsObject для кастомизации отдельных точек
+ */
+export declare const WithPointOptions: Story;
+/**
+ * График с именованными точками
+ * Использует объекты с name для отображения в tooltip
+ */
+export declare const WithNamedPoints: Story;
+/**
+ * График с кастомным tooltip (выплаты по дням)
+ *
+ * Пример кастомного tooltip с использованием переменных шаблонов Highcharts.
+ *
+ * В этом примере используются:
+ * - `{point.y}` - для отображения значения точки (сумма выплат)
+ * - `{point.key}` - для отображения категории (даты)
+ *
+ * Переменные шаблонов автоматически заменяются на актуальные значения при наведении на точку графика.
+ */
+export declare const WithCustomTooltip: Story;
+export default meta;
+//# sourceMappingURL=LineChart.stories.d.ts.map

package/dist/components/charts/LineChart/LineChart.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/LineChart.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAoGhC,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KA8BtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KA8BtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KA6BpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KA2BrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KA6C7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAqE9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAkC7B,CAAC;AAMF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,EAAE,KA2E/B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/charts/LineChart/constants.d.ts

@@ -0,0 +1,15 @@
+import { LineChartColorType } from './types';
+export declare const lineChartPreset: Partial<Highcharts.Options>;
+export declare const lineChartColorPreset: Record<LineChartColorType, {
+    color: string;
+    fillColor: {
+        linearGradient: {
+            x1: number;
+            y1: number;
+            x2: number;
+            y2: number;
+        };
+        stops: [number, string][];
+    };
+}>;
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/charts/LineChart/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,CA0CvD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,kBAAkB,EAClB;IACE,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE;QACT,cAAc,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,EAAE,EAAE,MAAM,CAAC;YAAC,EAAE,EAAE,MAAM,CAAC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC;QACnE,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;KAC3B,CAAC;CACH,CA0CF,CAAC"}

package/dist/components/charts/LineChart/index.d.ts

@@ -0,0 +1,3 @@
+export { LineChart } from './LineChart';
+export type { LineChartProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/charts/LineChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/charts/LineChart/types.d.ts

@@ -0,0 +1,258 @@
+import { Highcharts, HighchartsOptionsType } from '@highcharts/react';
+import { AccentType, NegativeType, PositiveType, WarningType } from '../../../types';
+export type LineChartColorType = PositiveType | NegativeType | AccentType | WarningType;
+export type LineChartDataType = (number | Highcharts.PointOptionsObject | [string | number, number | null] | null)[] | undefined;
+export type LineChartXAxisType = HighchartsOptionsType["xAxis"];
+export type LineChartYAxisType = HighchartsOptionsType["yAxis"];
+/**
+ * Пропсы компонента LineChart
+ */
+export interface LineChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "ref"> {
+    /**
+     * Цветовая схема графика, определяющая цвет линии и точек.
+     *
+     * Доступные варианты:
+     * - `positive`
+     * - `negative`
+     * - `accent`
+     * - `warning`
+     *
+     * @default "positive"
+     *
+     * @example
+     * ```tsx
+     * <LineChart color="positive" data={[1, 2, 3]} yAxis={{}} />
+     * ```
+     */
+    color?: LineChartColorType;
+    /**
+     * Экземпляр библиотеки Highcharts для использования после инициализации дополнительных модулей.
+     *
+     * Этот проп необходим, если вы используете дополнительные модули Highcharts (например, highcharts-more,
+     * highcharts-3d, accessibility и т.д.), которые требуют явной инициализации. Если вы используете только
+     * базовый функционал Highcharts, этот проп можно не указывать.
+     *
+     * Начиная с @highcharts/react v4, этот проп является опциональным, так как базовый Highcharts
+     * импортируется автоматически.
+     *
+     * @example
+     * ```tsx
+     * import Highcharts from "highcharts";
+     * import HighchartsMore from "highcharts/highcharts-more";
+     *
+     * // Инициализация дополнительных модулей
+     * HighchartsMore(Highcharts);
+     *
+     * <LineChart highcharts={Highcharts} data={[1, 2, 3]} yAxis={{}} />
+     * ```
+     */
+    highcharts?: typeof Highcharts;
+    /**
+     * Конфигурация горизонтальной оси X графика.
+     *
+     * Определяет настройки для горизонтальной оси, включая:
+     * - `categories` - массив меток для оси X (например, названия месяцев, даты)
+     * - `type` - тип оси ('linear', 'logarithmic', 'datetime', 'category')
+     * - `title` - заголовок оси
+     * - `labels` - настройки отображения меток
+     * - `gridLineWidth` - толщина линий сетки
+     * - и другие опции Highcharts для оси X
+     *
+     * **Преднастроенные значения по умолчанию:**
+     * - `gridLineWidth: 0` - линии сетки отключены
+     * - `lineWidth: 0` - линия оси отключена
+     * - `tickWidth: 0` - деления оси отключены
+     * - `labels: { enabled: false }` - метки отключены
+     * - `title: { text: "" }` - заголовок пустой
+     *
+     * Все преднастроенные значения можно переопределить, передав свои параметры в этот проп.
+     * Переданные настройки будут объединены с преднастройками (ваши значения имеют приоритет).
+     *
+     * Этот проп опциональный. Если не указан, ось X будет использовать только преднастройки.
+     *
+     * @example
+     * ```tsx
+     * // Ось с категориями и включенными метками
+     * <LineChart
+     *   xAxis={{
+     *     categories: ["Янв", "Фев", "Мар", "Апр", "Май", "Июн"],
+     *     labels: { enabled: true } // переопределяем преднастройку
+     *   }}
+     *   yAxis={{}}
+     *   data={[1, 2, 3, 4, 5, 6]}
+     * />
+     *
+     * // Ось с типом datetime и линиями сетки
+     * <LineChart
+     *   xAxis={{
+     *     type: "datetime",
+     *     title: { text: "Дата" },
+     *     gridLineWidth: 1 // переопределяем преднастройку
+     *   }}
+     *   yAxis={{}}
+     *   data={[[Date.UTC(2024, 0, 1), 100], [Date.UTC(2024, 1, 1), 200]]}
+     * />
+     * ```
+     */
+    xAxis?: LineChartXAxisType;
+    /**
+     * Конфигурация вертикальной оси Y графика (обязательный проп).
+     *
+     * Определяет настройки для вертикальной оси, включая:
+     * - `categories` - массив меток для оси Y (для категориальных графиков)
+     * - `title` - заголовок оси
+     * - `min` / `max` - минимальное и максимальное значения оси
+     * - `labels` - настройки отображения меток (форматирование, стиль)
+     * - `gridLineWidth` - толщина линий сетки
+     * - `tickInterval` - интервал между делениями
+     * - и другие опции Highcharts для оси Y
+     *
+     * **Преднастроенные значения по умолчанию:**
+     * - `gridLineWidth: 0` - линии сетки отключены
+     * - `lineWidth: 0` - линия оси отключена
+     * - `tickWidth: 0` - деления оси отключены
+     * - `labels: { enabled: false }` - метки отключены
+     * - `title: { text: "" }` - заголовок пустой
+     *
+     * Все преднастроенные значения можно переопределить, передав свои параметры в этот проп.
+     * Переданные настройки будут объединены с преднастройками (ваши значения имеют приоритет).
+     *
+     * Этот проп является обязательным, так как определяет масштаб и способ отображения значений данных.
+     *
+     * @example
+     * ```tsx
+     * // Ось с категориями и включенными метками
+     * <LineChart
+     *   yAxis={{
+     *     categories: ["0", "1000", "2000", "3000", "4000", "5000"],
+     *     labels: { enabled: true } // переопределяем преднастройку
+     *   }}
+     *   data={[1000, 2500, 3200]}
+     * />
+     *
+     * // Ось с диапазоном значений и линиями сетки
+     * <LineChart
+     *   yAxis={{
+     *     min: 0,
+     *     max: 100,
+     *     title: { text: "Процент выполнения" },
+     *     labels: { enabled: true, format: "{value}%" },
+     *     gridLineWidth: 1 // переопределяем преднастройку
+     *   }}
+     *   data={[10, 25, 50, 75, 90]}
+     * />
+     * ```
+     */
+    yAxis: LineChartYAxisType;
+    /**
+     * Массив данных для отображения на графике.
+     *
+     * Поддерживает несколько форматов данных:
+     * - `number[]` - простой массив чисел (для последовательных значений)
+     * - `[number | string, number | null][]` - массив пар [x, y] координат
+     * - `Highcharts.PointOptionsObject[]` - массив объектов с расширенными опциями точек
+     * - `null` - отсутствие данных для конкретной точки (создаст разрыв на графике)
+     *
+     * Если не указан или пустой массив, график будет отображен без данных.
+     *
+     * @default []
+     *
+     * @example
+     * ```tsx
+     * // Простой массив чисел
+     * <LineChart data={[1, 3, 2, 4, 5]} yAxis={{}} />
+     *
+     * // Массив координат [x, y]
+     * <LineChart
+     *   data={[
+     *     [Date.UTC(2024, 0, 1), 100],
+     *     [Date.UTC(2024, 1, 1), 150],
+     *     [Date.UTC(2024, 2, 1), 200]
+     *   ]}
+     *   xAxis={{ type: "datetime" }}
+     *   yAxis={{}}
+     * />
+     *
+     * // Расширенные опции точек с разрывом графика
+     * <LineChart
+     *   data={[
+     *     { y: 10, marker: { enabled: true } },
+     *     null, // разрыв графика
+     *     { y: 30, color: "#ff0000" }
+     *   ]}
+     *   yAxis={{}}
+     * />
+     * ```
+     */
+    data?: LineChartDataType;
+    /**
+     * Дополнительные HTML-атрибуты для контейнера графика.
+     *
+     * Позволяет передать любые стандартные HTML-атрибуты контейнеру div, в котором отрисовывается график.
+     * Наиболее часто используется для:
+     * - Установки размеров графика через `style` ({ width, height })
+     * - Добавления CSS-классов через `className`
+     * - Установки data-атрибутов для тестирования или аналитики
+     * - Добавления event handlers
+     *
+     * @example
+     * ```tsx
+     * // Установка размеров графика
+     * <LineChart
+     *   containerProps={{
+     *     style: { width: "500px", height: "300px" }
+     *   }}
+     *   data={[1, 2, 3]}
+     *   yAxis={{}}
+     * />
+     *
+     * // Добавление CSS-класса и data-атрибута
+     * <LineChart
+     *   containerProps={{
+     *     className: "my-chart",
+     *     "data-testid": "analytics-chart"
+     *   }}
+     *   data={[1, 2, 3]}
+     *   yAxis={{}}
+     * />
+     * ```
+     */
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
+    /**
+     * Кастомный React-элемент для отображения всплывающей подсказки (tooltip) при наведении на точки графика.
+     *
+     * Позволяет создать полностью настраиваемый tooltip с использованием React-компонентов и переменных
+     * шаблонов Highcharts. Переменные шаблонов автоматически заменяются на актуальные значения точки.
+     *
+     * Основные переменные шаблонов:
+     * - `{point.x}` - значение X координаты точки
+     * - `{point.y}` - значение Y координаты точки
+     * - `{point.key}` - ключ точки (обычно для категорий или дат)
+     * - `{point.name}` - имя точки
+     * - `{series.name}` - название серии данных
+     *
+     * Форматирование чисел:
+     * - `{point.y:.2f}` - два знака после запятой
+     * - `{point.y:,.0f}` - с разделителем тысяч, без десятичных
+     *
+     * Для правильной работы tooltip должен содержать атрибут `data-hc-option="pointFormat"`.
+     *
+     * @example
+     * ```tsx
+     * <LineChart
+     *   data={[1000, 2500, 3200]}
+     *   yAxis={{}}
+     *   tooltip={
+     *     <div data-hc-option="pointFormat">
+     *       <p>{"{point.y} USDT"}</p>
+     *       <span>{"{point.key}"}</span>
+     *     </div>
+     *   }
+     * />
+     * ```
+     *
+     * @see Подробнее о переменных шаблонов в stories компонента
+     */
+    tooltip?: React.ReactElement;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/charts/LineChart/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,kBAAkB,GAC1B,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,WAAW,CAAC;AAEhB,MAAM,MAAM,iBAAiB,GACzB,CACI,MAAM,GACN,UAAU,CAAC,kBAAkB,GAC7B,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,GAChC,IAAI,CACP,EAAE,GACH,SAAS,CAAC;AAEd,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAChE,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC;IACzD;;;;;;;;;;;;;;;OAeG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAE3B;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,UAAU,CAAC,EAAE,OAAO,UAAU,CAAC;IAE/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8CG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAE3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA+CG;IACH,KAAK,EAAE,kBAAkB,CAAC;IAE1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAuCG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA+BG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAkCG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B"}

package/dist/components/charts/LineChart/utils.d.ts

@@ -0,0 +1,4 @@
+import { HighchartsOptionsType } from '@highcharts/react';
+import { LineChartColorType, LineChartDataType, LineChartXAxisType, LineChartYAxisType } from './types';
+export declare const buildLineChartOptions: (color: LineChartColorType, data: LineChartDataType, xAxis: LineChartXAxisType, yAxis: LineChartYAxisType) => HighchartsOptionsType;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/charts/LineChart/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,qBAAqB,GAChC,OAAO,kBAAkB,EACzB,MAAM,iBAAiB,EACvB,OAAO,kBAAkB,EACzB,OAAO,kBAAkB,KACxB,qBAmBF,CAAC"}

package/dist/components/charts/PieProgressChart/PieProgressChart.d.ts

@@ -0,0 +1,4 @@
+import { HighchartsReactRefObject } from '@highcharts/react';
+import { PieProgressChartProps } from './types';
+export declare const PieProgressChart: import('react').ForwardRefExoticComponent<PieProgressChartProps & import('react').RefAttributes<HighchartsReactRefObject>>;
+//# sourceMappingURL=PieProgressChart.d.ts.map

package/dist/components/charts/PieProgressChart/PieProgressChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieProgressChart.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/PieProgressChart/PieProgressChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAGlE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGrD,eAAO,MAAM,gBAAgB,4HAwC5B,CAAC"}

package/dist/components/charts/PieProgressChart/PieProgressChart.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PieProgressChart } from './PieProgressChart';
+declare const meta: Meta<typeof PieProgressChart>;
+type Story = StoryObj<typeof PieProgressChart>;
+/**
+ * Круговой график
+ */
+export declare const Positive: Story;
+export declare const Negative: Story;
+export declare const Accent: Story;
+export declare const Warning: Story;
+export default meta;
+//# sourceMappingURL=PieProgressChart.stories.d.ts.map

package/dist/components/charts/PieProgressChart/PieProgressChart.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieProgressChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/PieProgressChart/PieProgressChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAgBvC,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/charts/PieProgressChart/constants.d.ts

@@ -0,0 +1,6 @@
+import { PieProgressChartColorType } from './types';
+export declare const pieProgressChartPreset: Partial<Highcharts.Options>;
+export declare const pieProgressChartColorPreset: Record<PieProgressChartColorType, {
+    colors: [string, string];
+}>;
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/charts/PieProgressChart/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/PieProgressChart/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,CAsD9D,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAC9C,yBAAyB,EACzB;IAAE,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,CAc7B,CAAC"}

package/dist/components/charts/PieProgressChart/index.d.ts

@@ -0,0 +1,3 @@
+export { PieProgressChart } from './PieProgressChart';
+export type { PieProgressChartProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/charts/PieProgressChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/PieProgressChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/charts/PieProgressChart/types.d.ts

@@ -0,0 +1,176 @@
+import { Highcharts } from '@highcharts/react';
+import { AccentType, NegativeType, PositiveType, WarningType } from '../../../types';
+export type PieProgressChartColorType = PositiveType | NegativeType | AccentType | WarningType;
+/**
+ * Пропсы компонента PieProgressChart
+ *
+ * Круговая диаграмма прогресса с предустановленной конфигурацией для отображения процента выполнения.
+ *
+ * **Основные преднастройки компонента:**
+ * - Тип диаграммы: круговая (pie) с внутренним отверстием 90% (donut-стиль)
+ * - Углы отображения: от 90° до -90° (полукруг снизу)
+ * - Прозрачный фон
+ * - Отключены: tooltip, legend, dataLabels, credits, интерактивность (hover/select)
+ * - Центральный текстовый лейбл с настроенными стилями
+ *
+ * Компонент автоматически создает две части диаграммы:
+ * 1. Заполненная часть (процент выполнения) - основной цвет
+ * 2. Незаполненная часть (остаток до 100%) - светлый оттенок
+ */
+export interface PieProgressChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "ref"> {
+    /**
+     * Цветовая схема круговой диаграммы прогресса, определяющая цвет заполненной и незаполненной частей.
+     *
+     * Доступные варианты:
+     * - `positive`
+     * - `negative`
+     * - `accent`
+     * - `warning`
+     *
+     * Каждый цвет использует два оттенка:
+     * - Основной цвет (primary) для заполненной части
+     * - Светлый оттенок (tint-high) для незаполненной части
+     *
+     * @default "positive"
+     *
+     * @example
+     * ```tsx
+     * <PieProgressChart color="positive" percentage={75} />
+     * ```
+     */
+    color?: PieProgressChartColorType;
+    /**
+     * Экземпляр библиотеки Highcharts для использования после инициализации дополнительных модулей.
+     *
+     * Этот проп необходим, если вы используете дополнительные модули Highcharts (например, highcharts-more,
+     * highcharts-3d, accessibility и т.д.), которые требуют явной инициализации. Если вы используете только
+     * базовый функционал Highcharts, этот проп можно не указывать.
+     *
+     * Начиная с @highcharts/react v4, этот проп является опциональным, так как базовый Highcharts
+     * импортируется автоматически.
+     *
+     * @example
+     * ```tsx
+     * import Highcharts from "highcharts";
+     * import HighchartsMore from "highcharts/highcharts-more";
+     *
+     * // Инициализация дополнительных модулей
+     * HighchartsMore(Highcharts);
+     *
+     * <PieProgressChart highcharts={Highcharts} percentage={50} />
+     * ```
+     */
+    highcharts?: typeof Highcharts;
+    /**
+     * Процент заполнения круговой диаграммы (обязательный проп).
+     *
+     * Определяет, какая часть диаграммы будет заполнена основным цветом.
+     * Значение автоматически ограничивается диапазоном от 0 до 100:
+     * - Если передано значение > 100, будет использовано 100
+     * - Если передано значение < 0, будет использовано 0
+     *
+     * Незаполненная часть (100 - percentage) отображается светлым оттенком цвета.
+     *
+     * @example
+     * ```tsx
+     * // 75% заполнения
+     * <PieProgressChart percentage={75} />
+     *
+     * // Полностью заполненная диаграмма
+     * <PieProgressChart percentage={100} />
+     *
+     * // Пустая диаграмма
+     * <PieProgressChart percentage={0} />
+     *
+     * // Значение автоматически ограничится до 100
+     * <PieProgressChart percentage={150} />
+     * ```
+     */
+    percentage: number;
+    /**
+     * Функция для генерации центрального текстового лейбла диаграммы.
+     *
+     * Принимает процент заполнения и возвращает контент для отображения в центре диаграммы.
+     * Может возвращать:
+     * - Строку - простой текст
+     * - Массив строк/чисел - для многострочного текста
+     * - React-элемент - для кастомного JSX с полным контролем над стилями
+     * - Массив React-элементов - для сложных многострочных макетов
+     *
+     * **Преднастроенные стили для текстового лейбла:**
+     * - `fontSize: "24px"` - размер шрифта
+     * - `fontWeight: "600"` - полужирное начертание
+     * - `color: "var(--text-primary)"` - основной цвет текста
+     * - `align: "center"` - центрирование по горизонтали
+     * - `verticalAlign: "middle"` - центрирование по вертикали
+     *
+     * Если этот проп не указан, по умолчанию отображается процент с символом "%".
+     *
+     * @default (percentage) => `${percentage}%`
+     *
+     * @example
+     * ```tsx
+     * // Дефолтное поведение (процент с %)
+     * <PieProgressChart percentage={75} />
+     *
+     * // Кастомный текст
+     * <PieProgressChart
+     *   percentage={75}
+     *   label={(p) => `${p} из 100`}
+     * />
+     *
+     * // Многострочный текст
+     * <PieProgressChart
+     *   percentage={75}
+     *   label={(p) => [p, 'завершено']}
+     * />
+     *
+     * // Кастомный React-элемент
+     * <PieProgressChart
+     *   percentage={75}
+     *   label={(p) => (
+     *     <div>
+     *       <div style={{ fontSize: '32px' }}>{p}%</div>
+     *       <div style={{ fontSize: '14px' }}>выполнено</div>
+     *     </div>
+     *   )}
+     * />
+     * ```
+     */
+    label?: (percentage: number) => string | (string | number)[] | React.ReactElement | React.ReactElement[];
+    /**
+     * Дополнительные HTML-атрибуты для контейнера диаграммы.
+     *
+     * Позволяет передать любые стандартные HTML-атрибуты контейнеру div, в котором отрисовывается диаграмма.
+     * Наиболее часто используется для:
+     * - Установки размеров диаграммы через `style` ({ width, height })
+     * - Добавления CSS-классов через `className`
+     * - Установки data-атрибутов для тестирования или аналитики
+     * - Добавления event handlers
+     *
+     * **Рекомендуемые размеры:** Для круговой диаграммы прогресса обычно используются квадратные размеры
+     * (например, 128x128px, 256x256px) для сохранения правильных пропорций.
+     *
+     * @example
+     * ```tsx
+     * // Установка размеров диаграммы
+     * <PieProgressChart
+     *   percentage={75}
+     *   containerProps={{
+     *     style: { width: "128px", height: "128px" }
+     *   }}
+     * />
+     *
+     * // Добавление CSS-класса и data-атрибута
+     * <PieProgressChart
+     *   percentage={75}
+     *   containerProps={{
+     *     className: "progress-chart",
+     *     "data-testid": "progress-indicator"
+     *   }}
+     * />
+     * ```
+     */
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/charts/PieProgressChart/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/PieProgressChart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,yBAAyB,GACjC,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,WAAW,CAAC;AAEhB;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC;IACzD;;;;;;;;;;;;;;;;;;;OAmBG;IACH,KAAK,CAAC,EAAE,yBAAyB,CAAC;IAElC;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,UAAU,CAAC,EAAE,OAAO,UAAU,CAAC;IAE/B;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAiDG;IACH,KAAK,CAAC,EAAE,CACN,UAAU,EAAE,MAAM,KACf,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IAE9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgCG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;CACvD"}

package/dist/components/charts/PieProgressChart/utils.d.ts

@@ -0,0 +1,4 @@
+import { HighchartsOptionsType } from '@highcharts/react';
+import { PieProgressChartColorType } from './types';
+export declare const buildPieProgressChartOptions: (percentage: number, color: PieProgressChartColorType) => HighchartsOptionsType;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/charts/PieProgressChart/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/PieProgressChart/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAK/D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD,eAAO,MAAM,4BAA4B,GACvC,YAAY,MAAM,EAClB,OAAO,yBAAyB,KAC/B,qBAcF,CAAC"}

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

@@ -0,0 +1,5 @@
+export type { LineChartProps } from './LineChart';
+export { LineChart } from './LineChart';
+export type { PieProgressChartProps } from './PieProgressChart';
+export { PieProgressChart } from './PieProgressChart';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/charts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/charts/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/controls/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,oBAAoB;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,oBAAoB;IACpB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,qBAAqB;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mCAAmC;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gBAAgB;IAChB,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,8BAA8B;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,KAAK,iBAAiB,GAAG,WAAW,GAClC,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAC1D,GAAG;IACF,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;CACrC,CAAC;AAEJ;;GAEG;AACH,KAAK,oBAAoB,GAAG,WAAW,GACrC,IAAI,CACF,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAC1D,GAAG;IACF,SAAS,EAAE,IAAI,CAAC;IAChB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CAChE,CAAC;AAEJ,MAAM,MAAM,UAAU,GAAG,iBAAiB,GAAG,oBAAoB,CAAC;AAElE;;;;;;;;;GASG;AACH,eAAO,MAAM,KAAK,6EA2OhB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,oBAAoB;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,oBAAoB;IACpB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,qBAAqB;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mCAAmC;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gBAAgB;IAChB,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,8BAA8B;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,KAAK,iBAAiB,GAAG,WAAW,GAClC,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAC1D,GAAG;IACF,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;CACrC,CAAC;AAEJ;;GAEG;AACH,KAAK,oBAAoB,GAAG,WAAW,GACrC,IAAI,CACF,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAC1D,GAAG;IACF,SAAS,EAAE,IAAI,CAAC;IAChB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CAChE,CAAC;AAEJ,MAAM,MAAM,UAAU,GAAG,iBAAiB,GAAG,oBAAoB,CAAC;AAElE;;;;;;;;;GASG;AACH,eAAO,MAAM,KAAK,6EAoPhB,CAAC"}

package/dist/components/controls/Tabs/TabItem/TabItem.d.ts

@@ -0,0 +1,10 @@
+interface TabItemProps {
+    label: string;
+    selected: boolean;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    onClick: React.MouseEventHandler<HTMLDivElement>;
+}
+export declare const TabItem: import('react').ForwardRefExoticComponent<TabItemProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=TabItem.d.ts.map