@hachej/boring-ui-kit 0.1.64 → 0.1.65
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.
- package/dist/index.d.ts +163 -164
- package/dist/styles.css +31 -31
- package/package.json +23 -23
package/dist/index.d.ts
CHANGED
|
@@ -3,7 +3,6 @@ export { ClassValue } from 'clsx';
|
|
|
3
3
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { VariantProps } from 'class-variance-authority';
|
|
6
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
6
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
8
7
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
9
8
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
@@ -36,7 +35,7 @@ declare const badgeVariants: (props?: ({
|
|
|
36
35
|
type BadgeProps = React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
|
|
37
36
|
asChild?: boolean;
|
|
38
37
|
};
|
|
39
|
-
declare function Badge({ className, variant, asChild, ...props }: BadgeProps):
|
|
38
|
+
declare function Badge({ className, variant, asChild, ...props }: BadgeProps): React.JSX.Element;
|
|
40
39
|
|
|
41
40
|
type InputProps = React.ComponentProps<'input'>;
|
|
42
41
|
declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -47,85 +46,85 @@ declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLP
|
|
|
47
46
|
type SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;
|
|
48
47
|
declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
49
48
|
|
|
50
|
-
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>):
|
|
51
|
-
declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>):
|
|
52
|
-
declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>):
|
|
53
|
-
declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>):
|
|
49
|
+
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
|
|
50
|
+
declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
|
|
51
|
+
declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
|
|
52
|
+
declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
|
|
54
53
|
|
|
55
|
-
declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>):
|
|
56
|
-
declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>):
|
|
57
|
-
declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>):
|
|
58
|
-
declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>):
|
|
59
|
-
declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>):
|
|
54
|
+
declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
|
|
55
|
+
declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
|
|
56
|
+
declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
|
|
57
|
+
declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
|
|
58
|
+
declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
|
|
60
59
|
declare function DialogContent({ className, children, showCloseButton, overlayClassName, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
|
|
61
60
|
showCloseButton?: boolean;
|
|
62
61
|
overlayClassName?: string;
|
|
63
|
-
}):
|
|
64
|
-
declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>):
|
|
62
|
+
}): React.JSX.Element;
|
|
63
|
+
declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
65
64
|
declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<'div'> & {
|
|
66
65
|
showCloseButton?: boolean;
|
|
67
|
-
}):
|
|
68
|
-
declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>):
|
|
69
|
-
declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>):
|
|
70
|
-
|
|
71
|
-
declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>):
|
|
72
|
-
declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>):
|
|
73
|
-
declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>):
|
|
74
|
-
declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>):
|
|
75
|
-
declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>):
|
|
66
|
+
}): React.JSX.Element;
|
|
67
|
+
declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
|
|
68
|
+
declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
|
|
69
|
+
|
|
70
|
+
declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
|
|
71
|
+
declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
|
|
72
|
+
declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
|
|
73
|
+
declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
|
|
74
|
+
declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
|
|
76
75
|
declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
77
76
|
inset?: boolean;
|
|
78
77
|
variant?: 'default' | 'destructive';
|
|
79
|
-
}):
|
|
80
|
-
declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>):
|
|
81
|
-
declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>):
|
|
82
|
-
declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>):
|
|
78
|
+
}): React.JSX.Element;
|
|
79
|
+
declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): React.JSX.Element;
|
|
80
|
+
declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
|
|
81
|
+
declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): React.JSX.Element;
|
|
83
82
|
declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
|
|
84
83
|
inset?: boolean;
|
|
85
|
-
}):
|
|
86
|
-
declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>):
|
|
87
|
-
declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>):
|
|
88
|
-
declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>):
|
|
84
|
+
}): React.JSX.Element;
|
|
85
|
+
declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
|
|
86
|
+
declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
|
|
87
|
+
declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
|
|
89
88
|
declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
|
|
90
89
|
inset?: boolean;
|
|
91
|
-
}):
|
|
92
|
-
declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>):
|
|
90
|
+
}): React.JSX.Element;
|
|
91
|
+
declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
|
|
93
92
|
|
|
94
|
-
declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>):
|
|
95
|
-
declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>):
|
|
96
|
-
declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>):
|
|
93
|
+
declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): React.JSX.Element;
|
|
94
|
+
declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): React.JSX.Element;
|
|
95
|
+
declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): React.JSX.Element;
|
|
97
96
|
declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
98
97
|
size?: "sm" | "default";
|
|
99
|
-
}):
|
|
100
|
-
declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>):
|
|
101
|
-
declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>):
|
|
102
|
-
declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>):
|
|
103
|
-
declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>):
|
|
104
|
-
declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>):
|
|
105
|
-
declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>):
|
|
106
|
-
|
|
107
|
-
declare function Command({ className, ...props }: React.ComponentProps<typeof Command$1>):
|
|
98
|
+
}): React.JSX.Element;
|
|
99
|
+
declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): React.JSX.Element;
|
|
100
|
+
declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): React.JSX.Element;
|
|
101
|
+
declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): React.JSX.Element;
|
|
102
|
+
declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): React.JSX.Element;
|
|
103
|
+
declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React.JSX.Element;
|
|
104
|
+
declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React.JSX.Element;
|
|
105
|
+
|
|
106
|
+
declare function Command({ className, ...props }: React.ComponentProps<typeof Command$1>): React.JSX.Element;
|
|
108
107
|
declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
|
|
109
108
|
title?: string;
|
|
110
109
|
description?: string;
|
|
111
110
|
className?: string;
|
|
112
111
|
showCloseButton?: boolean;
|
|
113
|
-
}):
|
|
114
|
-
declare function CommandInput({ className, ...props }: React.ComponentProps<typeof Command$1.Input>):
|
|
115
|
-
declare function CommandList({ className, ...props }: React.ComponentProps<typeof Command$1.List>):
|
|
116
|
-
declare function CommandEmpty({ ...props }: React.ComponentProps<typeof Command$1.Empty>):
|
|
117
|
-
declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof Command$1.Group>):
|
|
118
|
-
declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof Command$1.Separator>):
|
|
119
|
-
declare function CommandItem({ className, ...props }: React.ComponentProps<typeof Command$1.Item>):
|
|
120
|
-
declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">):
|
|
121
|
-
|
|
122
|
-
declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>):
|
|
112
|
+
}): React.JSX.Element;
|
|
113
|
+
declare function CommandInput({ className, ...props }: React.ComponentProps<typeof Command$1.Input>): React.JSX.Element;
|
|
114
|
+
declare function CommandList({ className, ...props }: React.ComponentProps<typeof Command$1.List>): React.JSX.Element;
|
|
115
|
+
declare function CommandEmpty({ ...props }: React.ComponentProps<typeof Command$1.Empty>): React.JSX.Element;
|
|
116
|
+
declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof Command$1.Group>): React.JSX.Element;
|
|
117
|
+
declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof Command$1.Separator>): React.JSX.Element;
|
|
118
|
+
declare function CommandItem({ className, ...props }: React.ComponentProps<typeof Command$1.Item>): React.JSX.Element;
|
|
119
|
+
declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
|
|
120
|
+
|
|
121
|
+
declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): React.JSX.Element;
|
|
123
122
|
declare const tabsListVariants: (props?: ({
|
|
124
123
|
variant?: "default" | "line" | null | undefined;
|
|
125
124
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
126
|
-
declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>):
|
|
127
|
-
declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>):
|
|
128
|
-
declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>):
|
|
125
|
+
declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): React.JSX.Element;
|
|
126
|
+
declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): React.JSX.Element;
|
|
127
|
+
declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): React.JSX.Element;
|
|
129
128
|
|
|
130
129
|
type IconButtonProps = Omit<ButtonProps, 'size'> & {
|
|
131
130
|
size?: Extract<ButtonProps['size'], 'icon' | 'icon-xs' | 'icon-sm' | 'icon-lg'>;
|
|
@@ -135,10 +134,10 @@ declare const IconButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "siz
|
|
|
135
134
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
136
135
|
|
|
137
136
|
type KbdProps = React.ComponentProps<'kbd'>;
|
|
138
|
-
declare function Kbd({ className, ...props }: KbdProps):
|
|
137
|
+
declare function Kbd({ className, ...props }: KbdProps): React.JSX.Element;
|
|
139
138
|
|
|
140
139
|
type SpinnerProps = React.ComponentProps<'span'>;
|
|
141
|
-
declare function Spinner({ className, ...props }: SpinnerProps):
|
|
140
|
+
declare function Spinner({ className, ...props }: SpinnerProps): React.JSX.Element;
|
|
142
141
|
|
|
143
142
|
type EmptyStateProps = React.ComponentProps<'div'> & {
|
|
144
143
|
title?: React.ReactNode;
|
|
@@ -146,7 +145,7 @@ type EmptyStateProps = React.ComponentProps<'div'> & {
|
|
|
146
145
|
icon?: React.ReactNode;
|
|
147
146
|
actions?: React.ReactNode;
|
|
148
147
|
};
|
|
149
|
-
declare function EmptyState({ className, title, description, icon, actions, children, ...props }: EmptyStateProps):
|
|
148
|
+
declare function EmptyState({ className, title, description, icon, actions, children, ...props }: EmptyStateProps): React.JSX.Element;
|
|
150
149
|
|
|
151
150
|
type ErrorStateProps = React.ComponentProps<'div'> & {
|
|
152
151
|
title?: React.ReactNode;
|
|
@@ -154,26 +153,26 @@ type ErrorStateProps = React.ComponentProps<'div'> & {
|
|
|
154
153
|
details?: React.ReactNode;
|
|
155
154
|
actions?: React.ReactNode;
|
|
156
155
|
};
|
|
157
|
-
declare function ErrorState({ className, title, description, details, actions, children, ...props }: ErrorStateProps):
|
|
156
|
+
declare function ErrorState({ className, title, description, details, actions, children, ...props }: ErrorStateProps): React.JSX.Element;
|
|
158
157
|
|
|
159
|
-
declare function Pane({ className, ...props }: React.ComponentProps<'section'>):
|
|
160
|
-
declare function PaneHeader({ className, ...props }: React.ComponentProps<'header'>):
|
|
161
|
-
declare function PaneTitle({ className, ...props }: React.ComponentProps<'h2'>):
|
|
162
|
-
declare function PaneDescription({ className, ...props }: React.ComponentProps<'p'>):
|
|
163
|
-
declare function PaneBody({ className, ...props }: React.ComponentProps<'div'>):
|
|
164
|
-
declare function PaneFooter({ className, ...props }: React.ComponentProps<'footer'>):
|
|
165
|
-
declare function PaneToolbar({ className, ...props }: React.ComponentProps<'div'>):
|
|
158
|
+
declare function Pane({ className, ...props }: React.ComponentProps<'section'>): React.JSX.Element;
|
|
159
|
+
declare function PaneHeader({ className, ...props }: React.ComponentProps<'header'>): React.JSX.Element;
|
|
160
|
+
declare function PaneTitle({ className, ...props }: React.ComponentProps<'h2'>): React.JSX.Element;
|
|
161
|
+
declare function PaneDescription({ className, ...props }: React.ComponentProps<'p'>): React.JSX.Element;
|
|
162
|
+
declare function PaneBody({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
163
|
+
declare function PaneFooter({ className, ...props }: React.ComponentProps<'footer'>): React.JSX.Element;
|
|
164
|
+
declare function PaneToolbar({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
166
165
|
|
|
167
|
-
declare function Field({ className, ...props }: React.ComponentProps<'div'>):
|
|
168
|
-
declare function FieldLabel({ className, ...props }: React.ComponentProps<'label'>):
|
|
169
|
-
declare function FieldDescription({ className, ...props }: React.ComponentProps<'p'>):
|
|
170
|
-
declare function FieldError({ className, ...props }: React.ComponentProps<'p'>):
|
|
166
|
+
declare function Field({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
167
|
+
declare function FieldLabel({ className, ...props }: React.ComponentProps<'label'>): React.JSX.Element;
|
|
168
|
+
declare function FieldDescription({ className, ...props }: React.ComponentProps<'p'>): React.JSX.Element;
|
|
169
|
+
declare function FieldError({ className, ...props }: React.ComponentProps<'p'>): React.JSX.Element;
|
|
171
170
|
|
|
172
171
|
type StatusBadgeTone = 'neutral' | 'success' | 'warning' | 'danger' | 'info';
|
|
173
172
|
type StatusBadgeProps = BadgeProps & {
|
|
174
173
|
tone?: StatusBadgeTone;
|
|
175
174
|
};
|
|
176
|
-
declare function StatusBadge({ className, tone, variant, ...props }: StatusBadgeProps):
|
|
175
|
+
declare function StatusBadge({ className, tone, variant, ...props }: StatusBadgeProps): React.JSX.Element;
|
|
177
176
|
|
|
178
177
|
type NoticeTone = 'info' | 'success' | 'warning' | 'error' | 'accent' | 'destructive';
|
|
179
178
|
type NoticeProps = React.ComponentProps<'div'> & {
|
|
@@ -183,40 +182,40 @@ type NoticeProps = React.ComponentProps<'div'> & {
|
|
|
183
182
|
icon?: React.ReactNode;
|
|
184
183
|
actions?: React.ReactNode;
|
|
185
184
|
};
|
|
186
|
-
declare function Notice({ className, tone, title, description, icon, actions, children, ...props }: NoticeProps):
|
|
185
|
+
declare function Notice({ className, tone, title, description, icon, actions, children, ...props }: NoticeProps): React.JSX.Element;
|
|
187
186
|
|
|
188
187
|
type SkeletonProps = React.ComponentProps<'div'>;
|
|
189
|
-
declare function Skeleton({ className, ...props }: SkeletonProps):
|
|
188
|
+
declare function Skeleton({ className, ...props }: SkeletonProps): React.JSX.Element;
|
|
190
189
|
|
|
191
190
|
type InlineCodeProps = React.ComponentProps<'code'>;
|
|
192
|
-
declare function InlineCode({ className, ...props }: InlineCodeProps):
|
|
191
|
+
declare function InlineCode({ className, ...props }: InlineCodeProps): React.JSX.Element;
|
|
193
192
|
|
|
194
193
|
type ToolbarProps = React.ComponentProps<'div'>;
|
|
195
|
-
declare function Toolbar({ className, ...props }: ToolbarProps):
|
|
194
|
+
declare function Toolbar({ className, ...props }: ToolbarProps): React.JSX.Element;
|
|
196
195
|
type ToolbarGroupProps = React.ComponentProps<'div'>;
|
|
197
|
-
declare function ToolbarGroup({ className, ...props }: ToolbarGroupProps):
|
|
196
|
+
declare function ToolbarGroup({ className, ...props }: ToolbarGroupProps): React.JSX.Element;
|
|
198
197
|
type ToolbarButtonProps = ButtonProps;
|
|
199
|
-
declare function ToolbarButton({ className, variant, size, ...props }: ToolbarButtonProps):
|
|
198
|
+
declare function ToolbarButton({ className, variant, size, ...props }: ToolbarButtonProps): React.JSX.Element;
|
|
200
199
|
type ToolbarSeparatorProps = React.ComponentProps<'div'>;
|
|
201
|
-
declare function ToolbarSeparator({ className, ...props }: ToolbarSeparatorProps):
|
|
200
|
+
declare function ToolbarSeparator({ className, ...props }: ToolbarSeparatorProps): React.JSX.Element;
|
|
202
201
|
|
|
203
202
|
type ChipProps = React.ComponentProps<'span'> & {
|
|
204
203
|
selected?: boolean;
|
|
205
204
|
};
|
|
206
|
-
declare function Chip({ className, selected, ...props }: ChipProps):
|
|
205
|
+
declare function Chip({ className, selected, ...props }: ChipProps): React.JSX.Element;
|
|
207
206
|
type ChipButtonProps = ButtonProps & {
|
|
208
207
|
selected?: boolean;
|
|
209
208
|
};
|
|
210
|
-
declare function ChipButton({ className, selected, variant, size, ...props }: ChipButtonProps):
|
|
209
|
+
declare function ChipButton({ className, selected, variant, size, ...props }: ChipButtonProps): React.JSX.Element;
|
|
211
210
|
type ChipRemoveProps = ButtonProps;
|
|
212
|
-
declare function ChipRemove({ className, children, variant, size, ...props }: ChipRemoveProps):
|
|
211
|
+
declare function ChipRemove({ className, children, variant, size, ...props }: ChipRemoveProps): React.JSX.Element;
|
|
213
212
|
|
|
214
213
|
type SegmentedControlProps = React.ComponentProps<'div'>;
|
|
215
|
-
declare function SegmentedControl({ className, ...props }: SegmentedControlProps):
|
|
214
|
+
declare function SegmentedControl({ className, ...props }: SegmentedControlProps): React.JSX.Element;
|
|
216
215
|
type SegmentedControlItemProps = ButtonProps & {
|
|
217
216
|
selected?: boolean;
|
|
218
217
|
};
|
|
219
|
-
declare function SegmentedControlItem({ className, selected, variant, size, ...props }: SegmentedControlItemProps):
|
|
218
|
+
declare function SegmentedControlItem({ className, selected, variant, size, ...props }: SegmentedControlItemProps): React.JSX.Element;
|
|
220
219
|
|
|
221
220
|
type SettingsPanelProps = React.ComponentProps<'section'> & {
|
|
222
221
|
icon?: React.ReactNode;
|
|
@@ -226,7 +225,7 @@ type SettingsPanelProps = React.ComponentProps<'section'> & {
|
|
|
226
225
|
footer?: React.ReactNode;
|
|
227
226
|
danger?: boolean;
|
|
228
227
|
};
|
|
229
|
-
declare function SettingsPanel({ className, icon, title, description, footer, danger, testId, children, ...props }: SettingsPanelProps):
|
|
228
|
+
declare function SettingsPanel({ className, icon, title, description, footer, danger, testId, children, ...props }: SettingsPanelProps): React.JSX.Element;
|
|
230
229
|
type SettingsNavItem = {
|
|
231
230
|
href: string;
|
|
232
231
|
label: React.ReactNode;
|
|
@@ -236,25 +235,25 @@ type SettingsNavProps = React.ComponentProps<'nav'> & {
|
|
|
236
235
|
label: string;
|
|
237
236
|
items: SettingsNavItem[];
|
|
238
237
|
};
|
|
239
|
-
declare function SettingsNav({ className, label, items, ...props }: SettingsNavProps):
|
|
238
|
+
declare function SettingsNav({ className, label, items, ...props }: SettingsNavProps): React.JSX.Element;
|
|
240
239
|
type SettingsPageHeaderProps = React.ComponentProps<'header'> & {
|
|
241
240
|
eyebrow?: React.ReactNode;
|
|
242
241
|
title: React.ReactNode;
|
|
243
242
|
description?: React.ReactNode;
|
|
244
243
|
context?: React.ReactNode;
|
|
245
244
|
};
|
|
246
|
-
declare function SettingsPageHeader({ className, eyebrow, title, description, context, children, ...props }: SettingsPageHeaderProps):
|
|
245
|
+
declare function SettingsPageHeader({ className, eyebrow, title, description, context, children, ...props }: SettingsPageHeaderProps): React.JSX.Element;
|
|
247
246
|
type SettingsActionRowProps = React.ComponentProps<'div'> & {
|
|
248
247
|
title: React.ReactNode;
|
|
249
248
|
description?: React.ReactNode;
|
|
250
249
|
action: React.ReactNode;
|
|
251
250
|
};
|
|
252
|
-
declare function SettingsActionRow({ className, title, description, action, ...props }: SettingsActionRowProps):
|
|
251
|
+
declare function SettingsActionRow({ className, title, description, action, ...props }: SettingsActionRowProps): React.JSX.Element;
|
|
253
252
|
type DetailLineProps = React.ComponentProps<'div'> & {
|
|
254
253
|
icon?: React.ReactNode;
|
|
255
254
|
label: React.ReactNode;
|
|
256
255
|
};
|
|
257
|
-
declare function DetailLine({ className, icon, label, children, ...props }: DetailLineProps):
|
|
256
|
+
declare function DetailLine({ className, icon, label, children, ...props }: DetailLineProps): React.JSX.Element;
|
|
258
257
|
|
|
259
258
|
declare const Disclosure: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
|
|
260
259
|
declare const DisclosureContent: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -264,23 +263,23 @@ type DisclosureTriggerProps = ButtonProps & {
|
|
|
264
263
|
declare const DisclosureTrigger: React.ForwardRefExoticComponent<ButtonProps & {
|
|
265
264
|
chevron?: React.ReactNode;
|
|
266
265
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
267
|
-
declare function DisclosureChevron({ className, ...props }: React.ComponentProps<'span'>):
|
|
266
|
+
declare function DisclosureChevron({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
|
|
268
267
|
|
|
269
268
|
type ResizeHandleOrientation = 'vertical' | 'horizontal';
|
|
270
269
|
type ResizeHandleProps = Omit<React.ComponentProps<'div'>, 'onPointerDown'> & {
|
|
271
270
|
orientation?: ResizeHandleOrientation;
|
|
272
271
|
onResizeStart?: (event: React.PointerEvent<HTMLDivElement>) => void;
|
|
273
272
|
};
|
|
274
|
-
declare function ResizeHandle({ className, orientation, onResizeStart, role, tabIndex, ...props }: ResizeHandleProps):
|
|
273
|
+
declare function ResizeHandle({ className, orientation, onResizeStart, role, tabIndex, ...props }: ResizeHandleProps): React.JSX.Element;
|
|
275
274
|
|
|
276
275
|
type AvatarProps = React.ComponentProps<'div'>;
|
|
277
|
-
declare function Avatar({ className, ...props }: AvatarProps):
|
|
276
|
+
declare function Avatar({ className, ...props }: AvatarProps): React.JSX.Element;
|
|
278
277
|
type AvatarFallbackProps = React.ComponentProps<'span'>;
|
|
279
|
-
declare function AvatarFallback({ className, ...props }: AvatarFallbackProps):
|
|
278
|
+
declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): React.JSX.Element;
|
|
280
279
|
type InitialsAvatarProps = AvatarProps & {
|
|
281
280
|
initials: React.ReactNode;
|
|
282
281
|
};
|
|
283
|
-
declare function InitialsAvatar({ initials, className, ...props }: InitialsAvatarProps):
|
|
282
|
+
declare function InitialsAvatar({ initials, className, ...props }: InitialsAvatarProps): React.JSX.Element;
|
|
284
283
|
|
|
285
284
|
type ToastVariant$1 = 'info' | 'success' | 'error';
|
|
286
285
|
interface ToastInput$1 {
|
|
@@ -316,87 +315,87 @@ type LoadingStateProps = React.ComponentProps<'div'> & {
|
|
|
316
315
|
label?: React.ReactNode;
|
|
317
316
|
centered?: boolean;
|
|
318
317
|
};
|
|
319
|
-
declare function LoadingState({ className, label, centered, children, ...props }: LoadingStateProps):
|
|
318
|
+
declare function LoadingState({ className, label, centered, children, ...props }: LoadingStateProps): React.JSX.Element;
|
|
320
319
|
|
|
321
320
|
type ListProps = React.ComponentProps<'div'>;
|
|
322
|
-
declare function List({ className, ...props }: ListProps):
|
|
321
|
+
declare function List({ className, ...props }: ListProps): React.JSX.Element;
|
|
323
322
|
type ListRowProps = React.ComponentProps<'div'> & {
|
|
324
323
|
interactive?: boolean;
|
|
325
324
|
};
|
|
326
|
-
declare function ListRow({ className, interactive, ...props }: ListRowProps):
|
|
325
|
+
declare function ListRow({ className, interactive, ...props }: ListRowProps): React.JSX.Element;
|
|
327
326
|
type ListRowMainProps = React.ComponentProps<'div'>;
|
|
328
|
-
declare function ListRowMain({ className, ...props }: ListRowMainProps):
|
|
327
|
+
declare function ListRowMain({ className, ...props }: ListRowMainProps): React.JSX.Element;
|
|
329
328
|
type ListRowTitleProps = React.ComponentProps<'p'>;
|
|
330
|
-
declare function ListRowTitle({ className, ...props }: ListRowTitleProps):
|
|
329
|
+
declare function ListRowTitle({ className, ...props }: ListRowTitleProps): React.JSX.Element;
|
|
331
330
|
type ListRowDescriptionProps = React.ComponentProps<'p'>;
|
|
332
|
-
declare function ListRowDescription({ className, ...props }: ListRowDescriptionProps):
|
|
331
|
+
declare function ListRowDescription({ className, ...props }: ListRowDescriptionProps): React.JSX.Element;
|
|
333
332
|
type ListRowMetaProps = React.ComponentProps<'div'>;
|
|
334
|
-
declare function ListRowMeta({ className, ...props }: ListRowMetaProps):
|
|
333
|
+
declare function ListRowMeta({ className, ...props }: ListRowMetaProps): React.JSX.Element;
|
|
335
334
|
type ListRowActionsProps = React.ComponentProps<'div'>;
|
|
336
|
-
declare function ListRowActions({ className, ...props }: ListRowActionsProps):
|
|
335
|
+
declare function ListRowActions({ className, ...props }: ListRowActionsProps): React.JSX.Element;
|
|
337
336
|
|
|
338
337
|
type DetailListProps = React.ComponentProps<'dl'>;
|
|
339
|
-
declare function DetailList({ className, ...props }: DetailListProps):
|
|
338
|
+
declare function DetailList({ className, ...props }: DetailListProps): React.JSX.Element;
|
|
340
339
|
|
|
341
340
|
type FloatingPanelProps = React.ComponentProps<'div'>;
|
|
342
|
-
declare function FloatingPanel({ className, ...props }: FloatingPanelProps):
|
|
341
|
+
declare function FloatingPanel({ className, ...props }: FloatingPanelProps): React.JSX.Element;
|
|
343
342
|
type FloatingPanelHeaderProps = React.ComponentProps<'div'>;
|
|
344
|
-
declare function FloatingPanelHeader({ className, ...props }: FloatingPanelHeaderProps):
|
|
343
|
+
declare function FloatingPanelHeader({ className, ...props }: FloatingPanelHeaderProps): React.JSX.Element;
|
|
345
344
|
type FloatingPanelBodyProps = React.ComponentProps<'div'>;
|
|
346
|
-
declare function FloatingPanelBody({ className, ...props }: FloatingPanelBodyProps):
|
|
345
|
+
declare function FloatingPanelBody({ className, ...props }: FloatingPanelBodyProps): React.JSX.Element;
|
|
347
346
|
|
|
348
|
-
declare function Card({ className, ...props }: React.ComponentProps<"div">):
|
|
349
|
-
declare function CardHeader({ className, ...props }: React.ComponentProps<"div">):
|
|
350
|
-
declare function CardTitle({ className, ...props }: React.ComponentProps<"div">):
|
|
351
|
-
declare function CardDescription({ className, ...props }: React.ComponentProps<"div">):
|
|
352
|
-
declare function CardAction({ className, ...props }: React.ComponentProps<"div">):
|
|
353
|
-
declare function CardContent({ className, ...props }: React.ComponentProps<"div">):
|
|
354
|
-
declare function CardFooter({ className, ...props }: React.ComponentProps<"div">):
|
|
347
|
+
declare function Card({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
348
|
+
declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
349
|
+
declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
350
|
+
declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
351
|
+
declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
352
|
+
declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
353
|
+
declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
355
354
|
|
|
356
|
-
declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>):
|
|
355
|
+
declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
|
|
357
356
|
|
|
358
|
-
declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>):
|
|
357
|
+
declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): React.JSX.Element;
|
|
359
358
|
|
|
360
359
|
type RadioProps = Omit<React.ComponentProps<'input'>, 'type'>;
|
|
361
360
|
declare const Radio: React.ForwardRefExoticComponent<Omit<RadioProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
362
361
|
|
|
363
|
-
declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>):
|
|
364
|
-
declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>):
|
|
365
|
-
declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>):
|
|
366
|
-
declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>):
|
|
362
|
+
declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): React.JSX.Element;
|
|
363
|
+
declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): React.JSX.Element;
|
|
364
|
+
declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): React.JSX.Element;
|
|
365
|
+
declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): React.JSX.Element;
|
|
367
366
|
declare function AlertDialogContent({ className, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {
|
|
368
367
|
size?: "default" | "sm";
|
|
369
|
-
}):
|
|
370
|
-
declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">):
|
|
371
|
-
declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">):
|
|
372
|
-
declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>):
|
|
373
|
-
declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>):
|
|
374
|
-
declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">):
|
|
375
|
-
declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">):
|
|
376
|
-
declare function AlertDialogCancel({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">):
|
|
377
|
-
|
|
378
|
-
declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>):
|
|
379
|
-
declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>):
|
|
380
|
-
declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>):
|
|
381
|
-
declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>):
|
|
382
|
-
declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">):
|
|
383
|
-
declare function PopoverTitle({ className, ...props }: React.ComponentProps<"h2">):
|
|
384
|
-
declare function PopoverDescription({ className, ...props }: React.ComponentProps<"p">):
|
|
385
|
-
|
|
386
|
-
declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>):
|
|
387
|
-
declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>):
|
|
388
|
-
|
|
389
|
-
declare function Sheet({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>):
|
|
390
|
-
declare function SheetTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>):
|
|
391
|
-
declare function SheetClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>):
|
|
368
|
+
}): React.JSX.Element;
|
|
369
|
+
declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
370
|
+
declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
371
|
+
declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
|
|
372
|
+
declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
|
|
373
|
+
declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
374
|
+
declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
|
|
375
|
+
declare function AlertDialogCancel({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
|
|
376
|
+
|
|
377
|
+
declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
|
|
378
|
+
declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.JSX.Element;
|
|
379
|
+
declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): React.JSX.Element;
|
|
380
|
+
declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.JSX.Element;
|
|
381
|
+
declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
382
|
+
declare function PopoverTitle({ className, ...props }: React.ComponentProps<"h2">): React.JSX.Element;
|
|
383
|
+
declare function PopoverDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
|
|
384
|
+
|
|
385
|
+
declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): React.JSX.Element;
|
|
386
|
+
declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React.JSX.Element;
|
|
387
|
+
|
|
388
|
+
declare function Sheet({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
|
|
389
|
+
declare function SheetTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
|
|
390
|
+
declare function SheetClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
|
|
392
391
|
declare function SheetContent({ className, children, side, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
|
|
393
392
|
side?: "top" | "right" | "bottom" | "left";
|
|
394
393
|
showCloseButton?: boolean;
|
|
395
|
-
}):
|
|
396
|
-
declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">):
|
|
397
|
-
declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">):
|
|
398
|
-
declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>):
|
|
399
|
-
declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>):
|
|
394
|
+
}): React.JSX.Element;
|
|
395
|
+
declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
396
|
+
declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
397
|
+
declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
|
|
398
|
+
declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
|
|
400
399
|
|
|
401
400
|
type ToastVariant = 'default' | 'destructive' | 'info' | 'success' | 'warning' | 'error';
|
|
402
401
|
type ToastInput = string | {
|
|
@@ -420,31 +419,31 @@ declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsiblePri
|
|
|
420
419
|
declare const buttonGroupVariants: (props?: ({
|
|
421
420
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
422
421
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
423
|
-
declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>):
|
|
422
|
+
declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): React.JSX.Element;
|
|
424
423
|
declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<'div'> & {
|
|
425
424
|
asChild?: boolean;
|
|
426
|
-
}):
|
|
427
|
-
declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>):
|
|
425
|
+
}): React.JSX.Element;
|
|
426
|
+
declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
|
|
428
427
|
|
|
429
|
-
declare function InputGroup({ className, ...props }: React.ComponentProps<'div'>):
|
|
428
|
+
declare function InputGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
430
429
|
declare const inputGroupAddonVariants: (props?: ({
|
|
431
430
|
align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
|
|
432
431
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
433
|
-
declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>):
|
|
432
|
+
declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
|
|
434
433
|
declare const inputGroupButtonVariants: (props?: ({
|
|
435
434
|
size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
|
|
436
435
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
437
|
-
declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, 'size'> & VariantProps<typeof inputGroupButtonVariants>):
|
|
438
|
-
declare function InputGroupText({ className, ...props }: React.ComponentProps<'span'>):
|
|
439
|
-
declare function InputGroupInput({ className, ...props }: React.ComponentProps<'input'>):
|
|
440
|
-
declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<'textarea'>):
|
|
441
|
-
|
|
442
|
-
declare function ChoiceGroup({ className, ...props }: React.ComponentProps<'fieldset'>):
|
|
443
|
-
declare function ChoiceGroupLegend({ className, ...props }: React.ComponentProps<'legend'>):
|
|
444
|
-
declare function ChoiceItem({ className, ...props }: React.ComponentProps<'label'>):
|
|
445
|
-
declare function ChoiceItemBody({ className, ...props }: React.ComponentProps<'span'>):
|
|
446
|
-
declare function ChoiceItemTitle({ className, ...props }: React.ComponentProps<'span'>):
|
|
447
|
-
declare function ChoiceItemDescription({ className, ...props }: React.ComponentProps<'small'>):
|
|
436
|
+
declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, 'size'> & VariantProps<typeof inputGroupButtonVariants>): React.JSX.Element;
|
|
437
|
+
declare function InputGroupText({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
|
|
438
|
+
declare function InputGroupInput({ className, ...props }: React.ComponentProps<'input'>): React.JSX.Element;
|
|
439
|
+
declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<'textarea'>): React.JSX.Element;
|
|
440
|
+
|
|
441
|
+
declare function ChoiceGroup({ className, ...props }: React.ComponentProps<'fieldset'>): React.JSX.Element;
|
|
442
|
+
declare function ChoiceGroupLegend({ className, ...props }: React.ComponentProps<'legend'>): React.JSX.Element;
|
|
443
|
+
declare function ChoiceItem({ className, ...props }: React.ComponentProps<'label'>): React.JSX.Element;
|
|
444
|
+
declare function ChoiceItemBody({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
|
|
445
|
+
declare function ChoiceItemTitle({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
|
|
446
|
+
declare function ChoiceItemDescription({ className, ...props }: React.ComponentProps<'small'>): React.JSX.Element;
|
|
448
447
|
|
|
449
448
|
interface BoringPerspectiveThemeOptions {
|
|
450
449
|
/** Hide Perspective/d3fc axis titles when surrounding UI already labels the chart. */
|
package/dist/styles.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.2
|
|
1
|
+
/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties;
|
|
3
3
|
@layer theme, utilities;
|
|
4
4
|
@layer theme {
|
|
@@ -66,16 +66,16 @@
|
|
|
66
66
|
position: relative;
|
|
67
67
|
}
|
|
68
68
|
.inset-0 {
|
|
69
|
-
inset:
|
|
69
|
+
inset: 0;
|
|
70
70
|
}
|
|
71
71
|
.inset-x-0 {
|
|
72
|
-
inset-inline:
|
|
72
|
+
inset-inline: 0;
|
|
73
73
|
}
|
|
74
74
|
.inset-y-0 {
|
|
75
|
-
inset-block:
|
|
75
|
+
inset-block: 0;
|
|
76
76
|
}
|
|
77
77
|
.top-0 {
|
|
78
|
-
top:
|
|
78
|
+
top: 0;
|
|
79
79
|
}
|
|
80
80
|
.top-4 {
|
|
81
81
|
top: calc(var(--spacing) * 4);
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
top: 50%;
|
|
85
85
|
}
|
|
86
86
|
.right-0 {
|
|
87
|
-
right:
|
|
87
|
+
right: 0;
|
|
88
88
|
}
|
|
89
89
|
.right-2 {
|
|
90
90
|
right: calc(var(--spacing) * 2);
|
|
@@ -93,13 +93,13 @@
|
|
|
93
93
|
right: calc(var(--spacing) * 4);
|
|
94
94
|
}
|
|
95
95
|
.bottom-0 {
|
|
96
|
-
bottom:
|
|
96
|
+
bottom: 0;
|
|
97
97
|
}
|
|
98
98
|
.bottom-4 {
|
|
99
99
|
bottom: calc(var(--spacing) * 4);
|
|
100
100
|
}
|
|
101
101
|
.left-0 {
|
|
102
|
-
left:
|
|
102
|
+
left: 0;
|
|
103
103
|
}
|
|
104
104
|
.left-2 {
|
|
105
105
|
left: calc(var(--spacing) * 2);
|
|
@@ -132,22 +132,22 @@
|
|
|
132
132
|
grid-row-start: 1;
|
|
133
133
|
}
|
|
134
134
|
.\!m-0 {
|
|
135
|
-
margin:
|
|
135
|
+
margin: 0 !important;
|
|
136
136
|
}
|
|
137
137
|
.-mx-1 {
|
|
138
138
|
margin-inline: calc(var(--spacing) * -1);
|
|
139
139
|
}
|
|
140
140
|
.mx-1 {
|
|
141
|
-
margin-inline:
|
|
141
|
+
margin-inline: var(--spacing);
|
|
142
142
|
}
|
|
143
143
|
.my-1 {
|
|
144
|
-
margin-block:
|
|
144
|
+
margin-block: var(--spacing);
|
|
145
145
|
}
|
|
146
146
|
.mt-0\.5 {
|
|
147
147
|
margin-top: calc(var(--spacing) * 0.5);
|
|
148
148
|
}
|
|
149
149
|
.mt-1 {
|
|
150
|
-
margin-top:
|
|
150
|
+
margin-top: var(--spacing);
|
|
151
151
|
}
|
|
152
152
|
.mt-2 {
|
|
153
153
|
margin-top: calc(var(--spacing) * 2);
|
|
@@ -217,7 +217,7 @@
|
|
|
217
217
|
height: 100%;
|
|
218
218
|
}
|
|
219
219
|
.h-1 {
|
|
220
|
-
height:
|
|
220
|
+
height: var(--spacing);
|
|
221
221
|
}
|
|
222
222
|
.h-2\.5 {
|
|
223
223
|
height: calc(var(--spacing) * 2.5);
|
|
@@ -271,7 +271,7 @@
|
|
|
271
271
|
max-height: 300px;
|
|
272
272
|
}
|
|
273
273
|
.min-h-0 {
|
|
274
|
-
min-height:
|
|
274
|
+
min-height: 0;
|
|
275
275
|
}
|
|
276
276
|
.min-h-6 {
|
|
277
277
|
min-height: calc(var(--spacing) * 6);
|
|
@@ -289,7 +289,7 @@
|
|
|
289
289
|
min-height: calc(var(--spacing) * 40);
|
|
290
290
|
}
|
|
291
291
|
.w-1 {
|
|
292
|
-
width:
|
|
292
|
+
width: var(--spacing);
|
|
293
293
|
}
|
|
294
294
|
.w-2\.5 {
|
|
295
295
|
width: calc(var(--spacing) * 2.5);
|
|
@@ -337,7 +337,7 @@
|
|
|
337
337
|
max-width: var(--container-xl);
|
|
338
338
|
}
|
|
339
339
|
.min-w-0 {
|
|
340
|
-
min-width:
|
|
340
|
+
min-width: 0;
|
|
341
341
|
}
|
|
342
342
|
.min-w-5 {
|
|
343
343
|
min-width: calc(var(--spacing) * 5);
|
|
@@ -412,13 +412,13 @@
|
|
|
412
412
|
resize: none;
|
|
413
413
|
}
|
|
414
414
|
.scroll-my-1 {
|
|
415
|
-
scroll-margin-block:
|
|
415
|
+
scroll-margin-block: var(--spacing);
|
|
416
416
|
}
|
|
417
417
|
.scroll-mt-6 {
|
|
418
418
|
scroll-margin-top: calc(var(--spacing) * 6);
|
|
419
419
|
}
|
|
420
420
|
.scroll-py-1 {
|
|
421
|
-
scroll-padding-block:
|
|
421
|
+
scroll-padding-block: var(--spacing);
|
|
422
422
|
}
|
|
423
423
|
.auto-rows-min {
|
|
424
424
|
grid-auto-rows: min-content;
|
|
@@ -472,7 +472,7 @@
|
|
|
472
472
|
gap: calc(var(--spacing) * 0.5);
|
|
473
473
|
}
|
|
474
474
|
.gap-1 {
|
|
475
|
-
gap:
|
|
475
|
+
gap: var(--spacing);
|
|
476
476
|
}
|
|
477
477
|
.gap-1\.5 {
|
|
478
478
|
gap: calc(var(--spacing) * 1.5);
|
|
@@ -495,8 +495,8 @@
|
|
|
495
495
|
.space-y-1 {
|
|
496
496
|
:where(& > :not(:last-child)) {
|
|
497
497
|
--tw-space-y-reverse: 0;
|
|
498
|
-
margin-block-start: calc(
|
|
499
|
-
margin-block-end: calc(
|
|
498
|
+
margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
|
|
499
|
+
margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
|
|
500
500
|
}
|
|
501
501
|
}
|
|
502
502
|
.space-y-2 {
|
|
@@ -812,13 +812,13 @@
|
|
|
812
812
|
fill: var(--boring-foreground);
|
|
813
813
|
}
|
|
814
814
|
.p-0 {
|
|
815
|
-
padding:
|
|
815
|
+
padding: 0;
|
|
816
816
|
}
|
|
817
817
|
.p-0\.5 {
|
|
818
818
|
padding: calc(var(--spacing) * 0.5);
|
|
819
819
|
}
|
|
820
820
|
.p-1 {
|
|
821
|
-
padding:
|
|
821
|
+
padding: var(--spacing);
|
|
822
822
|
}
|
|
823
823
|
.p-2 {
|
|
824
824
|
padding: calc(var(--spacing) * 2);
|
|
@@ -842,7 +842,7 @@
|
|
|
842
842
|
padding: 1px;
|
|
843
843
|
}
|
|
844
844
|
.px-1 {
|
|
845
|
-
padding-inline:
|
|
845
|
+
padding-inline: var(--spacing);
|
|
846
846
|
}
|
|
847
847
|
.px-1\.5 {
|
|
848
848
|
padding-inline: calc(var(--spacing) * 1.5);
|
|
@@ -866,7 +866,7 @@
|
|
|
866
866
|
padding-block: calc(var(--spacing) * 0.5);
|
|
867
867
|
}
|
|
868
868
|
.py-1 {
|
|
869
|
-
padding-block:
|
|
869
|
+
padding-block: var(--spacing);
|
|
870
870
|
}
|
|
871
871
|
.py-1\.5 {
|
|
872
872
|
padding-block: calc(var(--spacing) * 1.5);
|
|
@@ -1343,7 +1343,7 @@
|
|
|
1343
1343
|
&:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
|
|
1344
1344
|
&::after {
|
|
1345
1345
|
content: var(--tw-content);
|
|
1346
|
-
inset-inline:
|
|
1346
|
+
inset-inline: 0;
|
|
1347
1347
|
}
|
|
1348
1348
|
}
|
|
1349
1349
|
}
|
|
@@ -1367,7 +1367,7 @@
|
|
|
1367
1367
|
&:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
|
|
1368
1368
|
&::after {
|
|
1369
1369
|
content: var(--tw-content);
|
|
1370
|
-
inset-block:
|
|
1370
|
+
inset-block: 0;
|
|
1371
1371
|
}
|
|
1372
1372
|
}
|
|
1373
1373
|
}
|
|
@@ -1727,7 +1727,7 @@
|
|
|
1727
1727
|
}
|
|
1728
1728
|
.has-\[\>svg\]\:p-0 {
|
|
1729
1729
|
&:has(>svg) {
|
|
1730
|
-
padding:
|
|
1730
|
+
padding: 0;
|
|
1731
1731
|
}
|
|
1732
1732
|
}
|
|
1733
1733
|
.has-\[\>svg\]\:px-1\.5 {
|
|
@@ -1845,7 +1845,7 @@
|
|
|
1845
1845
|
}
|
|
1846
1846
|
.data-\[side\=bottom\]\:translate-y-1 {
|
|
1847
1847
|
&[data-side="bottom"] {
|
|
1848
|
-
--tw-translate-y:
|
|
1848
|
+
--tw-translate-y: var(--spacing);
|
|
1849
1849
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1850
1850
|
}
|
|
1851
1851
|
}
|
|
@@ -1857,7 +1857,7 @@
|
|
|
1857
1857
|
}
|
|
1858
1858
|
.data-\[side\=right\]\:translate-x-1 {
|
|
1859
1859
|
&[data-side="right"] {
|
|
1860
|
-
--tw-translate-x:
|
|
1860
|
+
--tw-translate-x: var(--spacing);
|
|
1861
1861
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1862
1862
|
}
|
|
1863
1863
|
}
|
|
@@ -2303,7 +2303,7 @@
|
|
|
2303
2303
|
}
|
|
2304
2304
|
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
|
|
2305
2305
|
& [cmdk-group]:not([hidden]) ~[cmdk-group] {
|
|
2306
|
-
padding-top:
|
|
2306
|
+
padding-top: 0;
|
|
2307
2307
|
}
|
|
2308
2308
|
}
|
|
2309
2309
|
.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hachej/boring-ui-kit",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.65",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"description": "Shared shadcn-style UI primitives for Boring packages and app-generated panes.",
|
|
@@ -34,36 +34,36 @@
|
|
|
34
34
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@radix-ui/react-alert-dialog": "^1.1.
|
|
38
|
-
"@radix-ui/react-checkbox": "^1.3.
|
|
39
|
-
"@radix-ui/react-collapsible": "^1.1.
|
|
40
|
-
"@radix-ui/react-dialog": "^1.1.
|
|
41
|
-
"@radix-ui/react-dropdown-menu": "^2.1.
|
|
42
|
-
"@radix-ui/react-hover-card": "^1.1.
|
|
43
|
-
"@radix-ui/react-label": "^2.1.
|
|
44
|
-
"@radix-ui/react-popover": "^1.1.
|
|
45
|
-
"@radix-ui/react-scroll-area": "^1.2.
|
|
46
|
-
"@radix-ui/react-select": "^2.
|
|
47
|
-
"@radix-ui/react-separator": "^1.1.
|
|
48
|
-
"@radix-ui/react-slot": "^1.
|
|
49
|
-
"@radix-ui/react-tabs": "^1.1.
|
|
50
|
-
"@radix-ui/react-tooltip": "^1.2.
|
|
37
|
+
"@radix-ui/react-alert-dialog": "^1.1.17",
|
|
38
|
+
"@radix-ui/react-checkbox": "^1.3.5",
|
|
39
|
+
"@radix-ui/react-collapsible": "^1.1.14",
|
|
40
|
+
"@radix-ui/react-dialog": "^1.1.17",
|
|
41
|
+
"@radix-ui/react-dropdown-menu": "^2.1.18",
|
|
42
|
+
"@radix-ui/react-hover-card": "^1.1.17",
|
|
43
|
+
"@radix-ui/react-label": "^2.1.10",
|
|
44
|
+
"@radix-ui/react-popover": "^1.1.17",
|
|
45
|
+
"@radix-ui/react-scroll-area": "^1.2.12",
|
|
46
|
+
"@radix-ui/react-select": "^2.3.1",
|
|
47
|
+
"@radix-ui/react-separator": "^1.1.10",
|
|
48
|
+
"@radix-ui/react-slot": "^1.3.0",
|
|
49
|
+
"@radix-ui/react-tabs": "^1.1.15",
|
|
50
|
+
"@radix-ui/react-tooltip": "^1.2.10",
|
|
51
51
|
"class-variance-authority": "^0.7.1",
|
|
52
52
|
"clsx": "^2.1.1",
|
|
53
53
|
"cmdk": "^1.1.1",
|
|
54
54
|
"tailwind-merge": "^3.5.0"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
57
|
-
"@types/react": "^19.
|
|
57
|
+
"@types/react": "^19.2.17",
|
|
58
58
|
"@types/react-dom": "^19.1.3",
|
|
59
|
-
"react": "^19.
|
|
60
|
-
"react-dom": "^19.
|
|
59
|
+
"react": "^19.2.7",
|
|
60
|
+
"react-dom": "^19.2.7",
|
|
61
61
|
"tsup": "^8.4.0",
|
|
62
|
-
"typescript": "^
|
|
63
|
-
"vitest": "^
|
|
64
|
-
"@tailwindcss/postcss": "^4.
|
|
65
|
-
"postcss": "^8.5.
|
|
66
|
-
"tailwindcss": "^4.
|
|
62
|
+
"typescript": "^6.0.3",
|
|
63
|
+
"vitest": "^4.1.9",
|
|
64
|
+
"@tailwindcss/postcss": "^4.3.1",
|
|
65
|
+
"postcss": "^8.5.15",
|
|
66
|
+
"tailwindcss": "^4.3.1"
|
|
67
67
|
},
|
|
68
68
|
"scripts": {
|
|
69
69
|
"build": "tsup && node scripts/build-styles.mjs",
|