@reifydb/ui 0.10.1 → 0.10.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 (4) hide show
  1. package/dist/index.d.cts +34 -33
  2. package/dist/index.d.ts +34 -33
  3. package/package.json +1 -1
  4. package/src/styles/theme.css +4 -3
package/dist/index.d.cts CHANGED
@@ -1,3 +1,4 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
1
2
  import * as react from 'react';
2
3
  import { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes } from 'react';
3
4
 
@@ -8,7 +9,7 @@ interface BadgeProps {
8
9
  className?: string;
9
10
  onClick?: () => void;
10
11
  }
11
- declare function Badge({ variant, children, className, onClick }: BadgeProps): react.JSX.Element;
12
+ declare function Badge({ variant, children, className, onClick }: BadgeProps): react_jsx_runtime.JSX.Element;
12
13
 
13
14
  type ButtonVariant = "primary" | "secondary" | "ghost" | "forest" | "danger" | "destructive" | "link";
14
15
  type ButtonSize = "sm" | "md" | "lg" | "icon";
@@ -22,24 +23,24 @@ interface CardProps {
22
23
  children: ReactNode;
23
24
  className?: string;
24
25
  }
25
- declare function Card({ children, className }: CardProps): react.JSX.Element;
26
- declare function CardHeader({ children, className }: CardProps): react.JSX.Element;
26
+ declare function Card({ children, className }: CardProps): react_jsx_runtime.JSX.Element;
27
+ declare function CardHeader({ children, className }: CardProps): react_jsx_runtime.JSX.Element;
27
28
  declare function CardTitle({ children, className }: {
28
29
  children: ReactNode;
29
30
  className?: string;
30
- }): react.JSX.Element;
31
+ }): react_jsx_runtime.JSX.Element;
31
32
  declare function CardDescription({ children, className }: {
32
33
  children: ReactNode;
33
34
  className?: string;
34
- }): react.JSX.Element;
35
+ }): react_jsx_runtime.JSX.Element;
35
36
  declare function CardContent({ children, className }: {
36
37
  children: ReactNode;
37
38
  className?: string;
38
- }): react.JSX.Element;
39
+ }): react_jsx_runtime.JSX.Element;
39
40
  declare function CardFooter({ children, className }: {
40
41
  children: ReactNode;
41
42
  className?: string;
42
- }): react.JSX.Element;
43
+ }): react_jsx_runtime.JSX.Element;
43
44
 
