@particle-academy/react-fancy 3.4.3 → 4.0.0
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/README.md +4 -3
- package/dist/index.cjs +103 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +162 -112
- package/dist/index.d.ts +162 -112
- package/dist/index.js +103 -9
- package/dist/index.js.map +1 -1
- package/docs/Action.md +15 -3
- package/docs/Button.md +91 -0
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,19 +1,23 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, HTMLAttributes, ComponentType, CSSProperties, ReactElement, RefObject } from 'react';
|
|
3
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
3
|
import { ClassValue } from 'clsx';
|
|
5
4
|
|
|
6
5
|
type Size = "xs" | "sm" | "md" | "lg" | "xl";
|
|
7
6
|
type Color = "zinc" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
|
|
8
7
|
type Variant = "solid" | "outline" | "ghost" | "soft";
|
|
9
|
-
type
|
|
8
|
+
type ButtonColor = "blue" | "emerald" | "amber" | "red" | "violet" | "indigo" | "sky" | "rose" | "orange" | "zinc";
|
|
9
|
+
/**
|
|
10
|
+
* @deprecated Renamed to {@link ButtonColor}. `ActionColor` remains as an alias
|
|
11
|
+
* for backward compatibility and will be removed in a future major version.
|
|
12
|
+
*/
|
|
13
|
+
type ActionColor = ButtonColor;
|
|
10
14
|
type Placement = "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
|
|
11
15
|
|
|
12
|
-
interface
|
|
16
|
+
interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
|
|
13
17
|
/** Shape/fill variant */
|
|
14
18
|
variant?: "default" | "circle" | "ghost";
|
|
15
19
|
/** Standalone color (overrides state colors) */
|
|
16
|
-
color?:
|
|
20
|
+
color?: ButtonColor;
|
|
17
21
|
size?: Size;
|
|
18
22
|
/** Behavioral states */
|
|
19
23
|
active?: boolean;
|
|
@@ -50,8 +54,19 @@ interface ActionProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "col
|
|
|
50
54
|
/** Render as anchor tag */
|
|
51
55
|
href?: string;
|
|
52
56
|
}
|
|
57
|
+
/**
|
|
58
|
+
* @deprecated Renamed to {@link ButtonProps}. `ActionProps` remains as an alias
|
|
59
|
+
* for backward compatibility and will be removed in a future major version.
|
|
60
|
+
*/
|
|
61
|
+
type ActionProps = ButtonProps;
|
|
53
62
|
|
|
54
|
-
declare const
|
|
63
|
+
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
64
|
+
/**
|
|
65
|
+
* @deprecated Renamed to {@link Button}. `Action` remains as an alias for
|
|
66
|
+
* backward compatibility and will be removed in a future major version.
|
|
67
|
+
* Prefer importing `Button` from "@particle-academy/react-fancy".
|
|
68
|
+
*/
|
|
69
|
+
declare const Action: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
55
70
|
|
|
56
71
|
type AccordionOrientation = "horizontal" | "vertical";
|
|
57
72
|
/**
|
|
@@ -133,7 +148,7 @@ interface AccordionPanelTriggerProps {
|
|
|
133
148
|
*
|
|
134
149
|
* Pinned sections never collapse and don't need a Trigger.
|
|
135
150
|
*/
|
|
136
|
-
declare function AccordionPanelSection({ id, pinned, className, openClassName, closedClassName, unstyled, children, }: AccordionPanelSectionProps):
|
|
151
|
+
declare function AccordionPanelSection({ id, pinned, className, openClassName, closedClassName, unstyled, children, }: AccordionPanelSectionProps): react.JSX.Element;
|
|
137
152
|
declare namespace AccordionPanelSection {
|
|
138
153
|
var displayName: string;
|
|
139
154
|
}
|
|
@@ -153,7 +168,7 @@ declare namespace AccordionPanelSection {
|
|
|
153
168
|
* Supply `children` (node or render-prop) to fully replace the default
|
|
154
169
|
* rendering. The render-prop receives `{ open, toggle, orientation, id }`.
|
|
155
170
|
*/
|
|
156
|
-
declare function AccordionPanelTrigger({ children, className, "aria-label": ariaLabel, }: AccordionPanelTriggerProps):
|
|
171
|
+
declare function AccordionPanelTrigger({ children, className, "aria-label": ariaLabel, }: AccordionPanelTriggerProps): react.JSX.Element;
|
|
157
172
|
declare namespace AccordionPanelTrigger {
|
|
158
173
|
var displayName: string;
|
|
159
174
|
}
|
|
@@ -182,7 +197,7 @@ interface AccordionPanelContentProps {
|
|
|
182
197
|
* use cases where the content needs full-bleed layout (chat panes, canvas
|
|
183
198
|
* surfaces, etc.), pass `unstyled` and supply your own className.
|
|
184
199
|
*/
|
|
185
|
-
declare function AccordionPanelContent({ children, className, unstyled, }: AccordionPanelContentProps):
|
|
200
|
+
declare function AccordionPanelContent({ children, className, unstyled, }: AccordionPanelContentProps): react.JSX.Element | null;
|
|
186
201
|
declare namespace AccordionPanelContent {
|
|
187
202
|
var displayName: string;
|
|
188
203
|
}
|
|
@@ -193,10 +208,10 @@ declare namespace AccordionPanelContent {
|
|
|
193
208
|
* Use the compound parts:
|
|
194
209
|
* <AccordionPanel orientation="horizontal" defaultValue={["wishlist"]}>
|
|
195
210
|
* <AccordionPanel.Section id="home" pinned>
|
|
196
|
-
* <
|
|
211
|
+
* <Button icon="home" />
|
|
197
212
|
* </AccordionPanel.Section>
|
|
198
213
|
* <AccordionPanel.Section id="wishlist">
|
|
199
|
-
* <
|
|
214
|
+
* <Button icon="list">Wishlist</Button>
|
|
200
215
|
* </AccordionPanel.Section>
|
|
201
216
|
* </AccordionPanel>
|
|
202
217
|
*
|
|
@@ -204,7 +219,7 @@ declare namespace AccordionPanelContent {
|
|
|
204
219
|
* collapses/expands. Pass a custom `trigger` prop on a Section, or use the
|
|
205
220
|
* exported `AccordionPanel.Trigger` directly to compose your own.
|
|
206
221
|
*/
|
|
207
|
-
declare function AccordionPanelRoot({ orientation, value: controlledValue, defaultValue, onValueChange, className, children, }: AccordionPanelProps):
|
|
222
|
+
declare function AccordionPanelRoot({ orientation, value: controlledValue, defaultValue, onValueChange, className, children, }: AccordionPanelProps): react.JSX.Element;
|
|
208
223
|
declare namespace AccordionPanelRoot {
|
|
209
224
|
var displayName: string;
|
|
210
225
|
}
|
|
@@ -246,7 +261,7 @@ interface FieldProps {
|
|
|
246
261
|
className?: string;
|
|
247
262
|
}
|
|
248
263
|
|
|
249
|
-
declare function Field({ label, description, error, required, htmlFor, size, children, className, }: FieldProps):
|
|
264
|
+
declare function Field({ label, description, error, required, htmlFor, size, children, className, }: FieldProps): react.JSX.Element;
|
|
250
265
|
|
|
251
266
|
type InputOption<V = string> = string | {
|
|
252
267
|
value: V;
|
|
@@ -349,7 +364,7 @@ interface CheckboxGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
|
|
|
349
364
|
orientation?: "horizontal" | "vertical";
|
|
350
365
|
}
|
|
351
366
|
|
|
352
|
-
declare function CheckboxGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, }: CheckboxGroupProps<V>):
|
|
367
|
+
declare function CheckboxGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, }: CheckboxGroupProps<V>): react.JSX.Element;
|
|
353
368
|
declare namespace CheckboxGroup {
|
|
354
369
|
var displayName: string;
|
|
355
370
|
}
|
|
@@ -362,7 +377,7 @@ interface RadioGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
|
|
|
362
377
|
orientation?: "horizontal" | "vertical";
|
|
363
378
|
}
|
|
364
379
|
|
|
365
|
-
declare function RadioGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, }: RadioGroupProps<V>):
|
|
380
|
+
declare function RadioGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, }: RadioGroupProps<V>): react.JSX.Element;
|
|
366
381
|
declare namespace RadioGroup {
|
|
367
382
|
var displayName: string;
|
|
368
383
|
}
|
|
@@ -413,7 +428,7 @@ interface MultiSwitchProps<V = string> extends InputBaseProps {
|
|
|
413
428
|
linear?: boolean;
|
|
414
429
|
}
|
|
415
430
|
|
|
416
|
-
declare function MultiSwitch<V = string>({ size, dirty, error, label, description, required, disabled, className, id, name, list, value: controlledValue, defaultValue, onValueChange, linear, }: MultiSwitchProps<V>):
|
|
431
|
+
declare function MultiSwitch<V = string>({ size, dirty, error, label, description, required, disabled, className, id, name, list, value: controlledValue, defaultValue, onValueChange, linear, }: MultiSwitchProps<V>): react.JSX.Element;
|
|
417
432
|
declare namespace MultiSwitch {
|
|
418
433
|
var displayName: string;
|
|
419
434
|
}
|
|
@@ -557,7 +572,7 @@ interface EmojiProps {
|
|
|
557
572
|
className?: string;
|
|
558
573
|
}
|
|
559
574
|
|
|
560
|
-
declare function Emoji({ name, emoji, tone, size, className }: EmojiProps):
|
|
575
|
+
declare function Emoji({ name, emoji, tone, size, className }: EmojiProps): react.JSX.Element | null;
|
|
561
576
|
|
|
562
577
|
interface EmojiSelectProps {
|
|
563
578
|
value?: string;
|
|
@@ -567,7 +582,7 @@ interface EmojiSelectProps {
|
|
|
567
582
|
className?: string;
|
|
568
583
|
}
|
|
569
584
|
|
|
570
|
-
declare function EmojiSelect({ value, defaultValue, onChange, placeholder, className }: EmojiSelectProps):
|
|
585
|
+
declare function EmojiSelect({ value, defaultValue, onChange, placeholder, className }: EmojiSelectProps): react.JSX.Element;
|
|
571
586
|
|
|
572
587
|
interface TableProps {
|
|
573
588
|
children: ReactNode;
|
|
@@ -619,25 +634,25 @@ interface TableTrayProps {
|
|
|
619
634
|
className?: string;
|
|
620
635
|
}
|
|
621
636
|
|
|
622
|
-
declare function TableHead({ children, className }: TableHeadProps):
|
|
637
|
+
declare function TableHead({ children, className }: TableHeadProps): react.JSX.Element;
|
|
623
638
|
|
|
624
|
-
declare function TableBody({ children, className }: TableBodyProps):
|
|
639
|
+
declare function TableBody({ children, className }: TableBodyProps): react.JSX.Element;
|
|
625
640
|
|
|
626
|
-
declare function TableRow({ children, className, onClick, tray, trayTriggerPosition, expanded: controlledExpanded, defaultExpanded, onExpandedChange, }: TableRowProps):
|
|
641
|
+
declare function TableRow({ children, className, onClick, tray, trayTriggerPosition, expanded: controlledExpanded, defaultExpanded, onExpandedChange, }: TableRowProps): react.JSX.Element;
|
|
627
642
|
|
|
628
|
-
declare function TableCell({ children, className, header }: TableCellProps):
|
|
643
|
+
declare function TableCell({ children, className, header }: TableCellProps): react.JSX.Element;
|
|
629
644
|
|
|
630
|
-
declare function TableColumn({ label, sortKey, className }: TableColumnProps):
|
|
645
|
+
declare function TableColumn({ label, sortKey, className }: TableColumnProps): react.JSX.Element;
|
|
631
646
|
|
|
632
|
-
declare function TablePagination({ className, total, pageSize, }: TablePaginationProps):
|
|
647
|
+
declare function TablePagination({ className, total, pageSize, }: TablePaginationProps): react.JSX.Element | null;
|
|
633
648
|
|
|
634
|
-
declare function TableSearch({ className, placeholder, }: TableSearchProps):
|
|
649
|
+
declare function TableSearch({ className, placeholder, }: TableSearchProps): react.JSX.Element;
|
|
635
650
|
|
|
636
|
-
declare function TableTray({ children, className }: TableTrayProps):
|
|
651
|
+
declare function TableTray({ children, className }: TableTrayProps): react.JSX.Element;
|
|
637
652
|
|
|
638
|
-
declare function TableRowTray({ children, className }: TableRowTrayProps):
|
|
653
|
+
declare function TableRowTray({ children, className }: TableRowTrayProps): react.JSX.Element;
|
|
639
654
|
|
|
640
|
-
declare function TableRoot({ children, className }: TableProps):
|
|
655
|
+
declare function TableRoot({ children, className }: TableProps): react.JSX.Element;
|
|
641
656
|
declare const Table: typeof TableRoot & {
|
|
642
657
|
Head: typeof TableHead;
|
|
643
658
|
Body: typeof TableBody;
|
|
@@ -838,6 +853,41 @@ interface CalloutProps {
|
|
|
838
853
|
|
|
839
854
|
declare const Callout: react.ForwardRefExoticComponent<CalloutProps & react.RefAttributes<HTMLDivElement>>;
|
|
840
855
|
|
|
856
|
+
interface FauxClientProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
|
|
857
|
+
/** Chrome style: a browser window, a device bezel, or no chrome. */
|
|
858
|
+
variant?: "browser" | "device" | "bare";
|
|
859
|
+
/** Address-bar / title text (browser variant). */
|
|
860
|
+
url?: ReactNode;
|
|
861
|
+
/** Right-aligned meta text in the bar (browser variant). */
|
|
862
|
+
meta?: ReactNode;
|
|
863
|
+
/** Show the macOS traffic-light dots (browser variant). */
|
|
864
|
+
dots?: boolean;
|
|
865
|
+
/**
|
|
866
|
+
* Logical content width in px. When set, children render at this width and are
|
|
867
|
+
* scaled to fit (see {@link FauxClientProps.scale}) — for downscaled previews
|
|
868
|
+
* of full pages/apps. Omit to render children at natural size (chrome only).
|
|
869
|
+
*/
|
|
870
|
+
width?: number;
|
|
871
|
+
/** `"fit"` scales the logical {@link FauxClientProps.width} to the frame; a number is a fixed scale. */
|
|
872
|
+
scale?: number | "fit";
|
|
873
|
+
className?: string;
|
|
874
|
+
/** Class for the browser bar. */
|
|
875
|
+
barClassName?: string;
|
|
876
|
+
/** Class for the content viewport. */
|
|
877
|
+
bodyClassName?: string;
|
|
878
|
+
children?: ReactNode;
|
|
879
|
+
}
|
|
880
|
+
|
|
881
|
+
/**
|
|
882
|
+
* A frame that mimics a browser window or device, rendering **real UI** inside.
|
|
883
|
+
* With a logical `width` + `scale="fit"` it renders a full-size page/app and
|
|
884
|
+
* scales it down to fit any container (live thumbnails, device mockups) — the
|
|
885
|
+
* content is real and interactive, just zoomed.
|
|
886
|
+
*
|
|
887
|
+
* Omit `width` for chrome around natural-size content (e.g. a code/preview card).
|
|
888
|
+
*/
|
|
889
|
+
declare const FauxClient: react.ForwardRefExoticComponent<FauxClientProps & react.RefAttributes<HTMLDivElement>>;
|
|
890
|
+
|
|
841
891
|
/** Built-in paper colors. Any CSS color string is also accepted. */
|
|
842
892
|
type StickyNoteColor = "yellow" | "blue" | "green" | "pink" | "violet";
|
|
843
893
|
interface StickyNoteProps {
|
|
@@ -1055,17 +1105,17 @@ interface PopoverContentProps {
|
|
|
1055
1105
|
className?: string;
|
|
1056
1106
|
}
|
|
1057
1107
|
|
|
1058
|
-
declare function PopoverTrigger({ children, className }: PopoverTriggerProps):
|
|
1108
|
+
declare function PopoverTrigger({ children, className }: PopoverTriggerProps): react.JSX.Element;
|
|
1059
1109
|
declare namespace PopoverTrigger {
|
|
1060
1110
|
var displayName: string;
|
|
1061
1111
|
}
|
|
1062
1112
|
|
|
1063
|
-
declare function PopoverContent({ children, className }: PopoverContentProps):
|
|
1113
|
+
declare function PopoverContent({ children, className }: PopoverContentProps): react.JSX.Element | null;
|
|
1064
1114
|
declare namespace PopoverContent {
|
|
1065
1115
|
var displayName: string;
|
|
1066
1116
|
}
|
|
1067
1117
|
|
|
1068
|
-
declare function PopoverRoot({ children, open: controlledOpen, defaultOpen, onOpenChange, placement, offset, hover, hoverDelay, hoverCloseDelay, }: PopoverProps):
|
|
1118
|
+
declare function PopoverRoot({ children, open: controlledOpen, defaultOpen, onOpenChange, placement, offset, hover, hoverDelay, hoverCloseDelay, }: PopoverProps): react.JSX.Element;
|
|
1069
1119
|
declare const Popover: typeof PopoverRoot & {
|
|
1070
1120
|
Trigger: typeof PopoverTrigger;
|
|
1071
1121
|
Content: typeof PopoverContent;
|
|
@@ -1105,27 +1155,27 @@ interface DropdownSeparatorProps {
|
|
|
1105
1155
|
className?: string;
|
|
1106
1156
|
}
|
|
1107
1157
|
|
|
1108
|
-
declare function DropdownTrigger({ children }: DropdownTriggerProps):
|
|
1158
|
+
declare function DropdownTrigger({ children }: DropdownTriggerProps): react.JSX.Element;
|
|
1109
1159
|
declare namespace DropdownTrigger {
|
|
1110
1160
|
var displayName: string;
|
|
1111
1161
|
}
|
|
1112
1162
|
|
|
1113
|
-
declare function DropdownItems({ children, className }: DropdownItemsProps):
|
|
1163
|
+
declare function DropdownItems({ children, className }: DropdownItemsProps): react.JSX.Element | null;
|
|
1114
1164
|
declare namespace DropdownItems {
|
|
1115
1165
|
var displayName: string;
|
|
1116
1166
|
}
|
|
1117
1167
|
|
|
1118
|
-
declare function DropdownItem({ children, onClick, disabled, danger, className, }: DropdownItemProps):
|
|
1168
|
+
declare function DropdownItem({ children, onClick, disabled, danger, className, }: DropdownItemProps): react.JSX.Element;
|
|
1119
1169
|
declare namespace DropdownItem {
|
|
1120
1170
|
var displayName: string;
|
|
1121
1171
|
}
|
|
1122
1172
|
|
|
1123
|
-
declare function DropdownSeparator({ className }: DropdownSeparatorProps):
|
|
1173
|
+
declare function DropdownSeparator({ className }: DropdownSeparatorProps): react.JSX.Element;
|
|
1124
1174
|
declare namespace DropdownSeparator {
|
|
1125
1175
|
var displayName: string;
|
|
1126
1176
|
}
|
|
1127
1177
|
|
|
1128
|
-
declare function DropdownRoot({ children, placement, offset, }: DropdownProps):
|
|
1178
|
+
declare function DropdownRoot({ children, placement, offset, }: DropdownProps): react.JSX.Element;
|
|
1129
1179
|
declare const Dropdown: typeof DropdownRoot & {
|
|
1130
1180
|
Trigger: typeof DropdownTrigger;
|
|
1131
1181
|
Items: typeof DropdownItems;
|
|
@@ -1176,40 +1226,40 @@ interface ContextMenuSubContentProps {
|
|
|
1176
1226
|
className?: string;
|
|
1177
1227
|
}
|
|
1178
1228
|
|
|
1179
|
-
declare function ContextMenuTrigger({ children, className, }: ContextMenuTriggerProps):
|
|
1229
|
+
declare function ContextMenuTrigger({ children, className, }: ContextMenuTriggerProps): react.JSX.Element;
|
|
1180
1230
|
declare namespace ContextMenuTrigger {
|
|
1181
1231
|
var displayName: string;
|
|
1182
1232
|
}
|
|
1183
1233
|
|
|
1184
|
-
declare function ContextMenuContent({ children, className, }: ContextMenuContentProps):
|
|
1234
|
+
declare function ContextMenuContent({ children, className, }: ContextMenuContentProps): react.JSX.Element | null;
|
|
1185
1235
|
declare namespace ContextMenuContent {
|
|
1186
1236
|
var displayName: string;
|
|
1187
1237
|
}
|
|
1188
1238
|
|
|
1189
|
-
declare function ContextMenuItem({ children, onClick, disabled, danger, className, }: ContextMenuItemProps):
|
|
1239
|
+
declare function ContextMenuItem({ children, onClick, disabled, danger, className, }: ContextMenuItemProps): react.JSX.Element;
|
|
1190
1240
|
declare namespace ContextMenuItem {
|
|
1191
1241
|
var displayName: string;
|
|
1192
1242
|
}
|
|
1193
1243
|
|
|
1194
|
-
declare function ContextMenuSeparator({ className }: ContextMenuSeparatorProps):
|
|
1244
|
+
declare function ContextMenuSeparator({ className }: ContextMenuSeparatorProps): react.JSX.Element;
|
|
1195
1245
|
declare namespace ContextMenuSeparator {
|
|
1196
1246
|
var displayName: string;
|
|
1197
1247
|
}
|
|
1198
1248
|
|
|
1199
|
-
declare function ContextMenuSub({ children }: ContextMenuSubProps):
|
|
1249
|
+
declare function ContextMenuSub({ children }: ContextMenuSubProps): react.JSX.Element;
|
|
1200
1250
|
declare namespace ContextMenuSub {
|
|
1201
1251
|
var displayName: string;
|
|
1202
1252
|
}
|
|
1203
|
-
declare function ContextMenuSubTrigger({ children, className }: ContextMenuSubTriggerProps):
|
|
1253
|
+
declare function ContextMenuSubTrigger({ children, className }: ContextMenuSubTriggerProps): react.JSX.Element;
|
|
1204
1254
|
declare namespace ContextMenuSubTrigger {
|
|
1205
1255
|
var displayName: string;
|
|
1206
1256
|
}
|
|
1207
|
-
declare function ContextMenuSubContent({ children, className }: ContextMenuSubContentProps):
|
|
1257
|
+
declare function ContextMenuSubContent({ children, className }: ContextMenuSubContentProps): react.JSX.Element | null;
|
|
1208
1258
|
declare namespace ContextMenuSubContent {
|
|
1209
1259
|
var displayName: string;
|
|
1210
1260
|
}
|
|
1211
1261
|
|
|
1212
|
-
declare function ContextMenuRoot({ children }: ContextMenuProps):
|
|
1262
|
+
declare function ContextMenuRoot({ children }: ContextMenuProps): react.JSX.Element;
|
|
1213
1263
|
declare const ContextMenu: typeof ContextMenuRoot & {
|
|
1214
1264
|
Trigger: typeof ContextMenuTrigger;
|
|
1215
1265
|
Content: typeof ContextMenuContent;
|
|
@@ -1246,22 +1296,22 @@ interface ModalFooterProps {
|
|
|
1246
1296
|
className?: string;
|
|
1247
1297
|
}
|
|
1248
1298
|
|
|
1249
|
-
declare function ModalHeader({ children, className }: ModalHeaderProps):
|
|
1299
|
+
declare function ModalHeader({ children, className }: ModalHeaderProps): react.JSX.Element;
|
|
1250
1300
|
declare namespace ModalHeader {
|
|
1251
1301
|
var displayName: string;
|
|
1252
1302
|
}
|
|
1253
1303
|
|
|
1254
|
-
declare function ModalBody({ children, className }: ModalBodyProps):
|
|
1304
|
+
declare function ModalBody({ children, className }: ModalBodyProps): react.JSX.Element;
|
|
1255
1305
|
declare namespace ModalBody {
|
|
1256
1306
|
var displayName: string;
|
|
1257
1307
|
}
|
|
1258
1308
|
|
|
1259
|
-
declare function ModalFooter({ children, className }: ModalFooterProps):
|
|
1309
|
+
declare function ModalFooter({ children, className }: ModalFooterProps): react.JSX.Element;
|
|
1260
1310
|
declare namespace ModalFooter {
|
|
1261
1311
|
var displayName: string;
|
|
1262
1312
|
}
|
|
1263
1313
|
|
|
1264
|
-
declare function ModalRoot({ children, open, onClose, size, className, }: ModalProps):
|
|
1314
|
+
declare function ModalRoot({ children, open, onClose, size, className, }: ModalProps): react.JSX.Element | null;
|
|
1265
1315
|
declare const Modal: typeof ModalRoot & {
|
|
1266
1316
|
Header: typeof ModalHeader;
|
|
1267
1317
|
Body: typeof ModalBody;
|
|
@@ -1290,7 +1340,7 @@ interface ToastProviderProps {
|
|
|
1290
1340
|
maxToasts?: number;
|
|
1291
1341
|
}
|
|
1292
1342
|
|
|
1293
|
-
declare function ToastProvider({ children, position, maxToasts, }: ToastProviderProps):
|
|
1343
|
+
declare function ToastProvider({ children, position, maxToasts, }: ToastProviderProps): react.JSX.Element;
|
|
1294
1344
|
declare const Toast: {
|
|
1295
1345
|
Provider: typeof ToastProvider;
|
|
1296
1346
|
};
|
|
@@ -1335,32 +1385,32 @@ interface CommandEmptyProps {
|
|
|
1335
1385
|
className?: string;
|
|
1336
1386
|
}
|
|
1337
1387
|
|
|
1338
|
-
declare function CommandInput({ placeholder, className, }: CommandInputProps):
|
|
1388
|
+
declare function CommandInput({ placeholder, className, }: CommandInputProps): react.JSX.Element;
|
|
1339
1389
|
declare namespace CommandInput {
|
|
1340
1390
|
var displayName: string;
|
|
1341
1391
|
}
|
|
1342
1392
|
|
|
1343
|
-
declare function CommandList({ children, className }: CommandListProps):
|
|
1393
|
+
declare function CommandList({ children, className }: CommandListProps): react.JSX.Element;
|
|
1344
1394
|
declare namespace CommandList {
|
|
1345
1395
|
var displayName: string;
|
|
1346
1396
|
}
|
|
1347
1397
|
|
|
1348
|
-
declare function CommandItem({ children, value, onSelect, className, }: CommandItemProps):
|
|
1398
|
+
declare function CommandItem({ children, value, onSelect, className, }: CommandItemProps): react.JSX.Element | null;
|
|
1349
1399
|
declare namespace CommandItem {
|
|
1350
1400
|
var displayName: string;
|
|
1351
1401
|
}
|
|
1352
1402
|
|
|
1353
|
-
declare function CommandGroup({ children, heading, className, }: CommandGroupProps):
|
|
1403
|
+
declare function CommandGroup({ children, heading, className, }: CommandGroupProps): react.JSX.Element;
|
|
1354
1404
|
declare namespace CommandGroup {
|
|
1355
1405
|
var displayName: string;
|
|
1356
1406
|
}
|
|
1357
1407
|
|
|
1358
|
-
declare function CommandEmpty({ children, className, }: CommandEmptyProps):
|
|
1408
|
+
declare function CommandEmpty({ children, className, }: CommandEmptyProps): react.JSX.Element;
|
|
1359
1409
|
declare namespace CommandEmpty {
|
|
1360
1410
|
var displayName: string;
|
|
1361
1411
|
}
|
|
1362
1412
|
|
|
1363
|
-
declare function CommandRoot({ children, open, onClose, className }: CommandProps):
|
|
1413
|
+
declare function CommandRoot({ children, open, onClose, className }: CommandProps): react.JSX.Element | null;
|
|
1364
1414
|
declare const Command: typeof CommandRoot & {
|
|
1365
1415
|
Input: typeof CommandInput;
|
|
1366
1416
|
List: typeof CommandList;
|
|
@@ -1405,27 +1455,27 @@ interface TabsPanelProps {
|
|
|
1405
1455
|
className?: string;
|
|
1406
1456
|
}
|
|
1407
1457
|
|
|
1408
|
-
declare function TabsList({ children, className }: TabsListProps):
|
|
1458
|
+
declare function TabsList({ children, className }: TabsListProps): react.JSX.Element;
|
|
1409
1459
|
declare namespace TabsList {
|
|
1410
1460
|
var displayName: string;
|
|
1411
1461
|
}
|
|
1412
1462
|
|
|
1413
|
-
declare function TabsTab({ children, value, disabled, className, }: TabsTabProps):
|
|
1463
|
+
declare function TabsTab({ children, value, disabled, className, }: TabsTabProps): react.JSX.Element;
|
|
1414
1464
|
declare namespace TabsTab {
|
|
1415
1465
|
var displayName: string;
|
|
1416
1466
|
}
|
|
1417
1467
|
|
|
1418
|
-
declare function TabsPanels({ children, className }: TabsPanelsProps):
|
|
1468
|
+
declare function TabsPanels({ children, className }: TabsPanelsProps): react.JSX.Element;
|
|
1419
1469
|
declare namespace TabsPanels {
|
|
1420
1470
|
var displayName: string;
|
|
1421
1471
|
}
|
|
1422
1472
|
|
|
1423
|
-
declare function TabsPanel({ children, value, className }: TabsPanelProps):
|
|
1473
|
+
declare function TabsPanel({ children, value, className }: TabsPanelProps): react.JSX.Element | null;
|
|
1424
1474
|
declare namespace TabsPanel {
|
|
1425
1475
|
var displayName: string;
|
|
1426
1476
|
}
|
|
1427
1477
|
|
|
1428
|
-
declare function TabsRoot({ children, defaultTab, activeTab: controlledTab, onTabChange, variant, className, }: TabsProps):
|
|
1478
|
+
declare function TabsRoot({ children, defaultTab, activeTab: controlledTab, onTabChange, variant, className, }: TabsProps): react.JSX.Element;
|
|
1429
1479
|
declare const Tabs: typeof TabsRoot & {
|
|
1430
1480
|
List: typeof TabsList;
|
|
1431
1481
|
Tab: typeof TabsTab;
|
|
@@ -1460,22 +1510,22 @@ interface AccordionContentProps {
|
|
|
1460
1510
|
className?: string;
|
|
1461
1511
|
}
|
|
1462
1512
|
|
|
1463
|
-
declare function AccordionItem({ children, value, className, }: AccordionItemProps):
|
|
1513
|
+
declare function AccordionItem({ children, value, className, }: AccordionItemProps): react.JSX.Element;
|
|
1464
1514
|
declare namespace AccordionItem {
|
|
1465
1515
|
var displayName: string;
|
|
1466
1516
|
}
|
|
1467
1517
|
|
|
1468
|
-
declare function AccordionTrigger({ children, className, }: AccordionTriggerProps):
|
|
1518
|
+
declare function AccordionTrigger({ children, className, }: AccordionTriggerProps): react.JSX.Element;
|
|
1469
1519
|
declare namespace AccordionTrigger {
|
|
1470
1520
|
var displayName: string;
|
|
1471
1521
|
}
|
|
1472
1522
|
|
|
1473
|
-
declare function AccordionContent({ children, className, }: AccordionContentProps):
|
|
1523
|
+
declare function AccordionContent({ children, className, }: AccordionContentProps): react.JSX.Element;
|
|
1474
1524
|
declare namespace AccordionContent {
|
|
1475
1525
|
var displayName: string;
|
|
1476
1526
|
}
|
|
1477
1527
|
|
|
1478
|
-
declare function AccordionRoot({ children, type, defaultOpen, className, }: AccordionProps):
|
|
1528
|
+
declare function AccordionRoot({ children, type, defaultOpen, className, }: AccordionProps): react.JSX.Element;
|
|
1479
1529
|
declare const Accordion: typeof AccordionRoot & {
|
|
1480
1530
|
Item: typeof AccordionItem;
|
|
1481
1531
|
Trigger: typeof AccordionTrigger;
|
|
@@ -1497,12 +1547,12 @@ interface BreadcrumbsItemProps {
|
|
|
1497
1547
|
className?: string;
|
|
1498
1548
|
}
|
|
1499
1549
|
|
|
1500
|
-
declare function BreadcrumbsItem({ children, href, active, className, }: BreadcrumbsItemProps):
|
|
1550
|
+
declare function BreadcrumbsItem({ children, href, active, className, }: BreadcrumbsItemProps): react.JSX.Element;
|
|
1501
1551
|
declare namespace BreadcrumbsItem {
|
|
1502
1552
|
var displayName: string;
|
|
1503
1553
|
}
|
|
1504
1554
|
|
|
1505
|
-
declare function BreadcrumbsRoot({ children, separator, shrink, className, }: BreadcrumbsProps):
|
|
1555
|
+
declare function BreadcrumbsRoot({ children, separator, shrink, className, }: BreadcrumbsProps): react.JSX.Element;
|
|
1506
1556
|
declare const Breadcrumbs: typeof BreadcrumbsRoot & {
|
|
1507
1557
|
Item: typeof BreadcrumbsItem;
|
|
1508
1558
|
};
|
|
@@ -1533,27 +1583,27 @@ interface NavbarToggleProps {
|
|
|
1533
1583
|
className?: string;
|
|
1534
1584
|
}
|
|
1535
1585
|
|
|
1536
|
-
declare function NavbarBrand({ children, className }: NavbarBrandProps):
|
|
1586
|
+
declare function NavbarBrand({ children, className }: NavbarBrandProps): react.JSX.Element;
|
|
1537
1587
|
declare namespace NavbarBrand {
|
|
1538
1588
|
var displayName: string;
|
|
1539
1589
|
}
|
|
1540
1590
|
|
|
1541
|
-
declare function NavbarItems({ children, className }: NavbarItemsProps):
|
|
1591
|
+
declare function NavbarItems({ children, className }: NavbarItemsProps): react.JSX.Element;
|
|
1542
1592
|
declare namespace NavbarItems {
|
|
1543
1593
|
var displayName: string;
|
|
1544
1594
|
}
|
|
1545
1595
|
|
|
1546
|
-
declare function NavbarItem({ children, href, active, className, }: NavbarItemProps):
|
|
1596
|
+
declare function NavbarItem({ children, href, active, className, }: NavbarItemProps): react.JSX.Element;
|
|
1547
1597
|
declare namespace NavbarItem {
|
|
1548
1598
|
var displayName: string;
|
|
1549
1599
|
}
|
|
1550
1600
|
|
|
1551
|
-
declare function NavbarToggle({ className }: NavbarToggleProps):
|
|
1601
|
+
declare function NavbarToggle({ className }: NavbarToggleProps): react.JSX.Element;
|
|
1552
1602
|
declare namespace NavbarToggle {
|
|
1553
1603
|
var displayName: string;
|
|
1554
1604
|
}
|
|
1555
1605
|
|
|
1556
|
-
declare function NavbarRoot({ children, className }: NavbarProps):
|
|
1606
|
+
declare function NavbarRoot({ children, className }: NavbarProps): react.JSX.Element;
|
|
1557
1607
|
declare const Navbar: typeof NavbarRoot & {
|
|
1558
1608
|
Brand: typeof NavbarBrand;
|
|
1559
1609
|
Items: typeof NavbarItems;
|
|
@@ -1571,7 +1621,7 @@ interface PaginationProps {
|
|
|
1571
1621
|
className?: string;
|
|
1572
1622
|
}
|
|
1573
1623
|
|
|
1574
|
-
declare function Pagination({ page, onPageChange, totalPages, siblingCount, className, }: PaginationProps):
|
|
1624
|
+
declare function Pagination({ page, onPageChange, totalPages, siblingCount, className, }: PaginationProps): react.JSX.Element | null;
|
|
1575
1625
|
declare namespace Pagination {
|
|
1576
1626
|
var displayName: string;
|
|
1577
1627
|
}
|
|
@@ -1645,17 +1695,17 @@ interface FileUploadListProps {
|
|
|
1645
1695
|
className?: string;
|
|
1646
1696
|
}
|
|
1647
1697
|
|
|
1648
|
-
declare function FileUploadDropzone({ children, className, }: FileUploadDropzoneProps):
|
|
1698
|
+
declare function FileUploadDropzone({ children, className, }: FileUploadDropzoneProps): react.JSX.Element;
|
|
1649
1699
|
declare namespace FileUploadDropzone {
|
|
1650
1700
|
var displayName: string;
|
|
1651
1701
|
}
|
|
1652
1702
|
|
|
1653
|
-
declare function FileUploadList({ thumbnail, className }: FileUploadListProps):
|
|
1703
|
+
declare function FileUploadList({ thumbnail, className }: FileUploadListProps): react.JSX.Element | null;
|
|
1654
1704
|
declare namespace FileUploadList {
|
|
1655
1705
|
var displayName: string;
|
|
1656
1706
|
}
|
|
1657
1707
|
|
|
1658
|
-
declare function FileUploadRoot({ children, value, onChange, maxFiles, maxSize, disabled, className, }: FileUploadProps):
|
|
1708
|
+
declare function FileUploadRoot({ children, value, onChange, maxFiles, maxSize, disabled, className, }: FileUploadProps): react.JSX.Element;
|
|
1659
1709
|
declare const FileUpload: typeof FileUploadRoot & {
|
|
1660
1710
|
Dropzone: typeof FileUploadDropzone;
|
|
1661
1711
|
List: typeof FileUploadList;
|
|
@@ -1791,42 +1841,42 @@ interface ChartStackedBarProps extends ChartCommonProps {
|
|
|
1791
1841
|
series: ChartSeries[];
|
|
1792
1842
|
}
|
|
1793
1843
|
|
|
1794
|
-
declare function ChartBar({ data, height, showValues, className, }: ChartBarProps):
|
|
1844
|
+
declare function ChartBar({ data, height, showValues, className, }: ChartBarProps): react.JSX.Element;
|
|
1795
1845
|
declare namespace ChartBar {
|
|
1796
1846
|
var displayName: string;
|
|
1797
1847
|
}
|
|
1798
1848
|
|
|
1799
|
-
declare function ChartDonut({ data, size, strokeWidth, showLegend, className, }: ChartDonutProps):
|
|
1849
|
+
declare function ChartDonut({ data, size, strokeWidth, showLegend, className, }: ChartDonutProps): react.JSX.Element;
|
|
1800
1850
|
declare namespace ChartDonut {
|
|
1801
1851
|
var displayName: string;
|
|
1802
1852
|
}
|
|
1803
1853
|
|
|
1804
|
-
declare function ChartLine({ labels, series, height, curve, showDots, fill, fillOpacity, xAxis, yAxis, grid, tooltip, animate, responsive, className, }: ChartLineProps):
|
|
1854
|
+
declare function ChartLine({ labels, series, height, curve, showDots, fill, fillOpacity, xAxis, yAxis, grid, tooltip, animate, responsive, className, }: ChartLineProps): react.JSX.Element;
|
|
1805
1855
|
declare namespace ChartLine {
|
|
1806
1856
|
var displayName: string;
|
|
1807
1857
|
}
|
|
1808
1858
|
|
|
1809
|
-
declare function ChartArea(props: ChartAreaProps):
|
|
1859
|
+
declare function ChartArea(props: ChartAreaProps): react.JSX.Element;
|
|
1810
1860
|
declare namespace ChartArea {
|
|
1811
1861
|
var displayName: string;
|
|
1812
1862
|
}
|
|
1813
1863
|
|
|
1814
|
-
declare function ChartPie({ data, size, showLabels, tooltip, className, }: ChartPieProps):
|
|
1864
|
+
declare function ChartPie({ data, size, showLabels, tooltip, className, }: ChartPieProps): react.JSX.Element;
|
|
1815
1865
|
declare namespace ChartPie {
|
|
1816
1866
|
var displayName: string;
|
|
1817
1867
|
}
|
|
1818
1868
|
|
|
1819
|
-
declare function ChartSparkline({ data, width, height, color, className, }: ChartSparklineProps):
|
|
1869
|
+
declare function ChartSparkline({ data, width, height, color, className, }: ChartSparklineProps): react.JSX.Element;
|
|
1820
1870
|
declare namespace ChartSparkline {
|
|
1821
1871
|
var displayName: string;
|
|
1822
1872
|
}
|
|
1823
1873
|
|
|
1824
|
-
declare function ChartHorizontalBar({ data, height, showValues, className, }: ChartHorizontalBarProps):
|
|
1874
|
+
declare function ChartHorizontalBar({ data, height, showValues, className, }: ChartHorizontalBarProps): react.JSX.Element;
|
|
1825
1875
|
declare namespace ChartHorizontalBar {
|
|
1826
1876
|
var displayName: string;
|
|
1827
1877
|
}
|
|
1828
1878
|
|
|
1829
|
-
declare function ChartStackedBar({ labels, series, height, xAxis, yAxis, grid, tooltip, responsive, className, }: ChartStackedBarProps):
|
|
1879
|
+
declare function ChartStackedBar({ labels, series, height, xAxis, yAxis, grid, tooltip, responsive, className, }: ChartStackedBarProps): react.JSX.Element;
|
|
1830
1880
|
declare namespace ChartStackedBar {
|
|
1831
1881
|
var displayName: string;
|
|
1832
1882
|
}
|
|
@@ -1906,22 +1956,22 @@ interface EditorProps {
|
|
|
1906
1956
|
unsafe?: boolean;
|
|
1907
1957
|
}
|
|
1908
1958
|
|
|
1909
|
-
declare function EditorToolbar({ actions, onAction, children, className, }: EditorToolbarProps):
|
|
1959
|
+
declare function EditorToolbar({ actions, onAction, children, className, }: EditorToolbarProps): react.JSX.Element;
|
|
1910
1960
|
declare namespace EditorToolbar {
|
|
1911
1961
|
var displayName: string;
|
|
1912
1962
|
}
|
|
1913
1963
|
|
|
1914
|
-
declare function EditorToolbarSeparator():
|
|
1964
|
+
declare function EditorToolbarSeparator(): react.JSX.Element;
|
|
1915
1965
|
declare namespace EditorToolbarSeparator {
|
|
1916
1966
|
var displayName: string;
|
|
1917
1967
|
}
|
|
1918
1968
|
|
|
1919
|
-
declare function EditorContent({ className, maxHeight }: EditorContentProps):
|
|
1969
|
+
declare function EditorContent({ className, maxHeight }: EditorContentProps): react.JSX.Element;
|
|
1920
1970
|
declare namespace EditorContent {
|
|
1921
1971
|
var displayName: string;
|
|
1922
1972
|
}
|
|
1923
1973
|
|
|
1924
|
-
declare function EditorRoot({ children, className, value: controlledValue, defaultValue, onChange, outputFormat, lineSpacing, placeholder, extensions: instanceExtensions, unsafe, }: EditorProps):
|
|
1974
|
+
declare function EditorRoot({ children, className, value: controlledValue, defaultValue, onChange, outputFormat, lineSpacing, placeholder, extensions: instanceExtensions, unsafe, }: EditorProps): react.JSX.Element;
|
|
1925
1975
|
declare const Editor: typeof EditorRoot & {
|
|
1926
1976
|
Toolbar: typeof EditorToolbar & {
|
|
1927
1977
|
Separator: typeof EditorToolbarSeparator;
|
|
@@ -1963,7 +2013,7 @@ interface ContentRendererProps {
|
|
|
1963
2013
|
unsafe?: boolean;
|
|
1964
2014
|
}
|
|
1965
2015
|
|
|
1966
|
-
declare function ContentRenderer({ value, format, lineSpacing, className, extensions: instanceExtensions, unsafe, }: ContentRendererProps):
|
|
2016
|
+
declare function ContentRenderer({ value, format, lineSpacing, className, extensions: instanceExtensions, unsafe, }: ContentRendererProps): react.JSX.Element;
|
|
1967
2017
|
declare namespace ContentRenderer {
|
|
1968
2018
|
var displayName: string;
|
|
1969
2019
|
}
|
|
@@ -2000,22 +2050,22 @@ interface MenuContextValue {
|
|
|
2000
2050
|
orientation: MenuOrientation;
|
|
2001
2051
|
}
|
|
2002
2052
|
|
|
2003
|
-
declare function MenuItem({ children, href, icon, active, disabled, badge, onClick, className, }: MenuItemProps):
|
|
2053
|
+
declare function MenuItem({ children, href, icon, active, disabled, badge, onClick, className, }: MenuItemProps): react.JSX.Element;
|
|
2004
2054
|
declare namespace MenuItem {
|
|
2005
2055
|
var displayName: string;
|
|
2006
2056
|
}
|
|
2007
2057
|
|
|
2008
|
-
declare function MenuSubmenu({ children, label, icon, defaultOpen, className, }: MenuSubmenuProps):
|
|
2058
|
+
declare function MenuSubmenu({ children, label, icon, defaultOpen, className, }: MenuSubmenuProps): react.JSX.Element;
|
|
2009
2059
|
declare namespace MenuSubmenu {
|
|
2010
2060
|
var displayName: string;
|
|
2011
2061
|
}
|
|
2012
2062
|
|
|
2013
|
-
declare function MenuGroup({ children, label, className }: MenuGroupProps):
|
|
2063
|
+
declare function MenuGroup({ children, label, className }: MenuGroupProps): react.JSX.Element;
|
|
2014
2064
|
declare namespace MenuGroup {
|
|
2015
2065
|
var displayName: string;
|
|
2016
2066
|
}
|
|
2017
2067
|
|
|
2018
|
-
declare function MenuRoot({ children, orientation, className }: MenuProps):
|
|
2068
|
+
declare function MenuRoot({ children, orientation, className }: MenuProps): react.JSX.Element;
|
|
2019
2069
|
declare const Menu: typeof MenuRoot & {
|
|
2020
2070
|
Item: typeof MenuItem;
|
|
2021
2071
|
Submenu: typeof MenuSubmenu;
|
|
@@ -2070,27 +2120,27 @@ interface SidebarContextValue {
|
|
|
2070
2120
|
setCollapsed: (collapsed: boolean) => void;
|
|
2071
2121
|
}
|
|
2072
2122
|
|
|
2073
|
-
declare function SidebarItem({ children, href, icon, active, disabled, badge, onClick, className, }: SidebarItemProps):
|
|
2123
|
+
declare function SidebarItem({ children, href, icon, active, disabled, badge, onClick, className, }: SidebarItemProps): react.JSX.Element;
|
|
2074
2124
|
declare namespace SidebarItem {
|
|
2075
2125
|
var displayName: string;
|
|
2076
2126
|
}
|
|
2077
2127
|
|
|
2078
|
-
declare function SidebarGroup({ children, label, className }: SidebarGroupProps):
|
|
2128
|
+
declare function SidebarGroup({ children, label, className }: SidebarGroupProps): react.JSX.Element;
|
|
2079
2129
|
declare namespace SidebarGroup {
|
|
2080
2130
|
var displayName: string;
|
|
2081
2131
|
}
|
|
2082
2132
|
|
|
2083
|
-
declare function SidebarSubmenu({ children, label, icon, defaultOpen, className, }: SidebarSubmenuProps):
|
|
2133
|
+
declare function SidebarSubmenu({ children, label, icon, defaultOpen, className, }: SidebarSubmenuProps): react.JSX.Element;
|
|
2084
2134
|
declare namespace SidebarSubmenu {
|
|
2085
2135
|
var displayName: string;
|
|
2086
2136
|
}
|
|
2087
2137
|
|
|
2088
|
-
declare function SidebarToggle({ className }: SidebarToggleProps):
|
|
2138
|
+
declare function SidebarToggle({ className }: SidebarToggleProps): react.JSX.Element;
|
|
2089
2139
|
declare namespace SidebarToggle {
|
|
2090
2140
|
var displayName: string;
|
|
2091
2141
|
}
|
|
2092
2142
|
|
|
2093
|
-
declare function SidebarRoot({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseMode, className, }: SidebarProps):
|
|
2143
|
+
declare function SidebarRoot({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseMode, className, }: SidebarProps): react.JSX.Element;
|
|
2094
2144
|
declare const Sidebar: typeof SidebarRoot & {
|
|
2095
2145
|
Item: typeof SidebarItem;
|
|
2096
2146
|
Group: typeof SidebarGroup;
|
|
@@ -2128,17 +2178,17 @@ interface MobileMenuContextValue {
|
|
|
2128
2178
|
variant: MobileMenuVariant;
|
|
2129
2179
|
}
|
|
2130
2180
|
|
|
2131
|
-
declare function MobileMenuFlyout({ children, open, onClose, side, title, className, }: MobileMenuFlyoutProps):
|
|
2181
|
+
declare function MobileMenuFlyout({ children, open, onClose, side, title, className, }: MobileMenuFlyoutProps): react.JSX.Element | null;
|
|
2132
2182
|
declare namespace MobileMenuFlyout {
|
|
2133
2183
|
var displayName: string;
|
|
2134
2184
|
}
|
|
2135
2185
|
|
|
2136
|
-
declare function MobileMenuBottomBar({ children, className }: MobileMenuBottomBarProps):
|
|
2186
|
+
declare function MobileMenuBottomBar({ children, className }: MobileMenuBottomBarProps): react.JSX.Element;
|
|
2137
2187
|
declare namespace MobileMenuBottomBar {
|
|
2138
2188
|
var displayName: string;
|
|
2139
2189
|
}
|
|
2140
2190
|
|
|
2141
|
-
declare function MobileMenuItem({ children, href, icon, active, disabled, badge, onClick, className, }: MobileMenuItemProps):
|
|
2191
|
+
declare function MobileMenuItem({ children, href, icon, active, disabled, badge, onClick, className, }: MobileMenuItemProps): react.JSX.Element;
|
|
2142
2192
|
declare namespace MobileMenuItem {
|
|
2143
2193
|
var displayName: string;
|
|
2144
2194
|
}
|
|
@@ -2230,12 +2280,12 @@ interface KanbanColumnHandleProps {
|
|
|
2230
2280
|
className?: string;
|
|
2231
2281
|
}
|
|
2232
2282
|
|
|
2233
|
-
declare function KanbanColumn({ children, id, title, className, unstyled, wipLimit, hideWhenEmpty, }: KanbanColumnProps):
|
|
2283
|
+
declare function KanbanColumn({ children, id, title, className, unstyled, wipLimit, hideWhenEmpty, }: KanbanColumnProps): react.JSX.Element | null;
|
|
2234
2284
|
declare namespace KanbanColumn {
|
|
2235
2285
|
var displayName: string;
|
|
2236
2286
|
}
|
|
2237
2287
|
|
|
2238
|
-
declare function KanbanCard({ children, id, className, unstyled }: KanbanCardProps):
|
|
2288
|
+
declare function KanbanCard({ children, id, className, unstyled }: KanbanCardProps): react.JSX.Element;
|
|
2239
2289
|
declare namespace KanbanCard {
|
|
2240
2290
|
var displayName: string;
|
|
2241
2291
|
}
|
|
@@ -2250,7 +2300,7 @@ declare namespace KanbanCard {
|
|
|
2250
2300
|
* Typically wrapped around the column header so users grab the title
|
|
2251
2301
|
* to reorder; can also be a small grip icon.
|
|
2252
2302
|
*/
|
|
2253
|
-
declare function KanbanColumnHandle({ children, className, }: KanbanColumnHandleProps):
|
|
2303
|
+
declare function KanbanColumnHandle({ children, className, }: KanbanColumnHandleProps): react.JSX.Element;
|
|
2254
2304
|
declare namespace KanbanColumnHandle {
|
|
2255
2305
|
var displayName: string;
|
|
2256
2306
|
}
|
|
@@ -2274,7 +2324,7 @@ declare namespace KanbanColumnHandle {
|
|
|
2274
2324
|
* is mounted inside them. The root computes the drop index from
|
|
2275
2325
|
* mouse X and surfaces it via `onColumnMove`.
|
|
2276
2326
|
*/
|
|
2277
|
-
declare function KanbanRoot({ children, onCardMove, onColumnMove, className, }: KanbanProps):
|
|
2327
|
+
declare function KanbanRoot({ children, onCardMove, onColumnMove, className, }: KanbanProps): react.JSX.Element;
|
|
2278
2328
|
declare const Kanban: typeof KanbanRoot & {
|
|
2279
2329
|
Column: typeof KanbanColumn;
|
|
2280
2330
|
Card: typeof KanbanCard;
|
|
@@ -2366,12 +2416,12 @@ interface TreeNodeProps {
|
|
|
2366
2416
|
className?: string;
|
|
2367
2417
|
}
|
|
2368
2418
|
|
|
2369
|
-
declare function TreeNode({ node, depth }: TreeNodeProps):
|
|
2419
|
+
declare function TreeNode({ node, depth }: TreeNodeProps): react.JSX.Element;
|
|
2370
2420
|
declare namespace TreeNode {
|
|
2371
2421
|
var displayName: string;
|
|
2372
2422
|
}
|
|
2373
2423
|
|
|
2374
|
-
declare function TreeNavRoot({ nodes, selectedId, onSelect, onNodeContextMenu, draggable, onNodeMove, acceptExternalDrops, onExternalDrop, expandedIds: controlledExpanded, defaultExpandedIds, onExpandedChange, defaultExpandAll, indentSize, showIcons, className, }: TreeNavProps):
|
|
2424
|
+
declare function TreeNavRoot({ nodes, selectedId, onSelect, onNodeContextMenu, draggable, onNodeMove, acceptExternalDrops, onExternalDrop, expandedIds: controlledExpanded, defaultExpandedIds, onExpandedChange, defaultExpandAll, indentSize, showIcons, className, }: TreeNavProps): react.JSX.Element;
|
|
2375
2425
|
declare namespace TreeNavRoot {
|
|
2376
2426
|
var displayName: string;
|
|
2377
2427
|
}
|
|
@@ -2536,7 +2586,7 @@ interface ReasonTagProps {
|
|
|
2536
2586
|
/** Optional className applied to the trigger element. */
|
|
2537
2587
|
className?: string;
|
|
2538
2588
|
}
|
|
2539
|
-
declare function ReasonTag({ value, reason, confidence, sources, by, theme, pinned, onFollowUp, className, }: ReasonTagProps):
|
|
2589
|
+
declare function ReasonTag({ value, reason, confidence, sources, by, theme, pinned, onFollowUp, className, }: ReasonTagProps): react.JSX.Element;
|
|
2540
2590
|
|
|
2541
2591
|
/**
|
|
2542
2592
|
* MoodMeter — a 2D draggable pad that captures a value AND the
|
|
@@ -2600,7 +2650,7 @@ interface MoodMeterProps {
|
|
|
2600
2650
|
/** Optional className applied to the outer pad. */
|
|
2601
2651
|
className?: string;
|
|
2602
2652
|
}
|
|
2603
|
-
declare function MoodMeter({ min, max, step, value, confidence, onChange, posted, width, height, showGrid, color, postedColor, prefix, suffix, formatValue, className, }: MoodMeterProps):
|
|
2653
|
+
declare function MoodMeter({ min, max, step, value, confidence, onChange, posted, width, height, showGrid, color, postedColor, prefix, suffix, formatValue, className, }: MoodMeterProps): react.JSX.Element;
|
|
2604
2654
|
|
|
2605
2655
|
/**
|
|
2606
2656
|
* PromptInput — the chat composer every AI app rebuilds. Auto-growing
|
|
@@ -2662,7 +2712,7 @@ interface PromptInputProps {
|
|
|
2662
2712
|
*/
|
|
2663
2713
|
aboveInput?: ReactNode;
|
|
2664
2714
|
}
|
|
2665
|
-
declare function PromptInput({ budgetTokens, commands, mentions, showHint, onSubmit, placeholder, charsPerToken, mentionColor, maxHeight, aboveInput, }: PromptInputProps):
|
|
2715
|
+
declare function PromptInput({ budgetTokens, commands, mentions, showHint, onSubmit, placeholder, charsPerToken, mentionColor, maxHeight, aboveInput, }: PromptInputProps): react.JSX.Element;
|
|
2666
2716
|
|
|
2667
2717
|
/**
|
|
2668
2718
|
* ChatDrawer — tabbed, collapsible panel that sits *above* a `PromptInput`
|
|
@@ -2721,7 +2771,7 @@ interface ChatDrawerProps {
|
|
|
2721
2771
|
minBodyHeight?: number;
|
|
2722
2772
|
className?: string;
|
|
2723
2773
|
}
|
|
2724
|
-
declare function ChatDrawer({ tabs, activeTabId, onTabChange, open, onToggle, children, minBodyHeight, className, }: ChatDrawerProps):
|
|
2774
|
+
declare function ChatDrawer({ tabs, activeTabId, onTabChange, open, onToggle, children, minBodyHeight, className, }: ChatDrawerProps): react.JSX.Element;
|
|
2725
2775
|
|
|
2726
2776
|
/**
|
|
2727
2777
|
* InputTag — attach a `/`-style or `@`-style autocomplete picker to *any*
|
|
@@ -2812,7 +2862,7 @@ interface InputTagProps {
|
|
|
2812
2862
|
item: unknown;
|
|
2813
2863
|
}) => void;
|
|
2814
2864
|
}
|
|
2815
|
-
declare function InputTag({ adapter, triggers, maxItems, placement, className, style, onPick, }: InputTagProps):
|
|
2865
|
+
declare function InputTag({ adapter, triggers, maxItems, placement, className, style, onPick, }: InputTagProps): react.JSX.Element | null;
|
|
2816
2866
|
|
|
2817
2867
|
/**
|
|
2818
2868
|
* Adapter for a DOM `<textarea>`. Works whether the consumer manages
|
|
@@ -2910,6 +2960,6 @@ interface MagicWandProps {
|
|
|
2910
2960
|
/** Called after an action runs successfully. */
|
|
2911
2961
|
onAction?: (action: MagicWandAction, selection: MagicWandSelection, replacement: string) => void;
|
|
2912
2962
|
}
|
|
2913
|
-
declare function MagicWand({ value, onValueChange, actions, appearance, autoHide, rows, placeholder, onAction, }: MagicWandProps):
|
|
2963
|
+
declare function MagicWand({ value, onValueChange, actions, appearance, autoHide, rows, placeholder, onAction, }: MagicWandProps): react.JSX.Element;
|
|
2914
2964
|
|
|
2915
|
-
export { Accordion, type AccordionContentProps, type AccordionContextValue, type AccordionItemProps, type AccordionOrientation, AccordionPanel, AccordionPanelContent, type AccordionPanelContentProps, type AccordionPanelProps, AccordionPanelSection, type AccordionPanelSectionProps, AccordionPanelTrigger, type AccordionPanelTriggerProps, type AccordionProps, type AccordionTriggerProps, Action, type ActionColor, type ActionProps, type AffixPosition, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardProps, Carousel, type CarouselContextValue, type CarouselControlsProps, type CarouselPanelsProps, type CarouselProps, type CarouselSlideProps, type CarouselStepsProps, type CarouselVariant, Chart, type ChartAreaProps, type ChartBarData, type ChartBarProps, type ChartCommonProps, type ChartDonutData, type ChartDonutProps, type ChartHorizontalBarProps, type ChartLineProps, type ChartPieData, type ChartPieProps, type ChartSeries, type ChartSparklineProps, type ChartStackedBarProps, ChatDrawer, type ChatDrawerProps, type ChatDrawerTab, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type Color, ColorPicker, type ColorPickerProps, Command, type CommandContextValue, type CommandEmptyProps, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandProps, Composer, type ComposerProps, ContentRenderer, type ContentRendererProps, ContextMenu, type ContextMenuContentProps, type ContextMenuContextValue, type ContextMenuItemProps, type ContextMenuProps, type ContextMenuSeparatorProps, type ContextMenuTriggerProps, type ControlledAdapterHandle, DatePicker, type DatePickerProps, type DateRange, type DropPosition, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_CATEGORY_ORDER, EMOJI_DATA, EMOJI_ENTRIES, Editor, type EditorAction, type EditorContentProps, type EditorContextValue, type EditorProps, type EditorToolbarProps, Emoji, type EmojiCategory, type EmojiCategoryKey, type EmojiEntry, type EmojiFlatEntry, type EmojiProps, EmojiSelect, type EmojiSelectProps, Field, type FieldProps, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, Input, type InputAffixProps, type InputBaseProps, type InputOption, type InputOptionGroup, type InputProps, InputTag, type InputTagAdapter, type InputTagAdapterState, type InputTagProps, type InputTagTrigger, type InputTagTriggers, Kanban, type KanbanCardMoveHandler, type KanbanCardProps, type KanbanColumnHandleProps, type KanbanColumnMoveHandler, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, MagicWand, type MagicWandAction, type MagicWandAppearance, type MagicWandProps, type MagicWandSelection, Menu, type MenuContextValue, type MenuGroupProps, type MenuItemProps, type MenuOrientation, type MenuProps, type MenuSubmenuProps, MobileMenu, type MobileMenuBottomBarProps, type MobileMenuContextValue, type MobileMenuFlyoutProps, type MobileMenuItemProps, type MobileMenuSide, type MobileMenuVariant, Modal, type ModalBodyProps, type ModalContextValue, type ModalFooterProps, type ModalHeaderProps, type ModalProps, MoodMeter, type MoodMeterProps, MultiSwitch, type MultiSwitchProps, Navbar, type NavbarBrandProps, type NavbarContextValue, type NavbarItemProps, type NavbarItemsProps, type NavbarProps, type NavbarToggleProps, type NodeRect, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Pillbox, type PillboxProps, type Placement, Popover, type PopoverContentProps, type PopoverContextValue, type PopoverProps, type PopoverTriggerProps, Portal, type PortalProps, Profile, type ProfileProps, Progress, type ProgressProps, type PromptAttachment, type PromptCmd, PromptInput, type PromptInputProps, type PromptMention, RadioGroup, type RadioGroupProps, ReasonTag, type ReasonTagProps, type ReasonTagSource, type ReasonTagTheme, type RenderExtension, type RenderExtensionProps, SKIN_TONES, type SectionRenderState, type SectionRenderable, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, type Size, Skeleton, type SkeletonProps, type SkinTone, Slider, type SliderProps, StickyNote, type StickyNoteColor, type StickyNoteProps, Switch, type SwitchProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableHeadProps, type TablePaginationProps, type TableProps, type TableRowProps, type TableRowTrayProps, type TableSearchProps, type TableTrayProps, Tabs, type TabsContextValue, type TabsListProps, type TabsPanelProps, type TabsPanelsProps, type TabsProps, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, TimeGrid, type TimeGridProps, type TimeGridTone, TimePicker, type TimePickerProps, Timeline, type TimelineBlockProps, type TimelineEvent, type TimelineItemProps, type TimelineOrientation, type TimelineProps, type TimelineVariant, Toast, type ToastContextValue, type ToastData, type ToastPosition, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipProps, TreeNav, type TreeNavContextValue, type TreeNavProps, type TreeNodeData, type TreeNodeProps, type Variant, applyTone, cn, configureIcons, contentEditableAdapter, controlledAdapter, find, hasSkinTones, inputAdapter, registerExtension, registerExtensions, registerIconSet, registerIcons, resolve, sanitizeHref, sanitizeHtml, search, skinTones, textareaAdapter, useAccordion, useAccordionPanel, useAccordionSection, useAnimation, useCarousel, useCommand, useContextMenu, useControllableState, useDropdown, useEditor, useEscapeKey, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast, useTreeNav };
|
|
2965
|
+
export { Accordion, type AccordionContentProps, type AccordionContextValue, type AccordionItemProps, type AccordionOrientation, AccordionPanel, AccordionPanelContent, type AccordionPanelContentProps, type AccordionPanelProps, AccordionPanelSection, type AccordionPanelSectionProps, AccordionPanelTrigger, type AccordionPanelTriggerProps, type AccordionProps, type AccordionTriggerProps, Action, type ActionColor, type ActionProps, type AffixPosition, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps, Button, type ButtonColor, type ButtonProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardProps, Carousel, type CarouselContextValue, type CarouselControlsProps, type CarouselPanelsProps, type CarouselProps, type CarouselSlideProps, type CarouselStepsProps, type CarouselVariant, Chart, type ChartAreaProps, type ChartBarData, type ChartBarProps, type ChartCommonProps, type ChartDonutData, type ChartDonutProps, type ChartHorizontalBarProps, type ChartLineProps, type ChartPieData, type ChartPieProps, type ChartSeries, type ChartSparklineProps, type ChartStackedBarProps, ChatDrawer, type ChatDrawerProps, type ChatDrawerTab, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type Color, ColorPicker, type ColorPickerProps, Command, type CommandContextValue, type CommandEmptyProps, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandProps, Composer, type ComposerProps, ContentRenderer, type ContentRendererProps, ContextMenu, type ContextMenuContentProps, type ContextMenuContextValue, type ContextMenuItemProps, type ContextMenuProps, type ContextMenuSeparatorProps, type ContextMenuTriggerProps, type ControlledAdapterHandle, DatePicker, type DatePickerProps, type DateRange, type DropPosition, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_CATEGORY_ORDER, EMOJI_DATA, EMOJI_ENTRIES, Editor, type EditorAction, type EditorContentProps, type EditorContextValue, type EditorProps, type EditorToolbarProps, Emoji, type EmojiCategory, type EmojiCategoryKey, type EmojiEntry, type EmojiFlatEntry, type EmojiProps, EmojiSelect, type EmojiSelectProps, FauxClient, type FauxClientProps, Field, type FieldProps, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, Input, type InputAffixProps, type InputBaseProps, type InputOption, type InputOptionGroup, type InputProps, InputTag, type InputTagAdapter, type InputTagAdapterState, type InputTagProps, type InputTagTrigger, type InputTagTriggers, Kanban, type KanbanCardMoveHandler, type KanbanCardProps, type KanbanColumnHandleProps, type KanbanColumnMoveHandler, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, MagicWand, type MagicWandAction, type MagicWandAppearance, type MagicWandProps, type MagicWandSelection, Menu, type MenuContextValue, type MenuGroupProps, type MenuItemProps, type MenuOrientation, type MenuProps, type MenuSubmenuProps, MobileMenu, type MobileMenuBottomBarProps, type MobileMenuContextValue, type MobileMenuFlyoutProps, type MobileMenuItemProps, type MobileMenuSide, type MobileMenuVariant, Modal, type ModalBodyProps, type ModalContextValue, type ModalFooterProps, type ModalHeaderProps, type ModalProps, MoodMeter, type MoodMeterProps, MultiSwitch, type MultiSwitchProps, Navbar, type NavbarBrandProps, type NavbarContextValue, type NavbarItemProps, type NavbarItemsProps, type NavbarProps, type NavbarToggleProps, type NodeRect, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Pillbox, type PillboxProps, type Placement, Popover, type PopoverContentProps, type PopoverContextValue, type PopoverProps, type PopoverTriggerProps, Portal, type PortalProps, Profile, type ProfileProps, Progress, type ProgressProps, type PromptAttachment, type PromptCmd, PromptInput, type PromptInputProps, type PromptMention, RadioGroup, type RadioGroupProps, ReasonTag, type ReasonTagProps, type ReasonTagSource, type ReasonTagTheme, type RenderExtension, type RenderExtensionProps, SKIN_TONES, type SectionRenderState, type SectionRenderable, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, type Size, Skeleton, type SkeletonProps, type SkinTone, Slider, type SliderProps, StickyNote, type StickyNoteColor, type StickyNoteProps, Switch, type SwitchProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableHeadProps, type TablePaginationProps, type TableProps, type TableRowProps, type TableRowTrayProps, type TableSearchProps, type TableTrayProps, Tabs, type TabsContextValue, type TabsListProps, type TabsPanelProps, type TabsPanelsProps, type TabsProps, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, TimeGrid, type TimeGridProps, type TimeGridTone, TimePicker, type TimePickerProps, Timeline, type TimelineBlockProps, type TimelineEvent, type TimelineItemProps, type TimelineOrientation, type TimelineProps, type TimelineVariant, Toast, type ToastContextValue, type ToastData, type ToastPosition, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipProps, TreeNav, type TreeNavContextValue, type TreeNavProps, type TreeNodeData, type TreeNodeProps, type Variant, applyTone, cn, configureIcons, contentEditableAdapter, controlledAdapter, find, hasSkinTones, inputAdapter, registerExtension, registerExtensions, registerIconSet, registerIcons, resolve, sanitizeHref, sanitizeHtml, search, skinTones, textareaAdapter, useAccordion, useAccordionPanel, useAccordionSection, useAnimation, useCarousel, useCommand, useContextMenu, useControllableState, useDropdown, useEditor, useEscapeKey, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast, useTreeNav };
|