@minidev.fun/ui 1.0.2 → 1.0.4
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/accordion.d.ts +36 -0
- package/dist/alert-dialog.d.ts +114 -0
- package/dist/alert.d.ts +41 -0
- package/dist/aspect-ratio.d.ts +14 -0
- package/dist/avatar.d.ts +55 -0
- package/dist/{components/ui/badge.d.ts → badge.d.ts} +22 -16
- package/dist/breadcrumb.d.ts +54 -0
- package/dist/button-group.d.ts +45 -0
- package/dist/{components/ui/button.d.ts → button.d.ts} +46 -41
- package/dist/calendar.d.ts +68 -0
- package/dist/card.d.ts +45 -0
- package/dist/carousel.d.ts +116 -0
- package/dist/{components/ui/chart.d.ts → chart.d.ts} +85 -73
- package/dist/checkbox.d.ts +14 -0
- package/dist/collapsible.d.ts +28 -0
- package/dist/combobox.d.ts +113 -0
- package/dist/command.d.ts +90 -0
- package/dist/components/minidev.fun/undefined/index.d.ts +2 -0
- package/dist/components/ui/src/components/ui/accordion.d.ts +2 -0
- package/dist/components/ui/src/components/ui/alert-dialog.d.ts +2 -0
- package/dist/components/ui/src/components/ui/alert.d.ts +2 -0
- package/dist/components/ui/src/components/ui/aspect-ratio.d.ts +2 -0
- package/dist/components/ui/src/components/ui/avatar.d.ts +2 -0
- package/dist/components/ui/src/components/ui/badge.d.ts +2 -0
- package/dist/components/ui/src/components/ui/breadcrumb.d.ts +2 -0
- package/dist/components/ui/src/components/ui/button-group.d.ts +2 -0
- package/dist/components/ui/src/components/ui/button.d.ts +2 -0
- package/dist/components/ui/src/components/ui/calendar.d.ts +2 -0
- package/dist/components/ui/src/components/ui/card.d.ts +2 -0
- package/dist/components/ui/src/components/ui/carousel.d.ts +2 -0
- package/dist/components/ui/src/components/ui/chart.d.ts +2 -0
- package/dist/components/ui/src/components/ui/checkbox.d.ts +2 -0
- package/dist/components/ui/src/components/ui/collapsible.d.ts +2 -0
- package/dist/components/ui/src/components/ui/combobox.d.ts +2 -0
- package/dist/components/ui/src/components/ui/command.d.ts +2 -0
- package/dist/components/ui/src/components/ui/context-menu.d.ts +2 -0
- package/dist/components/ui/src/components/ui/dialog.d.ts +2 -0
- package/dist/components/ui/src/components/ui/drawer.d.ts +2 -0
- package/dist/components/ui/src/components/ui/dropdown-menu.d.ts +2 -0
- package/dist/components/ui/src/components/ui/empty.d.ts +2 -0
- package/dist/components/ui/src/components/ui/field.d.ts +2 -0
- package/dist/components/ui/src/components/ui/hover-card.d.ts +2 -0
- package/dist/components/ui/src/components/ui/input-group.d.ts +2 -0
- package/dist/components/ui/src/components/ui/input-otp.d.ts +2 -0
- package/dist/components/ui/src/components/ui/input.d.ts +2 -0
- package/dist/components/ui/src/components/ui/item.d.ts +2 -0
- package/dist/components/ui/src/components/ui/kbd.d.ts +2 -0
- package/dist/components/ui/src/components/ui/label.d.ts +2 -0
- package/dist/components/ui/src/components/ui/menubar.d.ts +2 -0
- package/dist/components/ui/src/components/ui/modal.d.ts +2 -0
- package/dist/components/ui/src/components/ui/navigation-menu.d.ts +2 -0
- package/dist/components/ui/src/components/ui/pagination.d.ts +2 -0
- package/dist/components/ui/src/components/ui/popover.d.ts +2 -0
- package/dist/components/ui/src/components/ui/progress.d.ts +2 -0
- package/dist/components/ui/src/components/ui/radio-group.d.ts +2 -0
- package/dist/components/ui/src/components/ui/resizable.d.ts +2 -0
- package/dist/components/ui/src/components/ui/scroll-area.d.ts +2 -0
- package/dist/components/ui/src/components/ui/select.d.ts +2 -0
- package/dist/components/ui/src/components/ui/separator.d.ts +2 -0
- package/dist/components/ui/src/components/ui/sheet.d.ts +2 -0
- package/dist/components/ui/src/components/ui/sidebar.d.ts +2 -0
- package/dist/components/ui/src/components/ui/skeleton.d.ts +2 -0
- package/dist/components/ui/src/components/ui/slider.d.ts +2 -0
- package/dist/components/ui/src/components/ui/sonner.d.ts +2 -0
- package/dist/components/ui/src/components/ui/spinner.d.ts +2 -0
- package/dist/components/ui/src/components/ui/switch.d.ts +2 -0
- package/dist/components/ui/src/components/ui/table.d.ts +2 -0
- package/dist/components/ui/src/components/ui/tabs.d.ts +2 -0
- package/dist/components/ui/src/components/ui/textarea.d.ts +2 -0
- package/dist/components/ui/src/components/ui/toast.d.ts +2 -0
- package/dist/components/ui/src/components/ui/toggle-group.d.ts +2 -0
- package/dist/components/ui/src/components/ui/toggle.d.ts +2 -0
- package/dist/components/ui/src/components/ui/tooltip.d.ts +2 -0
- package/dist/context-menu.d.ts +97 -0
- package/dist/dialog.d.ts +90 -0
- package/dist/drawer.d.ts +61 -0
- package/dist/dropdown-menu.d.ts +121 -0
- package/dist/empty.d.ts +56 -0
- package/dist/field.d.ts +109 -0
- package/dist/hooks/src/hooks/use-mobile.d.ts +2 -0
- package/dist/hover-card.d.ts +28 -0
- package/dist/index.d.ts +290 -0
- package/dist/input-group.d.ts +106 -0
- package/dist/input-otp.d.ts +43 -0
- package/dist/input.d.ts +14 -0
- package/dist/item.d.ts +101 -0
- package/dist/kbd.d.ts +19 -0
- package/dist/label.d.ts +12 -0
- package/dist/lib/utils.d.ts +2 -23
- package/dist/menubar.d.ts +205 -0
- package/dist/modal.d.ts +104 -0
- package/dist/navigation-menu.d.ts +66 -0
- package/dist/pagination.d.ts +99 -0
- package/dist/popover.d.ts +55 -0
- package/dist/progress.d.ts +41 -0
- package/dist/radio-group.d.ts +21 -0
- package/dist/{components/ui/resizable.d.ts → resizable.d.ts} +47 -38
- package/dist/{components/ui/scroll-area.d.ts → scroll-area.d.ts} +69 -64
- package/dist/select.d.ts +79 -0
- package/dist/separator.d.ts +12 -0
- package/dist/sheet.d.ts +68 -0
- package/dist/sidebar.d.ts +288 -0
- package/dist/skeleton.d.ts +11 -0
- package/dist/{components/ui/slider.d.ts → slider.d.ts} +24 -21
- package/dist/{components/ui/sonner.d.ts → sonner.d.ts} +27 -21
- package/dist/spinner.d.ts +11 -0
- package/dist/switch.d.ts +15 -0
- package/dist/table.d.ts +68 -0
- package/dist/tabs.d.ts +42 -0
- package/dist/{components/ui/textarea.d.ts → textarea.d.ts} +21 -18
- package/dist/toast.d.ts +15 -0
- package/dist/toggle-group.d.ts +36 -0
- package/dist/toggle.d.ts +19 -0
- package/dist/tooltip.d.ts +36 -0
- package/dist/{hooks/use-mobile.d.ts → use-mobile.d.ts} +19 -18
- package/dist/utils.d.ts +25 -0
- package/package.json +1 -1
- package/dist/components/minidev.fun/color-mode/color-mode-initializer.d.ts +0 -46
- package/dist/components/minidev.fun/color-mode/color-mode-initializer.d.ts.map +0 -1
- package/dist/components/minidev.fun/color-mode/color-mode-toggle.d.ts +0 -106
- package/dist/components/minidev.fun/color-mode/color-mode-toggle.d.ts.map +0 -1
- package/dist/components/minidev.fun/color-mode/index.d.ts +0 -4
- package/dist/components/minidev.fun/color-mode/index.d.ts.map +0 -1
- package/dist/components/minidev.fun/color-mode/use-color-mode.d.ts +0 -91
- package/dist/components/minidev.fun/color-mode/use-color-mode.d.ts.map +0 -1
- package/dist/components/minidev.fun/first-light/first-light-filters.d.ts +0 -27
- package/dist/components/minidev.fun/first-light/first-light-filters.d.ts.map +0 -1
- package/dist/components/minidev.fun/first-light/index.d.ts +0 -2
- package/dist/components/minidev.fun/first-light/index.d.ts.map +0 -1
- package/dist/components/minidev.fun/typography/blockquote.d.ts +0 -13
- package/dist/components/minidev.fun/typography/blockquote.d.ts.map +0 -1
- package/dist/components/minidev.fun/typography/code.d.ts +0 -13
- package/dist/components/minidev.fun/typography/code.d.ts.map +0 -1
- package/dist/components/minidev.fun/typography/index.d.ts +0 -6
- package/dist/components/minidev.fun/typography/index.d.ts.map +0 -1
- package/dist/components/minidev.fun/typography/list-item.d.ts +0 -27
- package/dist/components/minidev.fun/typography/list-item.d.ts.map +0 -1
- package/dist/components/minidev.fun/typography/text.d.ts +0 -44
- package/dist/components/minidev.fun/typography/text.d.ts.map +0 -1
- package/dist/components/minidev.fun/typography/title.d.ts +0 -22
- package/dist/components/minidev.fun/typography/title.d.ts.map +0 -1
- package/dist/components/ui/accordion.d.ts +0 -27
- package/dist/components/ui/accordion.d.ts.map +0 -1
- package/dist/components/ui/alert-dialog.d.ts +0 -47
- package/dist/components/ui/alert-dialog.d.ts.map +0 -1
- package/dist/components/ui/alert.d.ts +0 -30
- package/dist/components/ui/alert.d.ts.map +0 -1
- package/dist/components/ui/aspect-ratio.d.ts +0 -11
- package/dist/components/ui/aspect-ratio.d.ts.map +0 -1
- package/dist/components/ui/avatar.d.ts +0 -42
- package/dist/components/ui/avatar.d.ts.map +0 -1
- package/dist/components/ui/badge.d.ts.map +0 -1
- package/dist/components/ui/breadcrumb.d.ts +0 -39
- package/dist/components/ui/breadcrumb.d.ts.map +0 -1
- package/dist/components/ui/button-group.d.ts +0 -26
- package/dist/components/ui/button-group.d.ts.map +0 -1
- package/dist/components/ui/button.d.ts.map +0 -1
- package/dist/components/ui/calendar.d.ts +0 -20
- package/dist/components/ui/calendar.d.ts.map +0 -1
- package/dist/components/ui/card.d.ts +0 -30
- package/dist/components/ui/card.d.ts.map +0 -1
- package/dist/components/ui/carousel.d.ts +0 -56
- package/dist/components/ui/carousel.d.ts.map +0 -1
- package/dist/components/ui/chart.d.ts.map +0 -1
- package/dist/components/ui/checkbox.d.ts +0 -11
- package/dist/components/ui/checkbox.d.ts.map +0 -1
- package/dist/components/ui/collapsible.d.ts +0 -21
- package/dist/components/ui/collapsible.d.ts.map +0 -1
- package/dist/components/ui/combobox.d.ts +0 -80
- package/dist/components/ui/combobox.d.ts.map +0 -1
- package/dist/components/ui/command.d.ts +0 -63
- package/dist/components/ui/command.d.ts.map +0 -1
- package/dist/components/ui/context-menu.d.ts +0 -64
- package/dist/components/ui/context-menu.d.ts.map +0 -1
- package/dist/components/ui/dialog.d.ts +0 -69
- package/dist/components/ui/dialog.d.ts.map +0 -1
- package/dist/components/ui/drawer.d.ts +0 -40
- package/dist/components/ui/drawer.d.ts.map +0 -1
- package/dist/components/ui/dropdown-menu.d.ts +0 -88
- package/dist/components/ui/dropdown-menu.d.ts.map +0 -1
- package/dist/components/ui/empty.d.ts +0 -41
- package/dist/components/ui/empty.d.ts.map +0 -1
- package/dist/components/ui/field.d.ts +0 -78
- package/dist/components/ui/field.d.ts.map +0 -1
- package/dist/components/ui/hover-card.d.ts +0 -21
- package/dist/components/ui/hover-card.d.ts.map +0 -1
- package/dist/components/ui/input-group.d.ts +0 -50
- package/dist/components/ui/input-group.d.ts.map +0 -1
- package/dist/components/ui/input-otp.d.ts +0 -34
- package/dist/components/ui/input-otp.d.ts.map +0 -1
- package/dist/components/ui/input.d.ts +0 -11
- package/dist/components/ui/input.d.ts.map +0 -1
- package/dist/components/ui/item.d.ts +0 -69
- package/dist/components/ui/item.d.ts.map +0 -1
- package/dist/components/ui/kbd.d.ts +0 -14
- package/dist/components/ui/kbd.d.ts.map +0 -1
- package/dist/components/ui/label.d.ts +0 -9
- package/dist/components/ui/label.d.ts.map +0 -1
- package/dist/components/ui/menubar.d.ts +0 -87
- package/dist/components/ui/menubar.d.ts.map +0 -1
- package/dist/components/ui/modal.d.ts +0 -41
- package/dist/components/ui/modal.d.ts.map +0 -1
- package/dist/components/ui/navigation-menu.d.ts +0 -52
- package/dist/components/ui/navigation-menu.d.ts.map +0 -1
- package/dist/components/ui/pagination.d.ts +0 -42
- package/dist/components/ui/pagination.d.ts.map +0 -1
- package/dist/components/ui/popover.d.ts +0 -42
- package/dist/components/ui/popover.d.ts.map +0 -1
- package/dist/components/ui/progress.d.ts +0 -30
- package/dist/components/ui/progress.d.ts.map +0 -1
- package/dist/components/ui/radio-group.d.ts +0 -16
- package/dist/components/ui/radio-group.d.ts.map +0 -1
- package/dist/components/ui/resizable.d.ts.map +0 -1
- package/dist/components/ui/scroll-area.d.ts.map +0 -1
- package/dist/components/ui/select.d.ts +0 -58
- package/dist/components/ui/select.d.ts.map +0 -1
- package/dist/components/ui/separator.d.ts +0 -9
- package/dist/components/ui/separator.d.ts.map +0 -1
- package/dist/components/ui/sheet.d.ts +0 -51
- package/dist/components/ui/sheet.d.ts.map +0 -1
- package/dist/components/ui/sidebar.d.ts +0 -172
- package/dist/components/ui/sidebar.d.ts.map +0 -1
- package/dist/components/ui/skeleton.d.ts +0 -8
- package/dist/components/ui/skeleton.d.ts.map +0 -1
- package/dist/components/ui/slider.d.ts.map +0 -1
- package/dist/components/ui/sonner.d.ts.map +0 -1
- package/dist/components/ui/spinner.d.ts +0 -8
- package/dist/components/ui/spinner.d.ts.map +0 -1
- package/dist/components/ui/switch.d.ts +0 -12
- package/dist/components/ui/switch.d.ts.map +0 -1
- package/dist/components/ui/table.d.ts +0 -51
- package/dist/components/ui/table.d.ts.map +0 -1
- package/dist/components/ui/tabs.d.ts +0 -31
- package/dist/components/ui/tabs.d.ts.map +0 -1
- package/dist/components/ui/textarea.d.ts.map +0 -1
- package/dist/components/ui/toast.d.ts +0 -11
- package/dist/components/ui/toast.d.ts.map +0 -1
- package/dist/components/ui/toggle-group.d.ts +0 -26
- package/dist/components/ui/toggle-group.d.ts.map +0 -1
- package/dist/components/ui/toggle.d.ts +0 -14
- package/dist/components/ui/toggle.d.ts.map +0 -1
- package/dist/components/ui/tooltip.d.ts +0 -27
- package/dist/components/ui/tooltip.d.ts.map +0 -1
- package/dist/hooks/use-mobile.d.ts.map +0 -1
- package/dist/lib/utils.d.ts.map +0 -1
- package/dist/lib/variants.d.ts +0 -107
- package/dist/lib/variants.d.ts.map +0 -1
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { ContextMenu as ContextMenu_2 } from '@base-ui/react/context-menu';
|
|
2
|
+
import { JSX } from 'react/jsx-runtime';
|
|
3
|
+
import * as React_2 from 'react';
|
|
4
|
+
|
|
5
|
+
/** Root context menu component. Manages state and handles right-click trigger. */
|
|
6
|
+
export declare function ContextMenu({ ...props }: ContextMenuProps): JSX.Element;
|
|
7
|
+
|
|
8
|
+
/** Menu item with checkbox. Shows check icon when selected. */
|
|
9
|
+
export declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: ContextMenuCheckboxItemProps): JSX.Element;
|
|
10
|
+
|
|
11
|
+
export declare type ContextMenuCheckboxItemProps = ContextMenu_2.CheckboxItem.Props;
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Context menu content with automatic portal and positioning.
|
|
15
|
+
* Includes animations, shadows, and overflow handling.
|
|
16
|
+
*/
|
|
17
|
+
export declare function ContextMenuContent({ className, align, alignOffset, side, sideOffset, ...props }: ContextMenuContentProps): JSX.Element;
|
|
18
|
+
|
|
19
|
+
export declare type ContextMenuContentProps = ContextMenu_2.Popup.Props & Pick<ContextMenu_2.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">;
|
|
20
|
+
|
|
21
|
+
/** Groups related menu items together. Use with ContextMenuLabel. */
|
|
22
|
+
export declare function ContextMenuGroup({ ...props }: ContextMenuGroupProps): JSX.Element;
|
|
23
|
+
|
|
24
|
+
export declare type ContextMenuGroupProps = ContextMenu_2.Group.Props;
|
|
25
|
+
|
|
26
|
+
/** Interactive menu item. Closes menu on click by default. */
|
|
27
|
+
export declare function ContextMenuItem({ className, inset, variant, ...props }: ContextMenuItemProps): JSX.Element;
|
|
28
|
+
|
|
29
|
+
export declare type ContextMenuItemProps = ContextMenu_2.Item.Props & {
|
|
30
|
+
/** Adds extra left padding to align with items that have icons. */
|
|
31
|
+
inset?: boolean;
|
|
32
|
+
/** Visual style variant. @default "default" */
|
|
33
|
+
variant?: MenuItemVariant;
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
/** Label for a group of context menu items. */
|
|
37
|
+
export declare function ContextMenuLabel({ className, inset, ...props }: ContextMenuLabelProps): JSX.Element;
|
|
38
|
+
|
|
39
|
+
export declare type ContextMenuLabelProps = ContextMenu_2.GroupLabel.Props & {
|
|
40
|
+
/** Adds extra left padding to align with items that have icons. */
|
|
41
|
+
inset?: boolean;
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
/** Portal container for context menu content. Renders content in document body. */
|
|
45
|
+
export declare function ContextMenuPortal({ ...props }: ContextMenuPortalProps): JSX.Element;
|
|
46
|
+
|
|
47
|
+
export declare type ContextMenuPortalProps = ContextMenu_2.Portal.Props;
|
|
48
|
+
|
|
49
|
+
export declare type ContextMenuProps = ContextMenu_2.Root.Props;
|
|
50
|
+
|
|
51
|
+
/** Container for mutually exclusive radio items. */
|
|
52
|
+
export declare function ContextMenuRadioGroup({ ...props }: ContextMenuRadioGroupProps): JSX.Element;
|
|
53
|
+
|
|
54
|
+
export declare type ContextMenuRadioGroupProps = ContextMenu_2.RadioGroup.Props;
|
|
55
|
+
|
|
56
|
+
/** Radio button menu item. Shows check icon when selected. */
|
|
57
|
+
export declare function ContextMenuRadioItem({ className, children, ...props }: ContextMenuRadioItemProps): JSX.Element;
|
|
58
|
+
|
|
59
|
+
export declare type ContextMenuRadioItemProps = ContextMenu_2.RadioItem.Props;
|
|
60
|
+
|
|
61
|
+
/** Visual separator between menu items or groups. */
|
|
62
|
+
export declare function ContextMenuSeparator({ className, ...props }: ContextMenuSeparatorProps): JSX.Element;
|
|
63
|
+
|
|
64
|
+
export declare type ContextMenuSeparatorProps = ContextMenu_2.Separator.Props;
|
|
65
|
+
|
|
66
|
+
/** Displays keyboard shortcut hint aligned to the right of menu item. */
|
|
67
|
+
export declare function ContextMenuShortcut({ className, ...props }: ContextMenuShortcutProps): JSX.Element;
|
|
68
|
+
|
|
69
|
+
export declare type ContextMenuShortcutProps = React_2.ComponentProps<"span">;
|
|
70
|
+
|
|
71
|
+
/** Root component for a nested submenu. */
|
|
72
|
+
export declare function ContextMenuSub({ ...props }: ContextMenuSubProps): JSX.Element;
|
|
73
|
+
|
|
74
|
+
/** Content container for a submenu. Opens to the right by default. */
|
|
75
|
+
export declare function ContextMenuSubContent({ ...props }: ContextMenuSubContentProps): JSX.Element;
|
|
76
|
+
|
|
77
|
+
export declare type ContextMenuSubContentProps = React_2.ComponentProps<typeof ContextMenuContent>;
|
|
78
|
+
|
|
79
|
+
export declare type ContextMenuSubProps = ContextMenu_2.SubmenuRoot.Props;
|
|
80
|
+
|
|
81
|
+
/** Menu item that opens a submenu. Automatically includes chevron icon. */
|
|
82
|
+
export declare function ContextMenuSubTrigger({ className, inset, children, ...props }: ContextMenuSubTriggerProps): JSX.Element;
|
|
83
|
+
|
|
84
|
+
export declare type ContextMenuSubTriggerProps = ContextMenu_2.SubmenuTrigger.Props & {
|
|
85
|
+
/** Adds extra left padding to align with items that have icons. */
|
|
86
|
+
inset?: boolean;
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
/** Element that triggers the context menu on right-click. */
|
|
90
|
+
export declare function ContextMenuTrigger({ className, ...props }: ContextMenuTriggerProps): JSX.Element;
|
|
91
|
+
|
|
92
|
+
export declare type ContextMenuTriggerProps = ContextMenu_2.Trigger.Props;
|
|
93
|
+
|
|
94
|
+
/** Variant options for menu items: default, destructive, success, warning, info */
|
|
95
|
+
declare type MenuItemVariant = "default" | "destructive" | "success" | "warning" | "info";
|
|
96
|
+
|
|
97
|
+
export { }
|
package/dist/dialog.d.ts
ADDED
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { Dialog as Dialog_2 } from '@base-ui/react/dialog';
|
|
2
|
+
import { JSX } from 'react/jsx-runtime';
|
|
3
|
+
import * as React_2 from 'react';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Root dialog component. Groups all parts of the dialog and manages open state.
|
|
7
|
+
* Use with controlled (`open`/`onOpenChange`) or uncontrolled (`defaultOpen`) state.
|
|
8
|
+
*/
|
|
9
|
+
export declare function Dialog({ ...props }: DialogProps): JSX.Element;
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Button that closes the dialog. Can be styled using the `render` prop.
|
|
13
|
+
*/
|
|
14
|
+
export declare function DialogClose({ ...props }: DialogCloseProps): JSX.Element;
|
|
15
|
+
|
|
16
|
+
export declare type DialogCloseProps = Dialog_2.Close.Props;
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Main dialog content container with automatic portal and backdrop overlay.
|
|
20
|
+
* Centered on screen with fade and zoom animations.
|
|
21
|
+
*/
|
|
22
|
+
export declare function DialogContent({ className, children, showCloseButton, ...props }: DialogContentProps): JSX.Element;
|
|
23
|
+
|
|
24
|
+
export declare type DialogContentProps = Dialog_2.Popup.Props & {
|
|
25
|
+
/**
|
|
26
|
+
* Show close button (X) in top-right corner.
|
|
27
|
+
* @default true
|
|
28
|
+
*/
|
|
29
|
+
showCloseButton?: boolean;
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* Dialog description providing additional context. Supports inline links with hover effects.
|
|
34
|
+
*/
|
|
35
|
+
export declare function DialogDescription({ className, ...props }: DialogDescriptionProps): JSX.Element;
|
|
36
|
+
|
|
37
|
+
export declare type DialogDescriptionProps = Dialog_2.Description.Props;
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* Container for dialog actions. Stacks vertically on mobile, horizontal on desktop.
|
|
41
|
+
*/
|
|
42
|
+
export declare function DialogFooter({ className, showCloseButton, children, ...props }: DialogFooterProps): JSX.Element;
|
|
43
|
+
|
|
44
|
+
export declare type DialogFooterProps = React_2.ComponentProps<"div"> & {
|
|
45
|
+
/**
|
|
46
|
+
* Show a "Close" button in the footer.
|
|
47
|
+
* @default false
|
|
48
|
+
*/
|
|
49
|
+
showCloseButton?: boolean;
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* Container for dialog title and description. Provides consistent spacing.
|
|
54
|
+
*/
|
|
55
|
+
export declare function DialogHeader({ className, ...props }: DialogHeaderProps): JSX.Element;
|
|
56
|
+
|
|
57
|
+
export declare type DialogHeaderProps = React_2.ComponentProps<"div">;
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* Backdrop overlay that appears behind the dialog with blur effect.
|
|
61
|
+
*/
|
|
62
|
+
export declare function DialogOverlay({ className, ...props }: DialogOverlayProps): JSX.Element;
|
|
63
|
+
|
|
64
|
+
export declare type DialogOverlayProps = Dialog_2.Backdrop.Props;
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* Portal component that renders dialog content at document root.
|
|
68
|
+
* Automatically used by DialogContent - rarely needed directly.
|
|
69
|
+
*/
|
|
70
|
+
export declare function DialogPortal({ ...props }: DialogPortalProps): JSX.Element;
|
|
71
|
+
|
|
72
|
+
export declare type DialogPortalProps = Dialog_2.Portal.Props;
|
|
73
|
+
|
|
74
|
+
export declare type DialogProps = Dialog_2.Root.Props;
|
|
75
|
+
|
|
76
|
+
/**
|
|
77
|
+
* Dialog title with accessible heading semantics. Required for screen readers.
|
|
78
|
+
*/
|
|
79
|
+
export declare function DialogTitle({ className, ...props }: DialogTitleProps): JSX.Element;
|
|
80
|
+
|
|
81
|
+
export declare type DialogTitleProps = Dialog_2.Title.Props;
|
|
82
|
+
|
|
83
|
+
/**
|
|
84
|
+
* Button that opens the dialog. Use `render` prop to customize the trigger element.
|
|
85
|
+
*/
|
|
86
|
+
export declare function DialogTrigger({ ...props }: DialogTriggerProps): JSX.Element;
|
|
87
|
+
|
|
88
|
+
export declare type DialogTriggerProps = Dialog_2.Trigger.Props;
|
|
89
|
+
|
|
90
|
+
export { }
|
package/dist/drawer.d.ts
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { Drawer as Drawer_2 } from 'vaul';
|
|
2
|
+
import { JSX } from 'react/jsx-runtime';
|
|
3
|
+
import * as React_2 from 'react';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Root drawer component that manages state and behavior.
|
|
7
|
+
* Supports sliding from any screen edge (top, bottom, left, right).
|
|
8
|
+
*/
|
|
9
|
+
export declare function Drawer({ ...props }: DrawerProps): JSX.Element;
|
|
10
|
+
|
|
11
|
+
/** Button or element that closes the drawer. Use `render` prop or `asChild` to customize. */
|
|
12
|
+
export declare function DrawerClose({ ...props }: DrawerCloseProps): JSX.Element;
|
|
13
|
+
|
|
14
|
+
export declare type DrawerCloseProps = React_2.ComponentProps<typeof Drawer_2.Close>;
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* Drawer content panel with automatic portal and backdrop overlay.
|
|
18
|
+
* Shows drag handle on bottom drawers. Direction-based positioning via `direction` prop on Drawer.
|
|
19
|
+
*/
|
|
20
|
+
export declare function DrawerContent({ className, children, ...props }: DrawerContentProps): JSX.Element;
|
|
21
|
+
|
|
22
|
+
export declare type DrawerContentProps = React_2.ComponentProps<typeof Drawer_2.Content>;
|
|
23
|
+
|
|
24
|
+
/** Accessible description announced when drawer opens. Should be used inside DrawerHeader. */
|
|
25
|
+
export declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): JSX.Element;
|
|
26
|
+
|
|
27
|
+
export declare type DrawerDescriptionProps = React_2.ComponentProps<typeof Drawer_2.Description>;
|
|
28
|
+
|
|
29
|
+
/** Footer section for drawer actions. Automatically positioned at bottom with margin-top: auto. */
|
|
30
|
+
export declare function DrawerFooter({ className, ...props }: DrawerFooterProps): JSX.Element;
|
|
31
|
+
|
|
32
|
+
export declare type DrawerFooterProps = React_2.ComponentProps<"div">;
|
|
33
|
+
|
|
34
|
+
/** Header section for drawer title and description. Centered on top/bottom drawers. */
|
|
35
|
+
export declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): JSX.Element;
|
|
36
|
+
|
|
37
|
+
export declare type DrawerHeaderProps = React_2.ComponentProps<"div">;
|
|
38
|
+
|
|
39
|
+
/** Backdrop overlay with frosted glass effect (backdrop blur + translucent background). */
|
|
40
|
+
export declare function DrawerOverlay({ className, ...props }: DrawerOverlayProps): JSX.Element;
|
|
41
|
+
|
|
42
|
+
export declare type DrawerOverlayProps = React_2.ComponentProps<typeof Drawer_2.Overlay>;
|
|
43
|
+
|
|
44
|
+
/** Portal container for drawer overlay and content. */
|
|
45
|
+
export declare function DrawerPortal({ ...props }: DrawerPortalProps): JSX.Element;
|
|
46
|
+
|
|
47
|
+
export declare type DrawerPortalProps = React_2.ComponentProps<typeof Drawer_2.Portal>;
|
|
48
|
+
|
|
49
|
+
export declare type DrawerProps = React_2.ComponentProps<typeof Drawer_2.Root>;
|
|
50
|
+
|
|
51
|
+
/** Accessible title announced when drawer opens. Should be used inside DrawerHeader. */
|
|
52
|
+
export declare function DrawerTitle({ className, ...props }: DrawerTitleProps): JSX.Element;
|
|
53
|
+
|
|
54
|
+
export declare type DrawerTitleProps = React_2.ComponentProps<typeof Drawer_2.Title>;
|
|
55
|
+
|
|
56
|
+
/** Button or element that opens the drawer. Use `render` prop or `asChild` to customize. */
|
|
57
|
+
export declare function DrawerTrigger({ ...props }: DrawerTriggerProps): JSX.Element;
|
|
58
|
+
|
|
59
|
+
export declare type DrawerTriggerProps = React_2.ComponentProps<typeof Drawer_2.Trigger>;
|
|
60
|
+
|
|
61
|
+
export { }
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import { JSX } from 'react/jsx-runtime';
|
|
2
|
+
import { Menu } from '@base-ui/react/menu';
|
|
3
|
+
import * as React_2 from 'react';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Root component for dropdown menus. Manages open/close state and keyboard navigation.
|
|
7
|
+
* Use `open` and `onOpenChange` for controlled state, or `defaultOpen` for uncontrolled.
|
|
8
|
+
*/
|
|
9
|
+
export declare function DropdownMenu({ ...props }: DropdownMenuProps): JSX.Element;
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Menu item with checkbox. Use `checked` and `onCheckedChange` props for state management.
|
|
13
|
+
* Displays checkmark indicator when checked.
|
|
14
|
+
*/
|
|
15
|
+
export declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: DropdownMenuCheckboxItemProps): JSX.Element;
|
|
16
|
+
|
|
17
|
+
export declare type DropdownMenuCheckboxItemProps = Menu.CheckboxItem.Props;
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* Dropdown menu content container with automatic portal and positioning.
|
|
21
|
+
* Supports alignment, side positioning, and animated transitions.
|
|
22
|
+
*/
|
|
23
|
+
export declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: DropdownMenuContentProps): JSX.Element;
|
|
24
|
+
|
|
25
|
+
export declare type DropdownMenuContentProps = Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">;
|
|
26
|
+
|
|
27
|
+
/** Group container for related menu items. Use with DropdownMenuLabel for labeled sections. */
|
|
28
|
+
export declare function DropdownMenuGroup({ ...props }: DropdownMenuGroupProps): JSX.Element;
|
|
29
|
+
|
|
30
|
+
export declare type DropdownMenuGroupProps = Menu.Group.Props;
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* Individual menu item. Supports variants (default, destructive, success, warning, info)
|
|
34
|
+
* and inset padding for alignment.
|
|
35
|
+
*/
|
|
36
|
+
export declare function DropdownMenuItem({ className, inset, variant, ...props }: DropdownMenuItemProps): JSX.Element;
|
|
37
|
+
|
|
38
|
+
export declare type DropdownMenuItemProps = Menu.Item.Props & {
|
|
39
|
+
/** Add extra left padding to align with items that have icons. @default false */
|
|
40
|
+
inset?: boolean;
|
|
41
|
+
/** Visual variant for the menu item. @default "default" */
|
|
42
|
+
variant?: MenuItemVariant;
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Label for a group of menu items. Typically used inside DropdownMenuGroup.
|
|
47
|
+
*/
|
|
48
|
+
export declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): JSX.Element;
|
|
49
|
+
|
|
50
|
+
export declare type DropdownMenuLabelProps = Menu.GroupLabel.Props & {
|
|
51
|
+
/** Add extra left padding to align with items that have icons. @default false */
|
|
52
|
+
inset?: boolean;
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
/** Portal component for rendering dropdown menu content outside the DOM hierarchy. */
|
|
56
|
+
export declare function DropdownMenuPortal({ ...props }: DropdownMenuPortalProps): JSX.Element;
|
|
57
|
+
|
|
58
|
+
export declare type DropdownMenuPortalProps = Menu.Portal.Props;
|
|
59
|
+
|
|
60
|
+
export declare type DropdownMenuProps = Menu.Root.Props;
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* Container for radio items. Use `value` and `onValueChange` props for state management.
|
|
64
|
+
* Only one radio item can be selected at a time.
|
|
65
|
+
*/
|
|
66
|
+
export declare function DropdownMenuRadioGroup({ ...props }: DropdownMenuRadioGroupProps): JSX.Element;
|
|
67
|
+
|
|
68
|
+
export declare type DropdownMenuRadioGroupProps = Menu.RadioGroup.Props;
|
|
69
|
+
|
|
70
|
+
/**
|
|
71
|
+
* Radio item for mutually exclusive selection. Must be used inside DropdownMenuRadioGroup.
|
|
72
|
+
* Displays checkmark indicator when selected.
|
|
73
|
+
*/
|
|
74
|
+
export declare function DropdownMenuRadioItem({ className, children, ...props }: DropdownMenuRadioItemProps): JSX.Element;
|
|
75
|
+
|
|
76
|
+
export declare type DropdownMenuRadioItemProps = Menu.RadioItem.Props;
|
|
77
|
+
|
|
78
|
+
/** Visual separator between menu items or groups. */
|
|
79
|
+
export declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): JSX.Element;
|
|
80
|
+
|
|
81
|
+
export declare type DropdownMenuSeparatorProps = Menu.Separator.Props;
|
|
82
|
+
|
|
83
|
+
/**
|
|
84
|
+
* Keyboard shortcut display component. Positioned to the right of menu items.
|
|
85
|
+
* For visual purposes only - does not implement actual keyboard shortcuts.
|
|
86
|
+
*/
|
|
87
|
+
export declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): JSX.Element;
|
|
88
|
+
|
|
89
|
+
export declare type DropdownMenuShortcutProps = React_2.ComponentProps<"span">;
|
|
90
|
+
|
|
91
|
+
/** Root component for nested submenus. Wrap DropdownMenuSubTrigger and DropdownMenuSubContent. */
|
|
92
|
+
export declare function DropdownMenuSub({ ...props }: DropdownMenuSubProps): JSX.Element;
|
|
93
|
+
|
|
94
|
+
/**
|
|
95
|
+
* Content container for submenu items. Automatically positioned to the side of the trigger.
|
|
96
|
+
*/
|
|
97
|
+
export declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: DropdownMenuSubContentProps): JSX.Element;
|
|
98
|
+
|
|
99
|
+
export declare type DropdownMenuSubContentProps = React_2.ComponentProps<typeof DropdownMenuContent>;
|
|
100
|
+
|
|
101
|
+
export declare type DropdownMenuSubProps = Menu.SubmenuRoot.Props;
|
|
102
|
+
|
|
103
|
+
/**
|
|
104
|
+
* Trigger button for opening a submenu. Automatically displays chevron icon on the right.
|
|
105
|
+
*/
|
|
106
|
+
export declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: DropdownMenuSubTriggerProps): JSX.Element;
|
|
107
|
+
|
|
108
|
+
export declare type DropdownMenuSubTriggerProps = Menu.SubmenuTrigger.Props & {
|
|
109
|
+
/** Add extra left padding to align with items that have icons. @default false */
|
|
110
|
+
inset?: boolean;
|
|
111
|
+
};
|
|
112
|
+
|
|
113
|
+
/** Button that opens the dropdown menu. Use `render` prop to customize trigger element. */
|
|
114
|
+
export declare function DropdownMenuTrigger({ ...props }: DropdownMenuTriggerProps): JSX.Element;
|
|
115
|
+
|
|
116
|
+
export declare type DropdownMenuTriggerProps = Menu.Trigger.Props;
|
|
117
|
+
|
|
118
|
+
/** Variant options for menu items: default, destructive, success, warning, info */
|
|
119
|
+
declare type MenuItemVariant = "default" | "destructive" | "success" | "warning" | "info";
|
|
120
|
+
|
|
121
|
+
export { }
|
package/dist/empty.d.ts
ADDED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
2
|
+
import { JSX } from 'react/jsx-runtime';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Empty state container with centered content layout.
|
|
7
|
+
* Displays messaging and actions when data or content is unavailable.
|
|
8
|
+
*/
|
|
9
|
+
export declare function Empty({ className, ...props }: EmptyProps): JSX.Element;
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Container for empty state actions (buttons, links).
|
|
13
|
+
* Centers and vertically stacks action elements.
|
|
14
|
+
*/
|
|
15
|
+
export declare function EmptyContent({ className, ...props }: EmptyContentProps): JSX.Element;
|
|
16
|
+
|
|
17
|
+
export declare type EmptyContentProps = React.ComponentProps<"div">;
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* Description text for empty states with support for inline links.
|
|
21
|
+
* Links are styled with underlines and hover effects.
|
|
22
|
+
*/
|
|
23
|
+
export declare function EmptyDescription({ className, ...props }: EmptyDescriptionProps): JSX.Element;
|
|
24
|
+
|
|
25
|
+
export declare type EmptyDescriptionProps = React.ComponentProps<"p">;
|
|
26
|
+
|
|
27
|
+
/**
|
|
28
|
+
* Container for empty state header content (media, title, description).
|
|
29
|
+
* Centers and vertically stacks its children.
|
|
30
|
+
*/
|
|
31
|
+
export declare function EmptyHeader({ className, ...props }: EmptyHeaderProps): JSX.Element;
|
|
32
|
+
|
|
33
|
+
export declare type EmptyHeaderProps = React.ComponentProps<"div">;
|
|
34
|
+
|
|
35
|
+
/**
|
|
36
|
+
* Media/icon container for empty states.
|
|
37
|
+
* @param variant - "default" for transparent background, "icon" for muted background with padding
|
|
38
|
+
*/
|
|
39
|
+
export declare function EmptyMedia({ className, variant, ...props }: EmptyMediaProps): JSX.Element;
|
|
40
|
+
|
|
41
|
+
export declare type EmptyMediaProps = React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>;
|
|
42
|
+
|
|
43
|
+
export declare const emptyMediaVariants: (props?: ({
|
|
44
|
+
variant?: "default" | "icon" | null | undefined;
|
|
45
|
+
} & ClassProp) | undefined) => string;
|
|
46
|
+
|
|
47
|
+
export declare type EmptyProps = React.ComponentProps<"div">;
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* Title for empty state messages. Displays in larger, medium-weight font.
|
|
51
|
+
*/
|
|
52
|
+
export declare function EmptyTitle({ className, ...props }: EmptyTitleProps): JSX.Element;
|
|
53
|
+
|
|
54
|
+
export declare type EmptyTitleProps = React.ComponentProps<"div">;
|
|
55
|
+
|
|
56
|
+
export { }
|
package/dist/field.d.ts
ADDED
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
2
|
+
import { JSX } from 'react/jsx-runtime';
|
|
3
|
+
import * as React_2 from 'react';
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Base field wrapper with support for multiple orientation layouts.
|
|
8
|
+
* Supports vertical, horizontal, and responsive layouts. Use data-invalid attribute for error states.
|
|
9
|
+
*/
|
|
10
|
+
export declare function Field({ className, orientation, ...props }: FieldProps): JSX.Element;
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* Container for field input and helper elements (description, error).
|
|
14
|
+
* Groups the input control with its associated help text.
|
|
15
|
+
*/
|
|
16
|
+
export declare function FieldContent({ className, ...props }: FieldContentProps): JSX.Element;
|
|
17
|
+
|
|
18
|
+
export declare type FieldContentProps = React.ComponentProps<"div">;
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* Helper text providing additional context for the field.
|
|
22
|
+
* Automatically styled for placement after inputs.
|
|
23
|
+
*/
|
|
24
|
+
export declare function FieldDescription({ className, ...props }: FieldDescriptionProps): JSX.Element;
|
|
25
|
+
|
|
26
|
+
export declare type FieldDescriptionProps = React.ComponentProps<"p">;
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
* Error message display for fields. Accepts errors array or children.
|
|
30
|
+
* Automatically deduplicates multiple errors and displays as list.
|
|
31
|
+
*/
|
|
32
|
+
export declare function FieldError({ className, children, errors, ...props }: FieldErrorProps): JSX.Element | null;
|
|
33
|
+
|
|
34
|
+
export declare type FieldErrorProps = React.ComponentProps<"div"> & {
|
|
35
|
+
/** Array of error objects with message property. Automatically deduplicates. */
|
|
36
|
+
errors?: Array<{
|
|
37
|
+
message?: string;
|
|
38
|
+
} | undefined>;
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
/**
|
|
42
|
+
* Container for multiple fields, provides consistent spacing and container queries.
|
|
43
|
+
* Use for grouping related fields without semantic fieldset.
|
|
44
|
+
*/
|
|
45
|
+
export declare function FieldGroup({ className, ...props }: FieldGroupProps): JSX.Element;
|
|
46
|
+
|
|
47
|
+
export declare type FieldGroupProps = React.ComponentProps<"div">;
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* Label for field input, extends the Label component with field-specific styling.
|
|
51
|
+
* Supports disabled state and nested field patterns.
|
|
52
|
+
*/
|
|
53
|
+
export declare function FieldLabel({ className, ...props }: FieldLabelProps): JSX.Element;
|
|
54
|
+
|
|
55
|
+
export declare type FieldLabelProps = React.ComponentProps<typeof Label>;
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* Legend for FieldSet, available in two visual styles.
|
|
59
|
+
* Use "legend" for section headers, "label" for form-like appearance.
|
|
60
|
+
*/
|
|
61
|
+
export declare function FieldLegend({ className, variant, ...props }: FieldLegendProps): JSX.Element;
|
|
62
|
+
|
|
63
|
+
export declare type FieldLegendProps = React.ComponentProps<"legend"> & {
|
|
64
|
+
/** Visual style variant for the legend. @default "legend" */
|
|
65
|
+
variant?: "legend" | "label";
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
export declare type FieldProps = React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>;
|
|
69
|
+
|
|
70
|
+
/**
|
|
71
|
+
* Visual separator between field groups, optionally with label text.
|
|
72
|
+
* Use to organize sections within forms.
|
|
73
|
+
*/
|
|
74
|
+
export declare function FieldSeparator({ children, className, ...props }: FieldSeparatorProps): JSX.Element;
|
|
75
|
+
|
|
76
|
+
export declare type FieldSeparatorProps = React.ComponentProps<"div"> & {
|
|
77
|
+
/** Optional label text to display on the separator line. */
|
|
78
|
+
children?: React.ReactNode;
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
/**
|
|
82
|
+
* Container for grouping related fields, provides semantic fieldset/legend structure.
|
|
83
|
+
* Use with FieldLegend for proper form semantics.
|
|
84
|
+
*/
|
|
85
|
+
export declare function FieldSet({ className, ...props }: FieldSetProps): JSX.Element;
|
|
86
|
+
|
|
87
|
+
export declare type FieldSetProps = React.ComponentProps<"fieldset">;
|
|
88
|
+
|
|
89
|
+
/**
|
|
90
|
+
* Title text for fields with embedded controls (checkboxes, switches).
|
|
91
|
+
* Use inside FieldLabel alongside the control.
|
|
92
|
+
*/
|
|
93
|
+
export declare function FieldTitle({ className, ...props }: FieldTitleProps): JSX.Element;
|
|
94
|
+
|
|
95
|
+
export declare type FieldTitleProps = React.ComponentProps<"div">;
|
|
96
|
+
|
|
97
|
+
declare const fieldVariants: (props?: ({
|
|
98
|
+
orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
|
|
99
|
+
} & ClassProp) | undefined) => string;
|
|
100
|
+
|
|
101
|
+
/**
|
|
102
|
+
* Accessible label component that associates with form controls.
|
|
103
|
+
* Automatically styles for disabled states via peer and group data attributes.
|
|
104
|
+
*/
|
|
105
|
+
declare function Label({ className, ...props }: LabelProps): JSX.Element;
|
|
106
|
+
|
|
107
|
+
declare type LabelProps = React_2.ComponentProps<"label">;
|
|
108
|
+
|
|
109
|
+
export { }
|