44
45
  interface ChipProps {
45
46
  active: boolean;
@@ -47,7 +48,7 @@ interface ChipProps {
47
48
  children: ReactNode;
48
49
  className?: string;
49
50
  }
50
- declare function Chip({ active, onClick, children, className }: ChipProps): react.JSX.Element;
51
+ declare function Chip({ active, onClick, children, className }: ChipProps): react_jsx_runtime.JSX.Element;
51
52
 
52
53
  interface ChipGroupOption {
53
54
  value: string;
@@ -68,7 +69,7 @@ interface ChipGroupMultipleProps extends ChipGroupBaseProps {
68
69
  onChange: (value: string[]) => void;
69
70
  }
70
71
  type ChipGroupProps = ChipGroupSingleProps | ChipGroupMultipleProps;
71
- declare function ChipGroup(props: ChipGroupProps): react.JSX.Element;
72
+ declare function ChipGroup(props: ChipGroupProps): react_jsx_runtime.JSX.Element;
72
73
 
73
74
  interface CodeBlockProps {
74
75
  code: string;
@@ -76,7 +77,7 @@ interface CodeBlockProps {
76
77
  showCopy?: boolean;
77
78
  className?: string;
78
79
  }
79
- declare function CodeBlock({ code, language, showCopy, className }: CodeBlockProps): react.JSX.Element;
80
+ declare function CodeBlock({ code, language, showCopy, className }: CodeBlockProps): react_jsx_runtime.JSX.Element;
80
81
 
81
82
  interface CopyButtonProps {
82
83
  text: string;
@@ -84,14 +85,14 @@ interface CopyButtonProps {
84
85
  label?: string;
85
86
  onCopy?: () => void;
86
87
  }
87
- declare function CopyButton({ text, className, label, onCopy }: CopyButtonProps): react.JSX.Element;
88
+ declare function CopyButton({ text, className, label, onCopy }: CopyButtonProps): react_jsx_runtime.JSX.Element;
88
89
 
89
90
  interface DialogProps {
90
91
  open: boolean;
91
92
  onOpenChange: (open: boolean) => void;
92
93
  children: ReactNode;
93
94
  }
94
- declare function Dialog({ open, onOpenChange, children }: DialogProps): react.JSX.Element | null;
95
+ declare function Dialog({ open, onOpenChange, children }: DialogProps): react_jsx_runtime.JSX.Element | null;
95
96
  interface DialogContentProps {
96
97
  className?: string;
97
98
  children: ReactNode;
@@ -100,7 +101,7 @@ declare const DialogContent: react.ForwardRefExoticComponent<DialogContentProps
100
101
  declare function DialogHeader({ children, className }: {
101
102
  children: ReactNode;
102
103
  className?: string;
103
- }): react.JSX.Element;
104
+ }): react_jsx_runtime.JSX.Element;
104
105
  declare const DialogTitle: react.ForwardRefExoticComponent<{
105
106
  children: ReactNode;
106
107
  className?: string;
@@ -113,7 +114,7 @@ declare const DialogClose: react.ForwardRefExoticComponent<ButtonHTMLAttributes<
113
114
  declare function DialogFooter({ children, className }: {
114
115
  children: ReactNode;
115
116
  className?: string;
116
- }): react.JSX.Element;
117
+ }): react_jsx_runtime.JSX.Element;
117
118
 
118
119
  interface EmptyStateProps {
119
120
  icon?: ReactNode;
@@ -121,7 +122,7 @@ interface EmptyStateProps {
121
122
  description?: string;
122
123
  action?: ReactNode;
123
124
  }
124
- declare function EmptyState({ icon, title, description, action }: EmptyStateProps): react.JSX.Element;
125
+ declare function EmptyState({ icon, title, description, action }: EmptyStateProps): react_jsx_runtime.JSX.Element;
125
126
 
126
127
  interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
127
128
  label?: string;
@@ -133,13 +134,13 @@ interface KbdProps {
133
134
  children: ReactNode;
134
135
  className?: string;
135
136
  }
136
- declare function Kbd({ children, className }: KbdProps): react.JSX.Element;
137
+ declare function Kbd({ children, className }: KbdProps): react_jsx_runtime.JSX.Element;
137
138
 
138
139
  interface LoadingProps {
139
140
  text?: string;
140
141
  className?: string;
141
142
  }
142
- declare function Loading({ text, className }: LoadingProps): react.JSX.Element;
143
+ declare function Loading({ text, className }: LoadingProps): react_jsx_runtime.JSX.Element;
143
144
 
144
145
  interface ModalProps {
145
146
  open: boolean;
@@ -148,7 +149,7 @@ interface ModalProps {
148
149
  children: ReactNode;
149
150
  className?: string;
150
151
  }
151
- declare function Modal({ open, onClose, title, children, className }: ModalProps): react.JSX.Element | null;
152
+ declare function Modal({ open, onClose, title, children, className }: ModalProps): react_jsx_runtime.JSX.Element | null;
152
153
 
153
154
  interface NavTabItem {
154
155
  label: string;
@@ -165,14 +166,14 @@ interface NavTabsProps {
165
166
  children: ReactNode;
166
167
  }) => ReactNode;
167
168
  }
168
- declare function NavTabs({ items, variant, className, renderLink }: NavTabsProps): react.JSX.Element;
169
+ declare function NavTabs({ items, variant, className, renderLink }: NavTabsProps): react_jsx_runtime.JSX.Element;
169
170
 
170
171
  interface SectionHeaderProps {
171
172
  title: string;
172
173
  badge?: ReactNode;
173
174
  className?: string;
174
175
  }
175
- declare function SectionHeader({ title, badge, className }: SectionHeaderProps): react.JSX.Element;
176
+ declare function SectionHeader({ title, badge, className }: SectionHeaderProps): react_jsx_runtime.JSX.Element;
176
177
 
177
178
  interface SelectOption {
178
179
  value: string;
@@ -187,24 +188,24 @@ declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAtt
187
188
  interface SeparatorProps {
188
189
  className?: string;
189
190
  }
190
- declare function Separator({ className }: SeparatorProps): react.JSX.Element;
191
+ declare function Separator({ className }: SeparatorProps): react_jsx_runtime.JSX.Element;
191
192
 
192
193
  interface SkeletonProps {
193
194
  className?: string;
194
195
  }
195
- declare function Skeleton({ className }: SkeletonProps): react.JSX.Element;
196
+ declare function Skeleton({ className }: SkeletonProps): react_jsx_runtime.JSX.Element;
196
197
 
197
198
  interface SparklineProps {
198
199
  trend: number[];
199
200
  className?: string;
200
201
  }
201
- declare function Sparkline({ trend, className }: SparklineProps): react.JSX.Element;
202
+ declare function Sparkline({ trend, className }: SparklineProps): react_jsx_runtime.JSX.Element;
202
203
 
203
204
  interface SpinnerProps {
204
205
  size?: "sm" | "md" | "lg";
205
206
  className?: string;
206
207
  }
207
- declare function Spinner({ size, className }: SpinnerProps): react.JSX.Element;
208
+ declare function Spinner({ size, className }: SpinnerProps): react_jsx_runtime.JSX.Element;
208
209
 
209
210
  type StatusDot = "success" | "warning" | "danger" | "idle";
210
211
  interface StatusBarItem {
@@ -216,35 +217,35 @@ interface StatusBarProps {
216
217
  trailing?: ReactNode;
217
218
  className?: string;
218
219
  }
219
- declare function StatusBar({ items, trailing, className }: StatusBarProps): react.JSX.Element;
220
+ declare function StatusBar({ items, trailing, className }: StatusBarProps): react_jsx_runtime.JSX.Element;
220
221
 
221
222
  interface TableProps {
222
223
  children: ReactNode;
223
224
  className?: string;
224
225
  }
225
- declare function Table({ children, className }: TableProps): react.JSX.Element;
226
+ declare function Table({ children, className }: TableProps): react_jsx_runtime.JSX.Element;
226
227
  declare function TableHead({ children }: {
227
228
  children: ReactNode;
228
- }): react.JSX.Element;
229
+ }): react_jsx_runtime.JSX.Element;
229
230
  interface TableHeaderProps {
230
231
  children?: ReactNode;
231
232
  className?: string;
232
233
  onClick?: () => void;
233
234
  }
234
- declare function TableHeader({ children, className, onClick }: TableHeaderProps): react.JSX.Element;
235
+ declare function TableHeader({ children, className, onClick }: TableHeaderProps): react_jsx_runtime.JSX.Element;
235
236
  declare function TableBody({ children }: {
236
237
  children: ReactNode;
237
- }): react.JSX.Element;
238
+ }): react_jsx_runtime.JSX.Element;
238
239
  interface TableRowProps {
239
240
  children: ReactNode;
240
241
  className?: string;
241
242
  onClick?: () => void;
242
243
  }
243
- declare function TableRow({ children, className, onClick }: TableRowProps): react.JSX.Element;
244
+ declare function TableRow({ children, className, onClick }: TableRowProps): react_jsx_runtime.JSX.Element;
244
245
  declare function TableCell({ children, className }: {
245
246
  children: ReactNode;
246
247
  className?: string;
247
- }): react.JSX.Element;
248
+ }): react_jsx_runtime.JSX.Element;
248
249
 
