@dss-kit/ui-kit 0.2.15 → 0.2.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/dist/components/builders/Box/Box.d.ts +2 -0
  2. package/dist/components/builders/Box/Box.d.ts.map +1 -1
  3. package/dist/components/builders/Modal/Modal.d.ts +2 -2
  4. package/dist/components/builders/Modal/Modal.d.ts.map +1 -1
  5. package/dist/components/builders/Modal/ModalFooter/ModalFooter.d.ts +38 -0
  6. package/dist/components/builders/Modal/ModalFooter/ModalFooter.d.ts.map +1 -1
  7. package/dist/components/builders/Modal/ModalHeader/ModalHeader.d.ts +16 -3
  8. package/dist/components/builders/Modal/ModalHeader/ModalHeader.d.ts.map +1 -1
  9. package/dist/components/builders/Modal/ModalMain/ModalMain.d.ts +67 -6
  10. package/dist/components/builders/Modal/ModalMain/ModalMain.d.ts.map +1 -1
  11. package/dist/components/builders/Table/TablePagination/TablePagination.d.ts.map +1 -1
  12. package/dist/components/builders/Table/TablePagination/TablePagination.utils.d.ts +16 -5
  13. package/dist/components/builders/Table/TablePagination/TablePagination.utils.d.ts.map +1 -1
  14. package/dist/components/builders/Text/Text.d.ts +2 -2
  15. package/dist/components/charts/LineChart/LineChart.d.ts +3 -2
  16. package/dist/components/charts/LineChart/LineChart.d.ts.map +1 -1
  17. package/dist/components/charts/LineChart/LineChart.stories.d.ts +3 -1
  18. package/dist/components/charts/LineChart/LineChart.stories.d.ts.map +1 -1
  19. package/dist/components/charts/LineChart/constants.d.ts.map +1 -1
  20. package/dist/components/charts/LineChart/types.d.ts +56 -13
  21. package/dist/components/charts/LineChart/types.d.ts.map +1 -1
  22. package/dist/components/charts/LineChart/utils.d.ts +3 -1
  23. package/dist/components/charts/LineChart/utils.d.ts.map +1 -1
  24. package/dist/components/charts/PieProgressChart/PieProgressChart.d.ts +2 -1
  25. package/dist/components/charts/PieProgressChart/PieProgressChart.d.ts.map +1 -1
  26. package/dist/components/controls/Input/Input.d.ts +1 -1
  27. package/dist/components/controls/Input/Input.d.ts.map +1 -1
  28. package/dist/components/controls/Input/Input.stories.d.ts +1 -0
  29. package/dist/components/controls/Input/Input.stories.d.ts.map +1 -1
  30. package/dist/components/controls/RadioGroup/Radio.d.ts +93 -0
  31. package/dist/components/controls/RadioGroup/Radio.d.ts.map +1 -0
  32. package/dist/components/controls/RadioGroup/RadioGroup.d.ts +116 -0
  33. package/dist/components/controls/RadioGroup/RadioGroup.d.ts.map +1 -0
  34. package/dist/components/controls/RadioGroup/RadioGroup.stories.d.ts +16 -0
  35. package/dist/components/controls/RadioGroup/RadioGroup.stories.d.ts.map +1 -0
  36. package/dist/components/controls/RadioGroup/context.d.ts +87 -0
  37. package/dist/components/controls/RadioGroup/context.d.ts.map +1 -0
  38. package/dist/components/controls/RadioGroup/index.d.ts +3 -0
  39. package/dist/components/controls/RadioGroup/index.d.ts.map +1 -0
  40. package/dist/components/controls/Select/Select.d.ts +12 -1
  41. package/dist/components/controls/Select/Select.d.ts.map +1 -1
  42. package/dist/components/controls/Select/Select.stories.d.ts.map +1 -1
  43. package/dist/components/controls/index.d.ts +1 -0
  44. package/dist/components/controls/index.d.ts.map +1 -1
  45. package/dist/components/index.d.ts +1 -0
  46. package/dist/components/index.d.ts.map +1 -1
  47. package/dist/components/shared/Skeleton/Skeleton.d.ts +296 -0
  48. package/dist/components/shared/Skeleton/Skeleton.d.ts.map +1 -0
  49. package/dist/components/shared/Skeleton/Skeleton.stories.d.ts +15 -0
  50. package/dist/components/shared/Skeleton/Skeleton.stories.d.ts.map +1 -0
  51. package/dist/components/shared/Skeleton/index.d.ts +3 -0
  52. package/dist/components/shared/Skeleton/index.d.ts.map +1 -0
  53. package/dist/components/shared/Tooltip/Tooltip.d.ts +139 -0
  54. package/dist/components/shared/Tooltip/Tooltip.d.ts.map +1 -0
  55. package/dist/components/shared/Tooltip/Tooltip.stories.d.ts +34 -0
  56. package/dist/components/shared/Tooltip/Tooltip.stories.d.ts.map +1 -0
  57. package/dist/components/shared/Tooltip/constants.d.ts +24 -0
  58. package/dist/components/shared/Tooltip/constants.d.ts.map +1 -0
  59. package/dist/components/shared/Tooltip/index.d.ts +3 -0
  60. package/dist/components/shared/Tooltip/index.d.ts.map +1 -0
  61. package/dist/components/shared/Tooltip/types.d.ts +16 -0
  62. package/dist/components/shared/Tooltip/types.d.ts.map +1 -0
  63. package/dist/components/shared/Tooltip/utils.d.ts +14 -0
  64. package/dist/components/shared/Tooltip/utils.d.ts.map +1 -0
  65. package/dist/components/shared/index.d.ts +2 -0
  66. package/dist/components/shared/index.d.ts.map +1 -1
  67. package/dist/root.css +1 -1
  68. package/dist/ui-kit.cjs.js +10 -29
  69. package/dist/ui-kit.cjs.js.map +1 -1
  70. package/dist/ui-kit.css +1 -1
  71. package/dist/ui-kit.es.js +5235 -4234
  72. package/dist/ui-kit.es.js.map +1 -1
  73. package/package.json +5 -5
