@doscientos/ui 0.1.6 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/index.cjs +1152 -170
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +352 -84
  4. package/dist/index.d.ts +352 -84
  5. package/dist/index.js +1079 -170
  6. package/dist/index.js.map +1 -1
  7. package/dist/styles.css +1 -1
  8. package/package.json +4 -2
package/dist/index.d.cts CHANGED
@@ -1,11 +1,11 @@
1
- import * as React$1 from 'react';
2
- import { RefCallback, ComponentPropsWithRef } from 'react';
1
+ import * as react from 'react';
2
+ import { RefCallback, ReactNode, ComponentPropsWithRef } from 'react';
3
3
  import { ClassValue } from 'clsx';
4
- import * as class_variance_authority_types from 'class-variance-authority/types';
5
- import { VariantProps } from 'class-variance-authority';
6
4
  import * as react_aria_components from 'react-aria-components';
7
- import { ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ComboBoxProps, Popover as Popover$1, InputProps as InputProps$1, ListBoxItemProps, ListBoxProps, ModalOverlayProps, DialogProps as DialogProps$1, Text, Heading, MenuProps, MenuItemProps, MenuTrigger as MenuTrigger$1, PopoverProps as PopoverProps$1, DialogTrigger, SearchFieldProps, SelectProps, SelectValue as SelectValue$1, SeparatorProps as SeparatorProps$1, SwitchProps as SwitchProps$1, TabPanelProps as TabPanelProps$1, TabProps as TabProps$1, TabsProps as TabsProps$1, TabListProps, TabPanelsProps, TextAreaProps, TooltipProps as TooltipProps$1, TooltipTrigger as TooltipTrigger$1 } from 'react-aria-components';
5
+ import { DisclosureGroup, DisclosurePanel, DisclosureProps, Button as Button$1, Breadcrumb as Breadcrumb$1, Link, Breadcrumbs as Breadcrumbs$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ComboBoxProps, Key, Popover as Popover$1, InputProps as InputProps$1, ListBoxItemProps, ListBoxProps, Input as Input$1, ListBox, ModalOverlayProps, DialogProps as DialogProps$1, Text, Heading, MenuItemProps, Separator as Separator$1, MenuTrigger as MenuTrigger$1, TextAreaProps, MenuProps, PopoverProps as PopoverProps$1, DialogTrigger, NumberFieldProps, SearchFieldProps, SelectProps, SelectValue as SelectValue$1, SeparatorProps as SeparatorProps$1, LinkProps, SwitchFieldProps, SwitchButtonRenderProps, TabPanelProps as TabPanelProps$1, TabProps as TabProps$1, TabsProps as TabsProps$1, TabListProps, TabPanelsProps, TooltipProps as TooltipProps$1, TooltipTrigger as TooltipTrigger$1 } from 'react-aria-components';
8
6
  export { ComboBoxProps, ComboBoxValue as ComboboxValue, DialogTriggerProps as PopoverTriggerProps, SearchFieldProps, SelectProps, TooltipTriggerComponentProps } from 'react-aria-components';
7
+ import * as class_variance_authority_types from 'class-variance-authority/types';
8
+ import { VariantProps } from 'class-variance-authority';
9
9
 
10
10
  type AutosaveStatus = "idle" | "saving" | "saved" | "error";
11
11
  type UseAutosaveOptions<T> = {
@@ -48,51 +48,113 @@ type TextMatchPart = {
48
48
  */
49
49
  declare function getTextMatchParts(text: string, query: string): TextMatchPart[];
50
50
 
51
+ declare function Accordion({ className, ...props }: React.ComponentProps<typeof DisclosureGroup>): react.JSX.Element;
52
+ declare function AccordionItem({ className, ...props }: DisclosureProps): react.JSX.Element;
53
+ declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof Button$1>): react.JSX.Element;
54
+ declare function AccordionContent({ className, ...props }: React.ComponentProps<typeof DisclosurePanel>): react.JSX.Element;
55
+
56
+ type AlertProps = React.ComponentProps<"div"> & {
57
+ variant?: "default" | "destructive" | "success" | "warning";
58
+ };
59
+ declare function Alert({ className, variant, ...props }: AlertProps): react.JSX.Element;
60
+ declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): react.JSX.Element;
61
+ declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): react.JSX.Element;
62
+ declare function AlertAction({ className, children, ...props }: React.ComponentProps<"div"> & {
63
+ children?: ReactNode;
64
+ }): react.JSX.Element;
65
+
66
+ declare function AppShell({ className, ...props }: react.ComponentProps<"div">): react.JSX.Element;
67
+ declare function AppShellMain({ className, ...props }: react.ComponentProps<"main">): react.JSX.Element;
68
+ declare function AppShellHeader({ className, ...props }: react.ComponentProps<"header">): react.JSX.Element;
69
+ declare function AppShellContent({ className, ...props }: react.ComponentProps<"div">): react.JSX.Element;
70
+
71
+ type AvatarProps = React.ComponentProps<"div"> & {
72
+ size?: "xs" | "sm" | "default" | "lg";
73
+ };
74
+ declare function Avatar({ className, size, ...props }: AvatarProps): react.JSX.Element;
75
+ declare function AvatarImage({ className, ...props }: React.ComponentProps<"img">): react.JSX.Element | null;
76
+ declare function AvatarFallback({ className, ...props }: React.ComponentProps<"span">): react.JSX.Element;
77
+ declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): react.JSX.Element;
78
+ declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): react.JSX.Element;
79
+ declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"span">): react.JSX.Element;
80
+
51
81
  declare const badgeVariants: (props?: ({
52
- variant?: "default" | "secondary" | "neutral" | "success" | "warning" | "destructive" | "outline" | null | undefined;
82
+ variant?: "default" | "destructive" | "success" | "warning" | "secondary" | "neutral" | "outline" | null | undefined;
53
83
  } & class_variance_authority_types.ClassProp) | undefined) => string;