249
250
  interface Tab {
250
251
  value: string;
@@ -256,7 +257,7 @@ interface TabsProps {
256
257
  onChange: (value: string) => void;
257
258
  className?: string;
258
259
  }
259
- declare function Tabs({ tabs, value, onChange, className }: TabsProps): react.JSX.Element;
260
+ declare function Tabs({ tabs, value, onChange, className }: TabsProps): react_jsx_runtime.JSX.Element;
260
261
 
261
262
  interface ToggleProps {
262
263
  options: [string, string];
@@ -264,6 +265,6 @@ interface ToggleProps {
264
265
  onChange: (value: string) => void;
265
266
  className?: string;
266
267
  }
267
- declare function Toggle({ options, value, onChange, className }: ToggleProps): react.JSX.Element;
268
+ declare function Toggle({ options, value, onChange, className }: ToggleProps): react_jsx_runtime.JSX.Element;
268
269
 
269
270
  export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Chip, ChipGroup, type ChipGroupOption, type ChipGroupProps, type ChipProps, CodeBlock, type CodeBlockProps, CopyButton, type CopyButtonProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, type DialogProps, DialogTitle, EmptyState, type EmptyStateProps, Input, type InputProps, Kbd, type KbdProps, Loading, type LoadingProps, Modal, type ModalProps, type NavTabItem, NavTabs, type NavTabsProps, SectionHeader, type SectionHeaderProps, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, Sparkline, type SparklineProps, Spinner, type SpinnerProps, StatusBar, type StatusBarItem, type StatusBarProps, type Tab, Table, TableBody, TableCell, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Toggle, type ToggleProps };
package/dist/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
1
2
  import * as react from 'react';
2
3
  import { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes } from 'react';
3
4
 
@@ -8,7 +9,7 @@ interface BadgeProps {
8
9
  className?: string;
9
10
  onClick?: () => void;
10
11
  }
11
- declare function Badge({ variant, children, className, onClick }: BadgeProps): react.JSX.Element;
12
+ declare function Badge({ variant, children, className, onClick }: BadgeProps): react_jsx_runtime.JSX.Element;
12
13
 
13
14
  type ButtonVariant = "primary" | "secondary" | "ghost" | "forest" | "danger" | "destructive" | "link";
14
15
  type ButtonSize = "sm" | "md" | "lg" | "icon";
@@ -22,24 +23,24 @@ interface CardProps {
22
23
  children: ReactNode;
23
24
  className?: string;
24
25
  }
25
- declare function Card({ children, className }: CardProps): react.JSX.Element;
26
- declare function CardHeader({ children, className }: CardProps): react.JSX.Element;
26
+ declare function Card({ children, className }: CardProps): react_jsx_runtime.JSX.Element;
27
+ declare function CardHeader({ children, className }: CardProps): react_jsx_runtime.JSX.Element;
27
28
  declare function CardTitle({ children, className }: {
28
29
  children: ReactNode;
29
30
  className?: string;
30
- }): react.JSX.Element;
31
+ }): react_jsx_runtime.JSX.Element;
31
32
  declare function CardDescription({ children, className }: {
32
33
  children: ReactNode;
33
34
  className?: string;
34
- }): react.JSX.Element;
35
+ }): react_jsx_runtime.JSX.Element;
35
36
  declare function CardContent({ children, className }: {
36
37
  children: ReactNode;
37
38
  className?: string;
38
- }): react.JSX.Element;
39
+ }): react_jsx_runtime.JSX.Element;
39
40
  declare function CardFooter({ children, className }: {
40
41
  children: ReactNode;
41
42
  className?: string;
42
- }): react.JSX.Element;
43
+ }): react_jsx_runtime.JSX.Element;
43
44
 