@@ -59,6 +59,8 @@ type BoxSpacers = {
59
59
  borderBottomWidth?: Spacing;
60
60
  borderColor?: string;
61
61
  borderRadius?: Spacing;
62
+ borderStyle?: React.CSSProperties["borderStyle"];
63
+ border?: React.CSSProperties["border"];
62
64
  zIndex?: number;
63
65
  overflow?: React.CSSProperties["overflow"];
64
66
  minWidth?: Spacing;
@@ -1 +1 @@
1
- {"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Box/Box.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Box/Box.tsx"],"names":[],"mappings":"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"}
@@ -21,10 +21,10 @@ export interface ModalProps extends PropsWithChildren {
21
21
  /** @default undefined */
22
22
  modalClassName?: string;
23
23
  /** Отключать прокрутку body при открытии */
24
- /** @default false */
24
+ /** @default true */
25
25
  disableBodyScroll?: boolean;
26
26
  /** Показывать ли кнопку закрытия c абсолютным позиционированием внутри модального окна */
27
- /** @default false */
27
+ /** @default undefined */
28
28
  showAbsoluteCloseButton?: boolean;
29
29
  }
30
30
  declare const Modal: import('react').ForwardRefExoticComponent<ModalProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAKjD,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACnD,mCAAmC;IACnC,MAAM,EAAE,OAAO,CAAC;IAEhB,4CAA4C;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,6BAA6B;IAC7B,oBAAoB;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAEzC,yCAAyC;IACzC,oBAAoB;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,mCAAmC;IACnC,oBAAoB;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kCAAkC;IAClC,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,0CAA0C;IAC1C,yBAAyB;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,4CAA4C;IAC5C,qBAAqB;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,0FAA0F;IAC1F,qBAAqB;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,QAAA,MAAM,KAAK,uGA0GV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAKjD,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACnD,mCAAmC;IACnC,MAAM,EAAE,OAAO,CAAC;IAEhB,4CAA4C;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,6BAA6B;IAC7B,oBAAoB;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAEzC,yCAAyC;IACzC,oBAAoB;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,mCAAmC;IACnC,oBAAoB;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kCAAkC;IAClC,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,0CAA0C;IAC1C,yBAAyB;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,4CAA4C;IAC5C,oBAAoB;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,0FAA0F;IAC1F,yBAAyB;IACzB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,QAAA,MAAM,KAAK,uGA0GV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}
@@ -1,4 +1,42 @@
1
1
  import { BoxProps } from '../../Box';
2
+ /**
3
+ * Компонент футера модального окна.
4
+ *
5
+ * `ModalFooter` представляет собой нижнюю часть модального окна, предназначенную
6
+ * для размещения кнопок действий и другого контента управления. Компонент является
7
+ * оберткой над `Box` с предустановленными стилями и настройками.
8
+ *
9
+ * @example
10
+ * ```tsx
11
+ * // Базовое использование с кнопками
12
+ * <ModalFooter>
13
+ * <Button variant="secondary">Отмена</Button>
14
+ * <Button variant="primary">Сохранить</Button>
15
+ * </ModalFooter>
16
+ *
17
+ * // С настройкой отступов
18
+ * <ModalFooter gap="var(--spacing-md)" p="var(--spacing-xl)">
19
+ * <Button variant="ghost">Назад</Button>
20
+ * <Button variant="primary">Далее</Button>
21
+ * </ModalFooter>
22
+ *
23
+ * // Вертикальное расположение
24
+ * <ModalFooter row={false}>
25
+ * <Button variant="primary" fullWidth>Основное действие</Button>
26
+ * <Button variant="secondary" fullWidth>Дополнительное действие</Button>
27
+ * </ModalFooter>
28
+ * ```
29
+ */
2
30
  declare const ModalFooter: import('react').ForwardRefExoticComponent<Omit<BoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