54
- type BadgeProps = React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants>;
55
- declare function Badge({ className, variant, ...props }: BadgeProps): React$1.JSX.Element;
84
+ type BadgeProps = react.ComponentProps<"span"> & VariantProps<typeof badgeVariants>;
85
+ declare function Badge({ className, variant, ...props }: BadgeProps): react.JSX.Element;
86
+
87
+ declare function Breadcrumbs({ className, ...props }: React.ComponentProps<typeof Breadcrumbs$1>): react.JSX.Element;
88
+ declare function Breadcrumb({ className, ...props }: React.ComponentProps<typeof Breadcrumb$1>): react.JSX.Element;
89
+ declare function BreadcrumbLink({ className, ...props }: React.ComponentProps<typeof Link>): react.JSX.Element;
90
+ declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): react.JSX.Element;
91
+ declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"span">): react.JSX.Element;
56
92
 
57
93
  declare const buttonVariants: (props?: ({
58
- variant?: "default" | "secondary" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
94
+ variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
59
95
  size?: "default" | "xs" | "sm" | "lg" | "icon" | null | undefined;
60
96
  } & class_variance_authority_types.ClassProp) | undefined) => string;
61
97
  type ButtonProps = ButtonProps$1 & VariantProps<typeof buttonVariants>;
62
- declare function Button({ className, variant, size, ...props }: ButtonProps): React$1.JSX.Element;
98
+ declare function Button({ className, variant, size, ...props }: ButtonProps): react.JSX.Element;
99
+
100
+ declare function ButtonGroup({ className, ...props }: React.ComponentProps<"div">): react.JSX.Element;
101
+ declare function ButtonGroupText({ className, ...props }: React.ComponentProps<"span">): react.JSX.Element;
63
102
 
64
- declare function Card({ className, ...props }: React$1.ComponentProps<"section">): React$1.JSX.Element;
65
- declare function CardHeader({ className, ...props }: React$1.ComponentProps<"header">): React$1.JSX.Element;
66
- declare function CardTitle({ className, ...props }: React$1.ComponentProps<"h2">): React$1.JSX.Element;
67
- declare function CardDescription({ className, ...props }: React$1.ComponentProps<"p">): React$1.JSX.Element;
68
- declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
69
- declare function CardFooter({ className, ...props }: React$1.ComponentProps<"footer">): React$1.JSX.Element;
103
+ declare function Card({ className, ...props }: react.ComponentProps<"section">): react.JSX.Element;
104
+ declare function CardHeader({ className, ...props }: react.ComponentProps<"header">): react.JSX.Element;
105
+ declare function CardTitle({ className, ...props }: react.ComponentProps<"h2">): react.JSX.Element;
106
+ declare function CardDescription({ className, ...props }: react.ComponentProps<"p">): react.JSX.Element;
107
+ declare function CardContent({ className, ...props }: react.ComponentProps<"div">): react.JSX.Element;
108
+ declare function CardFooter({ className, ...props }: react.ComponentProps<"footer">): react.JSX.Element;
70
109
 
71
110
  type CheckboxProps = Omit<CheckboxProps$1, "className"> & {
72
111
  className?: string;
73
112
  };
74
- declare function Checkbox({ className, children, ...props }: CheckboxProps): React$1.JSX.Element;
113
+ declare function Checkbox({ className, children, ...props }: CheckboxProps): react.JSX.Element;
75
114
 
76
- 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;
115
+ declare const Combobox: <T, M extends "multiple" | "single" = "single">(props: ComboBoxProps<T, M> & React.RefAttributes<HTMLDivElement>) => react.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
77
116
 
