@doscientos/ui 0.1.17 → 0.1.19
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 +522 -344
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +60 -17
- package/dist/index.d.ts +60 -17
- package/dist/index.js +488 -315
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +2 -2
package/dist/index.d.cts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
2
|
import { RefCallback, ReactNode, ComponentPropsWithRef } from 'react';
|
|
3
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
4
|
import { ClassValue } from 'clsx';
|
|
4
5
|
import * as react_aria_components from 'react-aria-components';
|
|
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,
|
|
6
|
+
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, Dialog as Dialog$1, Text, ModalOverlayProps, Heading, Menu as Menu$1, MenuSectionProps, MenuItemProps, Header, SubmenuTrigger, MenuTrigger as MenuTrigger$1, TextAreaProps, MenuProps, PopoverProps as PopoverProps$1, DialogTrigger as DialogTrigger$1, NumberFieldProps, SearchFieldProps, SelectProps, SelectValue as SelectValue$1, Modal, DialogTriggerProps as DialogTriggerProps$1, SwitchProps as SwitchProps$1, 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
7
|
export { ComboBoxProps, ComboBoxValue as ComboboxValue, DialogTriggerProps as PopoverTriggerProps, SearchFieldProps, SelectProps, DialogProps as SheetPrimitiveProps, DialogTriggerProps as SheetTriggerPrimitiveProps } from 'react-aria-components';
|
|
7
|
-
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
8
8
|
import { VariantProps } from 'class-variance-authority';
|
|
9
9
|
|
|
10
10
|
type AutosaveStatus = "idle" | "saving" | "saved" | "error";
|
|
@@ -35,6 +35,12 @@ interface UseFormDirtyResult<T extends HTMLFormElement = HTMLFormElement> {
|
|
|
35
35
|
/** Tracks changes in native form controls and supports controlled fields. */
|
|
36
36
|
declare function useFormDirty<T extends HTMLFormElement = HTMLFormElement>(): UseFormDirtyResult<T>;
|
|
37
37
|
|
|
38
|
+
/**
|
|
39
|
+
* Adds a subtle, centered press ripple to an interactive element.
|
|
40
|
+
* The effect owns the element's `::after` pseudo-element.
|
|
41
|
+
*/
|
|
42
|
+
declare const actionRipple: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
43
|
+
|
|
38
44
|
/** Merges conditional class names, resolving conflicting Tailwind utilities. */
|
|
39
45
|
declare function cn(...inputs: ClassValue[]): string;
|
|
40
46
|
|
|
@@ -110,6 +116,18 @@ declare function BreadcrumbLink({ className, ...props }: React.ComponentProps<ty
|
|
|
110
116
|
declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
|
|
111
117
|
declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
|
|
112
118
|
|
|
119
|
+
type SeparatorProps = React.ComponentProps<typeof Separator$1>;
|
|
120
|
+
declare function Separator({ className, orientation, ...props }: SeparatorProps): React$1.JSX.Element;
|
|
121
|
+
|
|
122
|
+
declare const buttonGroupVariants: (props?: ({
|
|
123
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
124
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
125
|
+
declare function ButtonGroup({ className, orientation, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): React$1.JSX.Element;
|
|
126
|
+
declare function ButtonGroupText({ className, render, ...props }: React$1.ComponentProps<"div"> & {
|
|
127
|
+
render?: (props: React$1.HTMLAttributes<HTMLElement>) => React$1.ReactNode;
|
|
128
|
+
}): 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;
|
|
129
|
+
declare function ButtonGroupSeparator({ className, orientation, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
|
|
130
|
+
|
|
113
131
|
declare const buttonVariants: (props?: ({
|
|
114
132
|
variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
|
|
115
133
|
size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
@@ -123,18 +141,6 @@ type LinkButtonProps = Omit<LinkProps, "className"> & VariantProps<typeof button
|
|
|
123
141
|
};
|
|
124
142
|
declare function LinkButton({ className, variant, size, ...props }: LinkButtonProps): React$1.JSX.Element;
|
|
125
143
|
|
|
126
|
-
type SeparatorProps = React.ComponentProps<typeof Separator$1>;
|
|
127
|
-
declare function Separator({ className, orientation, ...props }: SeparatorProps): React$1.JSX.Element;
|
|
128
|
-
|
|
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
144
|
type CardProps = React$1.ComponentProps<"div"> & {
|
|
139
145
|
size?: "default" | "sm";
|
|
140
146
|
};
|
|
@@ -203,6 +209,43 @@ type ConfirmDialogProps = {
|
|
|
203
209
|
/** Controlled confirmation dialog for irreversible actions. */
|
|
204
210
|
declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, destructive, pending, onConfirm, }: ConfirmDialogProps): React$1.JSX.Element;
|
|
205
211
|
|
|
212
|
+
type DialogProps = {
|
|
213
|
+
children: React$1.ReactNode;
|
|
214
|
+
defaultOpen?: boolean;
|
|
215
|
+
onOpenChange?: (open: boolean) => void;
|
|
216
|
+
open?: boolean;
|
|
217
|
+
};
|
|
218
|
+
declare function Dialog({ children, defaultOpen, onOpenChange, open: controlledOpen }: DialogProps): React$1.JSX.Element;
|
|
219
|
+
type DialogTriggerProps = Omit<React$1.ComponentProps<typeof Button>, "onPress"> & {
|
|
220
|
+
asChild?: boolean;
|
|
221
|
+
};
|
|
222
|
+
declare function DialogTrigger({ asChild, children, onClick, ...props }: DialogTriggerProps): React$1.JSX.Element;
|
|
223
|
+
declare function DialogPortal({ children }: {
|
|
224
|
+
children?: React$1.ReactNode;
|
|
225
|
+
}): React$1.JSX.Element;
|
|
226
|
+
type DialogOverlayProps = Omit<ModalOverlayProps, "children" | "className" | "isOpen" | "onOpenChange"> & {
|
|
227
|
+
children?: React$1.ReactNode;
|
|
228
|
+
className?: string;
|
|
229
|
+
};
|
|
230
|
+
declare function DialogOverlay({ children, className, ...props }: DialogOverlayProps): React$1.JSX.Element | null;
|
|
231
|
+
type DialogContentProps = Omit<React$1.ComponentProps<typeof Dialog$1>, "children" | "className"> & {
|
|
232
|
+
children?: React$1.ReactNode;
|
|
233
|
+
className?: string;
|
|
234
|
+
onOverlayClick?: React$1.MouseEventHandler<HTMLDivElement>;
|
|
235
|
+
showCloseButton?: boolean;
|
|
236
|
+
};
|
|
237
|
+
declare function DialogContent({ children, className, onOverlayClick, showCloseButton, ...props }: DialogContentProps): React$1.JSX.Element;
|
|
238
|
+
type DialogCloseProps = Omit<React$1.ComponentProps<typeof Button>, "onPress"> & {
|
|
239
|
+
asChild?: boolean;
|
|
240
|
+
};
|
|
241
|
+
declare function DialogClose({ asChild, children, onClick, ...props }: DialogCloseProps): React$1.JSX.Element;
|
|
242
|
+
declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
243
|
+
declare function DialogFooter({ className, showCloseButton, children, ...props }: React$1.ComponentProps<"div"> & {
|
|
244
|
+
showCloseButton?: boolean;
|
|
245
|
+
}): React$1.JSX.Element;
|
|
246
|
+
declare function DialogTitle({ className, ...props }: Omit<React$1.ComponentProps<typeof Heading>, "slot">): React$1.JSX.Element;
|
|
247
|
+
declare function DialogDescription({ className, ...props }: Omit<React$1.ComponentProps<typeof Text>, "slot">): React$1.JSX.Element;
|
|
248
|
+
|
|
206
249
|
interface DrawerProps extends Omit<ModalOverlayProps, "children" | "className"> {
|
|
207
250
|
children: React.ReactNode;
|
|
208
251
|
side?: "left" | "right" | "bottom";
|
|
@@ -429,7 +472,7 @@ type PopoverProps = Omit<PopoverProps$1, "className"> & {
|
|
|
429
472
|
};
|
|
430
473
|
|
|
431
474
|
/** Wrap a trigger and Popover surface; React Aria handles focus and positioning. */
|
|
432
|
-
declare const PopoverTrigger: typeof DialogTrigger;
|
|
475
|
+
declare const PopoverTrigger: typeof DialogTrigger$1;
|
|
433
476
|
declare function Popover({ className, ...props }: PopoverProps): React$1.JSX.Element;
|
|
434
477
|
declare const PopoverContent: typeof Popover;
|
|
435
478
|
|
|
@@ -457,7 +500,7 @@ declare function SelectContent({ className, ...props }: React.ComponentProps<typ
|
|
|
457
500
|
declare function SelectList<T extends object>({ className, ...props }: ListBoxProps<T>): React$1.JSX.Element;
|
|
458
501
|
declare function SelectItem<T extends object>({ className, children, ...props }: ListBoxItemProps<T>): React$1.JSX.Element;
|
|
459
502
|
|
|
460
|
-
declare function SheetTrigger({ ...props }: DialogTriggerProps): React$1.JSX.Element;
|
|
503
|
+
declare function SheetTrigger({ ...props }: DialogTriggerProps$1): React$1.JSX.Element;
|
|
461
504
|
declare function SheetClose({ className, variant, size, ...props }: ButtonProps): React$1.JSX.Element;
|
|
462
505
|
declare function Sheet({ className, children, side, showCloseButton, ...props }: Omit<ModalOverlayProps, "className" | "children"> & Pick<React$1.ComponentProps<typeof Modal>, "isDismissable"> & {
|
|
463
506
|
className?: string;
|
|
@@ -637,4 +680,4 @@ declare function Tooltip({ className, placement, offset, crossOffset, children,
|
|
|
637
680
|
children?: React$1.ReactNode;
|
|
638
681
|
}): React$1.JSX.Element;
|
|
639
682
|
|
|
640
|
-
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 };
|
|
683
|
+
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, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, 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, actionRipple, alertVariants, badgeVariants, buttonGroupVariants, buttonVariants, cn, emptyStateMediaVariants, fieldVariants, formSnapshot, getTextMatchParts, inputGroupAddonVariants, toast, useAutosave, useDebouncedValue, useFormDirty, useFormFeedback, useSidebar, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
2
|
import { RefCallback, ReactNode, ComponentPropsWithRef } from 'react';
|
|
3
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
4
|
import { ClassValue } from 'clsx';
|
|
4
5
|
import * as react_aria_components from 'react-aria-components';
|
|
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,
|
|
6
|
+
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, Dialog as Dialog$1, Text, ModalOverlayProps, Heading, Menu as Menu$1, MenuSectionProps, MenuItemProps, Header, SubmenuTrigger, MenuTrigger as MenuTrigger$1, TextAreaProps, MenuProps, PopoverProps as PopoverProps$1, DialogTrigger as DialogTrigger$1, NumberFieldProps, SearchFieldProps, SelectProps, SelectValue as SelectValue$1, Modal, DialogTriggerProps as DialogTriggerProps$1, SwitchProps as SwitchProps$1, 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
7
|
export { ComboBoxProps, ComboBoxValue as ComboboxValue, DialogTriggerProps as PopoverTriggerProps, SearchFieldProps, SelectProps, DialogProps as SheetPrimitiveProps, DialogTriggerProps as SheetTriggerPrimitiveProps } from 'react-aria-components';
|
|
7
|
-
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
8
8
|
import { VariantProps } from 'class-variance-authority';
|
|
9
9
|
|
|
10
10
|
type AutosaveStatus = "idle" | "saving" | "saved" | "error";
|
|
@@ -35,6 +35,12 @@ interface UseFormDirtyResult<T extends HTMLFormElement = HTMLFormElement> {
|
|
|
35
35
|
/** Tracks changes in native form controls and supports controlled fields. */
|
|
36
36
|
declare function useFormDirty<T extends HTMLFormElement = HTMLFormElement>(): UseFormDirtyResult<T>;
|
|
37
37
|
|
|
38
|
+
/**
|
|
39
|
+
* Adds a subtle, centered press ripple to an interactive element.
|
|
40
|
+
* The effect owns the element's `::after` pseudo-element.
|
|
41
|
+
*/
|
|
42
|
+
declare const actionRipple: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
43
|
+
|
|
38
44
|
/** Merges conditional class names, resolving conflicting Tailwind utilities. */
|
|
39
45
|
declare function cn(...inputs: ClassValue[]): string;
|
|
40
46
|
|
|
@@ -110,6 +116,18 @@ declare function BreadcrumbLink({ className, ...props }: React.ComponentProps<ty
|
|
|
110
116
|
declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
|
|
111
117
|
declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
|
|
112
118
|
|
|
119
|
+
type SeparatorProps = React.ComponentProps<typeof Separator$1>;
|
|
120
|
+
declare function Separator({ className, orientation, ...props }: SeparatorProps): React$1.JSX.Element;
|
|
121
|
+
|
|
122
|
+
declare const buttonGroupVariants: (props?: ({
|
|
123
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
124
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
125
|
+
declare function ButtonGroup({ className, orientation, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): React$1.JSX.Element;
|
|
126
|
+
declare function ButtonGroupText({ className, render, ...props }: React$1.ComponentProps<"div"> & {
|
|
127
|
+
render?: (props: React$1.HTMLAttributes<HTMLElement>) => React$1.ReactNode;
|
|
128
|
+
}): 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;
|
|
129
|
+
declare function ButtonGroupSeparator({ className, orientation, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
|
|
130
|
+
|
|
113
131
|
declare const buttonVariants: (props?: ({
|
|
114
132
|
variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
|
|
115
133
|
size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
@@ -123,18 +141,6 @@ type LinkButtonProps = Omit<LinkProps, "className"> & VariantProps<typeof button
|
|
|
123
141
|
};
|
|
124
142
|
declare function LinkButton({ className, variant, size, ...props }: LinkButtonProps): React$1.JSX.Element;
|
|
125
143
|
|
|
126
|
-
type SeparatorProps = React.ComponentProps<typeof Separator$1>;
|
|
127
|
-
declare function Separator({ className, orientation, ...props }: SeparatorProps): React$1.JSX.Element;
|
|
128
|
-
|
|
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
144
|
type CardProps = React$1.ComponentProps<"div"> & {
|
|
139
145
|
size?: "default" | "sm";
|
|
140
146
|
};
|
|
@@ -203,6 +209,43 @@ type ConfirmDialogProps = {
|
|
|
203
209
|
/** Controlled confirmation dialog for irreversible actions. */
|
|
204
210
|
declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, destructive, pending, onConfirm, }: ConfirmDialogProps): React$1.JSX.Element;
|
|
205
211
|
|
|
212
|
+
type DialogProps = {
|
|
213
|
+
children: React$1.ReactNode;
|
|
214
|
+
defaultOpen?: boolean;
|
|
215
|
+
onOpenChange?: (open: boolean) => void;
|
|
216
|
+
open?: boolean;
|
|
217
|
+
};
|
|
218
|
+
declare function Dialog({ children, defaultOpen, onOpenChange, open: controlledOpen }: DialogProps): React$1.JSX.Element;
|
|
219
|
+
type DialogTriggerProps = Omit<React$1.ComponentProps<typeof Button>, "onPress"> & {
|
|
220
|
+
asChild?: boolean;
|
|
221
|
+
};
|
|
222
|
+
declare function DialogTrigger({ asChild, children, onClick, ...props }: DialogTriggerProps): React$1.JSX.Element;
|
|
223
|
+
declare function DialogPortal({ children }: {
|
|
224
|
+
children?: React$1.ReactNode;
|
|
225
|
+
}): React$1.JSX.Element;
|
|
226
|
+
type DialogOverlayProps = Omit<ModalOverlayProps, "children" | "className" | "isOpen" | "onOpenChange"> & {
|
|
227
|
+
children?: React$1.ReactNode;
|
|
228
|
+
className?: string;
|
|
229
|
+
};
|
|
230
|
+
declare function DialogOverlay({ children, className, ...props }: DialogOverlayProps): React$1.JSX.Element | null;
|
|
231
|
+
type DialogContentProps = Omit<React$1.ComponentProps<typeof Dialog$1>, "children" | "className"> & {
|
|
232
|
+
children?: React$1.ReactNode;
|
|
233
|
+
className?: string;
|
|
234
|
+
onOverlayClick?: React$1.MouseEventHandler<HTMLDivElement>;
|
|
235
|
+
showCloseButton?: boolean;
|
|
236
|
+
};
|
|
237
|
+
declare function DialogContent({ children, className, onOverlayClick, showCloseButton, ...props }: DialogContentProps): React$1.JSX.Element;
|
|
238
|
+
type DialogCloseProps = Omit<React$1.ComponentProps<typeof Button>, "onPress"> & {
|
|
239
|
+
asChild?: boolean;
|
|
240
|
+
};
|
|
241
|
+
declare function DialogClose({ asChild, children, onClick, ...props }: DialogCloseProps): React$1.JSX.Element;
|
|
242
|
+
declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
243
|
+
declare function DialogFooter({ className, showCloseButton, children, ...props }: React$1.ComponentProps<"div"> & {
|
|
244
|
+
showCloseButton?: boolean;
|
|
245
|
+
}): React$1.JSX.Element;
|
|
246
|
+
declare function DialogTitle({ className, ...props }: Omit<React$1.ComponentProps<typeof Heading>, "slot">): React$1.JSX.Element;
|
|
247
|
+
declare function DialogDescription({ className, ...props }: Omit<React$1.ComponentProps<typeof Text>, "slot">): React$1.JSX.Element;
|
|
248
|
+
|
|
206
249
|
interface DrawerProps extends Omit<ModalOverlayProps, "children" | "className"> {
|
|
207
250
|
children: React.ReactNode;
|
|
208
251
|
side?: "left" | "right" | "bottom";
|
|
@@ -429,7 +472,7 @@ type PopoverProps = Omit<PopoverProps$1, "className"> & {
|
|
|
429
472
|
};
|
|
430
473
|
|
|
431
474
|
/** Wrap a trigger and Popover surface; React Aria handles focus and positioning. */
|
|
432
|
-
declare const PopoverTrigger: typeof DialogTrigger;
|
|
475
|
+
declare const PopoverTrigger: typeof DialogTrigger$1;
|
|
433
476
|
declare function Popover({ className, ...props }: PopoverProps): React$1.JSX.Element;
|
|
434
477
|
declare const PopoverContent: typeof Popover;
|
|
435
478
|
|
|
@@ -457,7 +500,7 @@ declare function SelectContent({ className, ...props }: React.ComponentProps<typ
|
|
|
457
500
|
declare function SelectList<T extends object>({ className, ...props }: ListBoxProps<T>): React$1.JSX.Element;
|
|
458
501
|
declare function SelectItem<T extends object>({ className, children, ...props }: ListBoxItemProps<T>): React$1.JSX.Element;
|
|
459
502
|
|
|
460
|
-
declare function SheetTrigger({ ...props }: DialogTriggerProps): React$1.JSX.Element;
|
|
503
|
+
declare function SheetTrigger({ ...props }: DialogTriggerProps$1): React$1.JSX.Element;
|
|
461
504
|
declare function SheetClose({ className, variant, size, ...props }: ButtonProps): React$1.JSX.Element;
|
|
462
505
|
declare function Sheet({ className, children, side, showCloseButton, ...props }: Omit<ModalOverlayProps, "className" | "children"> & Pick<React$1.ComponentProps<typeof Modal>, "isDismissable"> & {
|
|
463
506
|
className?: string;
|
|
@@ -637,4 +680,4 @@ declare function Tooltip({ className, placement, offset, crossOffset, children,
|
|
|
637
680
|
children?: React$1.ReactNode;
|
|
638
681
|
}): React$1.JSX.Element;
|
|
639
682
|
|
|
640
|
-
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 };
|
|
683
|
+
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, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, 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, actionRipple, alertVariants, badgeVariants, buttonGroupVariants, buttonVariants, cn, emptyStateMediaVariants, fieldVariants, formSnapshot, getTextMatchParts, inputGroupAddonVariants, toast, useAutosave, useDebouncedValue, useFormDirty, useFormFeedback, useSidebar, useToast };
|