31
+ /**
32
+ * Экспорт компонента ModalFooter.
33
+ *
34
+ * Компонент автоматически применяет следующие стили:
35
+ * - Верхняя граница для визуального разделения с основным контентом
36
+ * - Flexbox layout с горизонтальным расположением по умолчанию
37
+ * - Стандартные отступы и промежутки между элементами
38
+ *
39
+ * Поддерживает все пропсы компонента Box для максимальной гибкости настройки.
40
+ */
3
41
  export { ModalFooter };
4
42
  //# sourceMappingURL=ModalFooter.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalFooter/ModalFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI/D,QAAA,MAAM,WAAW,kHA2BhB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalFooter/ModalFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI/D;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,QAAA,MAAM,WAAW,kHAkChB,CAAC;AAIF;;;;;;;;;GASG;AACH,OAAO,EAAE,WAAW,EAAE,CAAC"}
@@ -1,10 +1,23 @@
1
1
  import { BoxProps } from '../../Box';
2
2
  interface ModalHeaderProps extends Pick<BoxProps, "p" | "px" | "py" | "pt" | "pb" | "row" | "justifyContent" | "w"> {
3
- /** @default undefined */
3
+ /**
4
+ * Основной заголовок, отображаемый в шапке модального окна.
5
+ * Стилизуется как title-3 с полужирным начертанием.
6
+ *
7
+ * @default undefined */
4
8
  title?: string;
5
- /** @default undefined */
9
+ /**
10
+ *
11
+ * Дополнительный подзаголовок, отображаемый под основным заголовком.
12
+ * Стилизуется как body-1 с цветом tertiary.
13
+ *
14
+ * @default undefined */
6
15
  subtitle?: string;
7
- /** @default undefined */
16
+ /**
17
+ * Флаг отображения кнопки закрытия модального окна в правой части шапки.
18
+ * При нажатии вызывает колбэк onClose из ModalContext.
19
+ *
20
+ * @default false */
8
21
  showCloseButton?: boolean;
9
22
  }
10
23
  declare const ModalHeader: import('react').ForwardRefExoticComponent<ModalHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalHeader/ModalHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAO/D,UAAU,gBACR,SAAQ,IAAI,CACV,QAAQ,EACR,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,gBAAgB,GAAG,GAAG,CACjE;IACD,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yBAAyB;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,WAAW,6GAoDhB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalHeader/ModalHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAO/D,UAAU,gBACR,SAAQ,IAAI,CACV,QAAQ,EACR,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,gBAAgB,GAAG,GAAG,CACjE;IACD;;;;4BAIwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;4BAKwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;wBAIoB;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,WAAW,6GAoDhB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}
@@ -18,19 +18,80 @@ interface ModalMainRef {
18
18
  /** Получить общую высоту контента */
19
19
  getTotalSize: () => number;
20
20
  }
21
+ /**
22
+ * Пропсы компонента ModalMain
23
+ *
24
+ * @interface ModalMainProps
25
+ * @extends {PropsWithChildren}
26
+ */
21
27
  interface ModalMainProps extends PropsWithChildren {
22
- /** Если true, flex-direction будет row, иначе column */
28
+ /**
29
+ * Направление расположения элементов
30
+ * Если true, flex-direction будет row, иначе column
31
+ * @default false
32
+ */
23
33
  row?: boolean;
24
- /** Кастомный класс */
34
+ /**
35
+ * Кастомный CSS класс для стилизации компонента
36
+ */
25
37
  className?: string;
26
- /** Примерная высота элемента для виртуализации */
38
+ /**
39
+ * Примерная высота элемента для виртуализации в пикселях
40
+ * Используется для оптимизации производительности при скролле
41
+ * @default 100
42
+ */
27
43
  estimatedItemHeight?: number;
28
- /** Включить виртуализацию для больших списков */
44
+ /**
45
+ * Принудительно включить виртуализацию
46
+ * Если не указано, виртуализация включается автоматически для списков более 50 элементов
47
+ * @default false
48
+ */
29
49
  virtualize?: boolean;
30
- /** Максимальная высота контента */
31
- /** @default 448 */
50
+ /**
51
+ * Максимальная высота контента в CSS единицах
52
+ * Применяется только при виртуализации
53
+ * @default 448
54
+ */
32
55
  maxHeight?: React.CSSProperties["maxHeight"];
33
56
  }