78
- declare function ComboboxInput({ className, ...props }: InputProps$1): React$1.JSX.Element;
79
- declare function ComboboxContent({ className, ...props }: React.ComponentProps<typeof Popover$1>): React$1.JSX.Element;
117
+ declare function ComboboxInput({ className, ...props }: InputProps$1): react.JSX.Element;
118
+ declare function ComboboxContent({ className, ...props }: React.ComponentProps<typeof Popover$1>): react.JSX.Element;
80
119
  declare function ComboboxList<T extends object>({ className, emptyState, ...props }: ListBoxProps<T> & {
81
120
  emptyState?: React.ReactNode;
82
- }): React$1.JSX.Element;
83
- declare function ComboboxItem<T extends object>({ className, children, ...props }: ListBoxItemProps<T>): React$1.JSX.Element;
84
- /** Accent-insensitive visual highlighting for suggestion labels. */
121
+ }): react.JSX.Element;
122
+ declare function ComboboxItem<T extends object>({ className, children, ...props }: ListBoxItemProps<T>): react.JSX.Element;
85
123
  declare function HighlightMatch({ text, query, className }: {
86
124
  text: string;
87
125
  query: string;
88
126
  className?: string;
89
- }): React$1.JSX.Element;
127
+ }): react.JSX.Element;
128
+ type AutocompleteComboboxProps<T extends object> = Omit<ComboBoxProps<T>, "children" | "items" | "inputValue" | "onInputChange" | "selectedKey" | "onSelectionChange" | "defaultFilter"> & {
129
+ items: readonly T[];
130
+ getItemKey: (item: T) => Key;
131
+ getItemLabel: (item: T) => string;
132
+ renderItem?: (item: T, query: string) => ReactNode;
133
+ inputValue?: string;
134
+ onInputChange?: (value: string) => void;
135
+ selectedKey?: Key | null;
136
+ onSelectionChange?: (key: Key | null, item?: T) => void;
137
+ label?: ReactNode;
138
+ description?: ReactNode;
139
+ errorMessage?: ReactNode;
140
+ emptyState?: ReactNode;
141
+ suggestion?: boolean;
142
+ placeholder?: string;
143
+ };
144
+ /** A safe, keyboard-first autocomplete for users, contracts and other entities. */
145
+ 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.JSX.Element;
146
+
147
+ declare function Command<T extends object>({ className, ...props }: ComboBoxProps<T>): react.JSX.Element;
148
+ declare function CommandInput({ className, ...props }: React.ComponentProps<typeof Input$1>): react.JSX.Element;
149
+ declare function CommandContent({ className, ...props }: React.ComponentProps<typeof Popover$1>): react.JSX.Element;
150
+ declare function CommandList<T extends object>({ className, ...props }: React.ComponentProps<typeof ListBox<T>>): react.JSX.Element;
151
+ declare function CommandItem<T extends object>({ className, ...props }: ListBoxItemProps<T>): react.JSX.Element;
90
152
 
91
153
  type ConfirmDialogProps = {
92
154
  open: boolean;
93
155
  onOpenChange: (open: boolean) => void;
94
156
  title: string;
95
- description?: React$1.ReactNode;
157
+ description?: react.ReactNode;
96
158
  confirmLabel?: string;
97
159
  cancelLabel?: string;
98
160
  destructive?: boolean;
@@ -100,34 +162,101 @@ type ConfirmDialogProps = {
100
162
  onConfirm: () => void;
101
163
  };
102
164
  /** Controlled confirmation dialog for irreversible actions. */
103
- declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, destructive, pending, onConfirm }: ConfirmDialogProps): React$1.JSX.Element;
165
+ declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, destructive, pending, onConfirm }: ConfirmDialogProps): react.JSX.Element;
104
166
 
105
167
  type DialogProps = Omit<ModalOverlayProps, "children" | "className" | "isOpen"> & {
106
168
  children: React.ReactNode;
107
169
  open: boolean;
108
170
  };
109
171
  /** Controlled overlay root. Use `DialogContent` for its accessible surface. */
110
- declare function Dialog({ open, children, ...props }: DialogProps): React$1.JSX.Element;
111
- declare function DialogClose({ onPress, ...props }: React.ComponentProps<typeof Button>): React$1.JSX.Element;
172
+ declare function Dialog({ open, children, ...props }: DialogProps): react.JSX.Element;
173
+ declare function DialogClose({ onPress, ...props }: React.ComponentProps<typeof Button>): react.JSX.Element;
112
174
  declare function DialogContent({ className, children, showCloseButton, ...props }: DialogProps$1 & {
113
175
  showCloseButton?: boolean;
114
- }): React$1.JSX.Element;
115
- declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
116
- declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
117
- declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof Heading>): React$1.JSX.Element;
118
- declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof Text>): React$1.JSX.Element;
176
+ }): react.JSX.Element;
177
+ declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): react.JSX.Element;
178
+ declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): react.JSX.Element;
179
+ declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof Heading>): react.JSX.Element;
180
+ declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof Text>): react.JSX.Element;
119
181
 
