@doscientos/ui 0.1.11 → 0.1.13
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.cjs +1646 -417
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +275 -178
- package/dist/index.d.ts +275 -178
- package/dist/index.js +1601 -381
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +5 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as React$1 from 'react';
|
|
2
2
|
import { RefCallback, ReactNode, ComponentPropsWithRef } from 'react';
|
|
3
3
|
import { ClassValue } from 'clsx';
|
|
4
4
|
import * as react_aria_components from 'react-aria-components';
|
|
5
|
-
import {
|
|
6
|
-
export { ComboBoxProps, ComboBoxValue as ComboboxValue, DialogTriggerProps as PopoverTriggerProps, SearchFieldProps, SelectProps,
|
|
5
|
+
import { DisclosureGroupProps, DisclosurePanelProps, DisclosureProps, ButtonProps as ButtonProps$1, LinkProps, Breadcrumb as Breadcrumb$1, Link, Breadcrumbs as Breadcrumbs$1, Separator as Separator$1, CheckboxProps as CheckboxProps$1, ComboBoxProps, Key, Popover as Popover$1, InputProps as InputProps$1, ListBoxItemProps, ListBoxProps, Input as Input$1, ListBox, ModalOverlayProps, Menu as Menu$1, MenuSectionProps, MenuItemProps, Header, SubmenuTrigger, MenuTrigger as MenuTrigger$1, TextAreaProps, MenuProps, PopoverProps as PopoverProps$1, DialogTrigger, NumberFieldProps, SearchFieldProps, SelectProps, SelectValue as SelectValue$1, Modal, Text, Heading, DialogTriggerProps, SwitchFieldProps, SwitchButtonRenderProps, TabPanelProps as TabPanelProps$1, TabProps as TabProps$1, TabsProps as TabsProps$1, TabListProps, TabPanelsProps, Tooltip as Tooltip$1, TooltipTrigger as TooltipTrigger$1 } from 'react-aria-components';
|
|
6
|
+
export { ComboBoxProps, ComboBoxValue as ComboboxValue, DialogTriggerProps as PopoverTriggerProps, SearchFieldProps, SelectProps, DialogProps as SheetPrimitiveProps, DialogTriggerProps as SheetTriggerPrimitiveProps } from 'react-aria-components';
|
|
7
7
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
8
8
|
import { VariantProps } from 'class-variance-authority';
|
|
9
9
|
|
|
@@ -48,32 +48,33 @@ type TextMatchPart = {
|
|
|
48
48
|
*/
|
|
49
49
|
declare function getTextMatchParts(text: string, query: string): TextMatchPart[];
|
|
50
50
|
|
|
51
|
-
declare function Accordion({ className, ...props }:
|
|
52
|
-
declare function AccordionItem({ className, ...props }: DisclosureProps):
|
|
53
|
-
declare function AccordionTrigger({ className, children, ...props }:
|
|
54
|
-
|
|
51
|
+
declare function Accordion({ className, ...props }: DisclosureGroupProps): React$1.JSX.Element;
|
|
52
|
+
declare function AccordionItem({ className, ...props }: DisclosureProps): React$1.JSX.Element;
|
|
53
|
+
declare function AccordionTrigger({ className, children, ...props }: Omit<ButtonProps$1, "children"> & {
|
|
54
|
+
children: React$1.ReactNode;
|
|
55
|
+
}): React$1.JSX.Element;
|
|
56
|
+
declare function AccordionContent({ className, children, ...props }: DisclosurePanelProps): React$1.JSX.Element;
|
|
55
57
|
|
|
56
|
-
|
|
57
|
-
variant?: "default" | "
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
declare function
|
|
61
|
-
declare function
|
|
62
|
-
declare function
|
|
63
|
-
|
|
64
|
-
}): react.JSX.Element;
|
|
58
|
+
declare const alertVariants: (props?: ({
|
|
59
|
+
variant?: "default" | "info" | "success" | "warning" | "destructive" | null | undefined;
|
|
60
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
61
|
+
type AlertProps = React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>;
|
|
62
|
+
declare function Alert({ className, variant, ...props }: AlertProps): React$1.JSX.Element;
|
|
63
|
+
declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
64
|
+
declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
65
|
+
declare function AlertAction({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
65
66
|
|
|
66
67
|
type AppShellBreakpoint = "sm" | "md" | "lg";
|
|
67
|
-
type AppShellProps =
|
|
68
|
+
type AppShellProps = React$1.ComponentProps<"div"> & {
|
|
68
69
|
/** Breakpoint at which the persistent sidebar replaces the mobile header. */
|
|
69
70
|
sidebarBreakpoint?: AppShellBreakpoint;
|
|
70
71
|
};
|
|
71
|
-
declare function AppShell({ className, sidebarBreakpoint, ...props }: AppShellProps):
|
|
72
|
-
declare function AppShellSidebar({ className, ...props }:
|
|
73
|
-
declare function AppShellMain({ className, ...props }:
|
|
74
|
-
declare function AppShellHeader({ className, ...props }:
|
|
75
|
-
declare function AppShellMobileHeader({ className, ...props }:
|
|
76
|
-
type AppShellContentProps =
|
|
72
|
+
declare function AppShell({ className, sidebarBreakpoint, ...props }: AppShellProps): React$1.JSX.Element;
|
|
73
|
+
declare function AppShellSidebar({ className, ...props }: React$1.ComponentProps<"aside">): React$1.JSX.Element;
|
|
74
|
+
declare function AppShellMain({ className, ...props }: React$1.ComponentProps<"main">): React$1.JSX.Element;
|
|
75
|
+
declare function AppShellHeader({ className, ...props }: React$1.ComponentProps<"header">): React$1.JSX.Element;
|
|
76
|
+
declare function AppShellMobileHeader({ className, ...props }: React$1.ComponentProps<"header">): React$1.JSX.Element;
|
|
77
|
+
type AppShellContentProps = React$1.ComponentProps<"div"> & {
|
|
77
78
|
/** Maximum content width. Use `full` for dense application screens. */
|
|
78
79
|
size?: "default" | "wide" | "full";
|
|
79
80
|
/** Adds the standard responsive content padding. */
|
|
@@ -81,65 +82,88 @@ type AppShellContentProps = react.ComponentProps<"div"> & {
|
|
|
81
82
|
/** Lets this region scroll while the surrounding shell remains fixed. */
|
|
82
83
|
scrollable?: boolean;
|
|
83
84
|
};
|
|
84
|
-
declare function AppShellContent({ className, size, padded, scrollable, ...props }: AppShellContentProps):
|
|
85
|
+
declare function AppShellContent({ className, size, padded, scrollable, ...props }: AppShellContentProps): React$1.JSX.Element;
|
|
85
86
|
|
|
86
87
|
type AvatarProps = React.ComponentProps<"div"> & {
|
|
87
88
|
size?: "xs" | "sm" | "default" | "lg";
|
|
88
89
|
};
|
|
89
|
-
declare function Avatar({ className, size, children, ...props }: AvatarProps):
|
|
90
|
-
declare function AvatarImage({ className, src, onError, onLoad, ...props }: React.ComponentProps<"img">):
|
|
91
|
-
declare function AvatarFallback({ className, ...props }: React.ComponentProps<"span">):
|
|
92
|
-
declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">):
|
|
93
|
-
declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">):
|
|
94
|
-
declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"span">):
|
|
90
|
+
declare function Avatar({ className, size, children, ...props }: AvatarProps): React$1.JSX.Element;
|
|
91
|
+
declare function AvatarImage({ className, src, onError, onLoad, ...props }: React.ComponentProps<"img">): React$1.JSX.Element | null;
|
|
92
|
+
declare function AvatarFallback({ className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element | null;
|
|
93
|
+
declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
|
|
94
|
+
declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
95
|
+
declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
|
|
95
96
|
|
|
96
97
|
declare const badgeVariants: (props?: ({
|
|
97
|
-
variant?: "default" | "
|
|
98
|
+
variant?: "link" | "default" | "info" | "success" | "warning" | "destructive" | "secondary" | "neutral" | "danger" | "outline" | "ghost" | null | undefined;
|
|
98
99
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
99
|
-
type BadgeProps =
|
|
100
|
-
declare function Badge({ className, variant, ...props }: BadgeProps):
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
declare function
|
|
105
|
-
declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): react.JSX.Element;
|
|
106
|
-
declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"span">): react.JSX.Element;
|
|
100
|
+
type BadgeProps = React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants>;
|
|
101
|
+
declare function Badge({ className, variant, ...props }: BadgeProps): React$1.JSX.Element;
|
|
102
|
+
type BadgeLinkProps = Omit<LinkProps, "className"> & VariantProps<typeof badgeVariants> & {
|
|
103
|
+
className?: string;
|
|
104
|
+
};
|
|
105
|
+
declare function BadgeLink({ className, variant, ...props }: BadgeLinkProps): React$1.JSX.Element;
|
|
107
106
|
|
|
108
|
-
declare function
|
|
109
|
-
declare function
|
|
107
|
+
declare function Breadcrumbs({ className, ...props }: React.ComponentProps<typeof Breadcrumbs$1>): React$1.JSX.Element;
|
|
108
|
+
declare function Breadcrumb({ className, ...props }: React.ComponentProps<typeof Breadcrumb$1>): React$1.JSX.Element;
|
|
109
|
+
declare function BreadcrumbLink({ className, ...props }: React.ComponentProps<typeof Link>): React$1.JSX.Element;
|
|
110
|
+
declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
|
|
111
|
+
declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
|
|
110
112
|
|
|
111
113
|
declare const buttonVariants: (props?: ({
|
|
112
114
|
variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
|
|
113
|
-
size?: "default" | "sm" | "lg" | "xs" | "icon" | null | undefined;
|
|
115
|
+
size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
114
116
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
115
|
-
type ButtonProps = ButtonProps$1 & VariantProps<typeof buttonVariants
|
|
116
|
-
|
|
117
|
+
type ButtonProps = Omit<ButtonProps$1, "className"> & React$1.RefAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
|
|
118
|
+
className?: string;
|
|
119
|
+
};
|
|
120
|
+
declare function Button({ className, variant, size, ...props }: ButtonProps): React$1.JSX.Element;
|
|
121
|
+
type LinkButtonProps = Omit<LinkProps, "className"> & VariantProps<typeof buttonVariants> & {
|
|
122
|
+
className?: string;
|
|
123
|
+
};
|
|
124
|
+
declare function LinkButton({ className, variant, size, ...props }: LinkButtonProps): React$1.JSX.Element;
|
|
125
|
+
|
|
126
|
+
type SeparatorProps = React.ComponentProps<typeof Separator$1>;
|
|
127
|
+
declare function Separator({ className, orientation, ...props }: SeparatorProps): React$1.JSX.Element;
|
|
117
128
|
|
|
118
|
-
declare
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
declare function
|
|
122
|
-
declare function
|
|
123
|
-
|
|
129
|
+
declare const buttonGroupVariants: (props?: ({
|
|
130
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
131
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
132
|
+
declare function ButtonGroup({ className, orientation, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): React$1.JSX.Element;
|
|
133
|
+
declare function ButtonGroupText({ className, render, ...props }: React$1.ComponentProps<"div"> & {
|
|
134
|
+
render?: (props: React$1.HTMLAttributes<HTMLElement>) => React$1.ReactNode;
|
|
135
|
+
}): string | number | bigint | boolean | React$1.JSX.Element | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | null | undefined;
|
|
136
|
+
declare function ButtonGroupSeparator({ className, orientation, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
|
|
137
|
+
|
|
138
|
+
type CardProps = React$1.ComponentProps<"div"> & {
|
|
139
|
+
size?: "default" | "sm";
|
|
140
|
+
};
|
|
141
|
+
declare function Card({ className, size, ...props }: CardProps): React$1.JSX.Element;
|
|
142
|
+
declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
143
|
+
declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
144
|
+
declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
145
|
+
declare function CardAction({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
146
|
+
declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
147
|
+
declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
124
148
|
|
|
125
149
|
type CheckboxProps = Omit<CheckboxProps$1, "className"> & {
|
|
126
150
|
className?: string;
|
|
127
151
|
};
|
|
128
|
-
declare function Checkbox({ className, children, ...props }: CheckboxProps):
|
|
152
|
+
declare function Checkbox({ className, children, ...props }: CheckboxProps): React$1.JSX.Element;
|
|
129
153
|
|
|
130
|
-
declare const Combobox: <T, M extends "multiple" | "single" = "single">(props: ComboBoxProps<T, M> & React.RefAttributes<HTMLDivElement>) =>
|
|
154
|
+
declare const Combobox: <T, M extends "multiple" | "single" = "single">(props: ComboBoxProps<T, M> & React.RefAttributes<HTMLDivElement>) => React$1.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
131
155
|
|
|
132
|
-
declare function ComboboxInput({ className, ...props }: InputProps$1):
|
|
133
|
-
declare function ComboboxContent({ className, ...props }: React.ComponentProps<typeof Popover$1>):
|
|
156
|
+
declare function ComboboxInput({ className, ...props }: InputProps$1): React$1.JSX.Element;
|
|
157
|
+
declare function ComboboxContent({ className, ...props }: React.ComponentProps<typeof Popover$1>): React$1.JSX.Element;
|
|
134
158
|
declare function ComboboxList<T extends object>({ className, emptyState, ...props }: ListBoxProps<T> & {
|
|
135
159
|
emptyState?: React.ReactNode;
|
|
136
|
-
}):
|
|
137
|
-
declare function ComboboxItem<T extends object>({ className, children, ...props }: ListBoxItemProps<T>):
|
|
160
|
+
}): React$1.JSX.Element;
|
|
161
|
+
declare function ComboboxItem<T extends object>({ className, children, ...props }: ListBoxItemProps<T>): React$1.JSX.Element;
|
|
138
162
|
declare function HighlightMatch({ text, query, className }: {
|
|
139
163
|
text: string;
|
|
140
164
|
query: string;
|
|
141
165
|
className?: string;
|
|
142
|
-
}):
|
|
166
|
+
}): React$1.JSX.Element;
|
|
143
167
|
type AutocompleteComboboxProps<T extends object> = Omit<ComboBoxProps<T>, "children" | "items" | "inputValue" | "onInputChange" | "selectedKey" | "onSelectionChange" | "defaultFilter"> & {
|
|
144
168
|
items: readonly T[];
|
|
145
169
|
getItemKey: (item: T) => Key;
|
|
@@ -157,19 +181,19 @@ type AutocompleteComboboxProps<T extends object> = Omit<ComboBoxProps<T>, "child
|
|
|
157
181
|
placeholder?: string;
|
|
158
182
|
};
|
|
159
183
|
/** A safe, keyboard-first autocomplete for users, contracts and other entities. */
|
|
160
|
-
declare function AutocompleteCombobox<T extends object>({ items, getItemKey, getItemLabel, renderItem, inputValue: controlledInputValue, onInputChange, selectedKey, onSelectionChange, label, description, errorMessage, emptyState, suggestion, placeholder, className, onKeyDown: _onKeyDown, ...props }: AutocompleteComboboxProps<T>):
|
|
184
|
+
declare function AutocompleteCombobox<T extends object>({ items, getItemKey, getItemLabel, renderItem, inputValue: controlledInputValue, onInputChange, selectedKey, onSelectionChange, label, description, errorMessage, emptyState, suggestion, placeholder, className, onKeyDown: _onKeyDown, ...props }: AutocompleteComboboxProps<T>): React$1.JSX.Element;
|
|
161
185
|
|
|
162
|
-
declare function Command<T extends object>({ className, ...props }: ComboBoxProps<T>):
|
|
163
|
-
declare function CommandInput({ className, ...props }: React.ComponentProps<typeof Input$1>):
|
|
164
|
-
declare function CommandContent({ className, ...props }: React.ComponentProps<typeof Popover$1>):
|
|
165
|
-
declare function CommandList<T extends object>({ className, ...props }: React.ComponentProps<typeof ListBox<T>>):
|
|
166
|
-
declare function CommandItem<T extends object>({ className, ...props }: ListBoxItemProps<T>):
|
|
186
|
+
declare function Command<T extends object>({ className, ...props }: ComboBoxProps<T>): React$1.JSX.Element;
|
|
187
|
+
declare function CommandInput({ className, ...props }: React.ComponentProps<typeof Input$1>): React$1.JSX.Element;
|
|
188
|
+
declare function CommandContent({ className, ...props }: React.ComponentProps<typeof Popover$1>): React$1.JSX.Element;
|
|
189
|
+
declare function CommandList<T extends object>({ className, ...props }: React.ComponentProps<typeof ListBox<T>>): React$1.JSX.Element;
|
|
190
|
+
declare function CommandItem<T extends object>({ className, ...props }: ListBoxItemProps<T>): React$1.JSX.Element;
|
|
167
191
|
|
|
168
192
|
type ConfirmDialogProps = {
|
|
169
193
|
open: boolean;
|
|
170
194
|
onOpenChange: (open: boolean) => void;
|
|
171
195
|
title: string;
|
|
172
|
-
description?:
|
|
196
|
+
description?: React$1.ReactNode;
|
|
173
197
|
confirmLabel?: string;
|
|
174
198
|
cancelLabel?: string;
|
|
175
199
|
destructive?: boolean;
|
|
@@ -177,36 +201,77 @@ type ConfirmDialogProps = {
|
|
|
177
201
|
onConfirm: () => void;
|
|
178
202
|
};
|
|
179
203
|
/** Controlled confirmation dialog for irreversible actions. */
|
|
180
|
-
declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, destructive, pending, onConfirm, }: ConfirmDialogProps):
|
|
204
|
+
declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, destructive, pending, onConfirm, }: ConfirmDialogProps): React$1.JSX.Element;
|
|
181
205
|
|
|
182
206
|
interface DrawerProps extends Omit<ModalOverlayProps, "children" | "className"> {
|
|
183
207
|
children: React.ReactNode;
|
|
184
208
|
side?: "left" | "right" | "bottom";
|
|
185
209
|
className?: string;
|
|
186
210
|
}
|
|
187
|
-
declare function Drawer({ children, side, className, ...props }: DrawerProps):
|
|
188
|
-
declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">):
|
|
189
|
-
declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">):
|
|
190
|
-
declare function DrawerTitle({ className, ...props }: React.ComponentProps<"h2">):
|
|
191
|
-
declare function DrawerDescription({ className, ...props }: React.ComponentProps<"p">):
|
|
192
|
-
|
|
193
|
-
declare
|
|
194
|
-
declare
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
declare function
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
211
|
+
declare function Drawer({ children, side, className, ...props }: DrawerProps): React$1.JSX.Element;
|
|
212
|
+
declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
213
|
+
declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
214
|
+
declare function DrawerTitle({ className, ...props }: React.ComponentProps<"h2">): React$1.JSX.Element;
|
|
215
|
+
declare function DrawerDescription({ className, ...props }: React.ComponentProps<"p">): React$1.JSX.Element;
|
|
216
|
+
|
|
217
|
+
declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof MenuTrigger$1>): React$1.JSX.Element;
|
|
218
|
+
declare function DropdownMenu({ "data-slot": dataSlot, placement, offset, crossOffset, className, children, ...props }: Omit<React$1.ComponentProps<typeof Menu$1<object>>, "children" | "className"> & Pick<React$1.ComponentProps<typeof Popover$1>, "placement" | "offset" | "crossOffset"> & {
|
|
219
|
+
"data-slot"?: string;
|
|
220
|
+
className?: string;
|
|
221
|
+
children?: React$1.ReactNode;
|
|
222
|
+
}): React$1.JSX.Element;
|
|
223
|
+
declare function DropdownMenuGroup({ ...props }: Omit<MenuSectionProps<object>, "children"> & {
|
|
224
|
+
children?: React$1.ReactNode;
|
|
225
|
+
}): React$1.JSX.Element;
|
|
226
|
+
declare function DropdownMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof Header> & {
|
|
227
|
+
inset?: boolean;
|
|
228
|
+
}): React$1.JSX.Element;
|
|
229
|
+
declare function DropdownMenuItem({ className, inset, variant, children, ...props }: MenuItemProps<object> & {
|
|
230
|
+
inset?: boolean;
|
|
231
|
+
variant?: "default" | "destructive";
|
|
232
|
+
}): React$1.JSX.Element;
|
|
233
|
+
declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof SubmenuTrigger>): React$1.JSX.Element;
|
|
234
|
+
declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: MenuItemProps<object> & {
|
|
235
|
+
inset?: boolean;
|
|
236
|
+
}): React$1.JSX.Element;
|
|
237
|
+
declare function DropdownMenuSubContent({ placement, crossOffset, offset, className, ...props }: React$1.ComponentProps<typeof DropdownMenu>): React$1.JSX.Element;
|
|
238
|
+
declare function DropdownMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator$1>): React$1.JSX.Element;
|
|
239
|
+
declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
|
|
240
|
+
|
|
241
|
+
declare function EmptyState({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
242
|
+
declare function EmptyStateHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
243
|
+
declare const emptyStateMediaVariants: (props?: ({
|
|
244
|
+
variant?: "default" | "icon" | null | undefined;
|
|
245
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
246
|
+
declare function EmptyStateMedia({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof emptyStateMediaVariants>): React$1.JSX.Element;
|
|
247
|
+
declare function EmptyStateTitle({ className, ...props }: React$1.ComponentProps<"h3">): React$1.JSX.Element;
|
|
248
|
+
declare function EmptyStateDescription({ className, ...props }: React$1.ComponentProps<"p">): React$1.JSX.Element;
|
|
249
|
+
declare function EmptyStateContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
250
|
+
|
|
251
|
+
declare const Label: React$1.ForwardRefExoticComponent<Omit<react_aria_components.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
204
252
|
type LabelProps = ComponentPropsWithRef<typeof Label>;
|
|
205
253
|
|
|
206
|
-
declare function
|
|
207
|
-
declare function
|
|
208
|
-
|
|
209
|
-
|
|
254
|
+
declare function FieldSet({ className, ...props }: React$1.ComponentProps<"fieldset">): React$1.JSX.Element;
|
|
255
|
+
declare function FieldLegend({ className, variant, ...props }: React$1.ComponentProps<"legend"> & {
|
|
256
|
+
variant?: "legend" | "label";
|
|
257
|
+
}): React$1.JSX.Element;
|
|
258
|
+
declare function FieldGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
259
|
+
declare const fieldVariants: (props?: ({
|
|
260
|
+
orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
|
|
261
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
262
|
+
type FieldProps = React$1.ComponentProps<"div"> & VariantProps<typeof fieldVariants>;
|
|
263
|
+
declare function Field({ className, orientation, ...props }: FieldProps): React$1.JSX.Element;
|
|
264
|
+
declare function FieldContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
265
|
+
declare function FieldLabel({ className, ...props }: React$1.ComponentProps<typeof Label>): React$1.JSX.Element;
|
|
266
|
+
declare function FieldTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
267
|
+
declare function FieldDescription({ className, ...props }: React$1.ComponentProps<"p">): React$1.JSX.Element;
|
|
268
|
+
declare function FieldSeparator({ className, children, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
269
|
+
type FieldErrorProps = React$1.ComponentProps<"div"> & {
|
|
270
|
+
errors?: Array<{
|
|
271
|
+
message?: string;
|
|
272
|
+
} | undefined>;
|
|
273
|
+
};
|
|
274
|
+
declare function FieldError({ className, children, errors, ...props }: FieldErrorProps): React$1.JSX.Element | null;
|
|
210
275
|
|
|
211
276
|
type FormFeedbackState = {
|
|
212
277
|
status: "idle";
|
|
@@ -235,7 +300,7 @@ interface FormFeedbackProps {
|
|
|
235
300
|
pendingLabel?: string;
|
|
236
301
|
successLabel?: string;
|
|
237
302
|
}
|
|
238
|
-
declare function FormFeedback({ state, className, pendingLabel, successLabel }: FormFeedbackProps):
|
|
303
|
+
declare function FormFeedback({ state, className, pendingLabel, successLabel }: FormFeedbackProps): React$1.JSX.Element;
|
|
239
304
|
|
|
240
305
|
interface FormRowProps {
|
|
241
306
|
label: ReactNode;
|
|
@@ -246,7 +311,7 @@ interface FormRowProps {
|
|
|
246
311
|
className?: string;
|
|
247
312
|
children: ReactNode;
|
|
248
313
|
}
|
|
249
|
-
declare function FormRow({ label, htmlFor, required, hint, error, className, children }: FormRowProps):
|
|
314
|
+
declare function FormRow({ label, htmlFor, required, hint, error, className, children }: FormRowProps): React$1.JSX.Element;
|
|
250
315
|
|
|
251
316
|
type IconButtonProps = Omit<ButtonProps, "children"> & {
|
|
252
317
|
/** Accessible name and text shown in the tooltip. */
|
|
@@ -256,49 +321,53 @@ type IconButtonProps = Omit<ButtonProps, "children"> & {
|
|
|
256
321
|
children?: ReactNode;
|
|
257
322
|
};
|
|
258
323
|
/** A consistently sized icon-only action with an accessible tooltip. */
|
|
259
|
-
declare function IconButton({ label, children, href, className, variant, ...props }: IconButtonProps):
|
|
324
|
+
declare function IconButton({ label, children, href, className, variant, ...props }: IconButtonProps): React$1.JSX.Element;
|
|
260
325
|
|
|
261
|
-
type CompatibleRef$
|
|
326
|
+
type CompatibleRef$2<T> = ((instance: T | null) => unknown) | {
|
|
262
327
|
readonly current: T | null;
|
|
263
328
|
} | null;
|
|
264
329
|
type InputProps = Omit<InputProps$1, "ref"> & {
|
|
265
|
-
ref?: CompatibleRef$
|
|
330
|
+
ref?: CompatibleRef$2<HTMLInputElement>;
|
|
266
331
|
};
|
|
267
|
-
declare const InputImpl:
|
|
332
|
+
declare const InputImpl: React$1.ForwardRefExoticComponent<InputProps$1 & React$1.RefAttributes<HTMLInputElement>>;
|
|
268
333
|
/** Forward-ref component with a ref type compatible across React 19 type releases. */
|
|
269
334
|
declare const Input: (props: InputProps) => ReturnType<typeof InputImpl>;
|
|
270
335
|
|
|
271
|
-
type CompatibleRef<T> = ((instance: T | null) => unknown) | {
|
|
336
|
+
type CompatibleRef$1<T> = ((instance: T | null) => unknown) | {
|
|
272
337
|
readonly current: T | null;
|
|
273
338
|
} | null;
|
|
274
339
|
type TextareaProps = Omit<TextAreaProps, "ref"> & {
|
|
275
|
-
ref?: CompatibleRef<HTMLTextAreaElement>;
|
|
340
|
+
ref?: CompatibleRef$1<HTMLTextAreaElement>;
|
|
276
341
|
};
|
|
277
|
-
declare const TextareaImpl:
|
|
342
|
+
declare const TextareaImpl: React$1.ForwardRefExoticComponent<TextAreaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
278
343
|
/** Forward-ref component with a ref type compatible across React 19 type releases. */
|
|
279
344
|
declare const Textarea: (props: TextareaProps) => ReturnType<typeof TextareaImpl>;
|
|
280
345
|
|
|
281
|
-
declare function InputGroup({ className, ...props }: React.ComponentProps<"div">):
|
|
282
|
-
declare const
|
|
283
|
-
align?: "inline-
|
|
346
|
+
declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
347
|
+
declare const inputGroupAddonVariants: (props?: ({
|
|
348
|
+
align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
|
|
349
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
350
|
+
declare function InputGroupAddon({ className, align, onClick, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React$1.JSX.Element;
|
|
351
|
+
declare const inputGroupButtonVariants: (props?: ({
|
|
352
|
+
size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
|
|
284
353
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
285
|
-
|
|
286
|
-
declare function InputGroupButton({ className, ...props }:
|
|
287
|
-
declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">):
|
|
288
|
-
declare function InputGroupInput({ className, ...props }: React.ComponentProps<typeof Input>):
|
|
289
|
-
declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<typeof Textarea>):
|
|
354
|
+
type InputGroupButtonProps = Omit<ButtonProps, "size"> & VariantProps<typeof inputGroupButtonVariants>;
|
|
355
|
+
declare function InputGroupButton({ className, type, variant, size, ...props }: InputGroupButtonProps): React$1.JSX.Element;
|
|
356
|
+
declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
|
|
357
|
+
declare function InputGroupInput({ className, ...props }: React.ComponentProps<typeof Input>): React$1.JSX.Element;
|
|
358
|
+
declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<typeof Textarea>): React$1.JSX.Element;
|
|
290
359
|
|
|
291
|
-
declare function Kbd({ className, ...props }:
|
|
292
|
-
declare function KbdGroup({ className, ...props }:
|
|
360
|
+
declare function Kbd({ className, ...props }: React$1.ComponentProps<"kbd">): React$1.JSX.Element;
|
|
361
|
+
declare function KbdGroup({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
|
|
293
362
|
|
|
294
|
-
declare function LoadingOverlay({ label, className, ...props }:
|
|
363
|
+
declare function LoadingOverlay({ label, className, ...props }: React$1.ComponentProps<"div"> & {
|
|
295
364
|
label?: string;
|
|
296
|
-
}):
|
|
365
|
+
}): React$1.JSX.Element;
|
|
297
366
|
|
|
298
367
|
declare const MenuTrigger: typeof MenuTrigger$1;
|
|
299
|
-
declare function MenuContent({ className, ...props }: React.ComponentProps<typeof Popover$1>):
|
|
300
|
-
declare function Menu<T extends object>({ className, ...props }: MenuProps<T>):
|
|
301
|
-
declare function MenuItem<T extends object>({ className, children, ...props }: MenuItemProps<T>):
|
|
368
|
+
declare function MenuContent({ className, ...props }: React.ComponentProps<typeof Popover$1>): React$1.JSX.Element;
|
|
369
|
+
declare function Menu<T extends object>({ className, ...props }: MenuProps<T>): React$1.JSX.Element;
|
|
370
|
+
declare function MenuItem<T extends object>({ className, children, ...props }: MenuItemProps<T>): React$1.JSX.Element;
|
|
302
371
|
|
|
303
372
|
declare const sizeClasses: {
|
|
304
373
|
readonly sm: "w-[min(calc(100dvw-2rem),24rem)]";
|
|
@@ -308,10 +377,10 @@ declare const sizeClasses: {
|
|
|
308
377
|
type ModalDialogProps = Omit<ModalOverlayProps, "children" | "className" | "isOpen" | "onOpenChange"> & {
|
|
309
378
|
open: boolean;
|
|
310
379
|
onOpenChange: (open: boolean) => void;
|
|
311
|
-
title:
|
|
312
|
-
description?:
|
|
313
|
-
children?:
|
|
314
|
-
footer?:
|
|
380
|
+
title: React$1.ReactNode;
|
|
381
|
+
description?: React$1.ReactNode;
|
|
382
|
+
children?: React$1.ReactNode;
|
|
383
|
+
footer?: React$1.ReactNode;
|
|
315
384
|
size?: keyof typeof sizeClasses;
|
|
316
385
|
showCloseButton?: boolean;
|
|
317
386
|
className?: string;
|
|
@@ -321,13 +390,31 @@ type ModalDialogProps = Omit<ModalOverlayProps, "children" | "className" | "isOp
|
|
|
321
390
|
* Accessible modal with a consistent title, optional description, body and footer.
|
|
322
391
|
* Its width is self-contained so consumer CSS cannot override it with max-width utilities.
|
|
323
392
|
*/
|
|
324
|
-
declare function ModalDialog({ open, onOpenChange, title, description, children, footer, size, showCloseButton, className, footerClassName, ...props }: ModalDialogProps):
|
|
393
|
+
declare function ModalDialog({ open, onOpenChange, title, description, children, footer, size, showCloseButton, className, footerClassName, ...props }: ModalDialogProps): React$1.JSX.Element;
|
|
325
394
|
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
395
|
+
type CompatibleRef<T> = ((instance: T | null) => unknown) | {
|
|
396
|
+
readonly current: T | null;
|
|
397
|
+
} | null;
|
|
398
|
+
type OtpInputProps = Omit<InputProps$1, "children" | "className" | "defaultValue" | "maxLength" | "onChange" | "type" | "value"> & {
|
|
399
|
+
/** Number of numeric characters in the code. */
|
|
400
|
+
length?: number;
|
|
401
|
+
value?: string;
|
|
402
|
+
defaultValue?: string;
|
|
403
|
+
onChange?: (value: string) => void;
|
|
404
|
+
onComplete?: (value: string) => void;
|
|
405
|
+
className?: string;
|
|
406
|
+
inputClassName?: string;
|
|
407
|
+
ref?: CompatibleRef<HTMLInputElement>;
|
|
408
|
+
};
|
|
409
|
+
declare const OtpInputImpl: React$1.ForwardRefExoticComponent<Omit<OtpInputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
410
|
+
/** A single accessible input visually split into slots for numeric one-time codes. */
|
|
411
|
+
declare const OtpInput: (props: OtpInputProps) => ReturnType<typeof OtpInputImpl>;
|
|
412
|
+
|
|
413
|
+
declare function PageHeader({ className, ...props }: React$1.ComponentProps<"header">): React$1.JSX.Element;
|
|
414
|
+
declare function PageHeaderHeading({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
415
|
+
declare function PageHeaderTitle({ className, ...props }: React$1.ComponentProps<"h1">): React$1.JSX.Element;
|
|
416
|
+
declare function PageHeaderDescription({ className, ...props }: React$1.ComponentProps<"p">): React$1.JSX.Element;
|
|
417
|
+
declare function PageHeaderActions({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
331
418
|
|
|
332
419
|
type PaginationProps = {
|
|
333
420
|
page: number;
|
|
@@ -335,7 +422,7 @@ type PaginationProps = {
|
|
|
335
422
|
onPageChange: (page: number) => void;
|
|
336
423
|
className?: string;
|
|
337
424
|
};
|
|
338
|
-
declare function Pagination({ page, pageCount, onPageChange, className }: PaginationProps):
|
|
425
|
+
declare function Pagination({ page, pageCount, onPageChange, className }: PaginationProps): React$1.JSX.Element;
|
|
339
426
|
|
|
340
427
|
type PopoverProps = Omit<PopoverProps$1, "className"> & {
|
|
341
428
|
className?: string;
|
|
@@ -343,7 +430,7 @@ type PopoverProps = Omit<PopoverProps$1, "className"> & {
|
|
|
343
430
|
|
|
344
431
|
/** Wrap a trigger and Popover surface; React Aria handles focus and positioning. */
|
|
345
432
|
declare const PopoverTrigger: typeof DialogTrigger;
|
|
346
|
-
declare function Popover({ className, ...props }: PopoverProps):
|
|
433
|
+
declare function Popover({ className, ...props }: PopoverProps): React$1.JSX.Element;
|
|
347
434
|
declare const PopoverContent: typeof Popover;
|
|
348
435
|
|
|
349
436
|
type QuantityInputProps = Omit<NumberFieldProps, "children" | "className"> & {
|
|
@@ -353,27 +440,39 @@ type QuantityInputProps = Omit<NumberFieldProps, "children" | "className"> & {
|
|
|
353
440
|
incrementAriaLabel?: string;
|
|
354
441
|
};
|
|
355
442
|
/** A compact quantity control with accessible stepper buttons and numeric keyboard support. */
|
|
356
|
-
declare function QuantityInput({ className, inputClassName, decrementAriaLabel, incrementAriaLabel, minValue, step, ...props }: QuantityInputProps):
|
|
443
|
+
declare function QuantityInput({ className, inputClassName, decrementAriaLabel, incrementAriaLabel, minValue, step, ...props }: QuantityInputProps): React$1.JSX.Element;
|
|
357
444
|
|
|
358
445
|
declare const SearchField: (props: SearchFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
359
446
|
|
|
360
|
-
declare function SearchInput({ className, ...props }: InputProps$1):
|
|
447
|
+
declare function SearchInput({ className, ...props }: InputProps$1): React$1.JSX.Element;
|
|
361
448
|
declare function SearchClearButton({ className, children, ...props }: Omit<ButtonProps$1, "className"> & {
|
|
362
449
|
className?: string;
|
|
363
|
-
}):
|
|
450
|
+
}): React$1.JSX.Element;
|
|
364
451
|
|
|
365
452
|
declare const Select: <T, M extends "multiple" | "single" = "single">(props: SelectProps<T, M> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
366
453
|
|
|
367
|
-
declare function SelectTrigger({ className, children, ...props }: ButtonProps$1):
|
|
368
|
-
declare function SelectValue({ className, ...props }: React.ComponentProps<typeof SelectValue$1>):
|
|
369
|
-
declare function SelectContent({ className, ...props }: React.ComponentProps<typeof Popover$1>):
|
|
370
|
-
declare function SelectList<T extends object>({ className, ...props }: ListBoxProps<T>):
|
|
371
|
-
declare function SelectItem<T extends object>({ className, children, ...props }: ListBoxItemProps<T>):
|
|
454
|
+
declare function SelectTrigger({ className, children, ...props }: ButtonProps$1): React$1.JSX.Element;
|
|
455
|
+
declare function SelectValue({ className, ...props }: React.ComponentProps<typeof SelectValue$1>): React$1.JSX.Element;
|
|
456
|
+
declare function SelectContent({ className, ...props }: React.ComponentProps<typeof Popover$1>): React$1.JSX.Element;
|
|
457
|
+
declare function SelectList<T extends object>({ className, ...props }: ListBoxProps<T>): React$1.JSX.Element;
|
|
458
|
+
declare function SelectItem<T extends object>({ className, children, ...props }: ListBoxItemProps<T>): React$1.JSX.Element;
|
|
372
459
|
|
|
373
|
-
|
|
460
|
+
declare function SheetTrigger({ ...props }: DialogTriggerProps): React$1.JSX.Element;
|
|
461
|
+
declare function SheetClose({ className, variant, size, ...props }: ButtonProps): React$1.JSX.Element;
|
|
462
|
+
declare function Sheet({ className, children, side, showCloseButton, ...props }: Omit<ModalOverlayProps, "className" | "children"> & Pick<React$1.ComponentProps<typeof Modal>, "isDismissable"> & {
|
|
374
463
|
className?: string;
|
|
375
|
-
|
|
376
|
-
|
|
464
|
+
children: React$1.ReactNode;
|
|
465
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
466
|
+
showCloseButton?: boolean;
|
|
467
|
+
}): React$1.JSX.Element;
|
|
468
|
+
declare function SheetContent({ className, children, side, showCloseButton, ...props }: React$1.ComponentProps<typeof Sheet> & {
|
|
469
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
470
|
+
showCloseButton?: boolean;
|
|
471
|
+
}): React$1.JSX.Element;
|
|
472
|
+
declare function SheetHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
473
|
+
declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
474
|
+
declare function SheetTitle({ className, ...props }: Omit<React$1.ComponentProps<typeof Heading>, "slot">): React$1.JSX.Element;
|
|
475
|
+
declare function SheetDescription({ className, ...props }: Omit<React$1.ComponentProps<typeof Text>, "slot">): React$1.JSX.Element;
|
|
377
476
|
|
|
378
477
|
type SidebarContextValue = {
|
|
379
478
|
collapsed: boolean;
|
|
@@ -384,62 +483,63 @@ declare function useSidebar(): SidebarContextValue;
|
|
|
384
483
|
declare function SidebarProvider({ defaultCollapsed, children, }: {
|
|
385
484
|
defaultCollapsed?: boolean;
|
|
386
485
|
children: ReactNode;
|
|
387
|
-
}):
|
|
388
|
-
declare function Sidebar({ className, ...props }: React.ComponentProps<"aside">):
|
|
389
|
-
declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">):
|
|
486
|
+
}): React$1.JSX.Element;
|
|
487
|
+
declare function Sidebar({ className, ...props }: React.ComponentProps<"aside">): React$1.JSX.Element;
|
|
488
|
+
declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
390
489
|
declare function SidebarSearch({ label, shortcut, className, ...props }: React.ComponentProps<"button"> & {
|
|
391
490
|
label?: string;
|
|
392
491
|
shortcut?: string;
|
|
393
|
-
}):
|
|
394
|
-
declare function SidebarContent({ className, ...props }: React.ComponentProps<"nav">):
|
|
395
|
-
declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">):
|
|
492
|
+
}): React$1.JSX.Element;
|
|
493
|
+
declare function SidebarContent({ className, ...props }: React.ComponentProps<"nav">): React$1.JSX.Element;
|
|
494
|
+
declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
|
|
396
495
|
declare function SidebarGroup({ label, className, children, ...props }: React.ComponentProps<"section"> & {
|
|
397
496
|
label?: string;
|
|
398
|
-
}):
|
|
497
|
+
}): React$1.JSX.Element;
|
|
399
498
|
type SidebarItemProps = LinkProps & {
|
|
400
499
|
icon?: ReactNode;
|
|
401
500
|
active?: boolean;
|
|
402
501
|
badge?: ReactNode;
|
|
403
502
|
label?: string;
|
|
404
503
|
};
|
|
405
|
-
declare function SidebarItem({ icon, active, badge, label, children, className, ...props }: SidebarItemProps):
|
|
406
|
-
declare function SidebarSeparator({ className, ...props }: React.ComponentProps<"hr">):
|
|
407
|
-
declare function SidebarTrigger({ className, ...props }: ButtonProps):
|
|
408
|
-
declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">):
|
|
409
|
-
declare function SidebarMore({ className, ...props }: ButtonProps):
|
|
504
|
+
declare function SidebarItem({ icon, active, badge, label, children, className, ...props }: SidebarItemProps): React$1.JSX.Element;
|
|
505
|
+
declare function SidebarSeparator({ className, ...props }: React.ComponentProps<"hr">): React$1.JSX.Element;
|
|
506
|
+
declare function SidebarTrigger({ className, ...props }: ButtonProps): React$1.JSX.Element;
|
|
507
|
+
declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): React$1.JSX.Element;
|
|
508
|
+
declare function SidebarMore({ className, ...props }: ButtonProps): React$1.JSX.Element;
|
|
410
509
|
|
|
411
|
-
declare function Skeleton({ className, ...props }:
|
|
510
|
+
declare function Skeleton({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
412
511
|
|
|
413
512
|
interface SubmitButtonProps extends Omit<ButtonProps, "type"> {
|
|
414
513
|
pendingLabel?: string;
|
|
415
514
|
loading?: boolean;
|
|
416
515
|
children: React.ReactNode;
|
|
417
516
|
}
|
|
418
|
-
declare function SubmitButton({ pendingLabel, loading, children, isDisabled, size, ...props }: SubmitButtonProps):
|
|
517
|
+
declare function SubmitButton({ pendingLabel, loading, children, isDisabled, size, ...props }: SubmitButtonProps): React$1.JSX.Element;
|
|
419
518
|
|
|
420
519
|
type SwitchProps = Omit<SwitchFieldProps, "className"> & {
|
|
421
520
|
className?: string | ((values: SwitchButtonRenderProps) => string);
|
|
422
521
|
size?: "sm" | "md";
|
|
423
522
|
};
|
|
424
|
-
declare function Switch({ className, children, size, ...props }: SwitchProps):
|
|
523
|
+
declare function Switch({ className, children, size, ...props }: SwitchProps): React$1.JSX.Element;
|
|
425
524
|
|
|
426
525
|
/** Presentational table primitives. Sorting, pagination and data state stay in the application. */
|
|
427
|
-
declare function Table({ className, ...props }:
|
|
428
|
-
declare function TableHeader({ className, ...props }:
|
|
429
|
-
declare function TableBody({ className, ...props }:
|
|
430
|
-
declare function TableRow({ className, ...props }:
|
|
431
|
-
declare function TableHead({ className, ...props }:
|
|
432
|
-
declare function TableCell({ className, ...props }:
|
|
433
|
-
declare function TableCaption({ className, ...props }:
|
|
526
|
+
declare function Table({ className, ...props }: React$1.ComponentProps<"table">): React$1.JSX.Element;
|
|
527
|
+
declare function TableHeader({ className, ...props }: React$1.ComponentProps<"thead">): React$1.JSX.Element;
|
|
528
|
+
declare function TableBody({ className, ...props }: React$1.ComponentProps<"tbody">): React$1.JSX.Element;
|
|
529
|
+
declare function TableRow({ className, ...props }: React$1.ComponentProps<"tr">): React$1.JSX.Element;
|
|
530
|
+
declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">): React$1.JSX.Element;
|
|
531
|
+
declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): React$1.JSX.Element;
|
|
532
|
+
declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): React$1.JSX.Element;
|
|
533
|
+
declare function TableFooter({ className, ...props }: React$1.ComponentProps<"tfoot">): React$1.JSX.Element;
|
|
434
534
|
|
|
435
535
|
type TabsProps = TabsProps$1;
|
|
436
536
|
type TabProps = TabProps$1;
|
|
437
537
|
type TabPanelProps = TabPanelProps$1;
|
|
438
|
-
declare function Tabs({ className, ...props }: TabsProps$1):
|
|
439
|
-
declare function TabsList<T extends object>({ className, ...props }: TabListProps<T>):
|
|
440
|
-
declare function TabsTrigger({ className, ...props }: TabProps$1):
|
|
441
|
-
declare function TabsPanels<T extends object>({ className, ...props }: TabPanelsProps<T>):
|
|
442
|
-
declare function TabsContent({ className, ...props }: TabPanelProps$1):
|
|
538
|
+
declare function Tabs({ className, ...props }: TabsProps$1): React$1.JSX.Element;
|
|
539
|
+
declare function TabsList<T extends object>({ className, ...props }: TabListProps<T>): React$1.JSX.Element;
|
|
540
|
+
declare function TabsTrigger({ className, ...props }: TabProps$1): React$1.JSX.Element;
|
|
541
|
+
declare function TabsPanels<T extends object>({ className, ...props }: TabPanelsProps<T>): React$1.JSX.Element;
|
|
542
|
+
declare function TabsContent({ className, ...props }: TabPanelProps$1): React$1.JSX.Element;
|
|
443
543
|
|
|
444
544
|
type ToastVariant = "default" | "success" | "error" | "warning" | "info";
|
|
445
545
|
type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
|
|
@@ -466,13 +566,12 @@ type ToastPromiseOptions<T> = {
|
|
|
466
566
|
description?: string;
|
|
467
567
|
position?: ToastPosition;
|
|
468
568
|
};
|
|
469
|
-
declare function dismiss(id: string): void;
|
|
470
569
|
declare const toast: ((options: ToastOptions) => string) & {
|
|
471
570
|
success: (title: string, options?: Omit<ToastOptions, "title" | "variant">) => string;
|
|
472
571
|
error: (title: string, options?: Omit<ToastOptions, "title" | "variant">) => string;
|
|
473
572
|
warning: (title: string, options?: Omit<ToastOptions, "title" | "variant">) => string;
|
|
474
573
|
info: (title: string, options?: Omit<ToastOptions, "title" | "variant">) => string;
|
|
475
|
-
dismiss:
|
|
574
|
+
dismiss: (id: string) => void;
|
|
476
575
|
promise: <T>(promise: Promise<T>, options: ToastPromiseOptions<T>) => Promise<T>;
|
|
477
576
|
};
|
|
478
577
|
declare function useToast(): ((options: ToastOptions) => string) & {
|
|
@@ -480,34 +579,32 @@ declare function useToast(): ((options: ToastOptions) => string) & {
|
|
|
480
579
|
error: (title: string, options?: Omit<ToastOptions, "title" | "variant">) => string;
|
|
481
580
|
warning: (title: string, options?: Omit<ToastOptions, "title" | "variant">) => string;
|
|
482
581
|
info: (title: string, options?: Omit<ToastOptions, "title" | "variant">) => string;
|
|
483
|
-
dismiss:
|
|
582
|
+
dismiss: (id: string) => void;
|
|
484
583
|
promise: <T>(promise: Promise<T>, options: ToastPromiseOptions<T>) => Promise<T>;
|
|
485
584
|
};
|
|
486
585
|
declare function ToastProvider({ children }: {
|
|
487
586
|
children: ReactNode;
|
|
488
|
-
}):
|
|
587
|
+
}): React$1.JSX.Element;
|
|
489
588
|
declare function Toaster({ position }: {
|
|
490
589
|
position?: ToastPosition;
|
|
491
|
-
}):
|
|
590
|
+
}): React$1.JSX.Element;
|
|
492
591
|
declare function ToastViewport({ position, visiblePosition, className }: {
|
|
493
592
|
position: ToastPosition;
|
|
494
593
|
visiblePosition?: ToastPosition;
|
|
495
594
|
className?: string;
|
|
496
|
-
}):
|
|
497
|
-
declare function Toast({ id, title, description, variant, action, state, duration, onDismiss }: ToastData & {
|
|
595
|
+
}): React$1.JSX.Element | null;
|
|
596
|
+
declare function Toast({ id, title, description, variant, action, state, duration, position, onDismiss }: ToastData & {
|
|
498
597
|
onDismiss?: () => void;
|
|
499
|
-
}):
|
|
598
|
+
}): null;
|
|
500
599
|
|
|
501
|
-
declare function Toolbar({ className, ...props }:
|
|
502
|
-
declare function ToolbarGroup({ className, ...props }:
|
|
503
|
-
declare function ToolbarSpacer({ className, ...props }:
|
|
600
|
+
declare function Toolbar({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
601
|
+
declare function ToolbarGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
602
|
+
declare function ToolbarSpacer({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
504
603
|
|
|
505
|
-
|
|
604
|
+
declare function TooltipTrigger({ delay, children, ...props }: React$1.ComponentProps<typeof TooltipTrigger$1>): React$1.JSX.Element;
|
|
605
|
+
declare function Tooltip({ className, placement, offset, crossOffset, children, ...props }: Omit<React$1.ComponentProps<typeof Tooltip$1>, "children" | "className"> & {
|
|
506
606
|
className?: string;
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
declare const TooltipTrigger: typeof TooltipTrigger$1;
|
|
510
|
-
declare function Tooltip({ className, ...props }: TooltipProps): react.JSX.Element;
|
|
511
|
-
declare const TooltipContent: typeof Tooltip;
|
|
607
|
+
children?: React$1.ReactNode;
|
|
608
|
+
}): React$1.JSX.Element;
|
|
512
609
|
|
|
513
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, type AlertProps, AlertTitle, AppShell, type AppShellBreakpoint, AppShellContent, type AppShellContentProps, AppShellHeader, AppShellMain, AppShellMobileHeader, type AppShellProps, AppShellSidebar, AutocompleteCombobox, type AutocompleteComboboxProps, type AutosaveStatus, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, type AvatarProps, Badge, type BadgeProps, Breadcrumb, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, ButtonGroup, ButtonGroupText, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type CheckboxProps, Combobox, ComboboxContent, ComboboxInput, ComboboxItem, ComboboxList, Command, CommandContent, CommandInput, CommandItem, CommandList, ConfirmDialog, type ConfirmDialogProps, Drawer, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, DropdownMenu,
|
|
610
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, type AlertProps, AlertTitle, AppShell, type AppShellBreakpoint, AppShellContent, type AppShellContentProps, AppShellHeader, AppShellMain, AppShellMobileHeader, type AppShellProps, AppShellSidebar, AutocompleteCombobox, type AutocompleteComboboxProps, type AutosaveStatus, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, type AvatarProps, Badge, BadgeLink, type BadgeLinkProps, type BadgeProps, Breadcrumb, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Combobox, ComboboxContent, ComboboxInput, ComboboxItem, ComboboxList, Command, CommandContent, CommandInput, CommandItem, CommandList, ConfirmDialog, type ConfirmDialogProps, Drawer, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, DropdownMenu, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateContent, EmptyStateDescription, EmptyStateHeader, EmptyStateMedia, EmptyStateTitle, Field, FieldContent, FieldDescription, FieldError, type FieldErrorProps, FieldGroup, FieldLabel, FieldLegend, type FieldProps, FieldSeparator, FieldSet, FieldTitle, FormFeedback, type FormFeedbackProps, type FormFeedbackState, FormRow, type FormRowProps, HighlightMatch, IconButton, type IconButtonProps, Input, InputGroup, InputGroupAddon, InputGroupButton, type InputGroupButtonProps, InputGroupInput, InputGroupText, InputGroupTextarea, type InputProps, Kbd, KbdGroup, Label, type LabelProps, LinkButton, type LinkButtonProps, LoadingOverlay, Menu, MenuContent, MenuItem, MenuTrigger, ModalDialog, type ModalDialogProps, OtpInput, type OtpInputProps, PageHeader, PageHeaderActions, PageHeaderDescription, PageHeaderHeading, PageHeaderTitle, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverProps, PopoverTrigger, QuantityInput, type QuantityInputProps, SearchClearButton, SearchField, SearchInput, Select, SelectContent, SelectItem, SelectList, SelectTrigger, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, type SidebarItemProps, SidebarMore, SidebarProvider, SidebarRail, SidebarSearch, SidebarSeparator, SidebarTrigger, Skeleton, SubmitButton, type SubmitButtonProps, Switch, type SwitchProps, type TabPanelProps, type TabProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsPanels, type TabsProps, TabsTrigger, type TextMatchPart, Textarea, type TextareaProps, Toast, type ToastAction, type ToastData, type ToastOptions, type ToastPosition, ToastProvider, type ToastVariant, ToastViewport, Toaster, Toolbar, ToolbarGroup, ToolbarSpacer, Tooltip, TooltipTrigger, type UseAutosaveOptions, type UseFormDirtyResult, alertVariants, badgeVariants, buttonGroupVariants, buttonVariants, cn, emptyStateMediaVariants, fieldVariants, formSnapshot, getTextMatchParts, inputGroupAddonVariants, toast, useAutosave, useDebouncedValue, useFormDirty, useFormFeedback, useSidebar, useToast };
|