@lolmath/ui 2.8.0 → 3.0.0

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 (13) hide show
  1. package/dist/chunk-KUMYC3II.js +114 -0
  2. package/dist/chunk-KUMYC3II.js.map +1 -0
  3. package/dist/index.cjs +1181 -589
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.d.cts +116 -22
  6. package/dist/index.d.ts +116 -22
  7. package/dist/index.js +1065 -587
  8. package/dist/index.js.map +1 -1
  9. package/dist/plugin.cjs +113 -50
  10. package/dist/plugin.cjs.map +1 -1
  11. package/dist/plugin.js +5 -50
  12. package/dist/plugin.js.map +1 -1
  13. package/package.json +11 -10
package/dist/index.d.cts CHANGED
@@ -1,13 +1,18 @@
1
1
  import * as react from 'react';
2
2
  import { ReactNode, ComponentProps } from 'react';
3
- import { ButtonProps as ButtonProps$1, ItemProps, SelectProps as SelectProps$1, SearchFieldProps, Input, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SwitchProps, ProgressBarProps as ProgressBarProps$1, TextFieldProps, InputProps, RadioGroupProps, RadioProps, LabelProps, NumberFieldProps, Group, HeadingProps, DialogTriggerProps, ModalOverlayProps, DialogProps, TabsProps, TabListProps, TabProps, TabPanelProps, CheckboxProps, TextAreaProps, TooltipProps } from 'react-aria-components';
4
- export { TooltipTrigger } from 'react-aria-components';
3
+ import { ButtonProps as ButtonProps$1, ButtonRenderProps, ListBoxItemProps, SelectProps as SelectProps$1, SearchFieldProps, Input, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SliderOutputProps, SwitchProps, ProgressBarProps as ProgressBarProps$1, TextFieldProps, InputProps, RadioGroupProps, RadioProps, NumberFieldProps, Group, HeadingProps as HeadingProps$1, DialogTriggerProps, ModalOverlayProps, DialogProps, TabsProps, TabListProps, TabProps, TabPanelProps, CheckboxProps, TextAreaProps, TooltipProps, LabelProps as LabelProps$1 } from 'react-aria-components';
4
+ export { Key, TooltipTrigger } from 'react-aria-components';
5
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
6
+ import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
7
+ import * as tailwind_variants from 'tailwind-variants';
6
8
 
9
+ type ButtonShape = "round" | "square" | "normal";
10
+ type ButtonPreset = "primary" | "secondary" | "text" | "hextech" | "dimmed";
7
11
  interface ButtonProps extends ButtonProps$1 {
8
- priority?: "primary" | "secondary" | "tertiary";
9
- isRounded?: boolean;
10
- isSquared?: boolean;
12
+ innerClassName?: string | ((values: ButtonRenderProps) => string);
13
+ preset?: ButtonPreset;
14
+ thin?: boolean;
15
+ shape?: ButtonShape;
11
16
  }
12
17
  declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
13
18
 
@@ -17,23 +22,21 @@ interface SelectProps<T extends object> extends Omit<SelectProps$1<T>, "children
17
22
  errorMessage?: string;
18
23
  children?: ReactNode | ((item: T) => ReactNode);
19
24
  }