120
- declare function EmptyState({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
121
- declare function EmptyStateTitle({ className, ...props }: React$1.ComponentProps<"h3">): React$1.JSX.Element;
122
- declare function EmptyStateDescription({ className, ...props }: React$1.ComponentProps<"p">): React$1.JSX.Element;
123
-
124
- declare const Label: React$1.ForwardRefExoticComponent<Omit<react_aria_components.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
182
+ interface DrawerProps extends Omit<ModalOverlayProps, "children" | "className"> {
183
+ children: React.ReactNode;
184
+ side?: "left" | "right" | "bottom";
185
+ className?: string;
186
+ }
187
+ declare function Drawer({ children, side, className, ...props }: DrawerProps): react.JSX.Element;
188
+ declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): react.JSX.Element;
189
+ declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): react.JSX.Element;
190
+ declare function DrawerTitle({ className, ...props }: React.ComponentProps<"h2">): react.JSX.Element;
191
+ declare function DrawerDescription({ className, ...props }: React.ComponentProps<"p">): react.JSX.Element;
192
+
193
+ declare const DropdownMenu: <T>(props: react_aria_components.MenuProps<T> & React.RefAttributes<HTMLDivElement>) => react.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
194
+ declare const DropdownMenuTrigger: typeof MenuTrigger$1;
195
+ declare function DropdownMenuContent({ className, ...props }: React.ComponentProps<typeof Popover$1>): react.JSX.Element;
196
+ declare function DropdownMenuItem({ className, ...props }: MenuItemProps): react.JSX.Element;
197
+ declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof Separator$1>): react.JSX.Element;
198
+
199
+ declare function EmptyState({ className, ...props }: react.ComponentProps<"div">): react.JSX.Element;
200
+ declare function EmptyStateTitle({ className, ...props }: react.ComponentProps<"h3">): react.JSX.Element;
201
+ declare function EmptyStateDescription({ className, ...props }: react.ComponentProps<"p">): react.JSX.Element;
202
+
203
+ declare const Label: react.ForwardRefExoticComponent<Omit<react_aria_components.LabelProps & react.RefAttributes<HTMLLabelElement>, "ref"> & react.RefAttributes<HTMLLabelElement>>;
125
204
  type LabelProps = ComponentPropsWithRef<typeof Label>;
126
205
 