57
+ /**
58
+ * Основной контейнер для содержимого модального окна с поддержкой виртуализации.
59
+ *
60
+ * Компонент автоматически включает виртуализацию для списков более 50 элементов,
61
+ * что значительно улучшает производительность при работе с большими объемами данных.
62
+ * Также поддерживает ручное управление скроллом через ref.
63
+ *
64
+ * @example
65
+ * // Простое использование
66
+ * <ModalMain>
67
+ * <div>Элемент 1</div>
68
+ * <div>Элемент 2</div>
69
+ * </ModalMain>
70
+ *
71
+ * @example
72
+ * // С виртуализацией и управлением скроллом
73
+ * const modalRef = useRef<ModalMainRef>(null);
74
+ *
75
+ * const handleScrollToTop = () => {
76
+ * modalRef.current?.scrollToTop();
77
+ * };
78
+ *
79
+ * <ModalMain
80
+ * ref={modalRef}
81
+ * virtualize
82
+ * estimatedItemHeight={120}
83
+ * maxHeight={600}
84
+ * >
85
+ * {items.map(item => <Item key={item.id} data={item} />)}
86
+ * </ModalMain>
87
+ *
88
+ * @example
89
+ * // Горизонтальное расположение
90
+ * <ModalMain row>
91
+ * <Column>Левая колонка</Column>
92
+ * <Column>Правая колонка</Column>
93
+ * </ModalMain>
94
+ */
34
95
  declare const ModalMain: import('react').ForwardRefExoticComponent<ModalMainProps & import('react').RefAttributes<ModalMainRef>>;
35
96
  export { ModalMain };
36
97
  export type { ModalMainRef };
@@ -1 +1 @@
1
- {"version":3,"file":"ModalMain.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalMain/ModalMain.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAGL,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAMf,UAAU,YAAY;IACpB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,4BAA4B;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mCAAmC;IACnC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAClE,+CAA+C;IAC/C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IACpE,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,2BAA2B;IAC3B,UAAU,EAAE,MAAM,cAAc,GAAG,IAAI,CAAC;IACxC,uCAAuC;IACvC,eAAe,EAAE,MAAM,MAAM,CAAC;IAC9B,qCAAqC;IACrC,YAAY,EAAE,MAAM,MAAM,CAAC;CAC5B;AAED,UAAU,cAAe,SAAQ,iBAAiB;IAChD,wDAAwD;IACxD,GAAG,CAAC,EAAE,OAAO,CAAC;IAEd,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,kDAAkD;IAClD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,mCAAmC;IACnC,mBAAmB;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;CAC9C;AAED,QAAA,MAAM,SAAS,yGAyGd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,YAAY,EAAE,CAAC"}
1
+ {"version":3,"file":"ModalMain.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalMain/ModalMain.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAGL,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAMf,UAAU,YAAY;IACpB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,4BAA4B;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mCAAmC;IACnC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAClE,+CAA+C;IAC/C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IACpE,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,2BAA2B;IAC3B,UAAU,EAAE,MAAM,cAAc,GAAG,IAAI,CAAC;IACxC,uCAAuC;IACvC,eAAe,EAAE,MAAM,MAAM,CAAC;IAC9B,qCAAqC;IACrC,YAAY,EAAE,MAAM,MAAM,CAAC;CAC5B;AAED;;;;;GAKG;AACH,UAAU,cAAe,SAAQ,iBAAiB;IAChD;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;CAC9C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,QAAA,MAAM,SAAS,yGAyGd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,YAAY,EAAE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Table/TablePagination/TablePagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,oBAAoB;IACnC,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAElB,sBAAsB;IACtB,QAAQ,EAAE,MAAM,CAAC;IAEjB,+BAA+B;IAC/B,UAAU,EAAE,MAAM,CAAC;IAEnB,sCAAsC;IACtC,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,8CAA8C;IAC9C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C,gCAAgC;IAChC,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B,8CAA8C;IAC9C,oBAAoB;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,uEAAuE;IACvE,oCAAoC;IACpC,kCAAkC,CAAC,EAAE,CAAC,IAAI,EAAE;QAC1C,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,MAAM,CAAC;IAEb,8DAA8D;IAC9D,yBAAyB;IACzB,+BAA+B,CAAC,EAAE,CAAC,YAAY,EAAE;QAC/C,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4F1D,CAAC"}
1
+ {"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Table/TablePagination/TablePagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,WAAW,oBAAoB;IACnC,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAElB,sBAAsB;IACtB,QAAQ,EAAE,MAAM,CAAC;IAEjB,+BAA+B;IAC/B,UAAU,EAAE,MAAM,CAAC;IAEnB,sCAAsC;IACtC,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,8CAA8C;IAC9C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C,gCAAgC;IAChC,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B,8CAA8C;IAC9C,oBAAoB;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,uEAAuE;IACvE,oCAAoC;IACpC,kCAAkC,CAAC,EAAE,CAAC,IAAI,EAAE;QAC1C,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,MAAM,CAAC;IAEb,8DAA8D;IAC9D,yBAAyB;IACzB,+BAA+B,CAAC,EAAE,CAAC,YAAY,EAAE;QAC/C,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuJ1D,CAAC"}
@@ -1,8 +1,19 @@
1
1
  /**
2
- * Получает массив страниц с точками для пагинации
3
- * @param pageIndex - Текущая страница (начиная с 0)
4
- * @param totalPages - Общее количество страниц
5
- * @returns Массив страниц с точками
2
+ * Получает массив номеров страниц для отображения в пагинации
3
+ * Адаптивно подстраивается под доступное пространство (maxVisiblePages)
4
+ *
5
+ * @param props.count - Общее количество страниц
6
+ * @param props.page - Текущая страница (начиная с 1)
7
+ * @param props.maxVisiblePages - Максимальное количество видимых элементов
8
+ * @returns Массив номеров страниц и многоточий ('start-dots', 'end-dots')
9
+ *
10
+ * @example
11
+ * getPageNumbers({ page: 5, count: 10, maxVisiblePages: 7 })
12
+ * // => [1, 'start-dots', 4, 5, 6, 'end-dots', 10]
6
13
  */