20
- declare function Select<T extends object>({ description, errorMessage, children, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
21
- declare function Item({ className, ...props }: ItemProps): react_jsx_runtime.JSX.Element;
25
+ declare function Select<T extends object>({ description, errorMessage, children, className, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
26
+ declare function Item({ className, ...props }: ListBoxItemProps): react_jsx_runtime.JSX.Element;
22
27
 
23
- declare function SearchField({ inputProps, ...props }: SearchFieldProps & {
28
+ declare function SearchField({ inputProps, borderProps, children, ...props }: SearchFieldProps & {
24
29
  inputProps?: ComponentProps<typeof Input>;
30
+ borderProps?: ComponentProps<"div">;
25
31
  }): react_jsx_runtime.JSX.Element;
26
32
 
27
- declare function Slider<T extends number | number[]>({ children, sliderThumbProps, sliderTrackProps, sliderTrackBackgroundClassName, sliderTrackForegroundClassName, ...props }: SliderProps<T> & {
33
+ declare function Slider<T extends number | number[]>({ children, className, sliderThumbProps, sliderTrackProps, sliderTrackBackgroundClassName, sliderTrackForegroundClassName, ...props }: SliderProps<T> & {
28
34
  sliderTrackProps?: SliderTrackProps;
29
35
  sliderThumbProps?: SliderThumbProps;
30
36
  sliderTrackBackgroundClassName?: string | ((values: SliderTrackRenderProps) => string);
31
37
  sliderTrackForegroundClassName?: string | ((values: SliderTrackRenderProps) => string);
32
38
  }): react_jsx_runtime.JSX.Element;
33
- interface SliderLabelProps {
34
- children?: React.ReactNode;
35
- }
36
- declare function SliderLabel({ children }: SliderLabelProps): react_jsx_runtime.JSX.Element;
39
+ declare function SliderOutput(props: SliderOutputProps): react_jsx_runtime.JSX.Element;
37
40
 
38
41
  declare function Switch({ className, placeholder, children, ...props }: SwitchProps & {
39
42
  placeholder?: string;
@@ -49,6 +52,68 @@ interface AccordionProps {
49
52
  className?: string;
50
53
  }
51
54
  declare function Accordion({ children, className }: AccordionProps): react_jsx_runtime.JSX.Element;
55
+ declare const accordionTrigger: tailwind_variants.TVReturnType<{
56
+ [key: string]: {
57
+ [key: string]: tailwind_variants.ClassValue | {
58
+ base?: tailwind_variants.ClassValue;
59
+ };
60
+ };
61
+ } | {
62
+ [x: string]: {
63
+ [x: string]: tailwind_variants.ClassValue | {
64
+ base?: tailwind_variants.ClassValue;
65
+ };
66
+ } | undefined;
67
+ } | {}, undefined, "text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase", tailwind_variants_dist_config_js.TVConfig<unknown, {
68
+ [key: string]: {
69
+ [key: string]: tailwind_variants.ClassValue | {
70
+ base?: tailwind_variants.ClassValue;
71
+ };
72
+ };
73
+ } | {}>, {
74
+ [key: string]: {
75
+ [key: string]: tailwind_variants.ClassValue | {
76
+ base?: tailwind_variants.ClassValue;
77
+ };
78
+ };
79
+ } | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase", tailwind_variants_dist_config_js.TVConfig<unknown, {
80
+ [key: string]: {
81
+ [key: string]: tailwind_variants.ClassValue | {
82
+ base?: tailwind_variants.ClassValue;
83
+ };
84
+ };
85
+ } | {}>, unknown, unknown, undefined>>;
86
+ declare const accordionTriggerInner: tailwind_variants.TVReturnType<{
87
+ [key: string]: {
88
+ [key: string]: tailwind_variants.ClassValue | {
89
+ base?: tailwind_variants.ClassValue;
90
+ };
91
+ };
92
+ } | {
93
+ [x: string]: {
94
+ [x: string]: tailwind_variants.ClassValue | {
95
+ base?: tailwind_variants.ClassValue;
96
+ };
97
+ } | undefined;
98
+ } | {}, undefined, "ml-0.5 mr-2 inline-block rotate-90 transform text-xs", tailwind_variants_dist_config_js.TVConfig<unknown, {
99
+ [key: string]: {
100
+ [key: string]: tailwind_variants.ClassValue | {
101
+ base?: tailwind_variants.ClassValue;
102
+ };
103
+ };
104
+ } | {}>, {
105
+ [key: string]: {
106
+ [key: string]: tailwind_variants.ClassValue | {
107
+ base?: tailwind_variants.ClassValue;
108
+ };
109
+ };
110
+ } | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "ml-0.5 mr-2 inline-block rotate-90 transform text-xs", tailwind_variants_dist_config_js.TVConfig<unknown, {
111
+ [key: string]: {
112
+ [key: string]: tailwind_variants.ClassValue | {
113
+ base?: tailwind_variants.ClassValue;
114
+ };
115
+ };
116
+ } | {}>, unknown, unknown, undefined>>;
52
117
  interface AccordionTriggerProps {
53
118
  children: React.ReactNode;
54
119
  className?: string;
@@ -64,18 +129,19 @@ interface AccordionContentProps {
64
129
  }
65
130
  declare function AccordionContent({ children }: AccordionContentProps): react_jsx_runtime.JSX.Element | null;
66
131
 
67
- declare function TextField({ inputProps, ...props }: TextFieldProps & {
132
+ declare function TextField({ inputProps, borderProps, children, ...props }: TextFieldProps & {
68
133
  inputProps?: InputProps;
134
+ borderProps?: ComponentProps<"div">;
69
135
  }): react_jsx_runtime.JSX.Element;
70
136
 
71
- declare function RadioGroup({ ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
72
- declare function Radio({ ...props }: RadioProps): react_jsx_runtime.JSX.Element;
137
+ declare function RadioGroup({ className, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
138
+ declare function Radio({ className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
73
139
 
74
- declare function Label({ ...props }: LabelProps): react_jsx_runtime.JSX.Element;
75
-
76
- declare function NumberField({ inputProps, groupProps, ...props }: NumberFieldProps & {
140
+ type NumberFieldPreset = "normal" | "dimmed";
141
+ declare function NumberField({ inputProps, groupProps, children, preset, ...props }: NumberFieldProps & {
77
142
  inputProps?: ComponentProps<typeof Input>;
78
143
  groupProps?: ComponentProps<typeof Group>;
144
+ preset?: NumberFieldPreset;
79
145
  }): react_jsx_runtime.JSX.Element;
80
146
 
81
147
  interface SpinnerProps {
@@ -89,7 +155,7 @@ interface ModalProps extends Omit<ModalOverlayProps, "children"> {
89
155
  children?: DialogProps["children"];
90
156
  }
91
157
  declare function Modal({ modalOverlayClassName, dialogProps, children, className, ...modalProps }: ModalProps): react_jsx_runtime.JSX.Element;
92
- declare function Heading(props: HeadingProps): react_jsx_runtime.JSX.Element;
158
+ declare function DialogHeading({ className, ...props }: HeadingProps$1): react_jsx_runtime.JSX.Element;
93
159
  declare function DialogButtons({ children }: {
94
160
  children: React.ReactNode;
95
161
  }): react_jsx_runtime.JSX.Element;
@@ -102,8 +168,9 @@ declare function TabPanel({ ...rest }: TabPanelProps): react_jsx_runtime.JSX.Ele
102
168
 
103
169
  declare function Checkbox({ children, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
104
170
 
105
- declare function TextArea({ textAreaProps, ...props }: TextFieldProps & {
171
+ declare function TextArea({ textAreaProps, borderProps, children, ...props }: TextFieldProps & {
106
172
  textAreaProps?: TextAreaProps;
173
+ borderProps?: ComponentProps<"div">;
107
174
  }): react_jsx_runtime.JSX.Element;
108
175
 
109
176
  declare function Tooltip({ children, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
@@ -114,4 +181,31 @@ interface CardProps extends ComponentProps<"div"> {
114
181
  declare function Card({ children, className, style, borderProps }: CardProps): react_jsx_runtime.JSX.Element;
115
182
  declare function borderInverted(r: string): string;
116
183
 
117
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, Card, CardProps, Checkbox, DialogButtons, DialogTrigger, Heading, Item, Label, Modal, NumberField, ProgressBar, Radio, RadioGroup, SearchField, Select, Slider, SliderLabel, Spinner, Switch, Tab, TabList, TabPanel, Tabs, TextArea, TextField, Tooltip, borderInverted };
184
+ type HeadingColor = "gold-100" | "gold-200" | "gold-400" | "grey-100";
185
+ type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5";
186
+ interface HeadingProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
187
+ preset?: HeadingElement;
188
+ color?: HeadingColor;
189
+ as?: HeadingElement | "span";
190
+ }
191
+ declare function Heading({ as, preset, color, className, ...rest }: HeadingProps): JSX.Element;
192
+
193
+ type TextColor = "grey-100" | "grey-150" | "gold-100";
194
+ type TextElement = "p" | "span" | "div";
195
+ type TextPreset = "sm" | "base" | "md" | "lg" | "large-number" | "stat";
196
+ interface TextProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
197
+ preset?: TextPreset;
198
+ color?: TextColor;
199
+ as?: TextElement;
200
+ }
201
+ declare function Text({ as, preset, color, className, ...rest }: TextProps): JSX.Element;
202
+ interface LabelProps extends LabelProps$1 {
203
+ preset?: TextPreset | 'label';
204
+ color?: TextColor;
205
+ as?: TextElement;
206
+ }
207
+ declare function Label({ preset, color, className, ...rest }: LabelProps): JSX.Element;
208
+
209
+ declare const tv: tailwind_variants.TV;
210
+
211
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, type ButtonPreset, type ButtonShape, Card, type CardProps, Checkbox, DialogButtons, DialogHeading, DialogTrigger, Heading, type HeadingColor, type HeadingElement, Item, Label, Modal, NumberField, ProgressBar, Radio, RadioGroup, SearchField, Select, Slider, SliderOutput, Spinner, Switch, Tab, TabList, TabPanel, Tabs, Text, TextArea, type TextColor, type TextElement, TextField, type TextPreset, Tooltip, accordionTrigger, accordionTriggerInner, borderInverted, tv };
package/dist/index.d.ts CHANGED
@@ -1,13 +1,18 @@
1
1
  import * as react from 'react';
2
2
  import { ReactNode, ComponentProps } from 'react';
3
- import { ButtonProps as ButtonProps$1, ItemProps, SelectProps as SelectProps$1, SearchFieldProps, Input, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SwitchProps, ProgressBarProps as ProgressBarProps$1, TextFieldProps, InputProps, RadioGroupProps, RadioProps, LabelProps, NumberFieldProps, Group, HeadingProps, DialogTriggerProps, ModalOverlayProps, DialogProps, TabsProps, TabListProps, TabProps, TabPanelProps, CheckboxProps, TextAreaProps, TooltipProps } from 'react-aria-components';
4
- export { TooltipTrigger } from 'react-aria-components';
3
+ import { ButtonProps as ButtonProps$1, ButtonRenderProps, ListBoxItemProps, SelectProps as SelectProps$1, SearchFieldProps, Input, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SliderOutputProps, SwitchProps, ProgressBarProps as ProgressBarProps$1, TextFieldProps, InputProps, RadioGroupProps, RadioProps, NumberFieldProps, Group, HeadingProps as HeadingProps$1, DialogTriggerProps, ModalOverlayProps, DialogProps, TabsProps, TabListProps, TabProps, TabPanelProps, CheckboxProps, TextAreaProps, TooltipProps, LabelProps as LabelProps$1 } from 'react-aria-components';
4
+ export { Key, TooltipTrigger } from 'react-aria-components';
5
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
6
+ import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
7
+ import * as tailwind_variants from 'tailwind-variants';
6
8
 
9
+ type ButtonShape = "round" | "square" | "normal";
10
+ type ButtonPreset = "primary" | "secondary" | "text" | "hextech" | "dimmed";
7
11
  interface ButtonProps extends ButtonProps$1 {
8
- priority?: "primary" | "secondary" | "tertiary";
9
- isRounded?: boolean;
10
- isSquared?: boolean;
12
+ innerClassName?: string | ((values: ButtonRenderProps) => string);
13
+ preset?: ButtonPreset;
14
+ thin?: boolean;
15
+ shape?: ButtonShape;
11
16
  }
12
17
  declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
13
18
 
@@ -17,23 +22,21 @@ interface SelectProps<T extends object> extends Omit<SelectProps$1<T>, "children
17
22
  errorMessage?: string;
18
23
  children?: ReactNode | ((item: T) => ReactNode);
19
24
  }
20
- declare function Select<T extends object>({ description, errorMessage, children, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
21
- declare function Item({ className, ...props }: ItemProps): react_jsx_runtime.JSX.Element;
25
+ declare function Select<T extends object>({ description, errorMessage, children, className, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
26
+ declare function Item({ className, ...props }: ListBoxItemProps): react_jsx_runtime.JSX.Element;
22
27
 
23
- declare function SearchField({ inputProps, ...props }: SearchFieldProps & {
28
+ declare function SearchField({ inputProps, borderProps, children, ...props }: SearchFieldProps & {
24
29
  inputProps?: ComponentProps<typeof Input>;
30
+ borderProps?: ComponentProps<"div">;
25
31
  }): react_jsx_runtime.JSX.Element;
26
32
 
27
- declare function Slider<T extends number | number[]>({ children, sliderThumbProps, sliderTrackProps, sliderTrackBackgroundClassName, sliderTrackForegroundClassName, ...props }: SliderProps<T> & {
33
+ declare function Slider<T extends number | number[]>({ children, className, sliderThumbProps, sliderTrackProps, sliderTrackBackgroundClassName, sliderTrackForegroundClassName, ...props }: SliderProps<T> & {
28
34
  sliderTrackProps?: SliderTrackProps;
29
35
  sliderThumbProps?: SliderThumbProps;
30
36
  sliderTrackBackgroundClassName?: string | ((values: SliderTrackRenderProps) => string);
31
37
  sliderTrackForegroundClassName?: string | ((values: SliderTrackRenderProps) => string);
32
38
  }): react_jsx_runtime.JSX.Element;
33
- interface SliderLabelProps {
34
- children?: React.ReactNode;
35
- }
36
- declare function SliderLabel({ children }: SliderLabelProps): react_jsx_runtime.JSX.Element;
39
+ declare function SliderOutput(props: SliderOutputProps): react_jsx_runtime.JSX.Element;
37
40
 
38
41
  declare function Switch({ className, placeholder, children, ...props }: SwitchProps & {
39
42
  placeholder?: string;
@@ -49,6 +52,68 @@ interface AccordionProps {
49
52
  className?: string;
50
53
  }
51
54
  declare function Accordion({ children, className }: AccordionProps): react_jsx_runtime.JSX.Element;
55
+ declare const accordionTrigger: tailwind_variants.TVReturnType<{
56
+ [key: string]: {
57
+ [key: string]: tailwind_variants.ClassValue | {
58
+ base?: tailwind_variants.ClassValue;
59
+ };
60
+ };
61
+ } | {
62
+ [x: string]: {
63
+ [x: string]: tailwind_variants.ClassValue | {
64
+ base?: tailwind_variants.ClassValue;
65
+ };
66
+ } | undefined;
67
+ } | {}, undefined, "text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase", tailwind_variants_dist_config_js.TVConfig<unknown, {
68
+ [key: string]: {
69
+ [key: string]: tailwind_variants.ClassValue | {
70
+ base?: tailwind_variants.ClassValue;
71
+ };
72
+ };
73
+ } | {}>, {
74
+ [key: string]: {
75
+ [key: string]: tailwind_variants.ClassValue | {
76
+ base?: tailwind_variants.ClassValue;
77
+ };
78
+ };
79
+ } | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase", tailwind_variants_dist_config_js.TVConfig<unknown, {
80
+ [key: string]: {
81
+ [key: string]: tailwind_variants.ClassValue | {
82
+ base?: tailwind_variants.ClassValue;
83
+ };
84
+ };
85
+ } | {}>, unknown, unknown, undefined>>;
86
+ declare const accordionTriggerInner: tailwind_variants.TVReturnType<{
87
+ [key: string]: {
88
+ [key: string]: tailwind_variants.ClassValue | {
89
+ base?: tailwind_variants.ClassValue;
90
+ };
91
+ };
92
+ } | {
93
+ [x: string]: {
94
+ [x: string]: tailwind_variants.ClassValue | {
95
+ base?: tailwind_variants.ClassValue;
96
+ };
97
+ } | undefined;
98
+ } | {}, undefined, "ml-0.5 mr-2 inline-block rotate-90 transform text-xs", tailwind_variants_dist_config_js.TVConfig<unknown, {
99
+ [key: string]: {
100
+ [key: string]: tailwind_variants.ClassValue | {
101
+ base?: tailwind_variants.ClassValue;
102
+ };
103
+ };
104
+ } | {}>, {
105
+ [key: string]: {
106
+ [key: string]: tailwind_variants.ClassValue | {
107
+ base?: tailwind_variants.ClassValue;
108
+ };
109
+ };
110
+ } | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "ml-0.5 mr-2 inline-block rotate-90 transform text-xs", tailwind_variants_dist_config_js.TVConfig<unknown, {
111
+ [key: string]: {
112
+ [key: string]: tailwind_variants.ClassValue | {
113
+ base?: tailwind_variants.ClassValue;
114
+ };
115
+ };
116
+ } | {}>, unknown, unknown, undefined>>;
52
117
  interface AccordionTriggerProps {
53
118
  children: React.ReactNode;
54
119
  className?: string;
@@ -64,18 +129,19 @@ interface AccordionContentProps {
64
129
  }
65
130
  declare function AccordionContent({ children }: AccordionContentProps): react_jsx_runtime.JSX.Element | null;
66
131
 
67
- declare function TextField({ inputProps, ...props }: TextFieldProps & {
132
+ declare function TextField({ inputProps, borderProps, children, ...props }: TextFieldProps & {
68
133
  inputProps?: InputProps;
134
+ borderProps?: ComponentProps<"div">;
69
135
  }): react_jsx_runtime.JSX.Element;
70
136
 
71
- declare function RadioGroup({ ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
72
- declare function Radio({ ...props }: RadioProps): react_jsx_runtime.JSX.Element;
137
+ declare function RadioGroup({ className, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
138
+ declare function Radio({ className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
73
139
 
74
- declare function Label({ ...props }: LabelProps): react_jsx_runtime.JSX.Element;
75
-
76
- declare function NumberField({ inputProps, groupProps, ...props }: NumberFieldProps & {
140
+ type NumberFieldPreset = "normal" | "dimmed";
141
+ declare function NumberField({ inputProps, groupProps, children, preset, ...props }: NumberFieldProps & {
77
142
  inputProps?: ComponentProps<typeof Input>;
78
143
  groupProps?: ComponentProps<typeof Group>;
144
+ preset?: NumberFieldPreset;
79
145
  }): react_jsx_runtime.JSX.Element;
80
146
 
81
147
  interface SpinnerProps {
@@ -89,7 +155,7 @@ interface ModalProps extends Omit<ModalOverlayProps, "children"> {
89
155
  children?: DialogProps["children"];
90
156
  }
91
157
  declare function Modal({ modalOverlayClassName, dialogProps, children, className, ...modalProps }: ModalProps): react_jsx_runtime.JSX.Element;
92
- declare function Heading(props: HeadingProps): react_jsx_runtime.JSX.Element;
158
+ declare function DialogHeading({ className, ...props }: HeadingProps$1): react_jsx_runtime.JSX.Element;
93
159
  declare function DialogButtons({ children }: {
94
160
  children: React.ReactNode;
95
161
  }): react_jsx_runtime.JSX.Element;
@@ -102,8 +168,9 @@ declare function TabPanel({ ...rest }: TabPanelProps): react_jsx_runtime.JSX.Ele
102
168
 
103
169
  declare function Checkbox({ children, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
104
170
 
105
- declare function TextArea({ textAreaProps, ...props }: TextFieldProps & {
171
+ declare function TextArea({ textAreaProps, borderProps, children, ...props }: TextFieldProps & {
106
172
  textAreaProps?: TextAreaProps;
173
+ borderProps?: ComponentProps<"div">;
107
174
  }): react_jsx_runtime.JSX.Element;
108
175
 
109
176
  declare function Tooltip({ children, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
@@ -114,4 +181,31 @@ interface CardProps extends ComponentProps<"div"> {
114
181
  declare function Card({ children, className, style, borderProps }: CardProps): react_jsx_runtime.JSX.Element;
115
182
  declare function borderInverted(r: string): string;
116
183
 
117
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, Card, CardProps, Checkbox, DialogButtons, DialogTrigger, Heading, Item, Label, Modal, NumberField, ProgressBar, Radio, RadioGroup, SearchField, Select, Slider, SliderLabel, Spinner, Switch, Tab, TabList, TabPanel, Tabs, TextArea, TextField, Tooltip, borderInverted };
184
+ type HeadingColor = "gold-100" | "gold-200" | "gold-400" | "grey-100";
185
+ type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5";
186
+ interface HeadingProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
187
+ preset?: HeadingElement;
188
+ color?: HeadingColor;
189
+ as?: HeadingElement | "span";
190
+ }
191
+ declare function Heading({ as, preset, color, className, ...rest }: HeadingProps): JSX.Element;
192
+
193
+ type TextColor = "grey-100" | "grey-150" | "gold-100";
194
+ type TextElement = "p" | "span" | "div";
195
+ type TextPreset = "sm" | "base" | "md" | "lg" | "large-number" | "stat";
196
+ interface TextProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
197
+ preset?: TextPreset;
198
+ color?: TextColor;
199
+ as?: TextElement;
200
+ }
201
+ declare function Text({ as, preset, color, className, ...rest }: TextProps): JSX.Element;
202
+ interface LabelProps extends LabelProps$1 {
203
+ preset?: TextPreset | 'label';
204
+ color?: TextColor;
205
+ as?: TextElement;
206
+ }
207
+ declare function Label({ preset, color, className, ...rest }: LabelProps): JSX.Element;
208
+
209
+ declare const tv: tailwind_variants.TV;
210
+
211
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, type ButtonPreset, type ButtonShape, Card, type CardProps, Checkbox, DialogButtons, DialogHeading, DialogTrigger, Heading, type HeadingColor, type HeadingElement, Item, Label, Modal, NumberField, ProgressBar, Radio, RadioGroup, SearchField, Select, Slider, SliderOutput, Spinner, Switch, Tab, TabList, TabPanel, Tabs, Text, TextArea, type TextColor, type TextElement, TextField, type TextPreset, Tooltip, accordionTrigger, accordionTriggerInner, borderInverted, tv };