127
- declare function Field({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
128
- declare function FieldLabel({ className, ...props }: React$1.ComponentProps<typeof Label>): React$1.JSX.Element;
129
- declare function FieldDescription({ className, ...props }: React$1.ComponentProps<"p">): React$1.JSX.Element;
130
- declare function FieldError({ className, children, ...props }: React$1.ComponentProps<"p">): React$1.JSX.Element | null;
206
+ declare function Field({ className, ...props }: react.ComponentProps<"div">): react.JSX.Element;
207
+ declare function FieldLabel({ className, ...props }: react.ComponentProps<typeof Label>): react.JSX.Element;
208
+ declare function FieldDescription({ className, ...props }: react.ComponentProps<"p">): react.JSX.Element;
209
+ declare function FieldError({ className, children, ...props }: react.ComponentProps<"p">): react.JSX.Element | null;
210
+
211
+ type FormFeedbackState = {
212
+ status: "idle";
213
+ } | {
214
+ status: "pending";
215
+ } | {
216
+ status: "success";
217
+ message?: string;
218
+ } | {
219
+ status: "error";
220
+ message: string;
221
+ };
222
+ declare function useFormFeedback(options?: {
223
+ successResetMs?: number;
224
+ }): {
225
+ state: FormFeedbackState;
226
+ pending: boolean;
227
+ setPending: () => void;
228
+ setSuccess: (message?: string) => void;
229
+ setError: (message: string) => void;
230
+ reset: () => void;
231
+ };
232
+ interface FormFeedbackProps {
233
+ state: FormFeedbackState;
234
+ className?: string;
235
+ pendingLabel?: string;
236
+ successLabel?: string;
237
+ }
238
+ declare function FormFeedback({ state, className, pendingLabel, successLabel }: FormFeedbackProps): react.JSX.Element;
239
+
240
+ interface FormRowProps {
241
+ label: ReactNode;
242
+ htmlFor: string;
243
+ required?: boolean;
244
+ hint?: ReactNode;
245
+ error?: ReactNode;
246
+ className?: string;
247
+ children: ReactNode;
248
+ }
249
+ declare function FormRow({ label, htmlFor, required, hint, error, className, children }: FormRowProps): react.JSX.Element;
250
+
251
+ type IconButtonProps = Omit<ButtonProps, "children"> & {
252
+ /** Accessible name and text shown in the tooltip. */
253
+ label: string;
254
+ /** Optional href for rendering the action as an accessible link. */
255
+ href?: string;
256
+ children?: ReactNode;
257
+ };
258
+ /** A consistently sized icon-only action with an accessible tooltip. */
259
+ declare function IconButton({ label, children, href, className, variant, ...props }: IconButtonProps): react.JSX.Element;
131
260
 
132
261
  type CompatibleRef$1<T> = ((instance: T | null) => unknown) | {
133
262
  readonly current: T | null;
@@ -135,17 +264,55 @@ type CompatibleRef$1<T> = ((instance: T | null) => unknown) | {
135
264
  type InputProps = Omit<InputProps$1, "ref"> & {
136
265
  ref?: CompatibleRef$1<HTMLInputElement>;
137
266
  };
138
- declare const InputImpl: React$1.ForwardRefExoticComponent<InputProps$1 & React$1.RefAttributes<HTMLInputElement>>;
267
+ declare const InputImpl: react.ForwardRefExoticComponent<InputProps$1 & react.RefAttributes<HTMLInputElement>>;
139
268
  /** Forward-ref component with a ref type compatible across React 19 type releases. */
140
269
  declare const Input: (props: InputProps) => ReturnType<typeof InputImpl>;
141
270
 
142
- declare function Kbd({ className, ...props }: React$1.ComponentProps<"kbd">): React$1.JSX.Element;
143
- declare function KbdGroup({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
271
+ type CompatibleRef<T> = ((instance: T | null) => unknown) | {
272
+ readonly current: T | null;
273
+ } | null;
274
+ type TextareaProps = Omit<TextAreaProps, "ref"> & {
275
+ ref?: CompatibleRef<HTMLTextAreaElement>;
276
+ };
277
+ declare const TextareaImpl: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
278
+ /** Forward-ref component with a ref type compatible across React 19 type releases. */
279
+ declare const Textarea: (props: TextareaProps) => ReturnType<typeof TextareaImpl>;
280
+
281
+ declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): react.JSX.Element;
282
+ declare const addonVariants: (props?: ({
283
+ align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
284
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
285
+ declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof addonVariants>): react.JSX.Element;
286
+ declare function InputGroupButton({ className, ...props }: ButtonProps): react.JSX.Element;
287
+ declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): react.JSX.Element;
288
+ declare function InputGroupInput({ className, ...props }: React.ComponentProps<typeof Input>): react.JSX.Element;
289
+ declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<typeof Textarea>): react.JSX.Element;
290
+
291
+ declare function Kbd({ className, ...props }: react.ComponentProps<"kbd">): react.JSX.Element;
292
+ declare function KbdGroup({ className, ...props }: react.ComponentProps<"span">): react.JSX.Element;
293
+
294
+ declare function LoadingOverlay({ label, className, ...props }: react.ComponentProps<"div"> & {
295
+ label?: string;
296
+ }): react.JSX.Element;
144
297
 
145
298
  declare const MenuTrigger: typeof MenuTrigger$1;
146
- declare function MenuContent({ className, ...props }: React.ComponentProps<typeof Popover$1>): React$1.JSX.Element;
147
- declare function Menu<T extends object>({ className, ...props }: MenuProps<T>): React$1.JSX.Element;
148
- declare function MenuItem<T extends object>({ className, children, ...props }: MenuItemProps<T>): React$1.JSX.Element;
299
+ declare function MenuContent({ className, ...props }: React.ComponentProps<typeof Popover$1>): react.JSX.Element;
300
+ declare function Menu<T extends object>({ className, ...props }: MenuProps<T>): react.JSX.Element;
301
+ declare function MenuItem<T extends object>({ className, children, ...props }: MenuItemProps<T>): react.JSX.Element;
302
+
303
+ declare function PageHeader({ className, ...props }: react.ComponentProps<"header">): react.JSX.Element;
304
+ declare function PageHeaderHeading({ className, ...props }: react.ComponentProps<"div">): react.JSX.Element;
305
+ declare function PageHeaderTitle({ className, ...props }: react.ComponentProps<"h1">): react.JSX.Element;
306
+ declare function PageHeaderDescription({ className, ...props }: react.ComponentProps<"p">): react.JSX.Element;
307
+ declare function PageHeaderActions({ className, ...props }: react.ComponentProps<"div">): react.JSX.Element;
308
+
309
+ type PaginationProps = {
310
+ page: number;
311
+ pageCount: number;
312
+ onPageChange: (page: number) => void;
313
+ className?: string;
314
+ };
315
+ declare function Pagination({ page, pageCount, onPageChange, className }: PaginationProps): react.JSX.Element;
149
316
 
150
317
  type PopoverProps = Omit<PopoverProps$1, "className"> & {
151
318
  className?: string;
@@ -153,70 +320,171 @@ type PopoverProps = Omit<PopoverProps$1, "className"> & {
153
320
 
154
321
  /** Wrap a trigger and Popover surface; React Aria handles focus and positioning. */
155
322
  declare const PopoverTrigger: typeof DialogTrigger;
156
- declare function Popover({ className, ...props }: PopoverProps): React$1.JSX.Element;
323
+ declare function Popover({ className, ...props }: PopoverProps): react.JSX.Element;
157
324
  declare const PopoverContent: typeof Popover;
158
325
 
326
+ type QuantityInputProps = Omit<NumberFieldProps, "children" | "className"> & {
327
+ className?: string;
328
+ inputClassName?: string;
329
+ decrementAriaLabel?: string;
330
+ incrementAriaLabel?: string;
331
+ };
332
+ /** A compact quantity control with accessible stepper buttons and numeric keyboard support. */
333
+ declare function QuantityInput({ className, inputClassName, decrementAriaLabel, incrementAriaLabel, minValue, step, ...props }: QuantityInputProps): react.JSX.Element;
334
+
159
335
  declare const SearchField: (props: SearchFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
160
336
 
161
- declare function SearchInput({ className, ...props }: InputProps$1): React$1.JSX.Element;
337
+ declare function SearchInput({ className, ...props }: InputProps$1): react.JSX.Element;
162
338
  declare function SearchClearButton({ className, children, ...props }: Omit<ButtonProps$1, "className"> & {
163
339
  className?: string;
164
- }): React$1.JSX.Element;
340
+ }): react.JSX.Element;
165
341
 
166
342
  declare const Select: <T, M extends "multiple" | "single" = "single">(props: SelectProps<T, M> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
167
343
 
168
- declare function SelectTrigger({ className, children, ...props }: ButtonProps$1): React$1.JSX.Element;
169
- declare function SelectValue({ className, ...props }: React.ComponentProps<typeof SelectValue$1>): React$1.JSX.Element;
170
- declare function SelectContent({ className, ...props }: React.ComponentProps<typeof Popover$1>): React$1.JSX.Element;
171
- declare function SelectList<T extends object>({ className, ...props }: ListBoxProps<T>): React$1.JSX.Element;
172
- declare function SelectItem<T extends object>({ className, children, ...props }: ListBoxItemProps<T>): React$1.JSX.Element;
344
+ declare function SelectTrigger({ className, children, ...props }: ButtonProps$1): react.JSX.Element;
345
+ declare function SelectValue({ className, ...props }: React.ComponentProps<typeof SelectValue$1>): react.JSX.Element;
346
+ declare function SelectContent({ className, ...props }: React.ComponentProps<typeof Popover$1>): react.JSX.Element;
347
+ declare function SelectList<T extends object>({ className, ...props }: ListBoxProps<T>): react.JSX.Element;
348
+ declare function SelectItem<T extends object>({ className, children, ...props }: ListBoxItemProps<T>): react.JSX.Element;
173
349
 
174
350
  type SeparatorProps = Omit<SeparatorProps$1, "className"> & {
175
351
  className?: string;
176
352
  };
177
- declare function Separator({ className, orientation, ...props }: SeparatorProps): React$1.JSX.Element;
353
+ declare function Separator({ className, orientation, ...props }: SeparatorProps): react.JSX.Element;
178
354
 
179
- declare function Skeleton({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
355
+ type SidebarContextValue = {
356
+ collapsed: boolean;
357
+ setCollapsed: (value: boolean) => void;
358
+ toggle: () => void;
359
+ };
360
+ declare function useSidebar(): SidebarContextValue;
361
+ declare function SidebarProvider({ defaultCollapsed, children, }: {
362
+ defaultCollapsed?: boolean;
363
+ children: ReactNode;
364
+ }): react.JSX.Element;
365
+ declare function Sidebar({ className, ...props }: React.ComponentProps<"aside">): react.JSX.Element;
366
+ declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): react.JSX.Element;
367
+ declare function SidebarSearch({ label, shortcut, className, ...props }: React.ComponentProps<"button"> & {
368
+ label?: string;
369
+ shortcut?: string;
370
+ }): react.JSX.Element;
371
+ declare function SidebarContent({ className, ...props }: React.ComponentProps<"nav">): react.JSX.Element;
372
+ declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): react.JSX.Element;
373
+ declare function SidebarGroup({ label, className, children, ...props }: React.ComponentProps<"section"> & {
374
+ label?: string;
375
+ }): react.JSX.Element;
376
+ type SidebarItemProps = LinkProps & {
377
+ icon?: ReactNode;
378
+ active?: boolean;
379
+ badge?: ReactNode;
380
+ label?: string;
381
+ };
382
+ declare function SidebarItem({ icon, active, badge, label, children, className, ...props }: SidebarItemProps): react.JSX.Element;
383
+ declare function SidebarSeparator({ className, ...props }: React.ComponentProps<"hr">): react.JSX.Element;
384
+ declare function SidebarTrigger({ className, ...props }: ButtonProps): react.JSX.Element;
385
+ declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): react.JSX.Element;
386
+ declare function SidebarMore({ className, ...props }: ButtonProps): react.JSX.Element;
180
387
 
181
- type SwitchProps = Omit<SwitchProps$1, "className"> & {
182
- className?: string;
388
+ declare function Skeleton({ className, ...props }: react.ComponentProps<"div">): react.JSX.Element;
389
+
390
+ interface SubmitButtonProps extends Omit<ButtonProps, "type"> {
391
+ pendingLabel?: string;
392
+ loading?: boolean;
393
+ children: React.ReactNode;
394
+ }
395
+ declare function SubmitButton({ pendingLabel, loading, children, isDisabled, size, ...props }: SubmitButtonProps): react.JSX.Element;
396
+
397
+ type SwitchProps = Omit<SwitchFieldProps, "className"> & {
398
+ className?: string | ((values: SwitchButtonRenderProps) => string);
399
+ size?: "sm" | "md";
183
400
  };
184
- declare function Switch({ className, children, ...props }: SwitchProps): React$1.JSX.Element;
401
+ declare function Switch({ className, children, size, ...props }: SwitchProps): react.JSX.Element;
185
402
 
186
403
  /** Presentational table primitives. Sorting, pagination and data state stay in the application. */
187
- declare function Table({ className, ...props }: React$1.ComponentProps<"table">): React$1.JSX.Element;
188
- declare function TableHeader({ className, ...props }: React$1.ComponentProps<"thead">): React$1.JSX.Element;
189
- declare function TableBody({ className, ...props }: React$1.ComponentProps<"tbody">): React$1.JSX.Element;
190
- declare function TableRow({ className, ...props }: React$1.ComponentProps<"tr">): React$1.JSX.Element;
191
- declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">): React$1.JSX.Element;
192
- declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): React$1.JSX.Element;
193
- declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): React$1.JSX.Element;
404
+ declare function Table({ className, ...props }: react.ComponentProps<"table">): react.JSX.Element;
405
+ declare function TableHeader({ className, ...props }: react.ComponentProps<"thead">): react.JSX.Element;
406
+ declare function TableBody({ className, ...props }: react.ComponentProps<"tbody">): react.JSX.Element;
407
+ declare function TableRow({ className, ...props }: react.ComponentProps<"tr">): react.JSX.Element;
408
+ declare function TableHead({ className, ...props }: react.ComponentProps<"th">): react.JSX.Element;
409
+ declare function TableCell({ className, ...props }: react.ComponentProps<"td">): react.JSX.Element;
410
+ declare function TableCaption({ className, ...props }: react.ComponentProps<"caption">): react.JSX.Element;
194
411
 
195
412
  type TabsProps = TabsProps$1;
196
413
  type TabProps = TabProps$1;
197
414
  type TabPanelProps = TabPanelProps$1;
198
- declare function Tabs({ className, ...props }: TabsProps$1): React$1.JSX.Element;
199
- declare function TabsList<T extends object>({ className, ...props }: TabListProps<T>): React$1.JSX.Element;
200
- declare function TabsTrigger({ className, ...props }: TabProps$1): React$1.JSX.Element;
201
- declare function TabsPanels<T extends object>({ className, ...props }: TabPanelsProps<T>): React$1.JSX.Element;
202
- declare function TabsContent({ className, ...props }: TabPanelProps$1): React$1.JSX.Element;
203
-
204
- type CompatibleRef<T> = ((instance: T | null) => unknown) | {
205
- readonly current: T | null;
206
- } | null;
207
- type TextareaProps = Omit<TextAreaProps, "ref"> & {
208
- ref?: CompatibleRef<HTMLTextAreaElement>;
415
+ declare function Tabs({ className, ...props }: TabsProps$1): react.JSX.Element;
416
+ declare function TabsList<T extends object>({ className, ...props }: TabListProps<T>): react.JSX.Element;
417
+ declare function TabsTrigger({ className, ...props }: TabProps$1): react.JSX.Element;
418
+ declare function TabsPanels<T extends object>({ className, ...props }: TabPanelsProps<T>): react.JSX.Element;
419
+ declare function TabsContent({ className, ...props }: TabPanelProps$1): react.JSX.Element;
420
+
421
+ type ToastVariant = "default" | "success" | "error" | "warning" | "info";
422
+ type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
423
+ type ToastAction = {
424
+ label: string;
425
+ onPress: () => void;
209
426
  };
210
- declare const TextareaImpl: React$1.ForwardRefExoticComponent<TextAreaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
211
- /** Forward-ref component with a ref type compatible across React 19 type releases. */
212
- declare const Textarea: (props: TextareaProps) => ReturnType<typeof TextareaImpl>;
427
+ type ToastOptions = {
428
+ title: string;
429
+ description?: string;
430
+ variant?: ToastVariant;
431
+ duration?: number;
432
+ position?: ToastPosition;
433
+ action?: ToastAction;
434
+ };
435
+ type ToastData = ToastOptions & {
436
+ id: string;
437
+ state: "open" | "closing";
438
+ };
439
+ type ToastPromiseOptions<T> = {
440
+ loading: string;
441
+ success: string | ((value: T) => string);
442
+ error: string | ((error: unknown) => string);
443
+ description?: string;
444
+ position?: ToastPosition;
445
+ };
446
+ declare function dismiss(id: string): void;
447
+ declare const toast: ((options: ToastOptions) => string) & {
448
+ success: (title: string, options?: Omit<ToastOptions, "title" | "variant">) => string;
449
+ error: (title: string, options?: Omit<ToastOptions, "title" | "variant">) => string;
450
+ warning: (title: string, options?: Omit<ToastOptions, "title" | "variant">) => string;
451
+ info: (title: string, options?: Omit<ToastOptions, "title" | "variant">) => string;
452
+ dismiss: typeof dismiss;
453
+ promise: <T>(promise: Promise<T>, options: ToastPromiseOptions<T>) => Promise<T>;
454
+ };
455
+ declare function useToast(): ((options: ToastOptions) => string) & {
456
+ success: (title: string, options?: Omit<ToastOptions, "title" | "variant">) => string;
457
+ error: (title: string, options?: Omit<ToastOptions, "title" | "variant">) => string;
458
+ warning: (title: string, options?: Omit<ToastOptions, "title" | "variant">) => string;
459
+ info: (title: string, options?: Omit<ToastOptions, "title" | "variant">) => string;
460
+ dismiss: typeof dismiss;
461
+ promise: <T>(promise: Promise<T>, options: ToastPromiseOptions<T>) => Promise<T>;
462
+ };
463
+ declare function ToastProvider({ children }: {
464
+ children: ReactNode;
465
+ }): react.JSX.Element;
466
+ declare function Toaster({ position }: {
467
+ position?: ToastPosition;
468
+ }): react.JSX.Element;
469
+ declare function ToastViewport({ position, visiblePosition, className }: {
470
+ position: ToastPosition;
471
+ visiblePosition?: ToastPosition;
472
+ className?: string;
473
+ }): react.JSX.Element | null;
474
+ declare function Toast({ id, title, description, variant, action, state, duration, onDismiss }: ToastData & {
475
+ onDismiss?: () => void;
476
+ }): react.JSX.Element;
477
+
478
+ declare function Toolbar({ className, ...props }: react.ComponentProps<"div">): react.JSX.Element;
479
+ declare function ToolbarGroup({ className, ...props }: react.ComponentProps<"div">): react.JSX.Element;
480
+ declare function ToolbarSpacer({ className, ...props }: react.ComponentProps<"div">): react.JSX.Element;
213
481
 
214
482
  type TooltipProps = Omit<TooltipProps$1, "className"> & {
215
483
  className?: string;
216
484
  };
217
485
 
218
486
  declare const TooltipTrigger: typeof TooltipTrigger$1;
219
- declare function Tooltip({ className, ...props }: TooltipProps): React$1.JSX.Element;
487
+ declare function Tooltip({ className, ...props }: TooltipProps): react.JSX.Element;
220
488
  declare const TooltipContent: typeof Tooltip;
221
489
 
222
- export { type AutosaveStatus, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type CheckboxProps, Combobox, ComboboxContent, ComboboxInput, ComboboxItem, ComboboxList, ConfirmDialog, type ConfirmDialogProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, type DialogProps, DialogTitle, EmptyState, EmptyStateDescription, EmptyStateTitle, Field, FieldDescription, FieldError, FieldLabel, HighlightMatch, Input, type InputProps, Kbd, KbdGroup, Label, type LabelProps, Menu, MenuContent, MenuItem, MenuTrigger, Popover, PopoverContent, type PopoverProps, PopoverTrigger, SearchClearButton, SearchField, SearchInput, Select, SelectContent, SelectItem, SelectList, SelectTrigger, SelectValue, Separator, type SeparatorProps, Skeleton, Switch, type SwitchProps, type TabPanelProps, type TabProps, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsPanels, type TabsProps, TabsTrigger, type TextMatchPart, Textarea, type TextareaProps, Tooltip, TooltipContent, type TooltipProps, TooltipTrigger, type UseAutosaveOptions, type UseFormDirtyResult, badgeVariants, buttonVariants, cn, formSnapshot, getTextMatchParts, useAutosave, useDebouncedValue, useFormDirty };
490
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, type AlertProps, AlertTitle, AppShell, AppShellContent, AppShellHeader, AppShellMain, 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, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, type DialogProps, DialogTitle, Drawer, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, EmptyStateDescription, EmptyStateTitle, Field, FieldDescription, FieldError, FieldLabel, FormFeedback, type FormFeedbackProps, type FormFeedbackState, FormRow, type FormRowProps, HighlightMatch, IconButton, type IconButtonProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, type InputProps, Kbd, KbdGroup, Label, type LabelProps, LoadingOverlay, Menu, MenuContent, MenuItem, MenuTrigger, 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, 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, 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, TooltipContent, type TooltipProps, TooltipTrigger, type UseAutosaveOptions, type UseFormDirtyResult, badgeVariants, buttonVariants, cn, formSnapshot, getTextMatchParts, toast, useAutosave, useDebouncedValue, useFormDirty, useFormFeedback, useSidebar, useToast };