44
45
  interface ChipProps {
45
46
  active: boolean;
@@ -47,7 +48,7 @@ interface ChipProps {
47
48
  children: ReactNode;
48
49
  className?: string;
49
50
  }
50
- declare function Chip({ active, onClick, children, className }: ChipProps): react.JSX.Element;
51
+ declare function Chip({ active, onClick, children, className }: ChipProps): react_jsx_runtime.JSX.Element;
51
52
 
52
53
  interface ChipGroupOption {
53
54
  value: string;
@@ -68,7 +69,7 @@ interface ChipGroupMultipleProps extends ChipGroupBaseProps {
68
69
  onChange: (value: string[]) => void;
69
70
  }
70
71
  type ChipGroupProps = ChipGroupSingleProps | ChipGroupMultipleProps;
71
- declare function ChipGroup(props: ChipGroupProps): react.JSX.Element;
72
+ declare function ChipGroup(props: ChipGroupProps): react_jsx_runtime.JSX.Element;
72
73
 
73
74
  interface CodeBlockProps {
74
75
  code: string;
@@ -76,7 +77,7 @@ interface CodeBlockProps {
76
77
  showCopy?: boolean;
77
78
  className?: string;
78
79
  }
79
- declare function CodeBlock({ code, language, showCopy, className }: CodeBlockProps): react.JSX.Element;
80
+ declare function CodeBlock({ code, language, showCopy, className }: CodeBlockProps): react_jsx_runtime.JSX.Element;
80
81
 
81
82
  interface CopyButtonProps {
82
83
  text: string;
@@ -84,14 +85,14 @@ interface CopyButtonProps {
84
85
  label?: string;
85
86
  onCopy?: () => void;
86
87
  }
87
- declare function CopyButton({ text, className, label, onCopy }: CopyButtonProps): react.JSX.Element;
88
+ declare function CopyButton({ text, className, label, onCopy }: CopyButtonProps): react_jsx_runtime.JSX.Element;
88
89
 
89
90
  interface DialogProps {
90
91
  open: boolean;
91
92
  onOpenChange: (open: boolean) => void;
92
93
  children: ReactNode;
93
94
  }
94
- declare function Dialog({ open, onOpenChange, children }: DialogProps): react.JSX.Element | null;
95
+ declare function Dialog({ open, onOpenChange, children }: DialogProps): react_jsx_runtime.JSX.Element | null;
95
96
  interface DialogContentProps {
96
97
  className?: string;
97
98
  children: ReactNode;
@@ -100,7 +101,7 @@ declare const DialogContent: react.ForwardRefExoticComponent<DialogContentProps
100
101
  declare function DialogHeader({ children, className }: {
101
102
  children: ReactNode;
102
103
  className?: string;
103
- }): react.JSX.Element;
104
+ }): react_jsx_runtime.JSX.Element;
104
105
  declare const DialogTitle: react.ForwardRefExoticComponent<{
105
106
  children: ReactNode;
106
107
  className?: string;
@@ -113,7 +114,7 @@ declare const DialogClose: react.ForwardRefExoticComponent<ButtonHTMLAttributes<
113
114
  declare function DialogFooter({ children, className }: {
114
115
  children: ReactNode;
115
116
  className?: string;
116
- }): react.JSX.Element;
117
+ }): react_jsx_runtime.JSX.Element;
117
118
 
118
119
  interface EmptyStateProps {
119
120
  icon?: ReactNode;
@@ -121,7 +122,7 @@ interface EmptyStateProps {
121
122
  description?: string;
122
123
  action?: ReactNode;
123
124
  }
124
- declare function EmptyState({ icon, title, description, action }: EmptyStateProps): react.JSX.Element;
125
+ declare function EmptyState({ icon, title, description, action }: EmptyStateProps): react_jsx_runtime.JSX.Element;
125
126
 
126
127
  interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
127
128
  label?: string;
@@ -133,13 +134,13 @@ interface KbdProps {
133
134
  children: ReactNode;
134
135
  className?: string;
135
136
  }
136
- declare function Kbd({ children, className }: KbdProps): react.JSX.Element;
137
+ declare function Kbd({ children, className }: KbdProps): react_jsx_runtime.JSX.Element;
137
138
 
138
139
  interface LoadingProps {
139
140
  text?: string;
140
141
  className?: string;
141
142
  }
142
- declare function Loading({ text, className }: LoadingProps): react.JSX.Element;
143
+ declare function Loading({ text, className }: LoadingProps): react_jsx_runtime.JSX.Element;
143
144
 
144
145
  interface ModalProps {
145
146
  open: boolean;
@@ -148,7 +149,7 @@ interface ModalProps {
148
149
  children: ReactNode;
149
150
  className?: string;
150
151
  }
151
- declare function Modal({ open, onClose, title, children, className }: ModalProps): react.JSX.Element | null;
152
+ declare function Modal({ open, onClose, title, children, className }: ModalProps): react_jsx_runtime.JSX.Element | null;
152
153
 
153
154
  interface NavTabItem {
154
155
  label: string;
@@ -165,14 +166,14 @@ interface NavTabsProps {
165
166
  children: ReactNode;
166
167
  }) => ReactNode;
167
168
  }
168
- declare function NavTabs({ items, variant, className, renderLink }: NavTabsProps): react.JSX.Element;
169
+ declare function NavTabs({ items, variant, className, renderLink }: NavTabsProps): react_jsx_runtime.JSX.Element;
169
170
 
170
171
  interface SectionHeaderProps {
171
172
  title: string;
172
173
  badge?: ReactNode;
173
174
  className?: string;
174
175
  }
175
- declare function SectionHeader({ title, badge, className }: SectionHeaderProps): react.JSX.Element;
176
+ declare function SectionHeader({ title, badge, className }: SectionHeaderProps): react_jsx_runtime.JSX.Element;
176
177
 
177
178
  interface SelectOption {
178
179
  value: string;
@@ -187,24 +188,24 @@ declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAtt
187
188
  interface SeparatorProps {
188
189
  className?: string;
189
190
  }
190
- declare function Separator({ className }: SeparatorProps): react.JSX.Element;
191
+ declare function Separator({ className }: SeparatorProps): react_jsx_runtime.JSX.Element;
191
192
 
192
193
  interface SkeletonProps {
193
194
  className?: string;
194
195
  }
195
- declare function Skeleton({ className }: SkeletonProps): react.JSX.Element;
196
+ declare function Skeleton({ className }: SkeletonProps): react_jsx_runtime.JSX.Element;
196
197
 
197
198
  interface SparklineProps {
198
199
  trend: number[];
199
200
  className?: string;
200
201
  }
201
- declare function Sparkline({ trend, className }: SparklineProps): react.JSX.Element;
202
+ declare function Sparkline({ trend, className }: SparklineProps): react_jsx_runtime.JSX.Element;
202
203
 
203
204
  interface SpinnerProps {
204
205
  size?: "sm" | "md" | "lg";
205
206
  className?: string;
206
207
  }
207
- declare function Spinner({ size, className }: SpinnerProps): react.JSX.Element;
208
+ declare function Spinner({ size, className }: SpinnerProps): react_jsx_runtime.JSX.Element;
208
209
 
209
210
  type StatusDot = "success" | "warning" | "danger" | "idle";
210
211
  interface StatusBarItem {
@@ -216,35 +217,35 @@ interface StatusBarProps {
216
217
  trailing?: ReactNode;
217
218
  className?: string;
218
219
  }
219
- declare function StatusBar({ items, trailing, className }: StatusBarProps): react.JSX.Element;
220
+ declare function StatusBar({ items, trailing, className }: StatusBarProps): react_jsx_runtime.JSX.Element;
220
221
 
221
222
  interface TableProps {
222
223
  children: ReactNode;
223
224
  className?: string;
224
225
  }
225
- declare function Table({ children, className }: TableProps): react.JSX.Element;
226
+ declare function Table({ children, className }: TableProps): react_jsx_runtime.JSX.Element;
226
227
  declare function TableHead({ children }: {
227
228
  children: ReactNode;
228
- }): react.JSX.Element;
229
+ }): react_jsx_runtime.JSX.Element;
229
230
  interface TableHeaderProps {
230
231
  children?: ReactNode;
231
232
  className?: string;
232
233
  onClick?: () => void;
233
234
  }
234
- declare function TableHeader({ children, className, onClick }: TableHeaderProps): react.JSX.Element;
235
+ declare function TableHeader({ children, className, onClick }: TableHeaderProps): react_jsx_runtime.JSX.Element;
235
236
  declare function TableBody({ children }: {
236
237
  children: ReactNode;
237
- }): react.JSX.Element;
238
+ }): react_jsx_runtime.JSX.Element;
238
239
  interface TableRowProps {
239
240
  children: ReactNode;
240
241
  className?: string;
241
242
  onClick?: () => void;
242
243
  }
243
- declare function TableRow({ children, className, onClick }: TableRowProps): react.JSX.Element;
244
+ declare function TableRow({ children, className, onClick }: TableRowProps): react_jsx_runtime.JSX.Element;
244
245
  declare function TableCell({ children, className }: {
245
246
  children: ReactNode;
246
247
  className?: string;
247
- }): react.JSX.Element;
248
+ }): react_jsx_runtime.JSX.Element;
248
249
 