7
- export declare const getPageNumbers: (pageIndex: number, totalPages: number) => Array<number | string>;
14
+ export declare function getPageNumbers(props: {
15
+ count?: number;
16
+ page: number;
17
+ maxVisiblePages?: number;
18
+ }): (string | number)[];
8
19
  //# sourceMappingURL=TablePagination.utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TablePagination.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Table/TablePagination/TablePagination.utils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GACzB,WAAW,MAAM,EACjB,YAAY,MAAM,KACjB,KAAK,CAAC,MAAM,GAAG,MAAM,CAoCvB,CAAC"}
1
+ {"version":3,"file":"TablePagination.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Table/TablePagination/TablePagination.utils.ts"],"names":[],"mappings":"AAUA;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,uBAoFA"}
@@ -40,8 +40,8 @@ export declare const AnimatedText: React.ComponentType<Omit<{
40
40
  center?: boolean | undefined;
41
41
  left?: boolean | undefined;
42
42
  right?: boolean | undefined;
43
- overflow?: import("csstype").Property.Overflow | undefined;
44
43
  hidden?: boolean | undefined;
44
+ overflow?: import("csstype").Property.Overflow | undefined;
45
45
  flex?: string | number | undefined;
46
46
  mt?: string | number | undefined;
47
47
  mr?: string | number | undefined;
@@ -100,7 +100,7 @@ export declare const AnimatedText: React.ComponentType<Omit<{
100
100
  part?: string | undefined;
101
101
  "aria-activedescendant"?: string | undefined;
102
102
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
103
- "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
103
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
104
104
  "aria-braillelabel"?: string | undefined;
105
105
  "aria-brailleroledescription"?: string | undefined;
106
106
  "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -1,4 +1,5 @@
1
- import { HighchartsReactRefObject } from '@highcharts/react';
1
+ import { FC } from 'react';
2
2
  import { LineChartProps } from './types';
3
- export declare const LineChart: import('react').ForwardRefExoticComponent<LineChartProps & import('react').RefAttributes<HighchartsReactRefObject>>;
3
+ declare const LineChart: FC<LineChartProps>;
4
+ export { LineChart };
4
5
  //# sourceMappingURL=LineChart.d.ts.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/LineChart.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,EAA8B,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAyCjC,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -40,13 +40,15 @@ export declare const WithNamedPoints: Story;
40
40
  /**
41
41
  * График с кастомным tooltip (выплаты по дням)
42
42
  *
43
- * Пример кастомного tooltip с использованием переменных шаблонов Highcharts.
43
+ * Пример полностью кастомного tooltip с использованием React-компонентов и переменных шаблонов Highcharts.
44
44
  *
45
45
  * В этом примере используются:
46
46
  * - `{point.y}` - для отображения значения точки (сумма выплат)
47
47
  * - `{point.key}` - для отображения категории (даты)
48
48
  *
49
49
  * Переменные шаблонов автоматически заменяются на актуальные значения при наведении на точку графика.
50
+ *
51
+ * **Важно:** Tooltip передается как объект с свойством `children`, которое содержит React-компонент.
50
52
  */
51
53
  export declare const WithCustomTooltip: Story;
52
54
  export default meta;
@@ -1 +1 @@
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"}
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,CAmHhC,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,KAqC7B,CAAC;AAMF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAkF/B,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1 +1 @@
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"}
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,CAmCvD,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"}
@@ -1,4 +1,5 @@
1
1
  import { Highcharts, HighchartsOptionsType } from '@highcharts/react';
2
+ import { TooltipProps } from '@highcharts/react/options/Tooltip';
2
3
  import { AccentType, NegativeType, PositiveType, WarningType } from '../../../types';
3
4
  export type LineChartColorType = PositiveType | NegativeType | AccentType | WarningType;
4
5
  export type LineChartDataType = (number | Highcharts.PointOptionsObject | [string | number, number | null] | null)[] | undefined;
@@ -219,15 +220,20 @@ export interface LineChartProps extends Omit<React.HTMLAttributes<HTMLDivElement
219
220
  */
220
221
  containerProps?: React.HTMLAttributes<HTMLDivElement>;
221
222
  /**
222
- * Кастомный React-элемент для отображения всплывающей подсказки (tooltip) при наведении на точки графика.
223
+ * Конфигурация всплывающей подсказки (tooltip) при наведении на точки графика.
223
224
  *
224
- * Позволяет создать полностью настраиваемый tooltip с использованием React-компонентов и переменных
225
- * шаблонов Highcharts. Переменные шаблонов автоматически заменяются на актуальные значения точки.
225
+ * Принимает объект типа `TooltipProps` из `@highcharts/react`, который позволяет полностью
226
+ * настроить внешний вид и поведение tooltip. Можно использовать два подхода:
227
+ *
228
+ * **1. React-компоненты через `children`:**
229
+ *
230
+ * Передайте React-элементы в свойство `children` для создания кастомного tooltip.
231
+ * Внутри children можно использовать переменные шаблонов Highcharts в фигурных скобках.
226
232
  *
227
233
  * Основные переменные шаблонов:
228
234
  * - `{point.x}` - значение X координаты точки
229
235
  * - `{point.y}` - значение Y координаты точки
230
- * - `{point.key}` - ключ точки (обычно для категорий или дат)
236
+ * - `{point.key}` - ключ точки (категория или дата)
231
237
  * - `{point.name}` - имя точки
232
238
  * - `{series.name}` - название серии данных
233
239
  *
@@ -235,24 +241,61 @@ export interface LineChartProps extends Omit<React.HTMLAttributes<HTMLDivElement
235
241
  * - `{point.y:.2f}` - два знака после запятой
236
242
  * - `{point.y:,.0f}` - с разделителем тысяч, без десятичных
237
243
  *
238
- * Для правильной работы tooltip должен содержать атрибут `data-hc-option="pointFormat"`.
244
+ * **2. Строковые шаблоны через `pointFormat`:**
245
+ *
246
+ * Используйте свойство `pointFormat` для простых текстовых tooltip с переменными шаблонов.
247
+ *
248
+ * **Дополнительные настройки:**
249
+ *
250
+ * Компонент автоматически применяет следующие преднастройки:
251
+ * - `outside: true` - tooltip отображается вне контейнера графика
252
+ * - `useHTML: true` - поддержка HTML и React-компонентов
253
+ * - `padding: 0` - без отступов (настраивайте padding в ваших компонентах)
254
+ * - `backgroundColor`, `borderRadius`, `shadow` - стилизация по умолчанию
255
+ *
256
+ * Все преднастройки можно переопределить, передав свои значения в tooltip проп.
239
257
  *
240
258
  * @example
241
259
  * ```tsx
260
+ * // Пример 1: Кастомный tooltip с React-компонентами
242
261
  * <LineChart
243
262
  * data={[1000, 2500, 3200]}
244
263
  * yAxis={{}}
245
- * tooltip={
246
- * <div data-hc-option="pointFormat">
247
- * <p>{"{point.y} USDT"}</p>
248
- * <span>{"{point.key}"}</span>
249
- * </div>
250
- * }
264
+ * tooltip={{
265
+ * children: (
266
+ * <Box p="var(--spacing-md)">
267
+ * <Text>{"{point.y} USDT"}</Text>
268
+ * <Text colorName="tertiary">{"{point.key}"}</Text>
269
+ * </Box>
270
+ * )
271
+ * }}
272
+ * />
273
+ *
274
+ * // Пример 2: Простой строковый tooltip
275
+ * <LineChart
276
+ * data={[1000, 2500, 3200]}
277
+ * yAxis={{}}
278
+ * tooltip={{
279
+ * pointFormat: '<b>{point.y:.2f} USDT</b><br/>{point.key}'
280
+ * }}
281
+ * />
282
+ *
283
+ * // Пример 3: Переопределение стилей
284
+ * <LineChart
285
+ * data={[1000, 2500, 3200]}
286
+ * yAxis={{}}
287
+ * tooltip={{
288
+ * children: <div>{"{point.y}"}</div>,
289
+ * backgroundColor: '#ffffff',
290
+ * borderRadius: 12,
291
+ * padding: 16
292
+ * }}
251
293
  * />
252
294
  * ```
253
295
  *
254
- * @see Подробнее о переменных шаблонов в stories компонента
296
+ * @see Подробнее о переменных шаблонов и примерах в stories компонента
297
+ * @see Полный список свойств TooltipProps в документации @highcharts/react
255
298
  */
256
- tooltip?: React.ReactElement;
299
+ tooltip?: TooltipProps;
257
300
  }
258
301
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
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"}
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,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACtE,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4EG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB"}
@@ -1,4 +1,6 @@
1
1
  import { HighchartsOptionsType } from '@highcharts/react';
2
+ import { TooltipProps } from '@highcharts/react/options/Tooltip';
2
3
  import { LineChartColorType, LineChartDataType, LineChartXAxisType, LineChartYAxisType } from './types';
3
- export declare const buildLineChartOptions: (color: LineChartColorType, data: LineChartDataType, xAxis: LineChartXAxisType, yAxis: LineChartYAxisType) => HighchartsOptionsType;
4
+ export declare const buildLineChartOptions: (color: LineChartColorType, data: LineChartDataType, xAxis: LineChartXAxisType, yAxis: LineChartYAxisType, tooltip: boolean) => HighchartsOptionsType;
5
+ export declare const buildTooltipProps: (tooltip?: TooltipProps) => TooltipProps;
4
6
  //# sourceMappingURL=utils.d.ts.map
@@ -1 +1 @@
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"}
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;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEtE,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,EACzB,SAAS,OAAO,KACf,qBAgCF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,UAAU,YAAY,KAAG,YAgBzD,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import { HighchartsReactRefObject } from '@highcharts/react';
2
2
  import { PieProgressChartProps } from './types';
3
- export declare const PieProgressChart: import('react').ForwardRefExoticComponent<PieProgressChartProps & import('react').RefAttributes<HighchartsReactRefObject>>;
3
+ declare const PieProgressChart: import('react').ForwardRefExoticComponent<PieProgressChartProps & import('react').RefAttributes<HighchartsReactRefObject>>;
4
+ export { PieProgressChart };
4
5
  //# sourceMappingURL=PieProgressChart.d.ts.map
@@ -1 +1 @@
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"}
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,QAAA,MAAM,gBAAgB,4HAwCrB,CAAC;AAGF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
@@ -15,7 +15,7 @@ export interface InputRef {
15
15
  */
16
16
  type CommonProps = {
17
17
  /** Заголовок над полем */
18
- label?: string;
18
+ label?: string | React.ReactNode;
19
19
  /** Подсказка или JSX-элемент под полем */
20
20
  prompt?: string | React.ReactNode;
21
21
  /** Есть ли ошибка */
@@ -1 +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,6EAoPhB,CAAC"}
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,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,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"}
@@ -7,6 +7,7 @@ export declare const Default: Story;
7
7
  export declare const ErrorInput: Story;
8
8
  export declare const Disabled: Story;
9
9
  export declare const Small: Story;
10
+ export declare const WithReactNodeLabel: Story;
10
11
  export declare const WithPrefixSuffix: Story;
11
12
  export declare const WithClearButton: Story;
12
13
  export declare const Multiline: Story;
@@ -1 +1 @@
1
- {"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,KAAK,EAAiB,MAAM,SAAS,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAuD5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAGpC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAYjC,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAmDxB,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAkBlC,CAAC"}
1
+ {"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,KAAK,EAAiB,MAAM,SAAS,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAuD5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAGpC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAoBhC,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAYjC,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAmDxB,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAkBlC,CAAC"}
@@ -0,0 +1,93 @@
1
+ import { default as React } from 'react';
2
+ import { Size } from '../../../types';
3
+ /**
4
+ * Radio — доступная реализация визуального радио-переключателя.
5
+ *
6
+ * Компонент поддерживает два режима работы:
7
+ * 1. В составе RadioGroup (контекст) — контролируется через `value`/`setValue` в контексте.
8
+ * 2. Standalone — может быть контролируемым (через `checked` + `onChange`) или неконтролируемым
9
+ * (через `defaultChecked`).
10
+ *
11
+ * Основные особенности:
12
+ * - Forward-ref на нативный `<button />`.
13
+ * - Использует `role="radio"` и `aria-checked` + `aria-disabled` для доступности.
14
+ * - Работает с подходом "roving tabindex": активный (checked) элемент получает tabIndex=0, остальные - -1.
15
+ * - Поддерживает кастомный `description` — вспомогательный текст под основным содержимым.
16
+ * - Параметр `size` меняет геометрию радиокнопки: `sm` или `md`.
17
+ *
18
+ * API и примеры использования находятся в JSDoc комментариях ниже.
19
+ */
20
+ export type RadioProps = {
21
+ /** Значение радиокнопки в группе. Обязательно для использования внутри RadioGroup. */
22
+ value?: string;
23
+ /** Содержимое метки (label). Ожидается текст или любой ReactNode. */
24
+ children?: React.ReactNode;
25
+ /** Отключает компонент, делая прозрачней. Если радио находится в группе — учитывается флаг группы. */
26
+ disabled?: boolean;
27
+ /** Дополнительный CSS-класс (emotion / scss и т.д.). */
28
+ className?: string;
29
+ /** Контролируемый режим: значение checked управляется извне. */
30
+ checked?: boolean;
31
+ /** Неконтролируемый режим: начальное значение. */
32
+ defaultChecked?: boolean;
33
+ /** Колбек для standalone режима: получает новый checked (boolean). */
34
+ onChange?: (checked: boolean) => void;
35
+ /** Вспомогательный текст под label. */
36
+ description?: React.ReactNode;
37
+ /** Можно переопределить размер на уровне конкретного Radio.
38
+ *
39
+ * @default "md"
40
+ */
41
+ size?: Extract<Size, "sm" | "md">;
42
+ /** Можно переопределить расположение Radio на уровне конкретного Radio.
43
+ *
44
+ * @default "left"
45
+ */
46
+ side?: "left" | "right";
47
+ /**
48
+ * Делает конкретное Radio доступной только для чтения.
49
+ * - Изменение выбранного значения запрещено.
50
+ * - В отличие от `disabled`, визуально не выглядить как отключённое.
51
+ */
52
+ readOnly?: boolean;
53
+ /** Включает визуальное состояние ошибки (рамка, цвет заливки и т.п.). */
54
+ error?: boolean;
55
+ };
56
+ /**
57
+ * Radio (React.forwardRef)
58
+ *
59
+ * Props behaviour summary:
60
+ * - Grouped: если компонент вложен в RadioGroup (useRadioGroupContext возвращает ctx),
61
+ * то `value` используется как идентификатор и `checked`/`onChange` карточные props игнорируются.
62
+ * Для управления выбраным элементом используйте RadioGroup (контекст).
63
+ * - Standalone (не в группе):
64
+ * - Контролируемый: передайте `checked` + `onChange`.
65
+ * - Неконтролируемый: передайте `defaultChecked` и используйте `onChange` при необходимости.
66
+ *
67
+ * Accessibility notes:
68
+ * - Используется role="radio" и aria-checked={boolean}.
69
+ * - aria-disabled выставляется если disabled.
70
+ * - Компонент реализует roving tabindex — только выбранный элемент доступен через Tab.
71
+ * - Внимание: компонент намеренно рендерится как <button> (см. biome-ignore comment) —
72
+ * ответственность за поддержку клавиш навигации (стрелки в группе) лежит на RadioGroup.
73
+ *
74
+ * Forwarded ref: ref будет указывать на HTMLButtonElement.
75
+ *
76
+ * Examples:
77
+ *
78
+ * // Standalone controlled
79
+ * const [checked, setChecked] = useState(false);
80
+ * <Radio checked={checked} onChange={(c) => setChecked(c)}>Опция</Radio>
81
+ *
82
+ * // Standalone uncontrolled
83
+ * <Radio defaultChecked>Опция (по-умолчанию выбрана)</Radio>
84
+ *
85
+ * // В группе — RadioGroup реализует контекст (пример псевдокода)
86
+ * <RadioGroup value={value} onChange={(v) => setValue(v)} size="sm">
87
+ * <Radio value="a">Первый</Radio>
88
+ * <Radio value="b" description="описание">Второй</Radio>
89
+ * </RadioGroup>
90
+ */
91
+ declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLButtonElement>>;
92
+ export { Radio };
93
+ //# sourceMappingURL=Radio.d.ts.map