@murabei-data-science/pumpwood-ui 1.4.3 → 1.4.5

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.
@@ -1,118 +1,183 @@
1
- import * as class_variance_authority_types from 'class-variance-authority/types';
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React$1 from 'react';
3
- import { InputHTMLAttributes, ReactNode, HTMLAttributes, ReactElement, ComponentType } from 'react';
3
+ import { ReactNode, ReactElement, ComponentType, HTMLAttributes, InputHTMLAttributes } from 'react';
4
+ import * as class_variance_authority_types from 'class-variance-authority/types';
4
5
  import { VariantProps } from 'class-variance-authority';
5
- import * as react_jsx_runtime from 'react/jsx-runtime';
6
6
  import { FileWithPath, Accept } from 'react-dropzone';
7
+ import { FieldError } from 'react-hook-form';
8
+ import { IFKSelectProps as IFKSelectProps$1 } from '@/components/FKSelect';
7
9
  import { LucideIcon } from 'lucide-react';
8
- import * as TabsPrimitive from '@radix-ui/react-tabs';
9
10
  import * as AccordionPrimitive from '@radix-ui/react-accordion';
10
- import { IFKSelectProps as IFKSelectProps$1 } from '@/components/FKSelect';
11
+ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
11
12
  import { DayPicker } from 'react-day-picker';
12
13
  import { Button as Button$1 } from '@/components/ui/button';
13
- import * as PopoverPrimitive from '@radix-ui/react-popover';
14
- import * as DialogPrimitive from '@radix-ui/react-dialog';
15
- import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
14
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
16
15
  import { Command as Command$1 } from 'cmdk';
17
16
  import { Dialog as Dialog$1 } from '@/components/ui/dialog';
18
- import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
19
- import * as LabelPrimitive from '@radix-ui/react-label';
20
- import * as TooltipPrimitive from '@radix-ui/react-tooltip';
17
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
21
18
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
22
- import { FieldError } from 'react-hook-form';
19
+ import * as LabelPrimitive from '@radix-ui/react-label';
20
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
23
21
  import * as SelectPrimitive from '@radix-ui/react-select';
22
+ import * as TabsPrimitive from '@radix-ui/react-tabs';
23
+ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
24
24
 
25
- declare const buttonVariants: (props?: ({
26
- variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
27
- size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
28
- } & class_variance_authority_types.ClassProp) | undefined) => string;
29
- interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
30
- asChild?: boolean;
31
- icon?: React$1.ReactNode;
32
- label?: React$1.ReactNode;
33
- iconPosition?: "start" | "end";
34
- /** Button height in pixels or any valid CSS length. */
35
- height?: number | string;
36
- /** Button width in pixels or any valid CSS length. */
37
- width?: number | string;
25
+ /**
26
+ * Parameters passed to the FK fetcher function.
27
+ */
28
+ type FKFetcherParams = {
29
+ search: string;
30
+ modelClass: string;
31
+ labelName: string;
32
+ additionalFilters?: Record<string, any>;
33
+ fields?: string[];
34
+ limit?: number;
35
+ offset?: number;
36
+ };
37
+ type FKFetcherPageResult<T = unknown> = {
38
+ items: T[];
39
+ hasMore: boolean;
40
+ };
41
+ type FKFetcherReturn<T = unknown> = T[] | FKFetcherPageResult<T>;
42
+ /**
43
+ * Props for the FKSelect component.
44
+ */
45
+ interface IFKSelectProps {
46
+ /** Optional id used as data-testid on the trigger. */
47
+ id?: string;
48
+ /** Function to fetch data from the API. */
49
+ fetcher: (params: FKFetcherParams) => Promise<FKFetcherReturn>;
50
+ /** Optional function to resolve a value not present in the list. */
51
+ resolveValue?: (params: {
52
+ modelClass: string;
53
+ value: string | number;
54
+ }) => Promise<any>;
55
+ /** The model class name to identify the resource. */
56
+ modelClass: string;
57
+ /** The field name to use as the display label. */
58
+ labelName: string;
59
+ /** The field name to use as the value (ID). Defaults to 'pk'. */
60
+ valueField?: string;
61
+ /** Placeholder text for the search input. */
62
+ placeholder?: string;
63
+ /** Message to show when no items are found. */
64
+ emptyMessage?: string;
65
+ /** The currently selected value. */
66
+ value: string | number | null;
67
+ /** Callback when an item is selected. */
68
+ onChange: (value: string | number, item?: any) => void;
69
+ /** Additional filters to apply to the API request. */
70
+ additionalFilters?: Record<string, any>;
71
+ /** Extra fields to include in search. */
72
+ fields?: string[];
73
+ /** Optional class names for the wrapper (e.g. width overrides). */
74
+ className?: string;
75
+ /** Debounce time in ms. Defaults to 300. */
76
+ debounceWait?: number;
77
+ /** Page size for list requests. Defaults to 50. */
78
+ pageSize?: number;
38
79
  }
39
80
  /**
40
- * Displays a button or a component that looks like a button.
81
+ * A foreign key select component (async combobox).
41
82
  *
42
83
  * @example
43
84
  * ```tsx
44
- * <Button variant="default">Click me</Button>
45
- * <Button variant="outline" size="sm">Action</Button>
46
- * <Button
47
- * label="Criar novo lote"
48
- * icon={<SquarePlus size={16} />}
49
- * width={200}
85
+ * <FKSelect
86
+ * fetcher={fetchData}
87
+ * modelClass="User"
88
+ * labelName="username"
89
+ * value={userId}
90
+ * onChange={setUserId}
50
91
  * />
51
92
  * ```
52
93
  */
53
- declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
94
+ declare const FKSelect: ({ id, fetcher, resolveValue, modelClass, labelName, valueField, placeholder, emptyMessage, value, onChange, additionalFilters, fields, className, debounceWait, pageSize, }: IFKSelectProps) => react_jsx_runtime.JSX.Element;
54
95
 
55
- interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
56
- icon?: ReactNode;
57
- }
96
+ type DynamicListPagination = {
97
+ limit?: number;
98
+ offset?: number;
99
+ };
100
+ type DynamicListFn = (modelClass: string, filterDict: Record<string, unknown>, searchFields?: string[], pagination?: DynamicListPagination) => Promise<[Record<string, unknown>[] | null, {
101
+ message: string;
102
+ } | null]>;
103
+ type FKSelectFetcherParams = {
104
+ search: string;
105
+ modelClass: string;
106
+ labelName: string;
107
+ additionalFilters?: Record<string, unknown>;
108
+ fields?: string[];
109
+ limit?: number;
110
+ offset?: number;
111
+ };
112
+ type CreateFKSelectFetcherOptions = {
113
+ additionalFilters?: Record<string, unknown>;
114
+ fields?: string[];
115
+ };
58
116
  /**
59
- * Displays a styled input field with optional leading icon.
60
- *
61
- * @example
62
- * ```tsx
63
- * <Input placeholder="Enter text..." />
64
- * <Input icon={<Search className="h-4 w-4" />} placeholder="Search..." />
65
- * ```
117
+ * Fetches FK select options via an injected dynamicList function.
66
118
  */
67
- declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
68
-
69
- declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
119
+ declare const fkSelectFetcher: (dynamicList: DynamicListFn, { search, modelClass, labelName, additionalFilters, fields, limit, offset, }: FKSelectFetcherParams) => Promise<Record<string, unknown>[]>;
120
+ /**
121
+ * Creates a stable fetcher function for FKSelect.
122
+ */
123
+ declare const createFKSelectFetcher: (dynamicList: DynamicListFn, labelName: string, options?: CreateFKSelectFetcherOptions) => (params: FKFetcherParams) => Promise<Record<string, unknown>[]>;
70
124
 
