@max-ts/kit 0.0.2

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 (180) hide show
  1. package/lib/components/Button/Button.d.ts +11 -0
  2. package/lib/components/Button/button.css.d.ts +5 -0
  3. package/lib/components/Button/index.d.ts +1 -0
  4. package/lib/components/Button/types.d.ts +2 -0
  5. package/lib/components/ButtonGroup/ButtonGroup.d.ts +17 -0
  6. package/lib/components/ButtonGroup/buttonGroup.css.d.ts +3 -0
  7. package/lib/components/ButtonGroup/index.d.ts +1 -0
  8. package/lib/components/Card/Card.d.ts +8 -0
  9. package/lib/components/Card/card.css.d.ts +6 -0
  10. package/lib/components/Card/index.d.ts +1 -0
  11. package/lib/components/Checkbox/Checkbox.d.ts +3 -0
  12. package/lib/components/Checkbox/checkbox.css.d.ts +3 -0
  13. package/lib/components/Checkbox/index.d.ts +1 -0
  14. package/lib/components/CircularProgress/CircularProgress.d.ts +10 -0
  15. package/lib/components/CircularProgress/index.d.ts +1 -0
  16. package/lib/components/CircularProgress/styles.css.d.ts +5 -0
  17. package/lib/components/ConfirmAction/ConfirmAction.d.ts +39 -0
  18. package/lib/components/ConfirmAction/index.d.ts +1 -0
  19. package/lib/components/ConfirmAction/styles.css.d.ts +4 -0
  20. package/lib/components/ConfirmAction/useLogic.d.ts +9 -0
  21. package/lib/components/ContentState/ContentState.d.ts +34 -0
  22. package/lib/components/ContentState/index.d.ts +2 -0
  23. package/lib/components/ContentState/styles.css.d.ts +1 -0
  24. package/lib/components/ContentState/types.d.ts +24 -0
  25. package/lib/components/CopyTypography/CopyTypography.d.ts +17 -0
  26. package/lib/components/CopyTypography/enums.d.ts +5 -0
  27. package/lib/components/CopyTypography/index.d.ts +1 -0
  28. package/lib/components/CopyTypography/styles.css.d.ts +2 -0
  29. package/lib/components/CopyTypography/useLogic/index.d.ts +1 -0
  30. package/lib/components/CopyTypography/useLogic/useLogic.d.ts +12 -0
  31. package/lib/components/DataGrid/Body/Body.d.ts +5 -0
  32. package/lib/components/DataGrid/Body/index.d.ts +1 -0
  33. package/lib/components/DataGrid/Body/styles.css.d.ts +1 -0
  34. package/lib/components/DataGrid/Cell/Cell.d.ts +8 -0
  35. package/lib/components/DataGrid/Cell/index.d.ts +1 -0
  36. package/lib/components/DataGrid/Cell/styles.css.d.ts +2 -0
  37. package/lib/components/DataGrid/DataGrid.d.ts +23 -0
  38. package/lib/components/DataGrid/Footer/Footer.d.ts +5 -0
  39. package/lib/components/DataGrid/Footer/index.d.ts +1 -0
  40. package/lib/components/DataGrid/Footer/styles.css.d.ts +1 -0
  41. package/lib/components/DataGrid/Header/Header.d.ts +9 -0
  42. package/lib/components/DataGrid/Header/index.d.ts +1 -0
  43. package/lib/components/DataGrid/Header/styles.css.d.ts +1 -0
  44. package/lib/components/DataGrid/HeaderCell/HeaderCell.d.ts +8 -0
  45. package/lib/components/DataGrid/HeaderCell/index.d.ts +1 -0
  46. package/lib/components/DataGrid/HeaderCell/styles.css.d.ts +1 -0
  47. package/lib/components/DataGrid/Row/Row.d.ts +11 -0
  48. package/lib/components/DataGrid/Row/index.d.ts +1 -0
  49. package/lib/components/DataGrid/Row/styles.css.d.ts +2 -0
  50. package/lib/components/DataGrid/State/State.d.ts +10 -0
  51. package/lib/components/DataGrid/State/index.d.ts +1 -0
  52. package/lib/components/DataGrid/State/styles.css.d.ts +2 -0
  53. package/lib/components/DataGrid/constants.d.ts +1 -0
  54. package/lib/components/DataGrid/index.d.ts +2 -0
  55. package/lib/components/DataGrid/styles.css.d.ts +5 -0
  56. package/lib/components/DataGrid/types.d.ts +24 -0
  57. package/lib/components/DataGridActionCell/DataGridActionCell.d.ts +22 -0
  58. package/lib/components/DataGridActionCell/MainAction/MainAction.d.ts +22 -0
  59. package/lib/components/DataGridActionCell/MainAction/MainIconButton/MainIconButton.d.ts +21 -0
  60. package/lib/components/DataGridActionCell/MainAction/MainIconButton/index.d.ts +1 -0
  61. package/lib/components/DataGridActionCell/MainAction/MainIconButton/useLogic/index.d.ts +1 -0
  62. package/lib/components/DataGridActionCell/MainAction/MainIconButton/useLogic/useLogic.d.ts +10 -0
  63. package/lib/components/DataGridActionCell/MainAction/index.d.ts +1 -0
  64. package/lib/components/DataGridActionCell/SecondaryAction/SecondaryAction.d.ts +22 -0
  65. package/lib/components/DataGridActionCell/SecondaryAction/index.d.ts +1 -0
  66. package/lib/components/DataGridActionCell/index.d.ts +1 -0
  67. package/lib/components/DataGridActionCell/styles.css.d.ts +1 -0
  68. package/lib/components/DataGridActionCell/types.d.ts +100 -0
  69. package/lib/components/DataGridActionCell/useLogic/index.d.ts +1 -0
  70. package/lib/components/DataGridActionCell/useLogic/useLogic.d.ts +10 -0
  71. package/lib/components/DataGridSortHeader/DataGridSortHeader.d.ts +9 -0
  72. package/lib/components/DataGridSortHeader/index.d.ts +2 -0
  73. package/lib/components/DataGridSortHeader/styles.css.d.ts +2 -0
  74. package/lib/components/DataGridSortHeader/types.d.ts +4 -0
  75. package/lib/components/DataList/DataList.d.ts +55 -0
  76. package/lib/components/DataList/EndData/EndData.d.ts +5 -0
  77. package/lib/components/DataList/EndData/constants.d.ts +1 -0
  78. package/lib/components/DataList/EndData/index.d.ts +1 -0
  79. package/lib/components/DataList/EndData/styles.css.d.ts +1 -0
  80. package/lib/components/DataList/ErrorState/ErrorState.d.ts +5 -0
  81. package/lib/components/DataList/ErrorState/constants.d.ts +1 -0
  82. package/lib/components/DataList/ErrorState/index.d.ts +1 -0
  83. package/lib/components/DataList/ErrorState/styles.css.d.ts +1 -0
  84. package/lib/components/DataList/Loader/Loader.d.ts +1 -0
  85. package/lib/components/DataList/Loader/index.d.ts +1 -0
  86. package/lib/components/DataList/Loader/styles.css.d.ts +1 -0
  87. package/lib/components/DataList/NoData/NoData.d.ts +5 -0
  88. package/lib/components/DataList/NoData/constants.d.ts +1 -0
  89. package/lib/components/DataList/NoData/index.d.ts +1 -0
  90. package/lib/components/DataList/ScrollToTopButton/ScrollToTopButton.d.ts +5 -0
  91. package/lib/components/DataList/ScrollToTopButton/index.d.ts +1 -0
  92. package/lib/components/DataList/ScrollToTopButton/styles.css.d.ts +2 -0
  93. package/lib/components/DataList/constants.d.ts +2 -0
  94. package/lib/components/DataList/index.d.ts +1 -0
  95. package/lib/components/DataList/styles.css.d.ts +2 -0
  96. package/lib/components/Description/Description.d.ts +34 -0
  97. package/lib/components/Description/DescriptionContext/DescriptionContext.d.ts +6 -0
  98. package/lib/components/Description/DescriptionContext/DescriptionContextProvider/DescriptionContextProvider.d.ts +7 -0
  99. package/lib/components/Description/DescriptionContext/DescriptionContextProvider/index.d.ts +1 -0
  100. package/lib/components/Description/DescriptionContext/index.d.ts +2 -0
  101. package/lib/components/Description/Name/Name.d.ts +3 -0
  102. package/lib/components/Description/Name/index.d.ts +1 -0
  103. package/lib/components/Description/Name/styles.css.d.ts +3 -0
  104. package/lib/components/Description/Value/Value.d.ts +22 -0
  105. package/lib/components/Description/Value/index.d.ts +1 -0
  106. package/lib/components/Description/Value/styles.css.d.ts +3 -0
  107. package/lib/components/Description/Value/useLogic/index.d.ts +1 -0
  108. package/lib/components/Description/Value/useLogic/useLogic.d.ts +9 -0
  109. package/lib/components/Description/constants.d.ts +3 -0
  110. package/lib/components/Description/index.d.ts +2 -0
  111. package/lib/components/Description/styles.css.d.ts +3 -0
  112. package/lib/components/Description/useLogic/index.d.ts +1 -0
  113. package/lib/components/Description/useLogic/useLogic.d.ts +9 -0
  114. package/lib/components/Dialog/Dialog.d.ts +10 -0
  115. package/lib/components/Dialog/index.d.ts +1 -0
  116. package/lib/components/Dialog/styles.css.d.ts +9 -0
  117. package/lib/components/DropdownMenu/DropdownMenu.d.ts +24 -0
  118. package/lib/components/DropdownMenu/index.d.ts +1 -0
  119. package/lib/components/DropdownMenu/styles.css.d.ts +12 -0
  120. package/lib/components/ImageCarousel/ImageCarousel.d.ts +10 -0
  121. package/lib/components/ImageCarousel/index.d.ts +1 -0
  122. package/lib/components/ImageCarousel/styles.css.d.ts +9 -0
  123. package/lib/components/Input/Input.d.ts +11 -0
  124. package/lib/components/Input/index.d.ts +1 -0
  125. package/lib/components/Input/styles.css.d.ts +12 -0
  126. package/lib/components/Label/Label.d.ts +5 -0
  127. package/lib/components/Label/index.d.ts +1 -0
  128. package/lib/components/Label/label.css.d.ts +2 -0
  129. package/lib/components/Placeholder/Image/Image.d.ts +6 -0
  130. package/lib/components/Placeholder/Image/index.d.ts +1 -0
  131. package/lib/components/Placeholder/Image/styles.css.d.ts +3 -0
  132. package/lib/components/Placeholder/Placeholder.d.ts +40 -0
  133. package/lib/components/Placeholder/constants.d.ts +22 -0
  134. package/lib/components/Placeholder/index.d.ts +3 -0
  135. package/lib/components/Placeholder/styles.css.d.ts +6 -0
  136. package/lib/components/Placeholder/types.d.ts +1 -0
  137. package/lib/components/Popover/Popover.d.ts +2 -0
  138. package/lib/components/Popover/PopoverContent.d.ts +3 -0
  139. package/lib/components/Popover/index.d.ts +2 -0
  140. package/lib/components/Popover/styles.css.d.ts +1 -0
  141. package/lib/components/RangeInput/RangeInput.d.ts +16 -0
  142. package/lib/components/RangeInput/index.d.ts +1 -0
  143. package/lib/components/RangeInput/styles.css.d.ts +7 -0
  144. package/lib/components/ScrollTopButton/ScrollTopButton.d.ts +4 -0
  145. package/lib/components/ScrollTopButton/index.d.ts +1 -0
  146. package/lib/components/ScrollTopButton/styles.css.d.ts +2 -0
  147. package/lib/components/Select/Select.d.ts +19 -0
  148. package/lib/components/Select/index.d.ts +1 -0
  149. package/lib/components/Select/styles.css.d.ts +10 -0
  150. package/lib/components/Slider/Slider.d.ts +3 -0
  151. package/lib/components/Slider/index.d.ts +1 -0
  152. package/lib/components/Slider/styles.css.d.ts +4 -0
  153. package/lib/components/Tabs/Tabs.d.ts +1 -0
  154. package/lib/components/Tabs/TabsContent.d.ts +3 -0
  155. package/lib/components/Tabs/TabsList.d.ts +3 -0
  156. package/lib/components/Tabs/TabsTrigger.d.ts +3 -0
  157. package/lib/components/Tabs/index.d.ts +4 -0
  158. package/lib/components/Tabs/styles.css.d.ts +3 -0
  159. package/lib/components/TextField/TextField.d.ts +7 -0
  160. package/lib/components/TextField/index.d.ts +1 -0
  161. package/lib/components/TextField/styles.css.d.ts +5 -0
  162. package/lib/components/Tooltip/Tooltip.d.ts +13 -0
  163. package/lib/components/Tooltip/index.d.ts +1 -0
  164. package/lib/components/Tooltip/styles.css.d.ts +3 -0
  165. package/lib/components/Typography/Typography.d.ts +15 -0
  166. package/lib/components/Typography/index.d.ts +1 -0
  167. package/lib/components/Typography/styles.css.d.ts +9 -0
  168. package/lib/components/Typography/types.d.ts +3 -0
  169. package/lib/components/index.d.ts +28 -0
  170. package/lib/hooks/index.d.ts +1 -0
  171. package/lib/hooks/useToggle/index.d.ts +1 -0
  172. package/lib/hooks/useToggle/useToggle.d.ts +43 -0
  173. package/lib/index.d.ts +2 -0
  174. package/lib/index.mjs +1 -0
  175. package/lib/styles/index.d.ts +3 -0
  176. package/lib/styles/reset.css.d.ts +1 -0
  177. package/lib/styles/theme.css.d.ts +136 -0
  178. package/lib/styles.css +1 -0
  179. package/package.json +53 -0
  180. package/src/index.ts +2 -0