249
250
  interface Tab {
250
251
  value: string;
@@ -256,7 +257,7 @@ interface TabsProps {
256
257
  onChange: (value: string) => void;
257
258
  className?: string;
258
259
  }
259
- declare function Tabs({ tabs, value, onChange, className }: TabsProps): react.JSX.Element;
260
+ declare function Tabs({ tabs, value, onChange, className }: TabsProps): react_jsx_runtime.JSX.Element;
260
261
 
261
262
  interface ToggleProps {
262
263
  options: [string, string];
@@ -264,6 +265,6 @@ interface ToggleProps {
264
265
  onChange: (value: string) => void;
265
266
  className?: string;
266
267
  }
267
- declare function Toggle({ options, value, onChange, className }: ToggleProps): react.JSX.Element;
268
+ declare function Toggle({ options, value, onChange, className }: ToggleProps): react_jsx_runtime.JSX.Element;
268
269
 
269
270
  export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Chip, ChipGroup, type ChipGroupOption, type ChipGroupProps, type ChipProps, CodeBlock, type CodeBlockProps, CopyButton, type CopyButtonProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, type DialogProps, DialogTitle, EmptyState, type EmptyStateProps, Input, type InputProps, Kbd, type KbdProps, Loading, type LoadingProps, Modal, type ModalProps, type NavTabItem, NavTabs, type NavTabsProps, SectionHeader, type SectionHeaderProps, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, Sparkline, type SparklineProps, Spinner, type SpinnerProps, StatusBar, type StatusBarItem, type StatusBarProps, type Tab, Table, TableBody, TableCell, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Toggle, type ToggleProps };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reifydb/ui",
3
- "version": "0.10.1",
3
+ "version": "0.10.2",
4
4
  "description": "Shared UI component library for ReifyDB",
5
5
  "type": "module",
6
6
  "sideEffects": [
package/src/styles/theme.css CHANGED
@@ -2,7 +2,7 @@
2
2
  /* Copyright (c) 2026 ReifyDB */
3
3
 
4
4
  @theme {
5
- --color-bg-primary: #faf8f2;
5
+ --color-bg-primary: #fbfbfe;
6
6
  --color-bg-secondary: #ffffff;
7
7
  --color-bg-tertiary: #f4f3fb;
8
8
  --color-bg-elevated: #e9e7f4;
@@ -24,6 +24,7 @@
24
24
  --color-border-light: #1b18401f;
25
25
  --color-border-subtle: #1b184033;
26
26
  --color-border-ghost: rgba(126, 133, 242, 0.3);
27
+ --color-grid: #eceefb;
27
28
 
28
29
  /* Form inputs - fields blend into the page */
29
30
  --color-input-bg: #faf8f2;
@@ -59,8 +60,8 @@
59
60
  --radius-xl: 14px;
60
61
  --radius-pill: 9999px;
61
62
 
62
- --font-display: 'Schibsted Grotesk Variable', 'Schibsted Grotesk', ui-sans-serif, system-ui, sans-serif;
63
- --font-body: 'Schibsted Grotesk Variable', 'Schibsted Grotesk', ui-sans-serif, system-ui, sans-serif;
63
+ --font-display: 'IBM Plex Sans Variable', 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
64
+ --font-body: 'IBM Plex Sans Variable', 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
64
65
  --font-mono: 'JetBrains Mono Variable', ui-monospace, 'SF Mono', Monaco, monospace;
65
66
 
66
67
  /* Semantic grayscale - normal orientation (50 lightest -> 900 darkest) */