71
- type StackProps = HTMLAttributes<HTMLDivElement> & {
72
- children: ReactNode;
73
- /** The direction of the stack. Defaults to 'col'. */
74
- direction?: "row" | "col";
75
- /** The gap between elements. Maps to Tailwind gap utility (e.g. 4 -> gap-4). */
76
- gap?: number;
77
- /** Click handler. When set, the stack becomes keyboard-accessible (role="button"). */
78
- onClick?: () => void;
125
+ interface IAlertWithIconProps {
126
+ icon: ReactNode;
127
+ title: string;
128
+ description: string;
129
+ variant?: "default" | "destructive";
79
130
  className?: string;
80
- };
131
+ }
81
132
  /**
82
- * A layout component that arranges children in a stack (vertical or horizontal).
83
- *
84
- * When `onClick` is provided, the stack receives `role="button"`, `tabIndex={0}`,
85
- * and responds to Enter and Space keys. Provide visible text or pass `aria-label`
86
- * via props for accessibility.
133
+ * Alert with icon, title and description.
134
+ */
135
+ declare function AlertWithIcon({ icon, title, description, variant, className, }: IAlertWithIconProps): react_jsx_runtime.JSX.Element;
136
+
137
+ declare const pumpwoodBadgeVariants: (props?: ({
138
+ variant?: "destructive" | "primary" | "secondary" | "warning" | "muted" | null | undefined;
139
+ size?: "default" | "sm" | "lg" | null | undefined;
140
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
141
+ interface PumpwoodBadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof pumpwoodBadgeVariants> {
142
+ }
143
+ /**
144
+ * A Badge component for status indicators and labels.
87
145
  *
88
146
  * @example
89
147
  * ```tsx
90
- * <Stack direction="row" gap={4}>
91
- * <Button>Btn 1</Button>
92
- * <Button>Btn 2</Button>
93
- * </Stack>
148
+ * <Badge variant="primary">New</Badge>
149
+ * <Badge variant="destructive" size="sm">Error</Badge>
94
150
  * ```
95
151
  */
96
- declare function Stack({ children, onClick, direction, gap, className, ...props }: StackProps): react_jsx_runtime.JSX.Element;
152
+ declare function PumpwoodBadge({ className, variant, size, ...props }: PumpwoodBadgeProps): React.JSX.Element;
97
153
 
98
- type DropzoneProps = {
99
- children: ReactNode;
100
- maxFiles?: number;
101
- maxSize?: number;
102
- accept?: Record<string, string[]>;
103
- onFilesAccepted: (files: FileWithPath[]) => void;
104
- };
105
154
  /**
106
- * A drag-and-drop zone for file uploads.
155
+ * A Card component system for displaying content in boxes.
107
156
  *
108
157
  * @example
109
158
  * ```tsx
110
- * <Dropzone onFilesAccepted={(files) => console.log(files)}>
111
- * <Button>Upload</Button>
112
- * </Dropzone>
159
+ * <Card.Root>
160
+ * <Card.Header>
161
+ * <Card.Title>Card Title</Card.Title>
162
+ * <Card.Description>Card Description</Card.Description>
163
+ * </Card.Header>
164
+ * <Card.Content>
165
+ * <p>Card Content</p>
166
+ * </Card.Content>
167
+ * </Card.Root>
113
168
  * ```
114
169
  */
115
- declare function PumpwoodDropzone({ children, maxFiles, maxSize, accept, onFilesAccepted, }: DropzoneProps): react_jsx_runtime.JSX.Element;
170
+ declare const PumpwoodCard: {
171
+ Root: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
172
+ Content: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
173
+ Header: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
174
+ Title: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
175
+ Description: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
176
+ };
177
+
178
+ declare const ClearButton: ({ handleClear }: {
179
+ handleClear: () => void;
180
+ }) => react_jsx_runtime.JSX.Element;
116
181
 
117
182
  interface RootProps {
118
183
  open: boolean;
@@ -184,132 +249,124 @@ declare const ConfirmationDialog: {
184
249
  Cancel: typeof Cancel;
185
250
  };
186
251
 
187
- interface PopConfirmProps {
188
- title: string;
189
- description?: string;
190
- children: ReactElement;
191
- onConfirm: () => void | Promise<void>;
192
- onCancel?: () => void;
193
- confirmText?: string;
194
- cancelText?: string;
195
- disabled?: boolean;
196
- confirmVariant?: "default" | "destructive";
197
- confirmTestId?: string;
198
- cancelTestId?: string;
199
- side?: "top" | "right" | "bottom" | "left";
200
- align?: "start" | "center" | "end";
252
+ /**
253
+ * Props for the DatePicker component.
254
+ */
255
+ interface IDatePickerProps {
256
+ /** Optional id used as data-testid on the trigger button. */
257
+ id?: string;
258
+ /** Placeholder text when no date is selected. */
259
+ placeholder: string;
260
+ /** Controlled ISO date string (empty = no selection). */
261
+ value?: string;
262
+ /** Callback when the selected date changes (ISO string or empty). */
263
+ onValueChange?: (value: string) => void;
264
+ /** Optional class names for the wrapper (width, layout). */
265
+ className?: string;
266
+ /** Day boundary when serializing to ISO. */
267
+ boundary?: "start" | "end";
268
+ /** Display format for the selected date. */
269
+ dateFormat?: string;
201
270
  }
202
271
  /**
203
- * Confirmation popover anchored to a trigger element.
272
+ * A reusable date picker built with shadcn/ui.
204
273
  *
205
274
  * @example
206
275
  * ```tsx
207
- * <PopConfirm
208
- * title="Deseja continuar?"
209
- * onConfirm={handleConfirm}
210
- * >
211
- * <Button>Enriquecer</Button>
212
- * </PopConfirm>
276
+ * <DatePicker
277
+ * placeholder="Data inicial"
278
+ * boundary="start"
279
+ * value={filters.created_at__gte}
280
+ * onValueChange={(value) =>
281
+ * onFiltersChange({ target: "created_at__gte", value })
282
+ * }
283
+ * />
213
284
  * ```
214
285
  */
215
- declare function PopConfirm({ title, description, children, onConfirm, onCancel, confirmText, cancelText, disabled, confirmVariant, confirmTestId, cancelTestId, side, align, }: PopConfirmProps): react_jsx_runtime.JSX.Element;
286
+ declare const DatePicker: ({ id, placeholder, value, onValueChange, className, boundary, dateFormat, }: IDatePickerProps) => react_jsx_runtime.JSX.Element;
216
287
 
217
- type TypographyProps = HTMLAttributes<HTMLParagraphElement> & {
218
- children: ReactNode;
219
- className?: string;
220
- };
221
- declare function H1({ children, className, ...props }: TypographyProps): react_jsx_runtime.JSX.Element;
222
- declare function Muted({ children, className, ...props }: TypographyProps): react_jsx_runtime.JSX.Element;
223
288
  /**
224
- * Typography components for consistent text styling.
225
- *
226
- * @example
227
- * ```tsx
228
- * <Typography.H1>Main Title</Typography.H1>
229
- * <Typography.Muted>Subtitle text</Typography.Muted>
230
- * ```
289
+ * DeleteDialog - Confirmation dialog component for delete documents.
231
290
  */
232
- declare const Typography: {
233
- H1: typeof H1;
234
- Muted: typeof Muted;
235
- };
291
+ declare const DeleteDialog: ({ openDialog, setOpenDialog, handleDelete, count, }: {
292
+ openDialog: boolean;
293
+ setOpenDialog: (value: boolean) => void;
294
+ handleDelete: () => void;
295
+ count?: number;
296
+ }) => react_jsx_runtime.JSX.Element;
236
297
 
237
- /**
238
- * A container for grouping related content.
239
- *
240
- * @example
241
- * ```tsx
242
- * <Card>
243
- * <CardHeader>
244
- * <CardTitle>Title</CardTitle>
245
- * </CardHeader>
246
- * <CardContent>Content</CardContent>
247
- * </Card>
248
- * ```
249
- */
250
- declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
251
- declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
252
- declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
253
- declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
254
- declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
255
- declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
298
+ type ExpectedFile = {
299
+ file: string;
300
+ };
301
+ type RetrieveFileFn = (modelClass: string, fileId: number) => Promise<[
302
+ {
303
+ data: number[];
304
+ contentType: string;
305
+ } | null,
306
+ {
307
+ message: string;
308
+ } | null
309
+ ]>;
310
+ interface IDownloadButtonProps<T extends ExpectedFile> {
311
+ item: T;
312
+ propertyName: keyof T;
313
+ modelClass: string;
314
+ retrieveFile?: RetrieveFileFn;
315
+ }
316
+ declare const DownloadButton: <T extends ExpectedFile>({ item, modelClass, propertyName, retrieveFile, }: IDownloadButtonProps<T>) => react_jsx_runtime.JSX.Element;
256
317
 
318
+ type DropzoneProps = {
319
+ children: ReactNode;
320
+ maxFiles?: number;
321
+ maxSize?: number;
322
+ accept?: Record<string, string[]>;
323
+ onFilesAccepted: (files: FileWithPath[]) => void;
324
+ };
257
325
  /**
258
- * A Card component system for displaying content in boxes.
326
+ * A drag-and-drop zone for file uploads.
259
327
  *
260
328
  * @example
261
329
  * ```tsx
262
- * <Card.Root>
263
- * <Card.Header>
264
- * <Card.Title>Card Title</Card.Title>
265
- * <Card.Description>Card Description</Card.Description>
266
- * </Card.Header>
267
- * <Card.Content>
268
- * <p>Card Content</p>
269
- * </Card.Content>
270
- * </Card.Root>
330
+ * <Dropzone onFilesAccepted={(files) => console.log(files)}>
331
+ * <Button>Upload</Button>
332
+ * </Dropzone>
271
333
  * ```
272
334
  */
273
- declare const PumpwoodCard: {
274
- Root: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
275
- Content: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
276
- Header: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
277
- Title: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
278
- Description: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
279
- };
335
+ declare function PumpwoodDropzone({ children, maxFiles, maxSize, accept, onFilesAccepted, }: DropzoneProps): react_jsx_runtime.JSX.Element;
280
336
 
281
- declare const badgeVariants: (props?: ({
282
- variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "info" | null | undefined;
283
- } & class_variance_authority_types.ClassProp) | undefined) => string;
284
- interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
337
+ interface EmptyContainerProps {
338
+ title: string;
339
+ description: string;
285
340
  }
286
341
  /**
287
- * Displays a badge or a component that looks like a badge.
342
+ * A container to display an empty state.
288
343
  *
289
344
  * @example
290
345
  * ```tsx
291
- * <Badge>Default</Badge>
292
- * <Badge variant="secondary">Secondary</Badge>
346
+ * <EmptyContainer
347
+ * title="No Data"
348
+ * description="There are no items to display at this time."
349
+ * />
293
350
  * ```
294
351
  */
295
- declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
352
+ declare function EmptyContainer({ title, description }: EmptyContainerProps): react_jsx_runtime.JSX.Element;
296
353
 
297
- declare const pumpwoodBadgeVariants: (props?: ({
298
- variant?: "destructive" | "secondary" | "warning" | "primary" | "muted" | null | undefined;
299
- size?: "default" | "sm" | "lg" | null | undefined;
300
- } & class_variance_authority_types.ClassProp) | undefined) => string;
301
- interface PumpwoodBadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof pumpwoodBadgeVariants> {
354
+ interface ErrorBoundaryProps {
355
+ children: ReactNode;
356
+ hasError: boolean;
357
+ message?: string;
358
+ className?: string;
302
359
  }
303
- /**
304
- * A Badge component for status indicators and labels.
305
- *
306
- * @example
307
- * ```tsx
308
- * <Badge variant="primary">New</Badge>
309
- * <Badge variant="destructive" size="sm">Error</Badge>
310
- * ```
311
- */
312
- declare function PumpwoodBadge({ className, variant, size, ...props }: PumpwoodBadgeProps): React.JSX.Element;
360
+ declare const ErrorBoundary: ({ children, hasError, message, }: ErrorBoundaryProps) => react_jsx_runtime.JSX.Element;
361
+
362
+ declare const ErrorMessage: ({ error }: {
363
+ error: FieldError | undefined;
364
+ }) => react_jsx_runtime.JSX.Element;
365
+
366
+ declare const ErrorToastContent: ({ message, error, }: {
367
+ message: string;
368
+ error: string;
369
+ }) => react_jsx_runtime.JSX.Element;
313
370
 
314
371
  interface FileDropzoneProps {
315
372
  onFileSelected: (file: File) => void;
@@ -332,304 +389,131 @@ interface FileDropzoneProps {
332
389
  */
333
390
  declare function FileDropzone({ onFileSelected, onFileDeleted, acceptExtensions, accept, maxSizeMB, }: FileDropzoneProps): react_jsx_runtime.JSX.Element;
334
391
 
335
- interface IUseSidebarCollapseOptions {
336
- initialCollapsed?: boolean;
337
- onPersist?: (collapsed: boolean) => void;
338
- }
339
- /**
340
- * Hook for sidebar collapse state with optional persistence callback.
341
- */
342
- declare function useSidebarCollapse({ initialCollapsed, onPersist, }?: IUseSidebarCollapseOptions): {
343
- isCollapsed: boolean;
344
- isCollapsing: boolean;
345
- expandedItems: Record<string, boolean>;
346
- setExpandedItems: React$1.Dispatch<React$1.SetStateAction<Record<string, boolean>>>;
347
- toggleCollapse: () => void;
348
- expand: () => void;
349
- handleTransitionEnd: () => void;
350
- toggleExpanded: (title: string) => void;
351
- setExpandedOnCollapse: () => void;
352
- };
392
+ declare function Loading(): react_jsx_runtime.JSX.Element;
353
393
 
354
- /**
355
- * Props for the Sidebar Root component.
356
- */
357
- interface SidebarRootProps {
358
- /** The content of the sidebar. */
359
- children: ReactNode;
360
- /** Whether the sidebar is currently collapsed. */
361
- isCollapsed: boolean;
362
- /** Whether the sidebar is mid-collapse transition. */
363
- isCollapsing?: boolean;
364
- /** Callback to toggle the collapsed state. */
365
- onToggleCollapse: () => void;
366
- /** Callback when width transition ends. */
367
- onTransitionEnd?: () => void;
368
- /** Additional CSS classes. */
394
+ interface IMarkdownEditorProps {
395
+ value: string;
396
+ onChange: (value: string) => void;
397
+ placeholder?: string;
398
+ error?: string;
399
+ disabled?: boolean;
369
400
  className?: string;
401
+ /** Toast UI theme. Defaults to following the document `.dark` class. */
402
+ theme?: "light" | "dark";
370
403
  }
371
- declare function Root({ children, isCollapsed, isCollapsing, onToggleCollapse, onTransitionEnd, className, }: SidebarRootProps): react_jsx_runtime.JSX.Element;
372
404
  /**
373
- * Props for the Sidebar Header component.
405
+ * WYSIWYG markdown editor wrapper around Toast UI Editor.
374
406
  */
375
- interface SidebarHeaderProps {
376
- children: ReactNode;
377
- className?: string;
407
+ declare function MarkdownEditor({ value, onChange, placeholder, error, disabled, className, theme, }: IMarkdownEditorProps): react_jsx_runtime.JSX.Element;
408
+
409
+ interface IMultiSelectOption {
410
+ label: string;
411
+ value: string;
378
412
  }
379
- declare function Header({ children, className }: SidebarHeaderProps): react_jsx_runtime.JSX.Element;
380
- /**
381
- * Props for the Sidebar Content component.
382
- */
383
- interface SidebarContentProps {
384
- children: ReactNode;
413
+ interface IMultiSelectDropdownProps {
414
+ options: IMultiSelectOption[];
415
+ selected: string[];
416
+ onChange: (selected: string[]) => void;
417
+ placeholder?: string;
385
418
  className?: string;
419
+ maxDisplay?: number;
386
420
  }
387
- declare function Content({ children, className }: SidebarContentProps): react_jsx_runtime.JSX.Element;
388
- /**
389
- * Props for the Sidebar Footer component.
390
- */
391
- interface SidebarFooterProps {
392
- children: ReactNode;
393
- className?: string;
421
+ declare function MultiSelectDropdown({ options, selected, onChange, placeholder, className, maxDisplay, }: IMultiSelectDropdownProps): react_jsx_runtime.JSX.Element;
422
+
423
+ interface INoResultProps {
424
+ /** Title shown in the empty state. */
425
+ title?: string;
426
+ /** Description shown in the empty state. */
427
+ description?: string;
394
428
  }
395
- declare function Footer({ children, className }: SidebarFooterProps): react_jsx_runtime.JSX.Element;
396
429
  /**
397
- * Props for the Sidebar Toggle component.
430
+ * Default empty state for tables and lists with no data.
431
+ *
432
+ * @example
433
+ * ```tsx
434
+ * <NoResult />
435
+ * ```
398
436
  */
399
- interface SidebarToggleProps {
400
- className?: string;
437
+ declare function NoResult({ title, description, }: INoResultProps): react_jsx_runtime.JSX.Element;
438
+
439
+ type PaginationProps = {
440
+ startRecord: number;
441
+ endRecord: number;
442
+ hasValidSearchValues: boolean;
443
+ tabCount: number;
444
+ disabledLoadBackButton: boolean;
445
+ disabledLoadMoreButton: boolean;
446
+ loadBack: () => void;
447
+ loadMore: () => void;
448
+ };
449
+ declare const Pagination: ({ startRecord, endRecord, hasValidSearchValues, tabCount, disabledLoadBackButton, disabledLoadMoreButton, loadBack, loadMore, }: PaginationProps) => react_jsx_runtime.JSX.Element;
450
+
451
+ interface PopConfirmProps {
452
+ title: string;
453
+ description?: string;
454
+ children: ReactElement;
455
+ onConfirm: () => void | Promise<void>;
456
+ onCancel?: () => void;
457
+ confirmText?: string;
458
+ cancelText?: string;
459
+ disabled?: boolean;
460
+ confirmVariant?: "default" | "destructive";
461
+ confirmTestId?: string;
462
+ cancelTestId?: string;
463
+ side?: "top" | "right" | "bottom" | "left";
464
+ align?: "start" | "center" | "end";
401
465
  }
402
- declare function Toggle({ className }: SidebarToggleProps): react_jsx_runtime.JSX.Element;
403
466
  /**
404
- * Props for the Sidebar Logo component.
405
- */
406
- interface SidebarLogoProps {
407
- src: string;
408
- alt: string;
409
- width?: number;
410
- height?: number;
411
- /** Logo width when the sidebar is collapsed. Defaults to 48. */
412
- collapsedWidth?: number;
413
- /** Logo height when the sidebar is collapsed. */
414
- collapsedHeight?: number;
415
- className?: string;
416
- ImageComponent?: ComponentType<{
417
- src: string;
418
- alt: string;
419
- width: number;
420
- height: number;
421
- className?: string;
422
- }>;
423
- }
424
- declare function Logo({ src, alt, width, height, collapsedWidth, collapsedHeight, className, ImageComponent, }: SidebarLogoProps): react_jsx_runtime.JSX.Element;
425
- /**
426
- * Props for the Sidebar Link component.
427
- */
428
- interface SidebarLinkProps {
429
- icon: LucideIcon;
430
- children: ReactNode;
431
- href: any;
432
- active?: boolean;
433
- className?: string;
434
- LinkComponent?: ComponentType<{
435
- href: any;
436
- className?: string;
437
- children: ReactNode;
438
- title?: string;
439
- }>;
440
- }
441
- declare function Link({ icon: Icon, children, href, active, className, LinkComponent, }: SidebarLinkProps): react_jsx_runtime.JSX.Element;
442
- interface SidebarNavGroupProps {
443
- icon: LucideIcon;
444
- title: string;
445
- isExpanded: boolean;
446
- isActive?: boolean;
447
- onToggle: () => void;
448
- children: ReactNode;
449
- className?: string;
450
- }
451
- declare function NavGroup({ icon: Icon, title, isExpanded, isActive, onToggle, children, className, }: SidebarNavGroupProps): react_jsx_runtime.JSX.Element;
452
- interface SidebarNavSubLinkProps {
453
- title: string;
454
- href: string | Record<string, unknown>;
455
- active?: boolean;
456
- className?: string;
457
- LinkComponent?: ComponentType<{
458
- href: any;
459
- className?: string;
460
- children: ReactNode;
461
- title?: string;
462
- }>;
463
- }
464
- declare function NavSubLink({ title, href, active, className, LinkComponent, }: SidebarNavSubLinkProps): react_jsx_runtime.JSX.Element;
465
- interface SidebarActionProps {
466
- icon: LucideIcon;
467
- label: string;
468
- onClick: () => void;
469
- className?: string;
470
- }
471
- declare function Action({ icon: Icon, label, onClick, className }: SidebarActionProps): react_jsx_runtime.JSX.Element;
472
- /**
473
- * A composable Sidebar component.
474
- *
475
- * @example
476
- * ```tsx
477
- * const [collapsed, setCollapsed] = useState(false);
478
- *
479
- * return (
480
- * <Sidebar.Root isCollapsed={collapsed} onToggleCollapse={() => setCollapsed(!collapsed)}>
481
- * <Sidebar.Header>
482
- * <Sidebar.Logo src="/logo.png" alt="Logo" />
483
- * <Sidebar.Toggle />
484
- * </Sidebar.Header>
485
- * <Sidebar.Content>
486
- * <Sidebar.Link icon={HomeIcon} href="/">Home</Sidebar.Link>
487
- * </Sidebar.Content>
488
- * <Sidebar.Footer>
489
- * User Info
490
- * </Sidebar.Footer>
491
- * </Sidebar.Root>
492
- * )
493
- * ```
494
- */
495
- declare const Sidebar: {
496
- Root: typeof Root;
497
- Header: typeof Header;
498
- Content: typeof Content;
499
- Footer: typeof Footer;
500
- Toggle: typeof Toggle;
501
- Logo: typeof Logo;
502
- Link: typeof Link;
503
- NavGroup: typeof NavGroup;
504
- NavSubLink: typeof NavSubLink;
505
- Action: typeof Action;
506
- };
507
-
508
- /**
509
- * A set of layered sections of content—known as tab panels—that are displayed one at a time.
510
- *
511
- * @example
512
- * ```tsx
513
- * <Tabs defaultValue="account">
514
- * <TabsList>
515
- * <TabsTrigger value="account">Account</TabsTrigger>
516
- * </TabsList>
517
- * <TabsContent value="account">Content</TabsContent>
518
- * </Tabs>
519
- * ```
520
- */
521
- declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
522
- declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
523
- declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
524
- declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
525
-
526
- declare const Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
527
- declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
528
- declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
529
- declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
530
-
531
- /**
532
- * A placeholder component for empty states.
533
- *
534
- * @example
535
- * ```tsx
536
- * <Empty>
537
- * <EmptyHeader>
538
- * <EmptyTitle>No data</EmptyTitle>
539
- * </EmptyHeader>
540
- * </Empty>
541
- * ```
542
- */
543
- declare function Empty({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
544
- declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
545
- declare const emptyMediaVariants: (props?: ({
546
- variant?: "default" | "icon" | null | undefined;
547
- } & class_variance_authority_types.ClassProp) | undefined) => string;
548
- declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime.JSX.Element;
549
- declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
550
- declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
551
- declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
552
-
553
- interface EmptyContainerProps {
554
- title: string;
555
- description: string;
556
- }
557
- /**
558
- * A container to display an empty state.
467
+ * Confirmation popover anchored to a trigger element.
559
468
  *
560
469
  * @example
561
470
  * ```tsx
562
- * <EmptyContainer
563
- * title="No Data"
564
- * description="There are no items to display at this time."
565
- * />
471
+ * <PopConfirm
472
+ * title="Deseja continuar?"
473
+ * onConfirm={handleConfirm}
474
+ * >
475
+ * <Button>Enriquecer</Button>
476
+ * </PopConfirm>
566
477
  * ```
567
478
  */
568
- declare function EmptyContainer({ title, description }: EmptyContainerProps): react_jsx_runtime.JSX.Element;
479
+ declare function PopConfirm({ title, description, children, onConfirm, onCancel, confirmText, cancelText, disabled, confirmVariant, confirmTestId, cancelTestId, side, align, }: PopConfirmProps): react_jsx_runtime.JSX.Element;
569
480
 
570
481
  /**
571
- * Parameters passed to the FK fetcher function.
572
- */
573
- type FKFetcherParams = {
574
- search: string;
575
- modelClass: string;
576
- labelName: string;
577
- additionalFilters?: Record<string, any>;
578
- fields?: string[];
579
- limit?: number;
580
- offset?: number;
581
- };
582
- /**
583
- * Props for the FKSelect component.
482
+ * Props for the RangePicker component.
584
483
  */
585
- interface IFKSelectProps {
586
- /** Optional id used as data-testid on the trigger. */
484
+ interface IRangePickerProps {
485
+ /** Optional id used as data-testid on the trigger button. */
587
486
  id?: string;
588
- /** Function to fetch data from the API. */
589
- fetcher: (params: FKFetcherParams) => Promise<any[]>;
590
- /** Optional function to resolve a value not present in the list. */
591
- resolveValue?: (params: {
592
- modelClass: string;
593
- value: string | number;
594
- }) => Promise<any>;
595
- /** The model class name to identify the resource. */
596
- modelClass: string;
597
- /** The field name to use as the display label. */
598
- labelName: string;
599
- /** The field name to use as the value (ID). Defaults to 'pk'. */
600
- valueField?: string;
601
- /** Placeholder text for the search input. */
602
- placeholder?: string;
603
- /** Message to show when no items are found. */
604
- emptyMessage?: string;
605
- /** The currently selected value. */
606
- value: string | number | null;
607
- /** Callback when an item is selected. */
608
- onChange: (value: string | number, item?: any) => void;
609
- /** Additional filters to apply to the API request. */
610
- additionalFilters?: Record<string, any>;
611
- /** Extra fields to include in search. */
612
- fields?: string[];
613
- /** Optional class names for the wrapper (e.g. width overrides). */
487
+ /** Placeholder text when no range is selected. */
488
+ placeholder: string;
489
+ /** Controlled ISO date string for range start (empty = no selection). */
490
+ fromValue?: string;
491
+ /** Controlled ISO date string for range end (empty = no selection). */
492
+ toValue?: string;
493
+ /** Callback when the range start changes (ISO string or empty). */
494
+ onFromChange?: (value: string) => void;
495
+ /** Callback when the range end changes (ISO string or empty). */
496
+ onToChange?: (value: string) => void;
497
+ /** Optional class names for the wrapper (width, layout). */
614
498
  className?: string;
615
- /** Debounce time in ms. Defaults to 300. */
616
- debounceWait?: number;
499
+ /** Display format for selected dates. */
500
+ dateFormat?: string;
617
501
  }
618
502
  /**
619
- * A foreign key select component (async combobox).
503
+ * A date range picker with a single calendar for selecting start and end dates.
620
504
  *
621
505
  * @example
622
506
  * ```tsx
623
- * <FKSelect
624
- * fetcher={fetchData}
625
- * modelClass="User"
626
- * labelName="username"
627
- * value={userId}
628
- * onChange={setUserId}
507
+ * <RangePicker
508
+ * placeholder="Selecione o período"
509
+ * fromValue={filters.lastUpdateAtFrom}
510
+ * toValue={filters.lastUpdateAtTo}
511
+ * onFromChange={(value) => onFilterChange("lastUpdateAtFrom", value)}
512
+ * onToChange={(value) => onFilterChange("lastUpdateAtTo", value)}
629
513
  * />
630
514
  * ```
631
515
  */
632
- declare const FKSelect: ({ id, fetcher, resolveValue, modelClass, labelName, valueField, placeholder, emptyMessage, value, onChange, additionalFilters, fields, className, debounceWait, }: IFKSelectProps) => react_jsx_runtime.JSX.Element;
516
+ declare const RangePicker: ({ id, placeholder, fromValue, toValue, onFromChange, onToChange, className, dateFormat, }: IRangePickerProps) => react_jsx_runtime.JSX.Element;
633
517
 
634
518
  type Option = {
635
519
  value: string;
@@ -700,142 +584,205 @@ type ISelectProps = IStaticSelectProps | ISelectFKProps;
700
584
  */
701
585
  declare const Select$1: (props: ISelectProps) => react_jsx_runtime.JSX.Element;
702
586
 
587
+ interface IUseSidebarCollapseOptions {
588
+ initialCollapsed?: boolean;
589
+ onPersist?: (collapsed: boolean) => void;
590
+ }
703
591
  /**
704
- * Props for the DatePicker component.
592
+ * Hook for sidebar collapse state with optional persistence callback.
705
593
  */
706
- interface IDatePickerProps {
707
- /** Optional id used as data-testid on the trigger button. */
708
- id?: string;
709
- /** Placeholder text when no date is selected. */
710
- placeholder: string;
711
- /** Controlled ISO date string (empty = no selection). */
712
- value?: string;
713
- /** Callback when the selected date changes (ISO string or empty). */
714
- onValueChange?: (value: string) => void;
715
- /** Optional class names for the wrapper (width, layout). */
594
+ declare function useSidebarCollapse({ initialCollapsed, onPersist, }?: IUseSidebarCollapseOptions): {
595
+ isCollapsed: boolean;
596
+ isCollapsing: boolean;
597
+ expandedItems: Record<string, boolean>;
598
+ setExpandedItems: React$1.Dispatch<React$1.SetStateAction<Record<string, boolean>>>;
599
+ toggleCollapse: () => void;
600
+ expand: () => void;
601
+ handleTransitionEnd: () => void;
602
+ toggleExpanded: (title: string) => void;
603
+ setExpandedOnCollapse: () => void;
604
+ };
605
+
606
+ /**
607
+ * Props for the Sidebar Root component.
608
+ */
609
+ interface SidebarRootProps {
610
+ /** The content of the sidebar. */
611
+ children: ReactNode;
612
+ /** Whether the sidebar is currently collapsed. */
613
+ isCollapsed: boolean;
614
+ /** Whether the sidebar is mid-collapse transition. */
615
+ isCollapsing?: boolean;
616
+ /** Callback to toggle the collapsed state. */
617
+ onToggleCollapse: () => void;
618
+ /** Callback when width transition ends. */
619
+ onTransitionEnd?: () => void;
620
+ /** Additional CSS classes. */
716
621
  className?: string;
717
- /** Day boundary when serializing to ISO. */
718
- boundary?: "start" | "end";
719
- /** Display format for the selected date. */
720
- dateFormat?: string;
721
622
  }
623
+ declare function Root({ children, isCollapsed, isCollapsing, onToggleCollapse, onTransitionEnd, className, }: SidebarRootProps): react_jsx_runtime.JSX.Element;
722
624
  /**
723
- * A reusable date picker built with shadcn/ui.
724
- *
725
- * @example
726
- * ```tsx
727
- * <DatePicker
728
- * placeholder="Data inicial"
729
- * boundary="start"
730
- * value={filters.created_at__gte}
731
- * onValueChange={(value) =>
732
- * onFiltersChange({ target: "created_at__gte", value })
733
- * }
734
- * />
735
- * ```
625
+ * Props for the Sidebar Header component.
736
626
  */
737
- declare const DatePicker: ({ id, placeholder, value, onValueChange, className, boundary, dateFormat, }: IDatePickerProps) => react_jsx_runtime.JSX.Element;
738
-
627
+ interface SidebarHeaderProps {
628
+ children: ReactNode;
629
+ className?: string;
630
+ }
631
+ declare function Header({ children, className }: SidebarHeaderProps): react_jsx_runtime.JSX.Element;
739
632
  /**
740
- * Props for the RangePicker component.
633
+ * Props for the Sidebar Content component.
741
634
  */
742
- interface IRangePickerProps {
743
- /** Optional id used as data-testid on the trigger button. */
744
- id?: string;
745
- /** Placeholder text when no range is selected. */
746
- placeholder: string;
747
- /** Controlled ISO date string for range start (empty = no selection). */
748
- fromValue?: string;
749
- /** Controlled ISO date string for range end (empty = no selection). */
750
- toValue?: string;
751
- /** Callback when the range start changes (ISO string or empty). */
752
- onFromChange?: (value: string) => void;
753
- /** Callback when the range end changes (ISO string or empty). */
754
- onToChange?: (value: string) => void;
755
- /** Optional class names for the wrapper (width, layout). */
635
+ interface SidebarContentProps {
636
+ children: ReactNode;
756
637
  className?: string;
757
- /** Display format for selected dates. */
758
- dateFormat?: string;
759
638
  }
639
+ declare function Content({ children, className }: SidebarContentProps): react_jsx_runtime.JSX.Element;
760
640
  /**
761
- * A date range picker with a single calendar for selecting start and end dates.
762
- *
763
- * @example
764
- * ```tsx
765
- * <RangePicker
766
- * placeholder="Selecione o período"
767
- * fromValue={filters.lastUpdateAtFrom}
768
- * toValue={filters.lastUpdateAtTo}
769
- * onFromChange={(value) => onFilterChange("lastUpdateAtFrom", value)}
770
- * onToChange={(value) => onFilterChange("lastUpdateAtTo", value)}
771
- * />
772
- * ```
641
+ * Props for the Sidebar Footer component.
773
642
  */
774
- declare const RangePicker: ({ id, placeholder, fromValue, toValue, onFromChange, onToChange, className, dateFormat, }: IRangePickerProps) => react_jsx_runtime.JSX.Element;
775
-
643
+ interface SidebarFooterProps {
644
+ children: ReactNode;
645
+ className?: string;
646
+ }
647
+ declare function Footer({ children, className }: SidebarFooterProps): react_jsx_runtime.JSX.Element;
776
648
  /**
777
- * A calendar component for date selection.
778
- *
779
- * @example
780
- * ```tsx
781
- * <Calendar
782
- * mode="single"
783
- * selected={date}
784
- * onSelect={setDate}
785
- * className="rounded-md border"
786
- * />
787
- * ```
649
+ * Props for the Sidebar Toggle component.
788
650
  */
789
- declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
790
- buttonVariant?: React$1.ComponentProps<typeof Button$1>["variant"];
791
- }): react_jsx_runtime.JSX.Element;
792
-
651
+ interface SidebarToggleProps {
652
+ className?: string;
653
+ }
654
+ declare function Toggle({ className }: SidebarToggleProps): react_jsx_runtime.JSX.Element;
793
655
  /**
794
- * A popover component for displaying rich content in a portal.
656
+ * Props for the Sidebar Logo component.
657
+ */
658
+ interface SidebarLogoProps {
659
+ src: string;
660
+ alt: string;
661
+ width?: number;
662
+ height?: number;
663
+ /** Logo width when the sidebar is collapsed. Defaults to 48. */
664
+ collapsedWidth?: number;
665
+ /** Logo height when the sidebar is collapsed. */
666
+ collapsedHeight?: number;
667
+ className?: string;
668
+ ImageComponent?: ComponentType<{
669
+ src: string;
670
+ alt: string;
671
+ width: number;
672
+ height: number;
673
+ className?: string;
674
+ }>;
675
+ }
676
+ declare function Logo({ src, alt, width, height, collapsedWidth, collapsedHeight, className, ImageComponent, }: SidebarLogoProps): react_jsx_runtime.JSX.Element;
677
+ /**
678
+ * Props for the Sidebar Link component.
679
+ */
680
+ interface SidebarLinkProps {
681
+ icon: LucideIcon;
682
+ children: ReactNode;
683
+ href: any;
684
+ active?: boolean;
685
+ className?: string;
686
+ LinkComponent?: ComponentType<{
687
+ href: any;
688
+ className?: string;
689
+ children: ReactNode;
690
+ title?: string;
691
+ }>;
692
+ }
693
+ declare function Link({ icon: Icon, children, href, active, className, LinkComponent, }: SidebarLinkProps): react_jsx_runtime.JSX.Element;
694
+ interface SidebarNavGroupProps {
695
+ icon: LucideIcon;
696
+ title: string;
697
+ isExpanded: boolean;
698
+ isActive?: boolean;
699
+ onToggle: () => void;
700
+ children: ReactNode;
701
+ className?: string;
702
+ }
703
+ declare function NavGroup({ icon: Icon, title, isExpanded, isActive, onToggle, children, className, }: SidebarNavGroupProps): react_jsx_runtime.JSX.Element;
704
+ interface SidebarNavSubLinkProps {
705
+ title: string;
706
+ href: string | Record<string, unknown>;
707
+ active?: boolean;
708
+ className?: string;
709
+ LinkComponent?: ComponentType<{
710
+ href: any;
711
+ className?: string;
712
+ children: ReactNode;
713
+ title?: string;
714
+ }>;
715
+ }
716
+ declare function NavSubLink({ title, href, active, className, LinkComponent, }: SidebarNavSubLinkProps): react_jsx_runtime.JSX.Element;
717
+ interface SidebarActionProps {
718
+ icon: LucideIcon;
719
+ label: string;
720
+ onClick: () => void;
721
+ className?: string;
722
+ }
723
+ declare function Action({ icon: Icon, label, onClick, className }: SidebarActionProps): react_jsx_runtime.JSX.Element;
724
+ /**
725
+ * A composable Sidebar component.
795
726
  *
796
727
  * @example
797
728
  * ```tsx
798
- * <Popover>
799
- * <PopoverTrigger>Open</PopoverTrigger>
800
- * <PopoverContent>Content</PopoverContent>
801
- * </Popover>
729
+ * const [collapsed, setCollapsed] = useState(false);
730
+ *
731
+ * return (
732
+ * <Sidebar.Root isCollapsed={collapsed} onToggleCollapse={() => setCollapsed(!collapsed)}>
733
+ * <Sidebar.Header>
734
+ * <Sidebar.Logo src="/logo.png" alt="Logo" />
735
+ * <Sidebar.Toggle />
736
+ * </Sidebar.Header>
737
+ * <Sidebar.Content>
738
+ * <Sidebar.Link icon={HomeIcon} href="/">Home</Sidebar.Link>
739
+ * </Sidebar.Content>
740
+ * <Sidebar.Footer>
741
+ * User Info
742
+ * </Sidebar.Footer>
743
+ * </Sidebar.Root>
744
+ * )
802
745
  * ```
803
746
  */
804
- declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
805
- declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
806
- declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
747
+ declare const Sidebar: {
748
+ Root: typeof Root;
749
+ Header: typeof Header;
750
+ Content: typeof Content;
751
+ Footer: typeof Footer;
752
+ Toggle: typeof Toggle;
753
+ Logo: typeof Logo;
754
+ Link: typeof Link;
755
+ NavGroup: typeof NavGroup;
756
+ NavSubLink: typeof NavSubLink;
757
+ Action: typeof Action;
758
+ };
807
759
 
808
- interface ComboboxItem {
809
- value: any;
810
- label: string;
811
- }
812
- interface GenericComboboxProps extends Omit<React$1.ComponentPropsWithoutRef<"div">, "onChange"> {
813
- items: ComboboxItem[];
814
- value: string | null;
815
- onChange: (value: string, item: ComboboxItem | null) => void;
816
- placeholder?: string;
817
- emptyMessage?: string;
760
+ type StackProps = HTMLAttributes<HTMLDivElement> & {
761
+ children: ReactNode;
762
+ /** The direction of the stack. Defaults to 'col'. */
763
+ direction?: "row" | "col";
764
+ /** The gap between elements. Maps to Tailwind gap utility (e.g. 4 -> gap-4). */
765
+ gap?: number;
766
+ /** Click handler. When set, the stack becomes keyboard-accessible (role="button"). */
767
+ onClick?: () => void;
818
768
  className?: string;
819
- searchPlaceholder?: string;
820
- onSearchChange?: (search: string) => void;
821
- filterLocally?: boolean;
822
- loading?: boolean;
823
- displayLabel?: string;
824
- disabled?: boolean;
825
- }
769
+ };
826
770
  /**
827
- * A searchable select component (Combobox).
771
+ * A layout component that arranges children in a stack (vertical or horizontal).
772
+ *
773
+ * When `onClick` is provided, the stack receives `role="button"`, `tabIndex={0}`,
774
+ * and responds to Enter and Space keys. Provide visible text or pass `aria-label`
775
+ * via props for accessibility.
828
776
  *
829
777
  * @example
830
778
  * ```tsx
831
- * <Combobox
832
- * items={[{ value: '1', label: 'Option 1' }]}
833
- * value={selectedValue}
834
- * onChange={setSelectedValue}
835
- * />
779
+ * <Stack direction="row" gap={4}>
780
+ * <Button>Btn 1</Button>
781
+ * <Button>Btn 2</Button>
782
+ * </Stack>
836
783
  * ```
837
784
  */
838
- declare function Combobox({ items, value, onChange, placeholder, emptyMessage, className, searchPlaceholder, onSearchChange, filterLocally, loading, displayLabel, disabled, }: GenericComboboxProps): react_jsx_runtime.JSX.Element;
785
+ declare function Stack({ children, onClick, direction, gap, className, ...props }: StackProps): react_jsx_runtime.JSX.Element;
839
786
 
840
787
  /**
841
788
  * Column definition for Table.
@@ -955,61 +902,57 @@ interface ITableSkeletonProps {
955
902
  */
956
903
  declare function TableSkeleton({ columns, rows, }: ITableSkeletonProps): react_jsx_runtime.JSX.Element;
957
904
 
958
- interface INoResultProps {
959
- /** Title shown in the empty state. */
960
- title?: string;
961
- /** Description shown in the empty state. */
962
- description?: string;
905
+ interface ITagItem {
906
+ key: string;
907
+ value: string;
963
908
  }
964
- /**
965
- * Default empty state for tables and lists with no data.
966
- *
967
- * @example
968
- * ```tsx
969
- * <NoResult />
970
- * ```
971
- */
972
- declare function NoResult({ title, description, }: INoResultProps): react_jsx_runtime.JSX.Element;
973
-
974
- /**
975
- * A placeholder skeleton with pulse animation.
976
- *
977
- * @example
978
- * ```tsx
979
- * <Skeleton className="h-4 w-[200px]" />
980
- * ```
981
- */
982
- declare function Skeleton({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
909
+ interface ITagInputProps {
910
+ value: ITagItem[];
911
+ onChange: (tags: ITagItem[]) => void;
912
+ keyPlaceholder?: string;
913
+ valuePlaceholder?: string;
914
+ disabled?: boolean;
915
+ }
916
+ declare function TagInput({ value, onChange, keyPlaceholder, valuePlaceholder, disabled, }: ITagInputProps): react_jsx_runtime.JSX.Element;
983
917
 
918
+ type TypographyProps = HTMLAttributes<HTMLParagraphElement> & {
919
+ children: ReactNode;
920
+ className?: string;
921
+ };
922
+ declare function H1({ children, className, ...props }: TypographyProps): react_jsx_runtime.JSX.Element;
923
+ declare function Muted({ children, className, ...props }: TypographyProps): react_jsx_runtime.JSX.Element;
984
924
  /**
985
- * A modal dialog component.
925
+ * Typography components for consistent text styling.
986
926
  *
987
927
  * @example
988
928
  * ```tsx
989
- * <Dialog>
990
- * <DialogTrigger>Open</DialogTrigger>
991
- * <DialogContent>
992
- * <DialogTitle>Title</DialogTitle>
993
- * <DialogDescription>Desc</DialogDescription>
994
- * </DialogContent>
995
- * </Dialog>
929
+ * <Typography.H1>Main Title</Typography.H1>
930
+ * <Typography.Muted>Subtitle text</Typography.Muted>
996
931
  * ```
997
932
  */
998
- declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
999
- declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
1000
- declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1001
- showCloseButton?: boolean;
1002
- } & React$1.RefAttributes<HTMLDivElement>>;
1003
- declare const DialogHeader: {
1004
- ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
1005
- displayName: string;
933
+ declare const Typography: {
934
+ H1: typeof H1;
935
+ Muted: typeof Muted;
1006
936
  };
1007
- declare const DialogFooter: {
1008
- ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
1009
- displayName: string;
937
+
938
+ type TooltipComponentProps = {
939
+ trigger: React.ReactNode;
940
+ children: React.ReactNode;
941
+ className?: string;
942
+ triggerClassName?: string;
1010
943
  };
1011
- declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
1012
- declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
944
+ declare const TooltipComponent: ({ triggerClassName, className, trigger, children, }: TooltipComponentProps) => react_jsx_runtime.JSX.Element;
945
+
946
+ declare const Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
947
+ declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
948
+ declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
949
+ declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
950
+
951
+ declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
952
+ variant?: "default" | "destructive" | null | undefined;
953
+ } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
954
+ declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
955
+ declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
1013
956
 
1014
957
  /**
1015
958
  * A modal dialog that interrupts the user with important content and expects a response.
@@ -1042,6 +985,137 @@ declare function AlertDialogDescription({ className, ...props }: React$1.Compone
1042
985
  declare function AlertDialogAction({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime.JSX.Element;
1043
986
  declare function AlertDialogCancel({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime.JSX.Element;
1044
987
 
988
+ declare const badgeVariants: (props?: ({
989
+ variant?: "default" | "destructive" | "secondary" | "warning" | "outline" | "success" | "info" | null | undefined;
990
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
991
+ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
992
+ }
993
+ /**
994
+ * Displays a badge or a component that looks like a badge.
995
+ *
996
+ * @example
997
+ * ```tsx
998
+ * <Badge>Default</Badge>
999
+ * <Badge variant="secondary">Secondary</Badge>
1000
+ * ```
1001
+ */
1002
+ declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
1003
+
1004
+ declare function Breadcrumb({ ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
1005
+ declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
1006
+ declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
1007
+ declare function BreadcrumbLink({ asChild, className, ...props }: React$1.ComponentProps<"a"> & {
1008
+ asChild?: boolean;
1009
+ }): react_jsx_runtime.JSX.Element;
1010
+ declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
1011
+ declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
1012
+ declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
1013
+
1014
+ declare const buttonVariants: (props?: ({
1015
+ variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
1016
+ size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
1017
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1018
+ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
1019
+ asChild?: boolean;
1020
+ icon?: React$1.ReactNode;
1021
+ label?: React$1.ReactNode;
1022
+ iconPosition?: "start" | "end";
1023
+ /** Button height in pixels or any valid CSS length. */
1024
+ height?: number | string;
1025
+ /** Button width in pixels or any valid CSS length. */
1026
+ width?: number | string;
1027
+ }
1028
+ /**
1029
+ * Displays a button or a component that looks like a button.
1030
+ *
1031
+ * @example
1032
+ * ```tsx
1033
+ * <Button variant="default">Click me</Button>
1034
+ * <Button variant="outline" size="sm">Action</Button>
1035
+ * <Button
1036
+ * label="Criar novo lote"
1037
+ * icon={<SquarePlus size={16} />}
1038
+ * width={200}
1039
+ * />
1040
+ * ```
1041
+ */
1042
+ declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
1043
+
1044
+ /**
1045
+ * A calendar component for date selection.
1046
+ *
1047
+ * @example
1048
+ * ```tsx
1049
+ * <Calendar
1050
+ * mode="single"
1051
+ * selected={date}
1052
+ * onSelect={setDate}
1053
+ * className="rounded-md border"
1054
+ * />
1055
+ * ```
1056
+ */
1057
+ declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
1058
+ buttonVariant?: React$1.ComponentProps<typeof Button$1>["variant"];
1059
+ }): react_jsx_runtime.JSX.Element;
1060
+
1061
+ /**
1062
+ * A container for grouping related content.
1063
+ *
1064
+ * @example
1065
+ * ```tsx
1066
+ * <Card>
1067
+ * <CardHeader>
1068
+ * <CardTitle>Title</CardTitle>
1069
+ * </CardHeader>
1070
+ * <CardContent>Content</CardContent>
1071
+ * </Card>
1072
+ * ```
1073
+ */
1074
+ declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
1075
+ declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
1076
+ declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
1077
+ declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
1078
+ declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
1079
+ declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
1080
+
1081
+ declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1082
+
1083
+ interface ComboboxItem {
1084
+ value: any;
1085
+ label: string;
1086
+ }
1087
+ interface GenericComboboxProps extends Omit<React$1.ComponentPropsWithoutRef<"div">, "onChange"> {
1088
+ items: ComboboxItem[];
1089
+ value: string | null;
1090
+ onChange: (value: string, item: ComboboxItem | null) => void;
1091
+ placeholder?: string;
1092
+ emptyMessage?: string;
1093
+ className?: string;
1094
+ searchPlaceholder?: string;
1095
+ onSearchChange?: (search: string) => void;
1096
+ filterLocally?: boolean;
1097
+ loading?: boolean;
1098
+ loadingMore?: boolean;
1099
+ hasMore?: boolean;
1100
+ onEndReached?: () => void;
1101
+ onOpenChange?: (open: boolean) => void;
1102
+ displayLabel?: string;
1103
+ disabled?: boolean;
1104
+ }
1105
+ /**
1106
+ * A searchable select component (Combobox).
1107
+ *
1108
+ * @example
1109
+ * ```tsx
1110
+ * <Combobox
1111
+ * items={[{ value: '1', label: 'Option 1' }]}
1112
+ * value={selectedValue}
1113
+ * onChange={setSelectedValue}
1114
+ * />
1115
+ * ```
1116
+ */
1117
+ declare function Combobox({ items, value, onChange, placeholder, emptyMessage, className, searchPlaceholder, onSearchChange, filterLocally, loading, loadingMore, hasMore, onEndReached, onOpenChange, displayLabel, disabled, }: GenericComboboxProps): react_jsx_runtime.JSX.Element;
1118
+
1045
1119
  /**
1046
1120
  * A command palette component.
1047
1121
  *
@@ -1070,30 +1144,35 @@ declare function CommandSeparator({ className, ...props }: React$1.ComponentProp
1070
1144
  declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
1071
1145
  declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
1072
1146
 
1073
- declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1074
-
1075
- declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
1076
-
1077
- declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
1078
- declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
1079
- declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
1080
- declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1081
-
1082
- declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
1083
- variant?: "default" | "destructive" | null | undefined;
1084
- } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
1085
- declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
1086
- declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
1087
-
1088
- declare function Breadcrumb({ ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
1089
- declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
1090
- declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
1091
- declare function BreadcrumbLink({ asChild, className, ...props }: React$1.ComponentProps<"a"> & {
1092
- asChild?: boolean;
1093
- }): react_jsx_runtime.JSX.Element;
1094
- declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
1095
- declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
1096
- declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
1147
+ /**
1148
+ * A modal dialog component.
1149
+ *
1150
+ * @example
1151
+ * ```tsx
1152
+ * <Dialog>
1153
+ * <DialogTrigger>Open</DialogTrigger>
1154
+ * <DialogContent>
1155
+ * <DialogTitle>Title</DialogTitle>
1156
+ * <DialogDescription>Desc</DialogDescription>
1157
+ * </DialogContent>
1158
+ * </Dialog>
1159
+ * ```
1160
+ */
1161
+ declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
1162
+ declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
1163
+ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1164
+ showCloseButton?: boolean;
1165
+ } & React$1.RefAttributes<HTMLDivElement>>;
1166
+ declare const DialogHeader: {
1167
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
1168
+ displayName: string;
1169
+ };
1170
+ declare const DialogFooter: {
1171
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
1172
+ displayName: string;
1173
+ };
1174
+ declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
1175
+ declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
1097
1176
 
1098
1177
  declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
1099
1178
  declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -1120,170 +1199,91 @@ declare const DropdownMenuShortcut: {
1120
1199
  displayName: string;
1121
1200
  };
1122
1201
 
1123
- declare const Radio: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
1124
-
1125
1202
  /**
1126
- * Spinner component
1127
- * @param size the size of the spinner in REM
1128
- * @returns
1203
+ * A placeholder component for empty states.
1204
+ *
1205
+ * @example
1206
+ * ```tsx
1207
+ * <Empty>
1208
+ * <EmptyHeader>
1209
+ * <EmptyTitle>No data</EmptyTitle>
1210
+ * </EmptyHeader>
1211
+ * </Empty>
1212
+ * ```
1129
1213
  */
1130
- declare const Spinner: ({ size }: {
1131
- size?: number;
1132
- }) => react_jsx_runtime.JSX.Element;
1133
-
1134
- declare const ErrorMessage: ({ error }: {
1135
- error: FieldError | undefined;
1136
- }) => react_jsx_runtime.JSX.Element;
1137
-
1138
- declare const ErrorToastContent: ({ message, error, }: {
1139
- message: string;
1140
- error: string;
1141
- }) => react_jsx_runtime.JSX.Element;
1214
+ declare function Empty({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1215
+ declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1216
+ declare const emptyMediaVariants: (props?: ({
1217
+ variant?: "default" | "icon" | null | undefined;
1218
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1219
+ declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime.JSX.Element;
1220
+ declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1221
+ declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
1222
+ declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1142
1223
 
1143
- interface IAlertWithIconProps {
1144
- icon: ReactNode;
1145
- title: string;
1146
- description: string;
1147
- variant?: "default" | "destructive";
1148
- className?: string;
1224
+ interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
1225
+ icon?: ReactNode;
1149
1226
  }
1150
1227
  /**
1151
- * Alert with icon, title and description.
1228
+ * Displays a styled input field with optional leading icon.
1229
+ *
1230
+ * @example
1231
+ * ```tsx
1232
+ * <Input placeholder="Enter text..." />
1233
+ * <Input icon={<Search className="h-4 w-4" />} placeholder="Search..." />
1234
+ * ```
1152
1235
  */
1153
- declare function AlertWithIcon({ icon, title, description, variant, className, }: IAlertWithIconProps): react_jsx_runtime.JSX.Element;
1236
+ declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
1154
1237
 
1155
- type DynamicListFn = (modelClass: string, filterDict: Record<string, unknown>, searchFields?: string[]) => Promise<[
1156
- Record<string, unknown>[] | null,
1157
- {
1158
- message: string;
1159
- } | null
1160
- ]>;
1161
- type FKSelectFetcherParams = {
1162
- search: string;
1163
- modelClass: string;
1164
- labelName: string;
1165
- additionalFilters?: Record<string, unknown>;
1166
- fields?: string[];
1167
- };
1168
- type CreateFKSelectFetcherOptions = {
1169
- additionalFilters?: Record<string, unknown>;
1170
- fields?: string[];
1171
- };
1172
- /**
1173
- * Fetches FK select options via an injected dynamicList function.
1174
- */
1175
- declare const fkSelectFetcher: (dynamicList: DynamicListFn, { search, modelClass, labelName, additionalFilters, fields, }: FKSelectFetcherParams) => Promise<Record<string, unknown>[]>;
1176
- /**
1177
- * Creates a stable fetcher function for FKSelect.
1178
- */
1179
- declare const createFKSelectFetcher: (dynamicList: DynamicListFn, labelName: string, options?: CreateFKSelectFetcherOptions) => (params: FKFetcherParams) => Promise<Record<string, unknown>[]>;
1238
+ declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
1180
1239
 
1181
- interface IMarkdownEditorProps {
1182
- value: string;
1183
- onChange: (value: string) => void;
1184
- placeholder?: string;
1185
- error?: string;
1186
- disabled?: boolean;
1187
- className?: string;
1188
- /** Toast UI theme. Defaults to following the document `.dark` class. */
1189
- theme?: "light" | "dark";
1190
- }
1191
1240
  /**
1192
- * WYSIWYG markdown editor wrapper around Toast UI Editor.
1241
+ * A popover component for displaying rich content in a portal.
1242
+ *
1243
+ * @example
1244
+ * ```tsx
1245
+ * <Popover>
1246
+ * <PopoverTrigger>Open</PopoverTrigger>
1247
+ * <PopoverContent>Content</PopoverContent>
1248
+ * </Popover>
1249
+ * ```
1193
1250
  */
1194
- declare function MarkdownEditor({ value, onChange, placeholder, error, disabled, className, theme, }: IMarkdownEditorProps): react_jsx_runtime.JSX.Element;
1251
+ declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
1252
+ declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
1253
+ declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1195
1254
 
1196
- declare function Loading(): react_jsx_runtime.JSX.Element;
1255
+ declare const Radio: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
1197
1256
 
1198
- interface ErrorBoundaryProps {
1199
- children: ReactNode;
1200
- hasError: boolean;
1201
- message?: string;
1202
- className?: string;
1203
- }
1204
- declare const ErrorBoundary: ({ children, hasError, message, }: ErrorBoundaryProps) => react_jsx_runtime.JSX.Element;
1257
+ declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
1258
+ declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
1259
+ declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
1260
+ declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1261
+ declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1262
+ declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1263
+ declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1264
+ declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1265
+ declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1266
+ declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1205
1267
 
1206
1268
  /**
1207
- * DeleteDialog - Confirmation dialog component for delete documents.
1269
+ * A placeholder skeleton with pulse animation.
1270
+ *
1271
+ * @example
1272
+ * ```tsx
1273
+ * <Skeleton className="h-4 w-[200px]" />
1274
+ * ```
1208
1275
  */
1209
- declare const DeleteDialog: ({ openDialog, setOpenDialog, handleDelete, count, }: {
1210
- openDialog: boolean;
1211
- setOpenDialog: (value: boolean) => void;
1212
- handleDelete: () => void;
1213
- count?: number;
1214
- }) => react_jsx_runtime.JSX.Element;
1276
+ declare function Skeleton({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
1215
1277
 
1216
- declare const ClearButton: ({ handleClear }: {
1217
- handleClear: () => void;
1278
+ /**
1279
+ * Spinner component
1280
+ * @param size the size of the spinner in REM
1281
+ * @returns
1282
+ */
1283
+ declare const Spinner: ({ size }: {
1284
+ size?: number;
1218
1285
  }) => react_jsx_runtime.JSX.Element;
1219
1286
 
1220
- type TooltipComponentProps = {
1221
- trigger: React.ReactNode;
1222
- children: React.ReactNode;
1223
- className?: string;
1224
- triggerClassName?: string;
1225
- };
1226
- declare const TooltipComponent: ({ triggerClassName, className, trigger, children, }: TooltipComponentProps) => react_jsx_runtime.JSX.Element;
1227
-
1228
- type PaginationProps = {
1229
- startRecord: number;
1230
- endRecord: number;
1231
- hasValidSearchValues: boolean;
1232
- tabCount: number;
1233
- disabledLoadBackButton: boolean;
1234
- disabledLoadMoreButton: boolean;
1235
- loadBack: () => void;
1236
- loadMore: () => void;
1237
- };
1238
- declare const Pagination: ({ startRecord, endRecord, hasValidSearchValues, tabCount, disabledLoadBackButton, disabledLoadMoreButton, loadBack, loadMore, }: PaginationProps) => react_jsx_runtime.JSX.Element;
1239
-
1240
- interface ITagItem {
1241
- key: string;
1242
- value: string;
1243
- }
1244
- interface ITagInputProps {
1245
- value: ITagItem[];
1246
- onChange: (tags: ITagItem[]) => void;
1247
- keyPlaceholder?: string;
1248
- valuePlaceholder?: string;
1249
- disabled?: boolean;
1250
- }
1251
- declare function TagInput({ value, onChange, keyPlaceholder, valuePlaceholder, disabled, }: ITagInputProps): react_jsx_runtime.JSX.Element;
1252
-
1253
- type ExpectedFile = {
1254
- file: string;
1255
- };
1256
- type RetrieveFileFn = (modelClass: string, fileId: number) => Promise<[
1257
- {
1258
- data: number[];
1259
- contentType: string;
1260
- } | null,
1261
- {
1262
- message: string;
1263
- } | null
1264
- ]>;
1265
- interface IDownloadButtonProps<T extends ExpectedFile> {
1266
- item: T;
1267
- propertyName: keyof T;
1268
- modelClass: string;
1269
- retrieveFile?: RetrieveFileFn;
1270
- }
1271
- declare const DownloadButton: <T extends ExpectedFile>({ item, modelClass, propertyName, retrieveFile, }: IDownloadButtonProps<T>) => react_jsx_runtime.JSX.Element;
1272
-
1273
- interface IMultiSelectOption {
1274
- label: string;
1275
- value: string;
1276
- }
1277
- interface IMultiSelectDropdownProps {
1278
- options: IMultiSelectOption[];
1279
- selected: string[];
1280
- onChange: (selected: string[]) => void;
1281
- placeholder?: string;
1282
- className?: string;
1283
- maxDisplay?: number;
1284
- }
1285
- declare function MultiSelectDropdown({ options, selected, onChange, placeholder, className, maxDisplay, }: IMultiSelectDropdownProps): react_jsx_runtime.JSX.Element;
1286
-
1287
1287
  declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & {
1288
1288
  /** When false, renders only the table element (no scroll wrapper). */
1289
1289
  wrap?: boolean;
@@ -1296,16 +1296,30 @@ declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttribu
1296
1296
  declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
1297
1297
  declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
1298
1298
 
1299
- declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
1300
- declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
1301
- declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
1302
- declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1303
- declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1304
- declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1305
- declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1306
- declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1307
- declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1308
- declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1299
+ /**
1300
+ * A set of layered sections of content—known as tab panels—that are displayed one at a time.
1301
+ *
1302
+ * @example
1303
+ * ```tsx
1304
+ * <Tabs defaultValue="account">
1305
+ * <TabsList>
1306
+ * <TabsTrigger value="account">Account</TabsTrigger>
1307
+ * </TabsList>
1308
+ * <TabsContent value="account">Content</TabsContent>
1309
+ * </Tabs>
1310
+ * ```
1311
+ */
1312
+ declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
1313
+ declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1314
+ declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1315
+ declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1316
+
1317
+ declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
1318
+
1319
+ declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
1320
+ declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
1321
+ declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
1322
+ declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1309
1323
 
1310
1324
  export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertWithIcon, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ClearButton, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmationDialog, DatePicker, DeleteDialog, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DownloadButton, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, PumpwoodDropzone as Dropzone, Empty, EmptyContainer, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, ErrorBoundary, ErrorMessage, ErrorToastContent, FKSelect, FileDropzone, Input, Label, Loading, MarkdownEditor, MultiSelectDropdown, NoResult, Pagination, PopConfirm, Popover, PopoverContent, PopoverTrigger, PumpwoodBadge, PumpwoodCard, PumpwoodTable, Radio, RangePicker, Select$1 as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, Select as SelectPrimitive, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, Skeleton, Spinner, Stack, Table$1 as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, Table as TablePrimitive, TableRow, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TagInput, Textarea, Tooltip, TooltipComponent, TooltipContent, TooltipProvider, TooltipTrigger, Typography, badgeVariants, createFKSelectFetcher, fkSelectFetcher, pumpwoodBadgeVariants, useSidebarCollapse };
1311
- export type { ComboboxItem, CreateFKSelectFetcherOptions, DynamicListFn, FKFetcherParams, FKSelectFetcherParams, IAlertWithIconProps, IDatePickerProps, IFKSelectProps, IMarkdownEditorProps, IMultiSelectOption, IRangePickerProps, ISelectFKProps, ISelectProps, IStaticSelectProps, ITableColumn, ITableProps, ITagItem, IUseSidebarCollapseOptions, PopConfirmProps, RetrieveFileFn };
1325
+ export type { ComboboxItem, CreateFKSelectFetcherOptions, DynamicListFn, DynamicListPagination, FKFetcherPageResult, FKFetcherParams, FKFetcherReturn, FKSelectFetcherParams, IAlertWithIconProps, IDatePickerProps, IFKSelectProps, IMarkdownEditorProps, IMultiSelectOption, IRangePickerProps, ISelectFKProps, ISelectProps, IStaticSelectProps, ITableColumn, ITableProps, ITagItem, IUseSidebarCollapseOptions, PopConfirmProps, RetrieveFileFn };