@@ -0,0 +1,22 @@
1
+ import type { PlaceholderSize } from './types';
2
+ export declare const SIZE: Record<PlaceholderSize, PlaceholderSize>;
3
+ export declare const IMAGE_WIDTH: {
4
+ [SIZE.sm]: string;
5
+ [SIZE.md]: string;
6
+ [SIZE.lg]: string;
7
+ };
8
+ export declare const IMAGE_HEIGHT: {
9
+ [SIZE.sm]: string;
10
+ [SIZE.md]: string;
11
+ [SIZE.lg]: string;
12
+ };
13
+ export declare const MAX_INNER_WIDTH: {
14
+ [SIZE.sm]: string;
15
+ [SIZE.md]: string;
16
+ [SIZE.lg]: string;
17
+ };
18
+ export declare const TITLE_HEADER_LEVEL: {
19
+ readonly [SIZE.sm]: "subtitle1";
20
+ readonly [SIZE.md]: "h6";
21
+ readonly [SIZE.lg]: "h5";
22
+ };
@@ -0,0 +1,3 @@
1
+ export * from './types';
2
+ export * from './Image';
3
+ export * from './Placeholder';
@@ -0,0 +1,6 @@
1
+ import type { PlaceholderSize } from './types';
2
+ export declare const wrapper: string;
3
+ export declare const sizes: Record<PlaceholderSize, string>;
4
+ export declare const innerContainer: string;
5
+ export declare const descriptionClass: string;
6
+ export declare const footerClass: string;
@@ -0,0 +1 @@
1
+ export type PlaceholderSize = 'sm' | 'md' | 'lg';
@@ -0,0 +1,2 @@
1
+ export { Popover, PopoverTrigger } from '@radix-ui/react-popover';
2
+ export type { PopoverProps } from '@radix-ui/react-popover';
@@ -0,0 +1,3 @@
1
+ import { type PopoverContentProps as ContentProps } from '@radix-ui/react-popover';
2
+ export type PopoverContentProps = ContentProps;
3
+ export declare const PopoverContent: ({ className, align, sideOffset, ...props }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export * from './Popover';
2
+ export * from './PopoverContent';
@@ -0,0 +1 @@
1
+ export declare const content: string;
@@ -0,0 +1,16 @@
1
+ type RangeInputProps = {
2
+ minValue: number | null;
3
+ maxValue: number | null;
4
+ min: number;
5
+ max: number;
6
+ title: string;
7
+ onChange: (minValue: number, maxValue: number) => void;
8
+ width?: number | string;
9
+ size?: 'sm' | 'md' | 'lg';
10
+ className?: string;
11
+ isActive?: boolean;
12
+ minInputRef?: React.RefObject<HTMLInputElement>;
13
+ maxInputRef?: React.RefObject<HTMLInputElement>;
14
+ };
15
+ export declare function RangeInput({ min, max, onChange, minValue, maxValue, width, title, size, className, isActive, minInputRef, maxInputRef, }: RangeInputProps): import("react/jsx-runtime").JSX.Element;
16
+ export {};
@@ -0,0 +1 @@
1
+ export * from './RangeInput';
@@ -0,0 +1,7 @@
1
+ export declare const container: string;
2
+ export declare const activeClass: string;
3
+ export declare const sizes: Record<"sm" | "lg" | "md", string>;
4
+ export declare const titleClass: string;
5
+ export declare const textClass: string;
6
+ export declare const inputClass: string;
7
+ export declare const sliderClass: string;
@@ -0,0 +1,4 @@
1
+ import { type ButtonProps } from '../Button';
2
+ type ScrollTopButtonProps = ButtonProps;
3
+ export declare function ScrollTopButton({ onClick, variant, ...props }: ScrollTopButtonProps): import("react/jsx-runtime").JSX.Element;
4
+ export {};
@@ -0,0 +1 @@
1
+ export * from './ScrollTopButton';
@@ -0,0 +1,2 @@
1
+ export declare const button: string;
2
+ export declare const visible: string;
@@ -0,0 +1,19 @@
1
+ import { Content, Item, Label, ScrollDownButton, ScrollUpButton, Separator, Trigger } from '@radix-ui/react-select';
2
+ declare const Select: import("react").FC<import("@radix-ui/react-select").SelectProps>;
3
+ declare const SelectGroup: import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
4
+ declare const SelectValue: import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
5
+ export type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof Trigger>;
6
+ declare const SelectTrigger: ({ className, children, ...props }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
7
+ export type ScrollUpButtonProps = React.ComponentPropsWithoutRef<typeof ScrollUpButton>;
8
+ declare const SelectScrollUpButton: ({ className, ...props }: ScrollUpButtonProps) => import("react/jsx-runtime").JSX.Element;
9
+ export type ScrollDownButtonProps = React.ComponentPropsWithoutRef<typeof ScrollDownButton>;
10
+ declare const SelectScrollDownButton: ({ className, ...props }: ScrollDownButtonProps) => import("react/jsx-runtime").JSX.Element;
11
+ export type SelectContentProps = React.ComponentPropsWithoutRef<typeof Content>;
12
+ declare const SelectContent: ({ className, children, position, ...props }: SelectContentProps) => import("react/jsx-runtime").JSX.Element;
13
+ export type SelectLabelProps = React.ComponentPropsWithoutRef<typeof Label>;
14
+ declare const SelectLabel: ({ className, ...props }: SelectLabelProps) => import("react/jsx-runtime").JSX.Element;
15
+ export type SelectItemProps = React.ComponentPropsWithoutRef<typeof Item>;
16
+ declare const SelectItem: ({ className, children, ...props }: SelectItemProps) => import("react/jsx-runtime").JSX.Element;
17
+ export type SelectSeparatorProps = React.ComponentPropsWithoutRef<typeof Separator>;
18
+ declare const SelectSeparator: ({ className, ...props }: SelectSeparatorProps) => import("react/jsx-runtime").JSX.Element;
19
+ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
@@ -0,0 +1 @@
1
+ export * from './Select';
@@ -0,0 +1,10 @@
1
+ export declare const trigger: string;
2
+ export declare const scrollButton: string;
3
+ export declare const content: string;
4
+ export declare const viewport: string;
5
+ export declare const label: string;
6
+ export declare const item: string;
7
+ export declare const itemIndicatorWrapper: string;
8
+ export declare const separator: string;
9
+ export declare const icon: string;
10
+ export declare const chevron: string;
@@ -0,0 +1,3 @@
1
+ import { type SliderProps as SliderPrimitiveProps } from '@radix-ui/react-slider';
2
+ export type SliderProps = SliderPrimitiveProps;
3
+ export declare const Slider: ({ className, ...props }: SliderProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './Slider';
@@ -0,0 +1,4 @@
1
+ export declare const root: string;
2
+ export declare const track: string;
3
+ export declare const range: string;
4
+ export declare const thumb: string;
@@ -0,0 +1 @@
1
+ export { Tabs, type TabsProps } from '@radix-ui/react-tabs';
@@ -0,0 +1,3 @@
1
+ import { Content } from '@radix-ui/react-tabs';
2
+ export type TabsContentProps = React.ComponentPropsWithoutRef<typeof Content>;
3
+ export declare const TabsContent: ({ className, ...props }: TabsContentProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ import { List } from '@radix-ui/react-tabs';
2
+ export type TabsListProps = React.ComponentPropsWithoutRef<typeof List>;
3
+ export declare const TabsList: ({ className, ...props }: TabsListProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ import { Trigger } from '@radix-ui/react-tabs';
2
+ export type TabsTriggerProps = React.ComponentPropsWithoutRef<typeof Trigger>;
3
+ export declare const TabsTrigger: ({ className, ...props }: TabsTriggerProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,4 @@
1
+ export * from './Tabs';
2
+ export { TabsContent } from './TabsContent';
3
+ export { TabsList } from './TabsList';
4
+ export { TabsTrigger } from './TabsTrigger';
@@ -0,0 +1,3 @@
1
+ export declare const listClass: string;
2
+ export declare const triggerClass: string;
3
+ export declare const contentClass: string;
@@ -0,0 +1,7 @@
1
+ import { type InputProps } from '../Input';
2
+ export type TextFieldProps = InputProps & {
3
+ label?: string;
4
+ labelClassName?: string;
5
+ helperText?: string;
6
+ };
7
+ export declare const TextField: ({ label, helperText, className, disabled, fullWidth, ref, labelClassName, ...props }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './TextField';
@@ -0,0 +1,5 @@
1
+ export declare const container: string;
2
+ export declare const helperTextClass: string;
3
+ export declare const disabledClass: string;
4
+ export declare const errorClass: string;
5
+ export declare const fullWidthClass: string;
@@ -0,0 +1,13 @@
1
+ import { Root, type TooltipContentProps } from '@radix-ui/react-tooltip';
2
+ export type TooltipProps = React.ComponentProps<typeof Root> & {
3
+ text?: string;
4
+ content?: React.ReactNode;
5
+ arrow?: boolean;
6
+ align?: TooltipContentProps['align'];
7
+ sideOffset?: number;
8
+ alignOffset?: number;
9
+ side?: TooltipContentProps['side'];
10
+ className?: string;
11
+ ref?: React.Ref<HTMLButtonElement>;
12
+ };
13
+ export declare const Tooltip: ({ text, content, children, side, sideOffset, alignOffset, delayDuration, className, ref, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './Tooltip';
@@ -0,0 +1,3 @@
1
+ export declare const contentClass: string;
2
+ export declare const textClass: string;
3
+ export declare const arrowClass: string;
@@ -0,0 +1,15 @@
1
+ import { alignments, colors, displays, transforms, variants, weights } from './styles.css';
2
+ import type { TypographyAlign, TypographyColor, TypographyVariant } from './types';
3
+ export type TypographyProps = Omit<React.HTMLAttributes<HTMLElement>, 'color'> & {
4
+ align?: TypographyAlign;
5
+ variant?: TypographyVariant;
6
+ color?: TypographyColor;
7
+ display?: 'block' | 'inline';
8
+ weight?: 'normal' | 'bold' | 'medium' | 'semibold';
9
+ transform?: 'lowercase' | 'capitalize' | 'uppercase';
10
+ decoration?: 'none' | 'underline' | 'lineThrough';
11
+ component?: React.ElementType;
12
+ gutterBottom?: boolean;
13
+ };
14
+ declare const Typography: ({ className, variant, component, color, align, display, weight, transform, decoration, gutterBottom, children, ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
15
+ export { alignments, colors, displays, transforms, Typography, variants, weights, };
@@ -0,0 +1 @@
1
+ export * from './Typography';
@@ -0,0 +1,9 @@
1
+ import type { TypographyVariant } from './types';
2
+ export declare const variants: Record<TypographyVariant, string>;
3
+ export declare const colors: Record<"info" | "primary" | "secondary" | "disabled" | "success" | "error" | "warning", string>;
4
+ export declare const alignments: Record<"left" | "right" | "center" | "justify", string>;
5
+ export declare const displays: Record<"block" | "inline", string>;
6
+ export declare const weights: Record<"bold" | "normal" | "medium" | "semibold", string>;
7
+ export declare const transforms: Record<"capitalize" | "lowercase" | "uppercase", string>;
8
+ export declare const decorations: Record<"none" | "underline" | "lineThrough", string>;
9
+ export declare const gutterBottomClass: string;
@@ -0,0 +1,3 @@
1
+ export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline';
2
+ export type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
3
+ export type TypographyColor = 'primary' | 'disabled' | 'info' | 'secondary' | 'success' | 'error' | 'warning';
@@ -0,0 +1,28 @@
1
+ export * from './Button';
2
+ export * from './ButtonGroup';
3
+ export * from './Card';
4
+ export * from './Checkbox';
5
+ export * from './CircularProgress';
6
+ export * from './ConfirmAction';
7
+ export * from './ContentState';
8
+ export * from './CopyTypography';
9
+ export * from './DataGrid';
10
+ export * from './DataGridActionCell';
11
+ export * from './DataGridSortHeader';
12
+ export * from './DataList';
13
+ export * from './Description';
14
+ export * from './Dialog';
15
+ export * from './DropdownMenu';
16
+ export * from './ImageCarousel';
17
+ export * from './Input';
18
+ export * from './Label';
19
+ export * from './Placeholder';
20
+ export * from './Popover';
21
+ export * from './RangeInput';
22
+ export * from './ScrollTopButton';
23
+ export * from './Select';
24
+ export * from './Slider';
25
+ export * from './Tabs';
26
+ export * from './TextField';
27
+ export * from './Tooltip';
28
+ export * from './Typography';
@@ -0,0 +1 @@
1
+ export * from './useToggle';
@@ -0,0 +1 @@
1
+ export * from './useToggle';
@@ -0,0 +1,43 @@
1
+ /**
2
+ * тип обозначающий какой угодно рест аргументов
3
+ */
4
+ type Arguments = unknown[];
5
+ /**
6
+ * хэндлер принимающий на вход неизвестное количество аргументов, неизвестного вида
7
+ */
8
+ type Handler<Args extends Arguments> = (...a: Args) => void;
9
+ /**
10
+ * хэндлер на открытие с неизвестным количеством аргументов, неизвестного вида
11
+ */
12
+ type OpenHandler<Args extends Arguments> = Handler<Args>;
13
+ /**
14
+ * хэндлер на закрытие с неизвестным количеством аргументов, неизвестного вида
15
+ */
16
+ type CloseHandler<Args extends Arguments> = Handler<Args>;
17
+ type UseToggleResultTuple<CloseArgs extends Arguments, OpenArgs extends Arguments> = [
18
+ /**
19
+ * флаг активности состояния
20
+ */
21
+ boolean,
22
+ OpenHandler<OpenArgs>,
23
+ CloseHandler<CloseArgs>
24
+ ];
25
+ type UseToggleOptions<CloseArgs extends Arguments, OpenArgs extends Arguments> = {
26
+ /**
27
+ * изначальное состояние активности
28
+ */
29
+ initialState?: boolean;
30
+ /**
31
+ * коллбэк на открытие
32
+ */
33
+ onActive?: OpenHandler<OpenArgs>;
34
+ /**
35
+ * коллбэк на закрытие
36
+ */
37
+ onInactive?: CloseHandler<CloseArgs>;
38
+ };
39
+ /**
40
+ * хук хранящий стейт активности, и предоставляющий методы переключения с проксируемыми аргументами, позволяет уменьшить бойлерплейт код
41
+ */
42
+ export declare const useToggle: <CloseArgs extends Arguments, OpenArgs extends Arguments>(params?: UseToggleOptions<CloseArgs, OpenArgs>) => UseToggleResultTuple<CloseArgs, OpenArgs>;
43
+ export {};
package/lib/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './components';
2
+ export * from './styles';
package/lib/index.mjs ADDED
@@ -0,0 +1 @@
1
+ import*as e from"react/jsx-runtime";import*as s from"@radix-ui/react-slot";import*as r from"clsx";import*as a from"@radix-ui/react-label";import*as l from"@radix-ui/react-checkbox";import*as o from"lucide-react";import*as t from"@radix-ui/react-popover";import*as n from"react";import*as i from"@radix-ui/react-tooltip";import*as c from"@radix-ui/react-dropdown-menu";import*as d from"react-virtuoso";import*as x from"@radix-ui/react-dialog";import*as m from"@radix-ui/react-slider";import*as h from"@radix-ui/react-select";import*as u from"@radix-ui/react-tabs";import*as p from"@vanilla-extract/css";var v,g={default:"_1ersxw14 _1ersxw10",destructive:"_1ersxw15 _1ersxw10",outline:"_1ersxw16 _1ersxw10",ghost:"_1ersxw17 _1ersxw10",link:"_1ersxw18 _1ersxw10"},j={sm:"_1ersxw19",md:"_1ersxw1a",lg:"_1ersxw1b",icon:"_1ersxw1c",iconSm:"_1ersxw1d"};let b=({className:a,variant:l="default",size:o="md",asChild:t=!1,isLoading:n=!1,fullWidth:i,...c})=>{let d=t?s.Slot:"button";return(0,e.jsx)(d,{className:(0,r.clsx)(g[l],j[o],{_1ersxw13:i,_1ersxw12:n},a),...c})},_=({className:s,disabled:l,...o})=>(0,e.jsx)(a.Root,{className:(0,r.clsx)("c31e140",{c31e141:l},s),...o}),f=({value:s,onChange:a,options:l,size:o,className:t,label:n,multiple:i})=>{let c=!0===i,d=e=>c?s.includes(e):s===e,x=e=>{c?s.includes(e)?a(s.filter(s=>s!==e)):a([...s,e]):a(e)};return(0,e.jsxs)("div",{className:(0,r.clsx)("_1iqvz720",t),children:[n&&(0,e.jsx)(_,{className:"_1iqvz722",children:n}),l.map(s=>(0,e.jsx)(b,{size:o,className:"_1iqvz721",disabled:s.disabled,onClick:()=>x(s.value),variant:d(s.value)?"default":"outline",children:s.label},s.value))]})},y=({className:s,...a})=>(0,e.jsx)("div",{className:(0,r.clsx)("oyalw00",s),...a}),w=({className:s,...a})=>(0,e.jsx)("div",{className:(0,r.clsx)("oyalw01",s),...a}),k=({className:s,...a})=>(0,e.jsx)("h3",{className:(0,r.clsx)("oyalw02",s),...a}),N=({className:s,...a})=>(0,e.jsx)("p",{className:(0,r.clsx)("oyalw03",s),...a}),C=({className:s,...a})=>(0,e.jsx)("div",{className:(0,r.clsx)("oyalw04",s),...a}),z=({className:s,...a})=>(0,e.jsx)("div",{className:(0,r.clsx)("oyalw05",s),...a}),S=({className:s,...a})=>(0,e.jsx)(l.Root,{className:(0,r.clsx)("b7yo4k0",s),...a,children:(0,e.jsx)(l.Indicator,{className:"b7yo4k1",children:(0,e.jsx)(o.Check,{className:"b7yo4k2"})})});var T={determinate:"m6b9n25",indeterminate:"m6b9n26"},D={primary:"m6b9n27",secondary:"m6b9n28",inherit:"m6b9n29"};let I=({size:s=30,thickness:a=2.6,color:l="primary",value:o=0,variant:t="indeterminate",className:n})=>{let i=(s-a)/2,c=2*Math.PI*i;return(0,e.jsx)("div",{className:(0,r.default)("m6b9n22",T[t],D[l],n),style:{width:s,height:s},children:(0,e.jsxs)("svg",{className:"m6b9n23",viewBox:`0 0 ${s} ${s}`,children:[(0,e.jsx)("title",{children:"Progress bar"}),(0,e.jsx)("circle",{className:(0,r.default)("m6b9n24","determinate"===t&&T.determinate),cx:s/2,cy:s/2,r:i,fill:"none",strokeWidth:a,strokeDasharray:c,strokeDashoffset:"determinate"===t?c*(1-o/100):.25*c})]})})},P=({className:s,align:a="center",sideOffset:l=4,...o})=>(0,e.jsx)(t.Portal,{children:(0,e.jsx)(t.Content,{align:a,sideOffset:l,className:(0,r.clsx)("_1xy4jvu2",s),...o})});var R={primary:"_1sba6zoc",secondary:"_1sba6zod",disabled:"_1sba6zoe",success:"_1sba6zof",error:"_1sba6zog",warning:"_1sba6zoh",info:"_1sba6zoi"},A={lowercase:"_1sba6zot",uppercase:"_1sba6zou",capitalize:"_1sba6zov"},L={left:"_1sba6zoj",center:"_1sba6zok",right:"_1sba6zol",justify:"_1sba6zom"},M={normal:"_1sba6zop",medium:"_1sba6zoq",semibold:"_1sba6zor",bold:"_1sba6zos"},E={h1:"_1sba6zo0",h2:"_1sba6zo1",h3:"_1sba6zo2",h4:"_1sba6zo3",h5:"_1sba6zo4",h6:"_1sba6zo5",subtitle1:"_1sba6zo6",subtitle2:"_1sba6zo7",body1:"_1sba6zo8",body2:"_1sba6zo9",caption:"_1sba6zoa",overline:"_1sba6zob"},q={none:"_1sba6zow",underline:"_1sba6zox",lineThrough:"_1sba6zoy"},O={block:"_1sba6zon",inline:"_1sba6zoo"};let B={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",caption:"span",overline:"span"},H=({className:s,variant:a="body1",component:l,color:o="primary",align:t="left",display:n="inline",weight:i="normal",transform:c,decoration:d="none",gutterBottom:x,children:m,...h})=>{let u=l||B[a||"body1"];return(0,e.jsx)(u,{className:(0,r.clsx)(q[d],E[a],R[o],M[i],c&&A[c],O[n],L[t],{_1sba6zoz:x},s),...h,children:m})},V=({skipConfirm:e,onConfirm:s,confirmButtonProps:r})=>{let[a,l]=(0,n.useState)(!1);return{open:a,onActionComponentClick:()=>{e?s():l(!0)},confirmButtonProps:{variant:r?.isAccented?"destructive":"default",onClick:()=>{l(!1),s()},size:"sm"},onCancel:()=>{l(!1)},onOpenChange:e=>{l(e)}}},W=s=>{let{open:a,onActionComponentClick:l,onCancel:o,confirmButtonProps:n,onOpenChange:i}=V(s),{text:c,confirmButtonProps:d,popoverProps:x,actionComponent:m}=s,{text:h="Подтвердить"}=d||{},{side:u="bottom",align:p="center"}=x||{};return(0,e.jsxs)(t.Popover,{open:a,onOpenChange:i,children:[(0,e.jsx)(t.PopoverTrigger,{asChild:!0,children:m({onClick:l})}),(0,e.jsx)(P,{side:u,align:p,className:(0,r.clsx)("_1q1uhgp2",{_1q1uhgp3:!!c}),children:(0,e.jsxs)("div",{className:"_1q1uhgp1",children:[c&&(0,e.jsx)(H,{children:c}),(0,e.jsxs)("div",{className:"_1q1uhgp0",children:[(0,e.jsx)(b,{variant:"ghost",size:"sm",onClick:o,children:"Отмена"}),(0,e.jsx)(b,{...n,children:h})]})]})})]})};var $={sm:"_1o97kvm1",md:"_1o97kvm2",lg:"_1o97kvm3"};let F=s=>(0,e.jsx)("img",{alt:s.alt,src:s.src,className:(0,r.default)("_1o97kvm0",$[s.size||"md"],s.className),width:s.width,height:s.height}),G={sm:"239px",md:"323px",lg:"458px"},U={sm:"119px",md:"161px",lg:"229px"},K={sm:"384px",md:"400px",lg:"460px"},X={sm:"subtitle1",md:"h6",lg:"h5"};var Y={sm:"_1nenzg01",md:"_1nenzg02",lg:"_1nenzg03"};let J=({className:s,title:a,imgSrc:l,imgAlt:o,description:t,actions:i,size:c="sm",renderImage:d})=>{let x=(0,n.useMemo)(()=>d||F,[d]);return(0,e.jsxs)("div",{className:(0,r.default)("_1nenzg00",Y[c],s),children:[(0,e.jsxs)("div",{className:"_1nenzg04",style:{maxWidth:K[c]},children:[l&&(0,e.jsx)(x,{src:l,alt:o,width:G[c],height:U[c],size:c}),(0,e.jsx)(H,{align:"center",color:"secondary",variant:X[c],children:a}),t&&(0,e.jsx)(H,{className:"_1nenzg05",component:"div",variant:"body1",children:t})]}),i&&(0,e.jsx)("footer",{className:"_1nenzg06",children:i})]})},Q=({isLoading:s,isError:r,isCustom:a,errorState:l,customState:o,children:t,loadingContent:n=(0,e.jsx)(I,{color:"primary"})})=>{if(s)return(0,e.jsx)("div",{className:"nan0ao0",children:n});if(a&&o)return(0,e.jsx)(J,{...o});if(r&&l){let{title:s="Произошла ошибка",imgAlt:r,imgSrc:a,errorList:o,onRetry:t,actions:n=(0,e.jsx)(b,{onClick:t,children:"Попробовать снова"})}=l,i=o.map(s=>(0,e.jsx)(H,{component:"p",children:s},s));return(0,e.jsx)(J,{title:s,description:i,imgAlt:r,imgSrc:a,actions:n})}return t},Z=i.Provider,ee=i.Root,es=i.Trigger,er=({sideOffset:s=4,alignOffset:r,ref:a,...l})=>(0,e.jsx)(i.Content,{ref:a,sideOffset:s,...l}),ea=({text:s,content:a,children:l,side:o="top",sideOffset:t,alignOffset:n,delayDuration:c=0,className:d,ref:x,...m})=>(0,e.jsx)(Z,{delayDuration:c,children:(0,e.jsxs)(ee,{...m,children:[(0,e.jsx)(es,{ref:x,asChild:!0,children:l}),a||s?(0,e.jsx)(i.Portal,{children:(0,e.jsxs)(er,{className:(0,r.default)("izacrl2",d),alignOffset:n,sideOffset:t,hideWhenDetached:!0,side:o,children:[a??(0,e.jsx)("p",{className:"izacrl3",children:s}),m.arrow&&(0,e.jsx)(i.Arrow,{className:"izacrl4"})]})}):null]})});var el=((v={}).Copied="Скопировано",v.Error="Ошибка копирования",v.CanCopy="Скопировать",v);let eo=({children:e,copyText:s,isShowCopyText:r,copyPosition:a})=>{let[l,o]=(0,n.useState)(el.CanCopy),[t,i]=(0,n.useState)(!1);return{handleMouseLeave:()=>{l!==el.CanCopy&&setTimeout(()=>{o(el.CanCopy)},100),i(!1)},handleClick:r=>{r.stopPropagation(),navigator.clipboard.writeText(s||("string"==typeof e?e:"")).then(()=>o(el.Copied)).catch(()=>o(el.Error))},tooltipTitle:r?`${l}: ${s}`:l,isIconOnLeft:"left"===a,tooltipOpen:t,handleMouseEnter:()=>{i(!0)}}},et=s=>{let{children:a,copyPosition:l="right",copyText:t,isShowCopyText:n,color:i,className:c,...d}=s,x=()=>(0,e.jsx)(o.Copy,{className:"_1wpx85c1"}),{tooltipOpen:m,handleMouseEnter:h,handleMouseLeave:u,handleClick:p,tooltipTitle:v,isIconOnLeft:g}=eo(s);return(0,e.jsx)(ea,{open:m,arrow:!0,text:v,side:"bottom",children:(0,e.jsxs)(H,{onMouseLeave:u,onMouseEnter:h,onClick:p,component:"div",color:i,className:(0,r.clsx)("_1wpx85c0",c),...d,children:[g&&x(),a,!g&&x()]})})};function en({row:s,column:a,rowIndex:l,height:o}){let{align:t,cellColor:n,isDisabled:i}=a;return(0,e.jsx)("td",{align:t??"left",style:{backgroundColor:n?.(s),height:o,width:a.width},className:(0,r.clsx)("_1047swj0",{_1047swj1:i},a.cellClassName?.(s)),children:(0,e.jsx)(()=>a.renderCell?a.renderCell(s,l):a.format?a.format(s)||"—":a.field?`${s[a.field]||"—"}`:"—",{})})}function ei({row:s,rowHeight:a,onRowClick:l,columns:o,rowIndex:t,rowId:i}){let c=(0,n.useCallback)(()=>{l?.(s)},[l,s]);return(0,e.jsx)("tr",{onClick:c,onKeyDown:c,className:(0,r.clsx)("gsm9mv0",{gsm9mv1:!!l}),children:o.map((r,l)=>{let o=`${i}-${l}`;return(0,e.jsx)(en,{row:s,rowIndex:t,column:r,height:a},o)})})}function ec({isLoading:s,isEmpty:r,columnsLength:a,emptyState:l={text:"Нет данных"},errorState:o={text:"Произошла ошибка"},isError:t,onRetry:n}){let i=({children:s})=>(0,e.jsx)("tr",{className:"_15m2ib80",children:(0,e.jsx)("td",{colSpan:a,align:"center",children:s})});if(s)return(0,e.jsx)(i,{children:(0,e.jsx)("span",{className:"_15m2ib81",children:(0,e.jsx)(I,{})})});if(r){let{imgSrc:s,imgAlt:r,text:a}=l;return(0,e.jsx)(i,{children:(0,e.jsx)(J,{title:a,imgSrc:s,imgAlt:r})})}if(t){let{imgSrc:s,imgAlt:r,text:a}=o;return(0,e.jsx)(i,{children:(0,e.jsx)(J,{title:a,imgSrc:s,imgAlt:r,actions:n?(0,e.jsx)(b,{variant:"outline",onClick:n,children:"Попробовать снова"}):void 0})})}return null}var ed="_82af400";function ex({isError:s,isLoading:r,emptyState:a,errorState:l,columns:o,rows:t,rowHeight:n,keyId:i,onRowClick:c}){let d=0===t.length;return s||r||d?(0,e.jsx)("tbody",{className:ed,children:(0,e.jsx)(ec,{emptyState:a,errorState:l,isEmpty:d,isError:s,isLoading:r,columnsLength:o.length})}):(0,e.jsx)("tbody",{className:ed,children:t.map((s,r)=>{let a=String(s[i]);return(0,e.jsx)(ei,{row:s,rowId:a,rowHeight:n,columns:o,onRowClick:c,rowIndex:r},s[i])})})}function em({children:s,columnsLength:a,className:l}){return(0,e.jsx)("tfoot",{className:(0,r.clsx)("_2s55b60",l),children:(0,e.jsx)("tr",{children:(0,e.jsx)("td",{colSpan:a,align:"center",children:s})})})}function eh({column:s,height:r,width:a}){return(0,e.jsx)("th",{style:{color:s.color,height:r,width:a},align:s.align??"left",title:s.title,className:"uma6hu0",children:s.renderHeaderCell?.(s)||s.title})}function eu({columns:s,height:a,sticky:l}){return(0,e.jsx)("thead",{children:(0,e.jsx)("tr",{className:(0,r.clsx)({fkgoub0:l}),children:s.map(s=>(0,e.jsx)(eh,{column:s,height:a,width:s.width},s.title))})})}function ep({rows:s,columns:a,height:l="100%",className:o,rowHeight:t=40,headerHeight:n=40,keyId:i,onRowClick:c,isLoading:d,isDisabled:x,isError:m,emptyState:h,errorState:u,footer:p,title:v,stickyHeader:g,onRetry:j}){return(0,e.jsxs)("div",{style:{height:l},className:(0,r.clsx)("_1gqvluf0",o),children:[(0,e.jsxs)("table",{className:(0,r.clsx)("_1gqvluf1",{_1gqvluf2:x,_1gqvluf3:d},o),children:[v&&(0,e.jsx)("caption",{className:"_1gqvluf4",children:v}),(0,e.jsx)(eu,{columns:a,height:n,sticky:g}),(0,e.jsx)(ex,{rows:s,columns:a,rowHeight:t,keyId:i,onRowClick:c,isLoading:d,emptyState:h,errorState:u,isError:m,onRetry:j})]}),p&&(0,e.jsx)(em,{columnsLength:a.length,children:p})]})}var ev="_1ib8wkt3";let eg=c.Root,ej=c.Trigger,eb=c.Group,e_=c.Portal,ef=c.Sub,ey=c.RadioGroup,ew=({className:s,inset:a,children:l,...t})=>(0,e.jsxs)(c.SubTrigger,{className:(0,r.default)("_1ib8wkt2",{inset:a},s),...t,children:[l,(0,e.jsx)(o.ChevronRight,{className:ev})]}),ek=({className:s,...a})=>(0,e.jsx)(c.SubContent,{className:(0,r.default)("_1ib8wkt4",s),...a}),eN=({className:s,sideOffset:a=4,...l})=>(0,e.jsx)(c.Portal,{children:(0,e.jsx)(c.Content,{sideOffset:a,className:(0,r.default)("_1ib8wkt5",s),...l})}),eC=({className:s,inset:a,...l})=>(0,e.jsx)(c.Item,{className:(0,r.default)("_1ib8wkt6",{inset:a},s),...l}),ez=({className:s,children:a,checked:l,...t})=>(0,e.jsxs)(c.CheckboxItem,{className:(0,r.default)("_1ib8wkt7",s),checked:l,...t,children:[(0,e.jsx)("span",{className:"_1ib8wkt9",children:(0,e.jsx)(c.ItemIndicator,{children:(0,e.jsx)(o.Check,{className:ev})})}),a]}),eS=({className:s,children:a,...l})=>(0,e.jsxs)(c.RadioItem,{className:(0,r.default)("_1ib8wkt8",s),...l,children:[(0,e.jsx)("span",{className:"_1ib8wkta",children:(0,e.jsx)(c.ItemIndicator,{children:(0,e.jsx)(o.Circle,{className:ev})})}),a]}),eT=({className:s,inset:a,...l})=>(0,e.jsx)(c.Label,{className:(0,r.default)("_1ib8wktb",{inset:a},s),...l}),eD=({className:s,...a})=>(0,e.jsx)(c.Separator,{className:(0,r.default)("_1ib8wktc",s),...a}),eI=({className:s,...a})=>(0,e.jsx)("span",{className:(0,r.default)("_1ib8wktd",s),...a}),eP=({action:e})=>{let{isLoading:s,disabledReason:r,name:a}=e,[l,o]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{s&&o(!1)},[s]),{tooltipProps:{text:r||a,open:l,onOpenChange:e=>o(e)}}},eR=s=>{let{tooltipProps:r}=eP(s),{action:a,onActionClick:l,isDisabled:o,tooltipPlacement:t}=s,{name:n,icon:i,needConfirm:c,confirmText:d,confirmButtonProps:x,disabled:m,isLoading:h,onClick:u}=a,p=s=>(0,e.jsx)(ea,{arrow:!0,side:t,...r,children:(0,e.jsx)(b,{disabled:o||m,isLoading:h,variant:"ghost",size:"icon",...s,children:i})},n);return(0,e.jsx)(e.Fragment,{children:c?(0,e.jsx)(W,{text:d,confirmButtonProps:x,actionComponent:e=>p(e),onConfirm:l(u)}):p({onClick:l(u)})})},eA=({action:s,onActionClick:r,isDisabled:a,tooltipPlacement:l})=>{if("actions"in s){let{disabled:o,icon:t,name:i,disabledReason:c,actions:d,isLoading:x}=s;return(0,e.jsxs)(eg,{children:[(0,e.jsx)(ej,{asChild:!0,children:(0,e.jsx)(ea,{text:c||i,side:l,arrow:!0,children:(0,e.jsx)(b,{variant:"ghost",size:"icon",isLoading:x,disabled:a||o,children:t})},i)}),(0,e.jsx)(eN,{children:d.map(({name:s,onClick:a,...l})=>(0,n.createElement)(eC,{...l,key:s,asChild:!0},(0,e.jsx)(b,{size:"sm",onClick:r(a),children:s})))})]})}return(0,e.jsx)(eR,{action:s,onActionClick:r,isDisabled:a,tooltipPlacement:l})},eL=({actions:s,onActionClick:r,tooltipPlacement:a,isDisabled:l})=>(0,e.jsxs)(eg,{children:[(0,e.jsx)(ej,{asChild:!0,children:(0,e.jsx)(b,{disabled:l,variant:"ghost",size:"icon",children:(0,e.jsx)(o.EllipsisVertical,{})})}),(0,e.jsx)(eN,{children:s.map(s=>{let{onClick:l,name:o,disabledReason:t,isLoading:n}=s;return(0,e.jsx)(eC,{asChild:!0,children:(0,e.jsx)(ea,{arrow:!0,side:a,text:t,children:(0,e.jsx)(b,{onClick:r(l),isLoading:n,variant:"ghost",size:"sm",fullWidth:!0,children:o})})},o)})})]}),eM=({row:e,actions:s})=>{let{main:r,secondary:a}=s,l=[...r,...a||[]].find(e=>e.isBlockingOperation&&e.isLoading);return{isDisabledAction:!!l,handleActionClick:(0,n.useCallback)(s=>()=>{s?.(e)},[e]),handleWrapperClick:e=>{e.stopPropagation()}}},eE={mainAction:"top",secondaryAction:"left"},eq=s=>{let{isDisabledAction:r,handleWrapperClick:a,handleActionClick:l}=eM(s),{actions:o}=s,{main:t,secondary:n}=o;return(0,e.jsxs)("div",{onClick:a,onKeyDown:a,className:"y44ln70",children:[t.map(s=>(0,e.jsx)(eA,{action:s,onActionClick:l,isDisabled:r,tooltipPlacement:eE.mainAction},s.name)),n&&(0,e.jsx)(eL,{actions:n,onActionClick:l,tooltipPlacement:eE.secondaryAction,isDisabled:r})]})};var eO={left:"o752f01",center:"o752f02",right:"o752f03",justify:"o752f04"};function eB({sorting:s,setSorting:a,column:{title:l,field:t,align:n="left"},className:i}){return t?(0,e.jsxs)("button",{type:"button",className:(0,r.clsx)("o752f00",eO[n],i),onClick:()=>{s.key===t?a({key:t,order:"asc"===s.order?"desc":"asc"}):a({key:t,order:"asc"})},children:[l,s.key===t?"asc"===s.order?(0,e.jsx)(o.ArrowDownNarrowWide,{size:16}):(0,e.jsx)(o.ArrowDownWideNarrow,{size:16}):(0,e.jsx)(o.ArrowDownUp,{size:16})]}):null}let eH=e=>{let{initialState:s=!1,onInactive:r,onActive:a}=e||{},[l,o]=(0,n.useState)(s);return[l,(...e)=>{o(!0),a?.(...e)},(...e)=>{o(!1),r?.(...e)}]},eV="Вы достигли конца списка",eW=({endOfScrollMsg:s=eV})=>(0,e.jsx)("li",{className:"_1syvw5e0",children:(0,e.jsx)(H,{children:s})}),e$=({onRetry:s})=>(0,e.jsxs)("li",{className:"qlujai0",children:[(0,e.jsx)(H,{align:"center",children:"Ошибка загрузки"}),(0,e.jsx)(b,{size:"sm",onClick:s,children:"Попробовать снова"})]}),eF=()=>(0,e.jsx)("li",{className:"_111czea0",children:(0,e.jsx)(I,{color:"primary"})}),eG=({noDataImgSrc:s})=>(0,e.jsx)(J,{title:"Нет данных",imgSrc:s}),eU=({onClick:s,isVisible:a})=>(0,e.jsx)(b,{onClick:s,size:"icon",variant:"outline",className:(0,r.clsx)("_1jg5nd90",{_1jg5nd91:a}),children:(0,e.jsx)(o.ChevronUp,{})}),eK=({data:s,keyId:a,className:l,itemContent:o,noDataPlaceholder:t,endOfScrollMsg:i,errorState:c,isLoading:x,isError:m,isEndReached:h,onRetry:u,onEndReached:p,scrollTopIsDataChanged:v})=>{let g=(0,n.useRef)(null),[j,b,_]=eH(),f=(0,n.useCallback)(e=>{e.startIndex>2?b():_()},[_,b]),y=(0,n.useCallback)(()=>g.current?.scrollToIndex({index:0,align:"start",behavior:"smooth"}),[g]),w=(0,n.useCallback)(()=>{!h&&p&&p()},[h,p]),k=!!s?.length;return k||x||m?((0,n.useEffect)(()=>{v&&g.current?.scrollToIndex({index:0,align:"start"})},[v,s]),(0,e.jsxs)(Q,{isLoading:x&&!k,isError:m&&!k,errorState:c,children:[(0,e.jsx)(d.Virtuoso,{className:(0,r.clsx)("_1ezen7g0",l),style:{height:"100%"},data:s,ref:g,overscan:30,endReached:w,rangeChanged:f,itemContent:(s,l)=>(0,e.jsx)("li",{children:o?.(l,{index:s,className:(0,r.clsx)("_1ezen7g1","datalist_item")})},l[a]),components:{Footer:()=>(0,e.jsxs)(e.Fragment,{children:[x&&(0,e.jsx)(eF,{}),m&&(0,e.jsx)(e$,{onRetry:u}),h&&(0,e.jsx)(eW,{endOfScrollMsg:i})]})}}),(0,e.jsx)(eU,{isVisible:j,onClick:y})]})):t?(0,e.jsx)(e.Fragment,{children:t}):(0,e.jsx)(eG,{})},eX=":",eY="—",eJ="descriptionRoot",eQ=(0,n.createContext)({leader:!1,separator:eX,direction:"default"}),eZ=({children:s,leader:r,separator:a,direction:l})=>(0,e.jsx)(eQ.Provider,{value:{leader:r,separator:a,direction:l},children:s}),e0=({canCopy:e,children:s,stub:r="—"})=>{let{leader:a,direction:l}=(0,n.useContext)(eQ);return{valueToRender:s||r,isDefaultValueRender:!e||!s,leader:a,direction:l}};var e1="sdcsnp2";let e2=({direction:e="row",separator:s=eX})=>({descriptionContextProviderProps:{separator:"column"===e?"":s},direction:e});var e6={row:"_1lociyw1",column:"_1lociyw2"},e8={spaceBetween:"_1lociyw3",start:"_1lociyw4"};let e5=s=>{let{descriptionContextProviderProps:a,direction:l}=e2(s),{justifyContent:o="start",component:t="dl",children:n,leader:i=!1}=s;return(0,e.jsx)(eZ,{leader:i,direction:l,...a,children:(0,e.jsx)(t,{className:(0,r.clsx)("_1lociyw0",e6[l],e8[o],eJ),children:n})})};e5.Name=({children:s,color:a="secondary",...l})=>{let{leader:o,separator:t}=(0,n.useContext)(eQ);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("dt",{className:(0,r.clsx)("_1tsgk1i0",{_1tsgk1i1:o}),children:(0,e.jsxs)(H,{...l,color:a,children:[s,!o&&t]})}),o&&(0,e.jsx)("div",{className:"_1tsgk1i2"})]})},e5.Value=s=>{let{valueToRender:a,isDefaultValueRender:l,leader:o}=e0(s),{copyPosition:t="right",copyText:n,canCopy:i,children:c,stub:d,...x}=s;return l?(0,e.jsx)(H,{className:(0,r.default)("sdcsnp1",{[e1]:o}),component:"dd",...x,children:a}):(0,e.jsx)("dd",{className:"sdcsnp0",children:(0,e.jsx)(et,{className:(0,r.default)({[e1]:o}),copyPosition:t,copyText:n,...x,children:a})})};let e4=({title:s,description:a="",trigger:l,className:t,footer:n,children:i,...c})=>(0,e.jsxs)(x.Root,{...c,children:[l&&(0,e.jsx)(x.Trigger,{asChild:!0,children:l}),(0,e.jsxs)(x.Portal,{children:[(0,e.jsx)(x.Overlay,{className:(0,r.default)("_8bkmbe2")}),(0,e.jsxs)(x.Content,{className:(0,r.default)("_8bkmbe5",t),children:[(0,e.jsxs)("div",{className:(0,r.default)("_8bkmbe8",{_8bkmbe9:!!a}),children:[(0,e.jsx)(x.Title,{className:"_8bkmbeb",children:s}),(0,e.jsx)(x.Description,{className:"_8bkmbec",children:a}),(0,e.jsxs)(x.Close,{className:"_8bkmbe6",children:[(0,e.jsx)(o.X,{size:24}),(0,e.jsx)("span",{className:"_8bkmbe7",children:"Close"})]})]}),i,n&&(0,e.jsx)("div",{className:"_8bkmbea",children:n})]})]})]});var e3="a5l83v4",e9="a5l83v0";let e7=({images:s=[],autoPlay:a=!1,interval:l=5e3})=>{let[t,i]=(0,n.useState)(0),c=e=>{i(e)};return((0,n.useEffect)(()=>{if(!a)return;let e=setInterval(()=>{i(e=>e===s.length-1?0:e+1)},l);return()=>clearInterval(e)},[a,s.length,l]),0===s.length)?(0,e.jsx)("div",{className:e9,children:"Нет изображений для отображения"}):(0,e.jsxs)("div",{className:e9,children:[(0,e.jsx)("div",{className:"a5l83v1",style:{transform:`translateX(-${100*t}%)`},children:s.map((s,r)=>(0,e.jsx)("div",{className:"a5l83v2",children:(0,e.jsx)("img",{src:s.src,alt:s.alt||`Slide ${r+1}`,className:"a5l83v3"})},s.src))}),s.length>1&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("button",{type:"button",className:(0,r.clsx)(e3,"a5l83v5"),onClick:()=>{i(e=>0===e?s.length-1:e-1)},children:(0,e.jsx)(o.ChevronLeft,{size:24})}),(0,e.jsx)("button",{type:"button",className:(0,r.clsx)(e3,"a5l83v6"),onClick:()=>{i(e=>e===s.length-1?0:e+1)},children:(0,e.jsx)(o.ChevronRight,{size:24})}),(0,e.jsx)("div",{className:"a5l83v7",children:s.map(({src:s},r)=>(0,e.jsx)("button",{type:"button",className:`a5l83v8 ${t===r?"active":""}`,onClick:()=>c(r)},s))})]})]})};var se="_1blk89uc",ss="_1blk89u6",sr={small:"_1blk89u9",medium:"_1blk89ua",large:"_1blk89ub"},sa={outlined:"_1blk89u1",standard:"_1blk89u2"};let sl=n.default.forwardRef(({error:s,variant:a="outlined",size:l="medium",startAdornment:o,endAdornment:t,className:n,disabled:i,fullWidth:c,value:d,...x},m)=>(0,e.jsxs)("div",{className:(0,r.clsx)("_1blk89u0",sa[a],{_1blk89u7:s},{[ss]:i},{_1blk89u3:c},n),children:[o&&(0,e.jsx)("span",{className:se,children:o}),(0,e.jsx)("input",{className:(0,r.clsx)("_1blk89u8",{[ss]:i},sr[l],o&&"_1blk89ud",t&&"_1blk89ue"),ref:m,disabled:i,value:d||"",...x}),t&&(0,e.jsx)("span",{className:se,children:t})]}));var so="h9oy583";let st=({className:s,...a})=>(0,e.jsxs)(m.Root,{className:(0,r.clsx)("h9oy580",s),...a,children:[(0,e.jsx)(m.Track,{className:"h9oy581",children:(0,e.jsx)(m.Range,{className:"h9oy582"})}),(0,e.jsx)(m.Thumb,{className:so}),a.value?.length===2&&(0,e.jsx)(m.Thumb,{className:so})]});var sn={sm:"_1pnwkko2",md:"_1pnwkko3",lg:"_1pnwkko4"},si="_1pnwkko7",sc="_1pnwkko6";function sd({min:s,max:a,onChange:l,minValue:o,maxValue:t,width:i=150,title:c,size:d="md",className:x,isActive:m,minInputRef:h,maxInputRef:u}){let[p,v]=(0,n.useState)(s),[g,j]=(0,n.useState)(a),b=e=>{"Enter"===e.key&&l(p>=s&&p<=a?p:s,g>=s&&g<=a?g:a)};return(0,n.useEffect)(()=>{v(o||s),j(t||a)},[o,t,s,a]),(0,e.jsxs)("div",{className:(0,r.clsx)("_1pnwkko0",sn[d],{_1pnwkko1:m},x),style:{width:i},children:[(0,e.jsx)(_,{className:"_1pnwkko5",children:c}),(0,e.jsx)("span",{className:sc,children:"от"}),(0,e.jsx)("input",{className:si,type:"text",value:p,onChange:e=>{let{value:s}=e.target;Number.isNaN(+s)||v(+s)},onKeyDown:b,ref:h}),(0,e.jsx)("span",{className:sc,children:"до"}),(0,e.jsx)("input",{className:si,type:"text",value:g,onChange:e=>{let{value:s}=e.target;Number.isNaN(s)||j(+s)},onKeyDown:b,ref:u}),(0,e.jsx)("div",{className:"_1pnwkko8",children:(0,e.jsx)(st,{min:s,max:a,value:[p,g],onValueChange:e=>{Array.isArray(e)&&(v(e[0]),j(e[1]))},onValueCommit:e=>{Array.isArray(e)&&l(e[0],e[1])}})})]})}function sx({onClick:s,variant:a="outline",...l}){let[t,i]=(0,n.useState)(!1),c=()=>{window.scrollY>400?i(!0):i(!1)};return(0,n.useEffect)(()=>(window.addEventListener("scroll",c),()=>{window.removeEventListener("scroll",c)}),[]),(0,e.jsx)(b,{type:"button",variant:a,className:(0,r.clsx)("_1ou2vjc0",{_1ou2vjc1:t}),onClick:s||(()=>{window.scrollTo({top:0,left:0,behavior:"auto"})}),...l,children:(0,e.jsx)(o.ChevronUp,{})})}var sm="_5ilg7o3",sh="_5ilg7oa";let su=h.Root,sp=h.Group,sv=h.Value,sg=({className:s,children:a,...l})=>(0,e.jsxs)(h.Trigger,{className:(0,r.clsx)("_5ilg7o2",s),...l,children:[a,(0,e.jsx)(h.Icon,{asChild:!0,children:(0,e.jsx)(o.ChevronDown,{className:"_5ilg7ob"})})]}),sj=({className:s,...a})=>(0,e.jsx)(h.ScrollUpButton,{className:(0,r.clsx)(sm,s),...a,children:(0,e.jsx)(o.ChevronUp,{className:sh})}),sb=({className:s,...a})=>(0,e.jsx)(h.ScrollDownButton,{className:(0,r.clsx)(sm,s),...a,children:(0,e.jsx)(o.ChevronDown,{className:sh})}),s_=({className:s,children:a,position:l="popper",...o})=>(0,e.jsx)(h.Portal,{children:(0,e.jsxs)(h.Content,{className:(0,r.clsx)("_5ilg7o4",s),position:l,...o,children:[(0,e.jsx)(sj,{}),(0,e.jsx)(h.Viewport,{className:"_5ilg7o5",children:a}),(0,e.jsx)(sb,{})]})}),sf=({className:s,...r})=>(0,e.jsx)(h.Label,{className:`_5ilg7o6 ${s||""}`,...r}),sy=({className:s,children:r,...a})=>(0,e.jsxs)(h.Item,{className:`_5ilg7o7 ${s||""}`,...a,children:[(0,e.jsx)("span",{className:"_5ilg7o8",children:(0,e.jsx)(h.ItemIndicator,{children:(0,e.jsx)(o.Check,{className:sh})})}),(0,e.jsx)(h.ItemText,{children:r})]}),sw=({className:s,...r})=>(0,e.jsx)(h.Separator,{className:`_5ilg7o9 ${s||""}`,...r}),sk=({className:s,...a})=>(0,e.jsx)(u.Content,{className:(0,r.clsx)("hworoa2",s),...a}),sN=({className:s,...a})=>(0,e.jsx)(u.List,{className:(0,r.clsx)("hworoa0",s),...a}),sC=({className:s,...a})=>(0,e.jsx)(u.Trigger,{className:(0,r.clsx)("hworoa1",s),...a});var sz="kqu4y22";let sS=({label:s,helperText:a,className:l,disabled:o,fullWidth:t,ref:n,labelClassName:i,...c})=>(0,e.jsxs)("div",{className:(0,r.clsx)("kqu4y20",{kqu4y24:t},l),children:[s&&(0,e.jsx)(_,{htmlFor:c.id||s,disabled:o,className:(0,r.clsx)(i,{[sz]:o}),children:s}),(0,e.jsx)(sl,{ref:n,disabled:o,fullWidth:t,id:c.id||s,...c}),a&&(0,e.jsx)("p",{className:(0,r.clsx)("kqu4y21",{kqu4y23:c.error,[sz]:o}),children:a})]});var sT={colors:{primary:{100:"var(--colors-primary-100)",200:"var(--colors-primary-200)",300:"var(--colors-primary-300)",400:"var(--colors-primary-400)",500:"var(--colors-primary-500)",600:"var(--colors-primary-600)",700:"var(--colors-primary-700)",800:"var(--colors-primary-800)",900:"var(--colors-primary-900)"},red:{100:"var(--colors-red-100)",200:"var(--colors-red-200)",300:"var(--colors-red-300)",400:"var(--colors-red-400)",500:"var(--colors-red-500)",600:"var(--colors-red-600)",700:"var(--colors-red-700)",800:"var(--colors-red-800)",900:"var(--colors-red-900)"},green:{100:"var(--colors-green-100)",200:"var(--colors-green-200)",300:"var(--colors-green-300)",400:"var(--colors-green-400)",500:"var(--colors-green-500)",600:"var(--colors-green-600)",700:"var(--colors-green-700)",800:"var(--colors-green-800)",900:"var(--colors-green-900)"},yellow:{100:"var(--colors-yellow-100)",200:"var(--colors-yellow-200)",300:"var(--colors-yellow-300)",400:"var(--colors-yellow-400)",500:"var(--colors-yellow-500)",600:"var(--colors-yellow-600)",700:"var(--colors-yellow-700)",800:"var(--colors-yellow-800)",900:"var(--colors-yellow-900)"},grey:{100:"var(--colors-grey-100)",200:"var(--colors-grey-200)",300:"var(--colors-grey-300)",400:"var(--colors-grey-400)",500:"var(--colors-grey-500)",600:"var(--colors-grey-600)",700:"var(--colors-grey-700)",800:"var(--colors-grey-800)",900:"var(--colors-grey-900)"},info:"var(--colors-info)",background:{default:"var(--colors-background-default)",paper:"var(--colors-background-paper)",element:"var(--colors-background-element)",elementHover:"var(--colors-background-elementHover)"},foreground:{primary:"var(--colors-foreground-primary)",secondary:"var(--colors-foreground-secondary)"},text:{primary:"var(--colors-text-primary)",secondary:"var(--colors-text-secondary)",disabled:"var(--colors-text-disabled)",hint:"var(--colors-text-hint)"}},spacing:{0:"var(--spacing-0)",1:"var(--spacing-1)",2:"var(--spacing-2)",3:"var(--spacing-3)",4:"var(--spacing-4)",5:"var(--spacing-5)",6:"var(--spacing-6)",8:"var(--spacing-8)",10:"var(--spacing-10)",12:"var(--spacing-12)",16:"var(--spacing-16)",20:"var(--spacing-20)"},fontSize:{xs:"var(--fontSize-xs)",sm:"var(--fontSize-sm)",base:"var(--fontSize-base)",lg:"var(--fontSize-lg)",xl:"var(--fontSize-xl)","2xl":"var(--fontSize-2xl)","3xl":"var(--fontSize-3xl)","4xl":"var(--fontSize-4xl)"},fontWeight:{normal:"var(--fontWeight-normal)",medium:"var(--fontWeight-medium)",semibold:"var(--fontWeight-semibold)",bold:"var(--fontWeight-bold)"},lineHeight:{none:"var(--lineHeight-none)",tight:"var(--lineHeight-tight)",snug:"var(--lineHeight-snug)",normal:"var(--lineHeight-normal)",relaxed:"var(--lineHeight-relaxed)",loose:"var(--lineHeight-loose)"},borderRadius:{sm:"var(--borderRadius-sm)",md:"var(--borderRadius-md)",lg:"var(--borderRadius-lg)"},boxShadow:{sm:"var(--boxShadow-sm)",default:"var(--boxShadow-default)",md:"var(--boxShadow-md)",lg:"var(--boxShadow-lg)",xl:"var(--boxShadow-xl)",none:"var(--boxShadow-none)"},zIndex:{0:"var(--zIndex-0)",10:"var(--zIndex-10)",20:"var(--zIndex-20)",30:"var(--zIndex-30)",40:"var(--zIndex-40)",50:"var(--zIndex-50)",auto:"var(--zIndex-auto)"}},sD=t.Popover,sI=t.PopoverTrigger,sP=u.Tabs,sR=p.createTheme,sA=p.globalKeyframes,sL=p.globalStyle,sM=p.keyframes,sE=p.style,sq=p.styleVariants;export{b as Button,f as ButtonGroup,y as Card,C as CardContent,N as CardDescription,z as CardFooter,w as CardHeader,k as CardTitle,S as Checkbox,I as CircularProgress,W as ConfirmAction,Q as ContentState,et as CopyTypography,eX as DEFAULT_SEPARATOR,eY as DEFAULT_SYMBOL,eJ as DESCRIPTION_ROOT_CLASSNAME,ep as DataGrid,eq as DataGridActionCell,eB as DataGridSortHeader,eK as DataList,e5 as Description,e4 as Dialog,eg as DropdownMenu,ez as DropdownMenuCheckboxItem,eN as DropdownMenuContent,eb as DropdownMenuGroup,eC as DropdownMenuItem,eT as DropdownMenuLabel,e_ as DropdownMenuPortal,ey as DropdownMenuRadioGroup,eS as DropdownMenuRadioItem,eD as DropdownMenuSeparator,eI as DropdownMenuShortcut,ef as DropdownMenuSub,ek as DropdownMenuSubContent,ew as DropdownMenuSubTrigger,ej as DropdownMenuTrigger,F as Image,e7 as ImageCarousel,sl as Input,_ as Label,J as Placeholder,P as PopoverContent,sd as RangeInput,sx as ScrollTopButton,su as Select,s_ as SelectContent,sp as SelectGroup,sy as SelectItem,sf as SelectLabel,sb as SelectScrollDownButton,sj as SelectScrollUpButton,sw as SelectSeparator,sg as SelectTrigger,sv as SelectValue,st as Slider,sk as TabsContent,sN as TabsList,sC as TabsTrigger,sS as TextField,ea as Tooltip,H as Typography,L as alignments,j as buttonSizes,g as buttonVariants,R as colors,O as displays,A as transforms,E as variants,sT as vars,M as weights,sD as Popover,sI as PopoverTrigger,sP as Tabs,sR as createTheme,sA as globalKeyframes,sL as globalStyle,sM as keyframes,sE as style,sq as styleVariants};
@@ -0,0 +1,3 @@
1
+ export * from './theme.css';
2
+ export * from './reset.css';
3
+ export { createTheme, globalKeyframes, globalStyle, keyframes, style, styleVariants, type ComplexStyleRule, } from '@vanilla-extract/css';
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,136 @@
1
+ export declare const vars: {
2
+ colors: {
3
+ primary: {
4
+ 900: `var(--${string})` | `var(--${string}, ${string})`;
5
+ 800: `var(--${string})` | `var(--${string}, ${string})`;
6
+ 700: `var(--${string})` | `var(--${string}, ${string})`;
7
+ 600: `var(--${string})` | `var(--${string}, ${string})`;
8
+ 500: `var(--${string})` | `var(--${string}, ${string})`;
9
+ 400: `var(--${string})` | `var(--${string}, ${string})`;
10
+ 300: `var(--${string})` | `var(--${string}, ${string})`;
11
+ 200: `var(--${string})` | `var(--${string}, ${string})`;
12
+ 100: `var(--${string})` | `var(--${string}, ${string})`;
13
+ };
14
+ red: {
15
+ 900: `var(--${string})` | `var(--${string}, ${string})`;
16
+ 800: `var(--${string})` | `var(--${string}, ${string})`;
17
+ 700: `var(--${string})` | `var(--${string}, ${string})`;
18
+ 600: `var(--${string})` | `var(--${string}, ${string})`;
19
+ 500: `var(--${string})` | `var(--${string}, ${string})`;
20
+ 400: `var(--${string})` | `var(--${string}, ${string})`;
21
+ 300: `var(--${string})` | `var(--${string}, ${string})`;
22
+ 200: `var(--${string})` | `var(--${string}, ${string})`;
23
+ 100: `var(--${string})` | `var(--${string}, ${string})`;
24
+ };
25
+ green: {
26
+ 900: `var(--${string})` | `var(--${string}, ${string})`;
27
+ 800: `var(--${string})` | `var(--${string}, ${string})`;
28
+ 700: `var(--${string})` | `var(--${string}, ${string})`;
29
+ 600: `var(--${string})` | `var(--${string}, ${string})`;
30
+ 500: `var(--${string})` | `var(--${string}, ${string})`;
31
+ 400: `var(--${string})` | `var(--${string}, ${string})`;
32
+ 300: `var(--${string})` | `var(--${string}, ${string})`;
33
+ 200: `var(--${string})` | `var(--${string}, ${string})`;
34
+ 100: `var(--${string})` | `var(--${string}, ${string})`;
35
+ };
36
+ yellow: {
37
+ 900: `var(--${string})` | `var(--${string}, ${string})`;
38
+ 800: `var(--${string})` | `var(--${string}, ${string})`;
39
+ 700: `var(--${string})` | `var(--${string}, ${string})`;
40
+ 600: `var(--${string})` | `var(--${string}, ${string})`;
41
+ 500: `var(--${string})` | `var(--${string}, ${string})`;
42
+ 400: `var(--${string})` | `var(--${string}, ${string})`;
43
+ 300: `var(--${string})` | `var(--${string}, ${string})`;
44
+ 200: `var(--${string})` | `var(--${string}, ${string})`;
45
+ 100: `var(--${string})` | `var(--${string}, ${string})`;
46
+ };
47
+ grey: {
48
+ 900: `var(--${string})` | `var(--${string}, ${string})`;
49
+ 800: `var(--${string})` | `var(--${string}, ${string})`;
50
+ 700: `var(--${string})` | `var(--${string}, ${string})`;
51
+ 600: `var(--${string})` | `var(--${string}, ${string})`;
52
+ 500: `var(--${string})` | `var(--${string}, ${string})`;
53
+ 400: `var(--${string})` | `var(--${string}, ${string})`;
54
+ 300: `var(--${string})` | `var(--${string}, ${string})`;
55
+ 200: `var(--${string})` | `var(--${string}, ${string})`;
56
+ 100: `var(--${string})` | `var(--${string}, ${string})`;
57
+ };
58
+ info: `var(--${string})` | `var(--${string}, ${string})`;
59
+ background: {
60
+ default: `var(--${string})` | `var(--${string}, ${string})`;
61
+ paper: `var(--${string})` | `var(--${string}, ${string})`;
62
+ element: `var(--${string})` | `var(--${string}, ${string})`;
63
+ elementHover: `var(--${string})` | `var(--${string}, ${string})`;
64
+ };
65
+ foreground: {
66
+ primary: `var(--${string})` | `var(--${string}, ${string})`;
67
+ secondary: `var(--${string})` | `var(--${string}, ${string})`;
68
+ };
69
+ text: {
70
+ primary: `var(--${string})` | `var(--${string}, ${string})`;
71
+ secondary: `var(--${string})` | `var(--${string}, ${string})`;
72
+ disabled: `var(--${string})` | `var(--${string}, ${string})`;
73
+ hint: `var(--${string})` | `var(--${string}, ${string})`;
74
+ };
75
+ };
76
+ spacing: {
77
+ 0: `var(--${string})` | `var(--${string}, ${string})`;
78
+ 1: `var(--${string})` | `var(--${string}, ${string})`;
79
+ 2: `var(--${string})` | `var(--${string}, ${string})`;
80
+ 3: `var(--${string})` | `var(--${string}, ${string})`;
81
+ 4: `var(--${string})` | `var(--${string}, ${string})`;
82
+ 5: `var(--${string})` | `var(--${string}, ${string})`;
83
+ 6: `var(--${string})` | `var(--${string}, ${string})`;
84
+ 8: `var(--${string})` | `var(--${string}, ${string})`;
85
+ 10: `var(--${string})` | `var(--${string}, ${string})`;
86
+ 12: `var(--${string})` | `var(--${string}, ${string})`;
87
+ 16: `var(--${string})` | `var(--${string}, ${string})`;
88
+ 20: `var(--${string})` | `var(--${string}, ${string})`;
89
+ };
90
+ fontSize: {
91
+ xs: `var(--${string})` | `var(--${string}, ${string})`;
92
+ sm: `var(--${string})` | `var(--${string}, ${string})`;
93
+ base: `var(--${string})` | `var(--${string}, ${string})`;
94
+ lg: `var(--${string})` | `var(--${string}, ${string})`;
95
+ xl: `var(--${string})` | `var(--${string}, ${string})`;
96
+ '2xl': `var(--${string})` | `var(--${string}, ${string})`;
97
+ '3xl': `var(--${string})` | `var(--${string}, ${string})`;
98
+ '4xl': `var(--${string})` | `var(--${string}, ${string})`;
99
+ };
100
+ fontWeight: {
101
+ normal: `var(--${string})` | `var(--${string}, ${string})`;
102
+ medium: `var(--${string})` | `var(--${string}, ${string})`;
103
+ semibold: `var(--${string})` | `var(--${string}, ${string})`;
104
+ bold: `var(--${string})` | `var(--${string}, ${string})`;
105
+ };
106
+ lineHeight: {
107
+ none: `var(--${string})` | `var(--${string}, ${string})`;
108
+ tight: `var(--${string})` | `var(--${string}, ${string})`;
109
+ snug: `var(--${string})` | `var(--${string}, ${string})`;
110
+ normal: `var(--${string})` | `var(--${string}, ${string})`;
111
+ relaxed: `var(--${string})` | `var(--${string}, ${string})`;
112
+ loose: `var(--${string})` | `var(--${string}, ${string})`;
113
+ };
114
+ borderRadius: {
115
+ sm: `var(--${string})` | `var(--${string}, ${string})`;
116
+ md: `var(--${string})` | `var(--${string}, ${string})`;
117
+ lg: `var(--${string})` | `var(--${string}, ${string})`;
118
+ };
119
+ boxShadow: {
120
+ sm: `var(--${string})` | `var(--${string}, ${string})`;
121
+ default: `var(--${string})` | `var(--${string}, ${string})`;
122
+ md: `var(--${string})` | `var(--${string}, ${string})`;
123
+ lg: `var(--${string})` | `var(--${string}, ${string})`;
124
+ xl: `var(--${string})` | `var(--${string}, ${string})`;
125
+ none: `var(--${string})` | `var(--${string}, ${string})`;
126
+ };
127
+ zIndex: {
128
+ auto: `var(--${string})` | `var(--${string}, ${string})`;
129
+ '0': `var(--${string})` | `var(--${string}, ${string})`;
130
+ '10': `var(--${string})` | `var(--${string}, ${string})`;
131
+ '20': `var(--${string})` | `var(--${string}, ${string})`;
132
+ '30': `var(--${string})` | `var(--${string}, ${string})`;
133
+ '40': `var(--${string})` | `var(--${string}, ${string})`;
134
+ '50': `var(--${string})` | `var(--${string}, ${string})`;
135
+ };
136
+ };