najm-kit 0.0.7

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.
@@ -0,0 +1,2812 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as React$1 from 'react';
3
+ import React__default, { ComponentType, ReactNode, MouseEventHandler, InputHTMLAttributes, Ref } from 'react';
4
+ import * as class_variance_authority_types from 'class-variance-authority/types';
5
+ import { VariantProps } from 'class-variance-authority';
6
+ import * as LabelPrimitive from '@radix-ui/react-label';
7
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
8
+ import * as zustand from 'zustand';
9
+ import { StoreApi } from 'zustand';
10
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
11
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
12
+ import * as SelectPrimitive from '@radix-ui/react-select';
13
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
14
+ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
15
+ import * as SwitchPrimitive from '@radix-ui/react-switch';
16
+ import * as TabsPrimitive from '@radix-ui/react-tabs';
17
+ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
18
+ import * as ProgressPrimitive from '@radix-ui/react-progress';
19
+ import * as SeparatorPrimitive from '@radix-ui/react-separator';
20
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
21
+ import { Command as Command$1 } from 'cmdk';
22
+ import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
23
+ import * as TogglePrimitive from '@radix-ui/react-toggle';
24
+ import { ToasterProps } from 'sonner';
25
+ import * as react_hook_form from 'react-hook-form';
26
+ import { FieldValues, FieldPath, ControllerProps, UseFormProps, SubmitHandler, UseFormReturn } from 'react-hook-form';
27
+ import { Slot } from '@radix-ui/react-slot';
28
+ import { LucideProps, LucideIcon } from 'lucide-react';
29
+ import { ZodTypeAny, TypeOf } from 'zod';
30
+ import { SortingState, ExpandedState, ColumnDef, Row, ColumnFiltersState, VisibilityState, RowSelectionState } from '@tanstack/react-table';
31
+ export { N as NTableJson } from './NTableJson-tXqgfZI1.js';
32
+ import * as _tanstack_table_core from '@tanstack/table-core';
33
+ import { ClassValue } from 'clsx';
34
+
35
+ type NajmMode = 'light' | 'dark';
36
+ type NajmAccent = 'neutral' | 'emerald' | 'green' | 'slate' | 'blue' | 'violet';
37
+ type NajmPreset = 'light' | 'dark' | 'dark-emerald' | 'dark-green' | 'dark-slate' | 'dark-blue' | 'dark-violet';
38
+ interface NajmThemeTokens {
39
+ background?: string;
40
+ foreground?: string;
41
+ card?: string;
42
+ 'card-foreground'?: string;
43
+ popover?: string;
44
+ 'popover-foreground'?: string;
45
+ primary?: string;
46
+ 'primary-foreground'?: string;
47
+ secondary?: string;
48
+ 'secondary-foreground'?: string;
49
+ tertiary?: string;
50
+ 'tertiary-foreground'?: string;
51
+ muted?: string;
52
+ 'muted-foreground'?: string;
53
+ accent?: string;
54
+ 'accent-foreground'?: string;
55
+ destructive?: string;
56
+ 'destructive-foreground'?: string;
57
+ border?: string;
58
+ input?: string;
59
+ ring?: string;
60
+ radius?: string;
61
+ }
62
+ interface NajmThemeProviderProps {
63
+ preset?: NajmPreset;
64
+ mode?: NajmMode;
65
+ accent?: NajmAccent;
66
+ tokens?: NajmThemeTokens;
67
+ /** When true, only inject accent tokens (primary, ring, accent and their foregrounds).
68
+ * Everything else (bg, card, fg…) is inherited from the parent cascade. */
69
+ accentOnly?: boolean;
70
+ className?: string;
71
+ asChild?: boolean;
72
+ children: React.ReactNode;
73
+ }
74
+
75
+ declare function NajmThemeProvider({ preset, mode, accent, tokens, accentOnly, className, asChild, children, }: NajmThemeProviderProps): react_jsx_runtime.JSX.Element;
76
+
77
+ declare function composePreset(mode: NajmMode, accent: NajmAccent): NajmThemeTokens;
78
+ declare function resolvePreset(preset: NajmPreset): NajmThemeTokens;
79
+
80
+ interface KeyboardOptions {
81
+ enabled?: boolean;
82
+ preventDefault?: boolean;
83
+ ignoreInputs?: boolean;
84
+ }
85
+ declare function useKeyboard(shortcut: string, handler: (e: KeyboardEvent) => void, options?: KeyboardOptions): void;
86
+
87
+ declare function useDelayedLoading(delay?: number): boolean;
88
+
89
+ interface UseClickOutsideOptions {
90
+ enabled?: boolean;
91
+ onClickOutside: () => void;
92
+ }
93
+ declare function useClickOutside(ref: React.RefObject<HTMLElement | null>, options: UseClickOutsideOptions): void;
94
+
95
+ declare function useDebouncedValue<T>(value: T, delay: number): T;
96
+
97
+ declare function useLocalStorageState<T>(key: string, initialValue: T): [T, React.Dispatch<React.SetStateAction<T>>];
98
+
99
+ declare function useInfiniteScroll(hasMore: boolean, onLoadMore: () => void, options?: {
100
+ rootMargin?: string;
101
+ }): {
102
+ sentinelRef: React$1.RefObject<HTMLDivElement>;
103
+ scrollContainerRef: React$1.RefObject<HTMLElement>;
104
+ observe: () => () => void;
105
+ doneLoading: () => void;
106
+ };
107
+
108
+ declare function useSelection(visibleIds: string[]): {
109
+ selectedIds: Set<string>;
110
+ toggleRow: (id: string) => void;
111
+ toggleAllVisible: () => void;
112
+ clearSelection: () => void;
113
+ allVisibleSelected: boolean;
114
+ someVisibleSelected: boolean;
115
+ };
116
+
117
+ type NIconSource = React__default.ReactElement | React__default.ComponentType<any> | React__default.ExoticComponent<any> | string | {
118
+ src: string;
119
+ alt?: string;
120
+ };
121
+ type NIconProps = Omit<React__default.HTMLAttributes<HTMLElement>, "children"> & {
122
+ size?: string | number;
123
+ icon: NIconSource;
124
+ alt?: string;
125
+ color?: string;
126
+ className?: string;
127
+ strokeWidth?: number;
128
+ stroke?: string;
129
+ fill?: string;
130
+ onClick?: React__default.MouseEventHandler<HTMLElement>;
131
+ style?: React__default.CSSProperties;
132
+ };
133
+ declare const NIcon: React__default.FC<NIconProps>;
134
+
135
+ declare const buttonVariants: (props?: {
136
+ variant?: "secondary" | "tertiary" | "destructive" | "default" | "outline" | "link" | "ghost" | "success" | "warning" | "info" | "soft" | "subtle" | "plain";
137
+ size?: "default" | "icon" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "icon-xs" | "icon-sm" | "icon-lg" | "icon-xl";
138
+ rounded?: "none" | "default" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
139
+ fullWidth?: boolean;
140
+ } & class_variance_authority_types.ClassProp) => string;
141
+ type ButtonVariantProps = VariantProps<typeof buttonVariants>;
142
+ type AsyncClickHandler = (event: React$1.MouseEvent<HTMLButtonElement>) => void | Promise<unknown>;
143
+ type ButtonVariant = NonNullable<ButtonVariantProps["variant"]>;
144
+ type ButtonSize = NonNullable<ButtonVariantProps["size"]>;
145
+ type ButtonRounded = NonNullable<ButtonVariantProps["rounded"]>;
146
+ type ButtonLoaderPosition = "left" | "right" | "center";
147
+ type ButtonIcon = NIconSource;
148
+ interface ButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "onClick">, ButtonVariantProps {
149
+ asChild?: boolean;
150
+ loading?: boolean;
151
+ autoLoading?: boolean;
152
+ disabledWhileLoading?: boolean;
153
+ loadingText?: React$1.ReactNode;
154
+ loader?: React$1.ReactNode;
155
+ loaderPosition?: ButtonLoaderPosition;
156
+ leftIcon?: ButtonIcon;
157
+ rightIcon?: ButtonIcon;
158
+ onClick?: AsyncClickHandler;
159
+ }
160
+ type NButtonProps = ButtonProps;
161
+ declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
162
+ declare const NButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
163
+
164
+ declare const badgeVariants: (props?: {
165
+ variant?: "secondary" | "destructive" | "default" | "outline" | "success" | "warning";
166
+ } & class_variance_authority_types.ClassProp) => string;
167
+ declare const badgeColorVariants: (props?: {
168
+ color?: "neutral" | "primary" | "accent" | "secondary" | "destructive" | "success" | "warning" | "info";
169
+ look?: "solid" | "outline" | "soft" | "dash";
170
+ size?: "sm" | "md" | "lg";
171
+ shape?: "default" | "square" | "pill";
172
+ } & class_variance_authority_types.ClassProp) => string;
173
+ type BadgeVariantProps = VariantProps<typeof badgeVariants>;
174
+ type BadgeColorVariantProps = VariantProps<typeof badgeColorVariants>;
175
+ type BadgeColor = NonNullable<BadgeColorVariantProps["color"]>;
176
+ type BadgeLook = NonNullable<BadgeColorVariantProps["look"]>;
177
+ type BadgeDisplayLook = BadgeLook | "minimal" | "text";
178
+ type BadgeSize = NonNullable<BadgeColorVariantProps["size"]>;
179
+ type BadgeShape = NonNullable<BadgeColorVariantProps["shape"]>;
180
+ type BadgeVariant = NonNullable<BadgeVariantProps["variant"]>;
181
+ type BadgeIcon = NIconSource;
182
+ type BadgeProps = React$1.ComponentProps<"span"> & {
183
+ asChild?: boolean;
184
+ variant?: BadgeVariantProps["variant"];
185
+ status?: string;
186
+ statusMap?: Record<string, BadgeColor>;
187
+ label?: string;
188
+ showIcon?: boolean;
189
+ color?: BadgeColor;
190
+ look?: BadgeDisplayLook;
191
+ size?: BadgeSize;
192
+ shape?: BadgeShape;
193
+ icon?: BadgeIcon;
194
+ iconMap?: Record<string, BadgeIcon>;
195
+ iconPosition?: "left" | "right";
196
+ };
197
+ declare function Badge({ className, variant, status, statusMap, label, showIcon, color, look, size, shape, icon, iconMap, iconPosition, asChild, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
198
+ declare const NBadge: typeof Badge;
199
+ type NBadgeLook = BadgeDisplayLook;
200
+ type NBadgeProps = BadgeProps;
201
+
202
+ declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
203
+
204
+ declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
205
+
206
+ declare function Label({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
207
+
208
+ declare function Card({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
209
+ declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
210
+ declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
211
+ declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
212
+ declare function CardAction({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
213
+ declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
214
+ declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
215
+
216
+ declare function Dialog({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
217
+ declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
218
+ declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
219
+ declare function DialogClose({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
220
+ declare function DialogOverlay({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
221
+ declare function DialogContent({ className, children, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Content>): react_jsx_runtime.JSX.Element;
222
+ declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
223
+ declare function DialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
224
+ declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
225
+ declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
226
+
227
+ type SelectItemType$1 = {
228
+ value: string;
229
+ label: string;
230
+ icon?: string | ComponentType<{
231
+ className?: string;
232
+ }>;
233
+ };
234
+ type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'full';
235
+ type DialogWidth = 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full' | 'auto';
236
+ type DialogHeight = 'auto' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'full';
237
+ type RenderSlot<T = any> = T | ((ctx: T) => ReactNode);
238
+
239
+ interface ButtonConfig {
240
+ text: string;
241
+ variant?: "default" | "destructive" | "secondary" | "outline" | "tertiary" | "ghost";
242
+ icon?: NIconSource;
243
+ loadingText?: string;
244
+ onClick?: (data?: any) => void | Promise<void>;
245
+ onConfirm?: (data?: any) => void | Promise<void>;
246
+ loading?: boolean;
247
+ disabled?: boolean;
248
+ form?: string;
249
+ }
250
+ interface DialogConfig {
251
+ id: string;
252
+ title?: string;
253
+ description?: string;
254
+ children?: ReactNode;
255
+ primaryButton?: ButtonConfig;
256
+ secondaryButton?: ButtonConfig;
257
+ showButtons: boolean;
258
+ size?: DialogSize;
259
+ width?: DialogWidth;
260
+ height?: DialogHeight;
261
+ className?: string;
262
+ }
263
+ /** Internal store shape that adds promise handlers. */
264
+ interface PromiseDialogConfig extends DialogConfig {
265
+ resolve?: (value: any) => void;
266
+ reject?: (reason?: any) => void;
267
+ }
268
+ interface PushDialogOptions {
269
+ title?: string;
270
+ description?: string;
271
+ children?: ReactNode;
272
+ primaryButton?: Partial<ButtonConfig>;
273
+ secondaryButton?: Partial<ButtonConfig>;
274
+ showButtons?: boolean;
275
+ size?: DialogSize;
276
+ width?: DialogWidth;
277
+ height?: DialogHeight;
278
+ className?: string;
279
+ }
280
+ interface DeleteDialogOptions {
281
+ title?: string;
282
+ description?: string;
283
+ itemName: string;
284
+ itemType?: string;
285
+ icon?: NIconSource;
286
+ confirmText?: string;
287
+ cancelText?: string;
288
+ size?: DialogSize;
289
+ className?: string;
290
+ loading?: boolean;
291
+ onConfirm?: () => void | Promise<void>;
292
+ }
293
+ interface DialogApi {
294
+ custom: (options: PushDialogOptions) => Promise<any>;
295
+ openDialog: (options: PushDialogOptions) => Promise<any>;
296
+ confirmDelete: (options: DeleteDialogOptions) => Promise<any>;
297
+ closeAll: () => void;
298
+ push: (options: PushDialogOptions) => Promise<any>;
299
+ pop: (result?: any) => void;
300
+ }
301
+
302
+ interface DialogStoreState {
303
+ dialogs: PromiseDialogConfig[];
304
+ pushDialog: (config: PushDialogOptions) => Promise<any>;
305
+ popDialog: (result?: any) => void;
306
+ closeDialog: (id: string, result?: any) => void;
307
+ closeAllDialogs: () => void;
308
+ getCurrentDialog: () => PromiseDialogConfig | undefined;
309
+ setPrimaryLoading: (loading: boolean) => void;
310
+ setSecondaryLoading: (loading: boolean) => void;
311
+ updatePrimaryButton: (config: Partial<ButtonConfig>, dialogId?: string) => void;
312
+ updateSecondaryButton: (config: Partial<ButtonConfig>, dialogId?: string) => void;
313
+ updateShowButtons: (show: boolean, dialogId?: string) => void;
314
+ handlePrimaryClick: (dialogId: string, data?: any) => Promise<void>;
315
+ handleSecondaryClick: (dialogId: string, data?: any) => Promise<void>;
316
+ handleConfirm: (data?: any) => Promise<void>;
317
+ handleOpenChange: (dialogId: string, open: boolean) => void;
318
+ }
319
+ declare function createDialogStore(): zustand.UseBoundStore<zustand.StoreApi<DialogStoreState>>;
320
+ type DialogStore = ReturnType<typeof createDialogStore>;
321
+ declare function useDialogStore(): DialogStore;
322
+
323
+ declare const dialogVariants: (props?: {
324
+ size?: "sm" | "md" | "lg" | "xl" | "full" | "xxl";
325
+ width?: "auto" | "sm" | "md" | "lg" | "xl" | "full" | "xxl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl";
326
+ height?: "auto" | "sm" | "md" | "lg" | "xl" | "full" | "xxl";
327
+ } & class_variance_authority_types.ClassProp) => string;
328
+ interface NMultiDialogProps {
329
+ store?: DialogStore;
330
+ }
331
+ declare function NMultiDialog({ store: storeProp }: NMultiDialogProps): react_jsx_runtime.JSX.Element;
332
+ interface NDialogDirectProps extends PushDialogOptions {
333
+ trigger?: React__default.ReactElement;
334
+ open?: boolean;
335
+ defaultOpen?: boolean;
336
+ onOpenChange?: (open: boolean) => void;
337
+ closeOnPrimary?: boolean;
338
+ closeOnSecondary?: boolean;
339
+ }
340
+ type NDialogProps = NMultiDialogProps | NDialogDirectProps;
341
+ declare function NDialog(props: NDialogProps): react_jsx_runtime.JSX.Element;
342
+
343
+ interface NConfirmDialogProps {
344
+ open: boolean;
345
+ onOpenChange: (open: boolean) => void;
346
+ title?: string;
347
+ description?: string;
348
+ confirmLabel?: string;
349
+ cancelLabel?: string;
350
+ onConfirm: () => void;
351
+ variant?: "default" | "destructive";
352
+ loading?: boolean;
353
+ children?: React__default.ReactNode;
354
+ icon?: NIconSource;
355
+ }
356
+ declare function NConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, onConfirm, variant, loading, children, icon, }: NConfirmDialogProps): react_jsx_runtime.JSX.Element;
357
+
358
+ interface NDeleteDialogContentProps {
359
+ itemName: string;
360
+ itemType?: string;
361
+ icon?: NIconSource;
362
+ warningText?: string;
363
+ className?: string;
364
+ }
365
+ declare function NDeleteDialogContent({ itemName, itemType, icon: Icon, warningText, className, }: NDeleteDialogContentProps): react_jsx_runtime.JSX.Element;
366
+
367
+ declare function NPortalScopeProvider({ className, children }: {
368
+ className?: string;
369
+ children: ReactNode;
370
+ }): react_jsx_runtime.JSX.Element;
371
+ declare const useNPortalScope: () => string;
372
+ interface NSheetProps {
373
+ open: boolean;
374
+ onOpenChange: (open: boolean) => void;
375
+ title: ReactNode;
376
+ description?: ReactNode;
377
+ /** Sheet width in pixels. Default 480. */
378
+ width?: number;
379
+ side?: "left" | "right" | "top" | "bottom";
380
+ /** Override portal scope class (otherwise inherits from NPortalScopeProvider). */
381
+ portalClassName?: string;
382
+ /** Override the body container className (default: standard padding + scroll). */
383
+ bodyClassName?: string;
384
+ /** Override the SheetContent className (e.g. for bg / border tweaks). */
385
+ contentClassName?: string;
386
+ children: ReactNode;
387
+ footer?: ReactNode;
388
+ }
389
+ /**
390
+ * Standardized studio sheet primitive.
391
+ * - Inline `style` width (bypasses Tailwind responsive-prefix-scoping issues in consumer apps).
392
+ * - Inherits portal scope from `NPortalScopeProvider` so prefixed CSS (e.g. `.rs-studio`) reaches portaled content.
393
+ * - One header + scrollable body + optional sticky footer.
394
+ */
395
+ declare function NSheet({ open, onOpenChange, title, description, width, side, portalClassName, bodyClassName, contentClassName, children, footer, }: NSheetProps): react_jsx_runtime.JSX.Element;
396
+
397
+ declare function useDialog(store?: DialogStore): DialogApi;
398
+
399
+ declare const alertVariants: (props?: {
400
+ tone?: "destructive" | "default" | "error" | "success" | "warning" | "info";
401
+ look?: "solid" | "outline" | "soft" | "dash";
402
+ size?: "sm" | "md" | "lg";
403
+ orientation?: "horizontal" | "vertical" | "responsive";
404
+ } & class_variance_authority_types.ClassProp) => string;
405
+ type AlertTone = NonNullable<VariantProps<typeof alertVariants>["tone"]>;
406
+ type AlertLook = NonNullable<VariantProps<typeof alertVariants>["look"]>;
407
+ type AlertSize = NonNullable<VariantProps<typeof alertVariants>["size"]>;
408
+ type AlertOrientation = NonNullable<VariantProps<typeof alertVariants>["orientation"]>;
409
+ type AlertVariant = AlertTone;
410
+ interface AlertProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof alertVariants> {
411
+ variant?: AlertVariant;
412
+ title?: React$1.ReactNode;
413
+ description?: React$1.ReactNode;
414
+ actions?: React$1.ReactNode;
415
+ icon?: NIconSource | React$1.ReactNode | false;
416
+ }
417
+ declare function Alert({ className, variant, tone: toneProp, look, size, orientation, title, description, actions, icon, children, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
418
+ declare const NAlert: typeof Alert;
419
+
420
+ declare function Sheet({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
421
+ declare function SheetTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
422
+ declare function SheetClose({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
423
+ declare function SheetPortal({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
424
+ declare function SheetOverlay({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
425
+ declare const sheetVariants: (props?: {
426
+ side?: "left" | "right" | "bottom" | "top";
427
+ } & class_variance_authority_types.ClassProp) => string;
428
+ type SheetContentProps = React$1.ComponentProps<typeof DialogPrimitive.Content> & VariantProps<typeof sheetVariants> & {
429
+ portalClassName?: string;
430
+ };
431
+ declare function SheetContent({ className, portalClassName, side, children, ...props }: SheetContentProps): react_jsx_runtime.JSX.Element;
432
+ declare function SheetHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
433
+ declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
434
+ declare function SheetTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
435
+ declare function SheetDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
436
+
437
+ declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
438
+ declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
439
+ declare function DropdownMenuGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
440
+ declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
441
+ declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
442
+ declare function DropdownMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
443
+ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
444
+ inset?: boolean;
445
+ }): react_jsx_runtime.JSX.Element;
446
+ declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
447
+ declare function DropdownMenuContent({ className, sideOffset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
448
+ declare function DropdownMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
449
+ inset?: boolean;
450
+ variant?: "default" | "destructive";
451
+ }): react_jsx_runtime.JSX.Element;
452
+ declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
453
+ declare function DropdownMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
454
+ declare function DropdownMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
455
+ inset?: boolean;
456
+ }): react_jsx_runtime.JSX.Element;
457
+ declare function DropdownMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
458
+ declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
459
+
460
+ declare function Popover({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
461
+ declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
462
+ declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime.JSX.Element;
463
+ declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
464
+
465
+ declare function Select({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime.JSX.Element;
466
+ declare function SelectGroup({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime.JSX.Element;
467
+ declare function SelectValue({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime.JSX.Element;
468
+ declare function SelectTrigger({ className, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
469
+ declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime.JSX.Element;
470
+ declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime.JSX.Element;
471
+ declare function SelectContent({ className, children, position, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime.JSX.Element;
472
+ declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime.JSX.Element;
473
+ declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime.JSX.Element;
474
+ declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime.JSX.Element;
475
+
476
+ interface NativeSelectOption {
477
+ value: string;
478
+ label: string;
479
+ }
480
+ interface NativeSelectProps extends Omit<React$1.SelectHTMLAttributes<HTMLSelectElement>, "children"> {
481
+ options: NativeSelectOption[];
482
+ placeholder?: string;
483
+ }
484
+ declare const NativeSelect: React$1.ForwardRefExoticComponent<NativeSelectProps & React$1.RefAttributes<HTMLSelectElement>>;
485
+
486
+ declare function Checkbox({ className, ...props }: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime.JSX.Element;
487
+
488
+ declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
489
+ declare function RadioGroupItem({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Item>): react_jsx_runtime.JSX.Element;
490
+
491
+ type SwitchSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl';
492
+ type SwitchColor = 'default' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral';
493
+ interface SwitchProps extends React$1.ComponentProps<typeof SwitchPrimitive.Root> {
494
+ size?: SwitchSize;
495
+ color?: SwitchColor;
496
+ }
497
+ declare function Switch({ className, size, color, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
498
+
499
+ type TabsVariant = "pills" | "underline" | "bordered" | "ghost";
500
+ type TabsOrientation = "horizontal" | "vertical";
501
+ interface TabsProps extends React$1.ComponentProps<typeof TabsPrimitive.Root> {
502
+ variant?: TabsVariant;
503
+ orientation?: TabsOrientation;
504
+ }
505
+ declare function Tabs({ className, variant, orientation, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
506
+ interface TabsListProps extends React$1.ComponentProps<typeof TabsPrimitive.List> {
507
+ variant?: TabsVariant;
508
+ orientation?: TabsOrientation;
509
+ }
510
+ declare function TabsList({ className, variant, orientation, ...props }: TabsListProps): react_jsx_runtime.JSX.Element;
511
+ interface TabsTriggerProps extends React$1.ComponentProps<typeof TabsPrimitive.Trigger> {
512
+ variant?: TabsVariant;
513
+ }
514
+ declare function TabsTrigger({ className, variant, ...props }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
515
+ declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
516
+
517
+ declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
518
+ declare function Tooltip({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
519
+ declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
520
+ declare const tooltipContentVariants: (props?: {
521
+ variant?: "filled" | "outlined";
522
+ } & class_variance_authority_types.ClassProp) => string;
523
+ type TooltipContentProps = React$1.ComponentProps<typeof TooltipPrimitive.Content> & VariantProps<typeof tooltipContentVariants>;
524
+ declare function TooltipContent({ className, sideOffset, variant, children, ...props }: TooltipContentProps): react_jsx_runtime.JSX.Element;
525
+
526
+ interface SimpleTooltipProps {
527
+ content: React$1.ReactNode;
528
+ children: React$1.ReactNode;
529
+ side?: "top" | "right" | "bottom" | "left";
530
+ align?: "start" | "center" | "end";
531
+ delayDuration?: number;
532
+ disabled?: boolean;
533
+ variant?: "filled" | "outlined";
534
+ }
535
+ declare function SimpleTooltip({ content, children, side, align, delayDuration, disabled, variant, }: SimpleTooltipProps): react_jsx_runtime.JSX.Element;
536
+
537
+ type ProgressColor = "primary" | "secondary" | "accent" | "neutral" | "success" | "warning" | "error" | "info";
538
+ type ProgressSize = "xs" | "sm" | "md" | "lg" | "xl";
539
+ type ProgressLabelPosition = "inside" | "outside-top" | "outside-right";
540
+ interface ProgressProps extends Omit<React$1.ComponentProps<typeof ProgressPrimitive.Root>, "color"> {
541
+ color?: ProgressColor;
542
+ size?: ProgressSize;
543
+ indeterminate?: boolean;
544
+ label?: React$1.ReactNode;
545
+ labelPosition?: ProgressLabelPosition;
546
+ }
547
+ declare function Progress({ className, value, color, size, indeterminate, label, labelPosition, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
548
+ declare const NProgress: typeof Progress;
549
+ type NProgressProps = ProgressProps;
550
+
551
+ declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
552
+
553
+ interface ScrollAreaProps extends React$1.HTMLAttributes<HTMLDivElement> {
554
+ }
555
+ declare function ScrollArea({ className, children, ...props }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
556
+
557
+ type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
558
+ type AvatarShape$1 = "circle" | "rounded" | "square";
559
+ type AvatarStatusType = "online" | "offline" | "busy" | "away";
560
+ declare const avatarVariants: (props?: {
561
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
562
+ shape?: "square" | "circle" | "rounded";
563
+ ring?: boolean;
564
+ } & class_variance_authority_types.ClassProp) => string;
565
+ type AvatarRingColor = "background" | "primary" | "secondary" | "muted" | "destructive";
566
+ interface AvatarProps$1 extends Omit<React$1.ComponentProps<typeof AvatarPrimitive.Root>, "size">, VariantProps<typeof avatarVariants> {
567
+ src?: string;
568
+ alt?: string;
569
+ fallback?: React$1.ReactNode;
570
+ status?: AvatarStatusType;
571
+ ringColor?: AvatarRingColor;
572
+ imageClassName?: string;
573
+ fallbackClassName?: string;
574
+ }
575
+ declare function Avatar({ className, size, shape, ring, ringColor, src, alt, fallback, status, imageClassName, fallbackClassName, children, ...props }: AvatarProps$1): react_jsx_runtime.JSX.Element;
576
+ declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
577
+ declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
578
+ declare function AvatarStatus({ status, size, className, }: {
579
+ status: AvatarStatusType;
580
+ size?: AvatarSize;
581
+ className?: string;
582
+ }): react_jsx_runtime.JSX.Element;
583
+ interface AvatarGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
584
+ ring?: boolean;
585
+ }
586
+ declare function AvatarGroup({ ring, className, children, ...props }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
587
+
588
+ type SwapEffect = "none" | "rotate" | "flip";
589
+ type SwapSize = "sm" | "md" | "lg" | "icon";
590
+ type SwapState = boolean | "indeterminate";
591
+ interface SwapProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> {
592
+ checked?: boolean;
593
+ defaultChecked?: boolean;
594
+ state?: SwapState;
595
+ onCheckedChange?: (checked: boolean) => void;
596
+ onStateChange?: (state: SwapState) => void;
597
+ /** Full custom content for the on state — overrides onIcon/onText */
598
+ on?: React$1.ReactNode;
599
+ /** Full custom content for the off state — overrides offIcon/offText */
600
+ off?: React$1.ReactNode;
601
+ /** Full custom content for the indeterminate state */
602
+ indeterminate?: React$1.ReactNode;
603
+ /** Icon shown when state is on */
604
+ onIcon?: NIconSource;
605
+ /** Icon shown when state is off */
606
+ offIcon?: NIconSource;
607
+ /** Icon shown when state is indeterminate */
608
+ indeterminateIcon?: NIconSource;
609
+ /** Text shown when state is on */
610
+ onText?: string;
611
+ /** Text shown when state is off */
612
+ offText?: string;
613
+ /** Text shown when state is indeterminate */
614
+ indeterminateText?: string;
615
+ effect?: SwapEffect;
616
+ size?: SwapSize;
617
+ disabled?: boolean;
618
+ }
619
+ declare const swapVariants: (props?: {
620
+ effect?: "none" | "flip" | "rotate";
621
+ size?: "icon" | "sm" | "md" | "lg";
622
+ } & class_variance_authority_types.ClassProp) => string;
623
+ declare function Swap({ checked: controlledChecked, defaultChecked, state: controlledState, onCheckedChange, onStateChange, onClick, on, off, indeterminate: indeterminateContent, onIcon, offIcon, indeterminateIcon, onText, offText, indeterminateText, effect, size, disabled, className, ...props }: SwapProps): react_jsx_runtime.JSX.Element;
624
+
625
+ type NSwapProps = SwapProps;
626
+ declare function SwapOn({ children }: {
627
+ children: React$1.ReactNode;
628
+ }): react_jsx_runtime.JSX.Element;
629
+ declare function SwapOff({ children }: {
630
+ children: React$1.ReactNode;
631
+ }): react_jsx_runtime.JSX.Element;
632
+ declare function SwapIndeterminate({ children }: {
633
+ children: React$1.ReactNode;
634
+ }): react_jsx_runtime.JSX.Element;
635
+
636
+ declare function Calendar(props: Record<string, any>): react_jsx_runtime.JSX.Element;
637
+
638
+ declare function Command({ className, ...props }: React$1.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
639
+ declare function CommandDialog({ children, ...props }: React$1.ComponentProps<typeof Dialog>): react_jsx_runtime.JSX.Element;
640
+ declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
641
+ declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
642
+ declare function CommandEmpty({ ...props }: React$1.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
643
+ declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
644
+ declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
645
+ declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
646
+ declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
647
+
648
+ declare function Collapsible({ ...props }: React$1.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
649
+ declare function CollapsibleTrigger({ ...props }: React$1.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
650
+ declare function CollapsibleContent({ ...props }: React$1.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
651
+
652
+ declare const toggleVariants: (props?: {
653
+ variant?: "default" | "outline";
654
+ size?: "default" | "sm" | "lg";
655
+ } & class_variance_authority_types.ClassProp) => string;
656
+ declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
657
+
658
+ type IconButtonVariant = "primary" | "secondary" | "ghost" | "destructive";
659
+ type IconButtonSize = "sm" | "md" | "lg";
660
+ interface IconButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> {
661
+ variant?: IconButtonVariant;
662
+ size?: IconButtonSize;
663
+ /** Required for accessibility — icon-only buttons must have a label. */
664
+ "aria-label": string;
665
+ active?: boolean;
666
+ }
667
+ declare const IconButton: React$1.ForwardRefExoticComponent<IconButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
668
+
669
+ interface SegmentedControlOption<T extends string = string> {
670
+ value: T;
671
+ label?: React$1.ReactNode;
672
+ icon?: React$1.ReactNode;
673
+ ariaLabel?: string;
674
+ }
675
+ interface SegmentedControlProps<T extends string = string> {
676
+ value: T;
677
+ onChange: (value: T) => void;
678
+ options: SegmentedControlOption<T>[];
679
+ ariaLabel?: string;
680
+ className?: string;
681
+ size?: "sm" | "md";
682
+ }
683
+ declare function SegmentedControl<T extends string = string>({ value, onChange, options, ariaLabel, className, size, }: SegmentedControlProps<T>): react_jsx_runtime.JSX.Element;
684
+
685
+ type StatusPillTone = "neutral" | "success" | "warning" | "danger" | "info" | "brand";
686
+ interface StatusPillProps extends React$1.HTMLAttributes<HTMLSpanElement> {
687
+ tone?: StatusPillTone;
688
+ pulse?: boolean;
689
+ label: React$1.ReactNode;
690
+ }
691
+ declare const StatusPill: React$1.ForwardRefExoticComponent<StatusPillProps & React$1.RefAttributes<HTMLSpanElement>>;
692
+
693
+ declare function Toaster({ ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
694
+
695
+ declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
696
+ declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
697
+ declare const useFormField: () => {
698
+ invalid: boolean;
699
+ isDirty: boolean;
700
+ isTouched: boolean;
701
+ isValidating: boolean;
702
+ error?: react_hook_form.FieldError;
703
+ id: string;
704
+ name: string;
705
+ formItemId: string;
706
+ formDescriptionId: string;
707
+ formMessageId: string;
708
+ };
709
+ declare function FormItem({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
710
+ declare function FormLabel({ className, ...props }: React$1.ComponentProps<typeof Label>): react_jsx_runtime.JSX.Element;
711
+ declare function FormControl({ ...props }: React$1.ComponentProps<typeof Slot>): react_jsx_runtime.JSX.Element;
712
+ declare function FormDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
713
+ declare function FormMessage({ className, children, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
714
+
715
+ declare function Table({ className, ...props }: React$1.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
716
+ declare function TableHeader({ className, ...props }: React$1.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
717
+ declare function TableBody({ className, ...props }: React$1.ComponentProps<"tbody">): react_jsx_runtime.JSX.Element;
718
+ declare function TableFooter({ className, ...props }: React$1.ComponentProps<"tfoot">): react_jsx_runtime.JSX.Element;
719
+ declare function TableRow({ className, ...props }: React$1.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
720
+ declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
721
+ declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
722
+ declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
723
+
724
+ type SpinnerVariant = "default" | "circle" | "pinwheel" | "circle-filled" | "ellipsis" | "ring" | "bars" | "infinite";
725
+ interface NSpinnerProps extends LucideProps {
726
+ variant?: SpinnerVariant;
727
+ size?: number;
728
+ }
729
+ declare function NSpinner({ variant, size, className, ...props }: NSpinnerProps): react_jsx_runtime.JSX.Element;
730
+
731
+ interface NLoadingStateProps {
732
+ label?: string;
733
+ className?: string;
734
+ fullScreen?: boolean;
735
+ spinnerVariant?: "default" | "circle" | "pinwheel" | "circle-filled" | "ellipsis" | "ring" | "bars";
736
+ spinnerSize?: number;
737
+ }
738
+ declare function NLoadingState({ label, className, fullScreen, spinnerVariant, spinnerSize }: NLoadingStateProps): react_jsx_runtime.JSX.Element;
739
+
740
+ interface NErrorStateProps {
741
+ title?: string;
742
+ message?: string;
743
+ onRetry?: () => void;
744
+ retryLabel?: string;
745
+ className?: string;
746
+ icon?: React__default.ReactNode;
747
+ }
748
+ declare function NErrorState({ title, message, onRetry, retryLabel, className, icon }: NErrorStateProps): react_jsx_runtime.JSX.Element;
749
+
750
+ interface NEmptyStateProps {
751
+ title?: string;
752
+ description?: string;
753
+ icon?: React__default.ReactNode | LucideIcon;
754
+ action?: React__default.ReactNode;
755
+ className?: string;
756
+ }
757
+ declare function NEmptyState({ title, description, icon, action, className }: NEmptyStateProps): react_jsx_runtime.JSX.Element;
758
+
759
+ interface ErrorBoundaryProps {
760
+ children: React__default.ReactNode;
761
+ fallbackTitle?: string;
762
+ }
763
+ interface ErrorBoundaryState {
764
+ hasError: boolean;
765
+ error: Error | null;
766
+ }
767
+ declare class NErrorBoundary extends React__default.Component<ErrorBoundaryProps, ErrorBoundaryState> {
768
+ constructor(props: ErrorBoundaryProps);
769
+ static getDerivedStateFromError(error: Error): ErrorBoundaryState;
770
+ componentDidCatch(error: Error, errorInfo: React__default.ErrorInfo): void;
771
+ handleReset: () => void;
772
+ render(): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode>> | react_jsx_runtime.JSX.Element;
773
+ }
774
+
775
+ interface SkeletonProps extends React__default.ComponentProps<"div"> {
776
+ }
777
+ declare function NSkeleton({ className, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
778
+
779
+ declare function NStatCardSkeleton(): react_jsx_runtime.JSX.Element;
780
+ declare function NTableRowSkeleton({ columns }: {
781
+ columns?: number;
782
+ }): react_jsx_runtime.JSX.Element;
783
+ declare function NTableSkeleton({ rows, columns }: {
784
+ rows?: number;
785
+ columns?: number;
786
+ }): react_jsx_runtime.JSX.Element;
787
+ declare function NSkeletonChart(): react_jsx_runtime.JSX.Element;
788
+ declare function NSkeletonDonut(): react_jsx_runtime.JSX.Element;
789
+ declare function NSkeletonCalendar(): react_jsx_runtime.JSX.Element;
790
+ declare function NSkeletonEventList({ count }: {
791
+ count?: number;
792
+ }): react_jsx_runtime.JSX.Element;
793
+ declare function NSkeletonWidget(): react_jsx_runtime.JSX.Element;
794
+ declare function NSkeletonWidgets({ count }: {
795
+ count?: number;
796
+ }): react_jsx_runtime.JSX.Element;
797
+
798
+ type AvatarShape = "circle" | "rounded" | "square";
799
+ interface AvatarClassNames {
800
+ root?: string;
801
+ avatar?: string;
802
+ image?: string;
803
+ fallback?: string;
804
+ title?: string;
805
+ subtitle?: string;
806
+ meta?: string;
807
+ }
808
+ interface AvatarProps {
809
+ src?: string | null;
810
+ title?: string;
811
+ fallback?: string;
812
+ fallbackSrc?: string;
813
+ alt?: string;
814
+ version?: string | number | null;
815
+ srcVersion?: string | number | null;
816
+ size?: "sm" | "md" | "lg" | "xl";
817
+ shape?: AvatarShape;
818
+ subtitle?: string;
819
+ meta?: React__default.ReactNode;
820
+ className?: string;
821
+ classNames?: AvatarClassNames;
822
+ }
823
+ declare function NAvatar({ src, title, fallback, fallbackSrc, alt, version, srcVersion, size, shape, subtitle, meta, className, classNames, }: AvatarProps): react_jsx_runtime.JSX.Element;
824
+
825
+ type NAvatarProps = AvatarProps;
826
+ type NAvatarClassNames = AvatarClassNames;
827
+
828
+ declare function NCardAction({ children }: {
829
+ children: React__default.ReactNode;
830
+ }): react_jsx_runtime.JSX.Element;
831
+ declare namespace NCardAction {
832
+ var displayName: string;
833
+ }
834
+ declare function NCardFooter({ children, className }: {
835
+ children: React__default.ReactNode;
836
+ className?: string;
837
+ }): react_jsx_runtime.JSX.Element;
838
+ declare namespace NCardFooter {
839
+ var displayName: string;
840
+ }
841
+ interface CardClassNames {
842
+ root?: string;
843
+ header?: string;
844
+ icon?: string;
845
+ title?: string;
846
+ description?: string;
847
+ content?: string;
848
+ footer?: string;
849
+ }
850
+ interface CardProps {
851
+ children?: React__default.ReactNode;
852
+ title?: string;
853
+ description?: string;
854
+ icon?: NIconSource;
855
+ iconColor?: string;
856
+ loading?: boolean;
857
+ error?: any;
858
+ empty?: boolean;
859
+ noData?: boolean;
860
+ loadingText?: string;
861
+ errorText?: string;
862
+ emptyText?: string;
863
+ noDataText?: string;
864
+ skeleton?: React__default.ReactNode;
865
+ onRetry?: () => void;
866
+ noPadding?: boolean;
867
+ separator?: boolean;
868
+ className?: string;
869
+ classNames?: CardClassNames;
870
+ }
871
+ declare function NCard({ children, title, description, icon, iconColor, loading, error, empty, noData, loadingText, errorText, emptyText, noDataText, skeleton, onRetry, noPadding, separator, className, classNames, }: CardProps): react_jsx_runtime.JSX.Element;
872
+
873
+ declare function truncateByCharacters(text: string, maxCharacters: number, suffix?: string): string;
874
+ interface NSectionInfoProps {
875
+ icon?: LucideIcon;
876
+ label: string;
877
+ value: string | React__default.ReactNode;
878
+ valueColor?: string;
879
+ iconColor?: string;
880
+ className?: string;
881
+ maxChars?: number;
882
+ }
883
+ declare function NSectionInfo({ icon: Icon, label, value, valueColor, iconColor, className, maxChars, }: NSectionInfoProps): react_jsx_runtime.JSX.Element;
884
+ interface NSectionProps {
885
+ icon: LucideIcon;
886
+ title: string;
887
+ children: React__default.ReactNode;
888
+ className?: string;
889
+ iconColor?: string;
890
+ background?: string;
891
+ }
892
+ declare function NSection({ icon: Icon, title, children, className, iconColor, background, }: NSectionProps): react_jsx_runtime.JSX.Element;
893
+ interface NSectionWithInfoItem {
894
+ icon?: LucideIcon;
895
+ label: string;
896
+ value: string | React__default.ReactNode;
897
+ valueColor?: string;
898
+ iconColor?: string;
899
+ }
900
+ interface NSectionWithInfoProps extends Omit<NSectionProps, "children"> {
901
+ items: NSectionWithInfoItem[];
902
+ }
903
+ declare function NSectionWithInfo({ icon, title, items, className, iconColor, background, }: NSectionWithInfoProps): react_jsx_runtime.JSX.Element;
904
+ interface NSectionHeaderProps {
905
+ children: React__default.ReactNode;
906
+ image?: string;
907
+ showImage?: boolean;
908
+ imageSize?: "sm" | "md" | "lg" | "xl";
909
+ icon?: LucideIcon;
910
+ iconColor?: string;
911
+ className?: string;
912
+ background?: string;
913
+ layout?: "horizontal" | "vertical";
914
+ }
915
+ interface NSectionHeaderTitleProps {
916
+ children: React__default.ReactNode;
917
+ className?: string;
918
+ }
919
+ interface NSectionHeaderSubtitleProps {
920
+ children: React__default.ReactNode;
921
+ className?: string;
922
+ }
923
+ interface NSectionHeaderContentProps {
924
+ children: React__default.ReactNode;
925
+ className?: string;
926
+ }
927
+ interface NSectionHeaderActionsProps {
928
+ children: React__default.ReactNode;
929
+ className?: string;
930
+ }
931
+ declare function NSectionHeaderRoot({ children, image, showImage, imageSize, icon: Icon, iconColor, className, background, layout, }: NSectionHeaderProps): react_jsx_runtime.JSX.Element;
932
+ declare function NSectionHeaderTitle({ children, className }: NSectionHeaderTitleProps): react_jsx_runtime.JSX.Element;
933
+ declare function NSectionHeaderSubtitle({ children, className }: NSectionHeaderSubtitleProps): react_jsx_runtime.JSX.Element;
934
+ declare function NSectionHeaderContent({ children, className }: NSectionHeaderContentProps): react_jsx_runtime.JSX.Element;
935
+ declare function NSectionHeaderActions({ children, className }: NSectionHeaderActionsProps): react_jsx_runtime.JSX.Element;
936
+ declare const NSectionHeader: typeof NSectionHeaderRoot & {
937
+ Title: typeof NSectionHeaderTitle;
938
+ Subtitle: typeof NSectionHeaderSubtitle;
939
+ Content: typeof NSectionHeaderContent;
940
+ Actions: typeof NSectionHeaderActions;
941
+ };
942
+
943
+ type NStatCardVariant = "default" | "usage" | "compact";
944
+ interface NStatCardClassNames {
945
+ root?: string;
946
+ icon?: string;
947
+ label?: string;
948
+ value?: string;
949
+ description?: string;
950
+ }
951
+ interface BaseProps$1 {
952
+ icon: NIconSource;
953
+ label: string;
954
+ onClick?: () => void;
955
+ className?: string;
956
+ classNames?: NStatCardClassNames;
957
+ }
958
+ interface DefaultProps extends BaseProps$1 {
959
+ variant?: "default";
960
+ value: string | number;
961
+ subtext?: string;
962
+ change?: {
963
+ value: string;
964
+ positive: boolean;
965
+ };
966
+ iconColor?: never;
967
+ iconBgColor?: never;
968
+ accentColor?: never;
969
+ count?: never;
970
+ countLabel?: never;
971
+ used?: never;
972
+ total?: never;
973
+ }
974
+ interface CompactProps extends BaseProps$1 {
975
+ variant: "compact";
976
+ value: string | number;
977
+ unit?: string;
978
+ iconColor?: string;
979
+ iconBgColor?: never;
980
+ accentColor?: never;
981
+ count?: never;
982
+ countLabel?: never;
983
+ used?: never;
984
+ total?: never;
985
+ subtext?: never;
986
+ change?: never;
987
+ }
988
+ interface UsageProps extends BaseProps$1 {
989
+ variant: "usage";
990
+ count: number;
991
+ used: number;
992
+ total: number;
993
+ iconColor?: string;
994
+ iconBgColor?: string;
995
+ accentColor?: string;
996
+ countLabel?: string;
997
+ value?: never;
998
+ subtext?: never;
999
+ change?: never;
1000
+ }
1001
+ type NStatCardProps = DefaultProps | UsageProps | CompactProps;
1002
+ declare function NStatCard(props: NStatCardProps): react_jsx_runtime.JSX.Element;
1003
+
1004
+ interface NDetailCardClassNames {
1005
+ root?: string;
1006
+ header?: string;
1007
+ title?: string;
1008
+ content?: string;
1009
+ }
1010
+ interface NDetailCardProps {
1011
+ title?: string;
1012
+ description?: string;
1013
+ icon?: NIconSource;
1014
+ action?: React__default.ReactNode;
1015
+ children: React__default.ReactNode;
1016
+ className?: string;
1017
+ classNames?: NDetailCardClassNames;
1018
+ }
1019
+ declare function NDetailCard({ title, description, icon, action, children, className, classNames, }: NDetailCardProps): react_jsx_runtime.JSX.Element;
1020
+ interface NDetailItemProps {
1021
+ icon?: NIconSource;
1022
+ label: string;
1023
+ value: string | React__default.ReactNode;
1024
+ valueClassName?: string;
1025
+ iconClassName?: string;
1026
+ className?: string;
1027
+ maxChars?: number;
1028
+ }
1029
+ declare function NDetailItem({ icon, label, value, valueClassName, iconClassName, className, maxChars, }: NDetailItemProps): react_jsx_runtime.JSX.Element;
1030
+ interface NDetailListItem {
1031
+ icon?: NIconSource;
1032
+ label: string;
1033
+ value: string | React__default.ReactNode;
1034
+ valueClassName?: string;
1035
+ iconClassName?: string;
1036
+ }
1037
+ interface NDetailListProps {
1038
+ items: NDetailListItem[];
1039
+ className?: string;
1040
+ itemClassName?: string;
1041
+ }
1042
+ declare function NDetailList({ items, className, itemClassName }: NDetailListProps): react_jsx_runtime.JSX.Element;
1043
+
1044
+ interface NViewToggleProps {
1045
+ mode: 'table' | 'json';
1046
+ onChange: (mode: 'table' | 'json') => void;
1047
+ className?: string;
1048
+ }
1049
+ declare function NViewToggle({ mode, onChange, className }: NViewToggleProps): react_jsx_runtime.JSX.Element;
1050
+
1051
+ interface NFilterBarProps {
1052
+ children: ReactNode;
1053
+ className?: string;
1054
+ }
1055
+ declare function NFilterBar({ children, className }: NFilterBarProps): react_jsx_runtime.JSX.Element;
1056
+
1057
+ interface NRowActionsProps {
1058
+ children: ReactNode;
1059
+ }
1060
+ declare function NRowActions({ children }: NRowActionsProps): react_jsx_runtime.JSX.Element;
1061
+
1062
+ interface NViewBodyProps {
1063
+ children: ReactNode;
1064
+ className?: string;
1065
+ variant?: 'table' | 'empty' | 'stack';
1066
+ }
1067
+ declare function NViewBody({ children, className, variant }: NViewBodyProps): react_jsx_runtime.JSX.Element;
1068
+
1069
+ interface NContextMenuItem {
1070
+ id: string;
1071
+ label: string;
1072
+ icon?: LucideIcon;
1073
+ danger?: boolean;
1074
+ disabled?: boolean;
1075
+ separatorBefore?: boolean;
1076
+ submenu?: NContextMenuItem[];
1077
+ }
1078
+ interface NContextMenuProps {
1079
+ x: number;
1080
+ y: number;
1081
+ items: NContextMenuItem[];
1082
+ onAction: (id: string) => void;
1083
+ onClose: () => void;
1084
+ className?: string;
1085
+ }
1086
+ /**
1087
+ * Right-click style context menu rendered at viewport coordinates `(x, y)`.
1088
+ * Closes on outside click, Escape, or after an action fires.
1089
+ * Supports a single level of submenus (hover the parent item).
1090
+ */
1091
+ declare function NContextMenu({ x, y, items, onAction, onClose, className }: NContextMenuProps): react_jsx_runtime.JSX.Element;
1092
+
1093
+ /**
1094
+ * A single context menu entry. Each item carries its own `onSelect` callback,
1095
+ * so menus are co-located with their handlers — no central dispatcher needed.
1096
+ */
1097
+ interface ContextMenuItem {
1098
+ label: string;
1099
+ icon?: LucideIcon;
1100
+ danger?: boolean;
1101
+ disabled?: boolean;
1102
+ separatorBefore?: boolean;
1103
+ /** Single level of submenu items. */
1104
+ submenu?: ContextMenuItem[];
1105
+ /** Called when the user clicks this item. Ignored when `submenu` is set. */
1106
+ onSelect?: () => void;
1107
+ }
1108
+ interface UseContextMenuResult {
1109
+ /**
1110
+ * Open the menu at the event's coordinates with the given items.
1111
+ * Pass the React/DOM event (or any `{ clientX, clientY }`); calling
1112
+ * `preventDefault` on it is optional but recommended for `onContextMenu`.
1113
+ */
1114
+ open: (e: {
1115
+ clientX: number;
1116
+ clientY: number;
1117
+ preventDefault?: () => void;
1118
+ }, items: ContextMenuItem[]) => void;
1119
+ close: () => void;
1120
+ /** Render this once at the root of your view. */
1121
+ menu: React__default.ReactNode;
1122
+ /** True while the menu is visible. */
1123
+ isOpen: boolean;
1124
+ }
1125
+ /**
1126
+ * Generic right-click context menu hook. View-agnostic: works for table rows,
1127
+ * cards, sidebar nodes, charts, whitespace, anywhere. Each item declares its
1128
+ * own `onSelect` so menus stay co-located with the data they act on.
1129
+ *
1130
+ * @example
1131
+ * const ctx = useContextMenu();
1132
+ *
1133
+ * <Card onContextMenu={(e) => ctx.open(e, [
1134
+ * { label: 'Edit', icon: Pencil, onSelect: () => editCard(card.id) },
1135
+ * { label: 'Delete', icon: Trash2, danger: true, onSelect: () => del(card.id) },
1136
+ * ])} />
1137
+ *
1138
+ * {ctx.menu}
1139
+ */
1140
+ declare function useContextMenu(): UseContextMenuResult;
1141
+
1142
+ /** A single item the menu acts on (file, folder, group, lang, etc.). */
1143
+ interface StorageTarget<T = unknown> {
1144
+ key: string;
1145
+ isFolder?: boolean;
1146
+ data?: T;
1147
+ }
1148
+ interface StorageSortOption {
1149
+ id: string;
1150
+ label: string;
1151
+ /** Optional direction suffix shown in the label, e.g. ' ↑'. */
1152
+ suffix?: string;
1153
+ }
1154
+ interface UseStorageContextMenuOptions<T = unknown> {
1155
+ canOpen?: boolean;
1156
+ canDownload?: boolean;
1157
+ canRename?: boolean;
1158
+ canCut?: boolean;
1159
+ canCopy?: boolean;
1160
+ canPaste?: boolean;
1161
+ canMove?: boolean;
1162
+ canShare?: boolean;
1163
+ canDelete?: boolean;
1164
+ canNewFolder?: boolean;
1165
+ canNewFile?: boolean;
1166
+ canSelectAll?: boolean;
1167
+ /** When provided, a "Reorganize" submenu is shown in the background menu. */
1168
+ sortOptions?: StorageSortOption[];
1169
+ /** Disables Paste when no clipboard contents are available. */
1170
+ hasClipboard?: boolean;
1171
+ onOpen?: (target: StorageTarget<T>) => void;
1172
+ onDownload?: (target: StorageTarget<T>) => void;
1173
+ onRename?: (target: StorageTarget<T>) => void;
1174
+ onCut?: (target: StorageTarget<T>) => void;
1175
+ onCopy?: (target: StorageTarget<T>) => void;
1176
+ onPaste?: () => void;
1177
+ onMove?: (target: StorageTarget<T>) => void;
1178
+ onShare?: (target: StorageTarget<T>) => void;
1179
+ onDelete?: (target: StorageTarget<T>) => void;
1180
+ onNewFolder?: () => void;
1181
+ onNewFile?: () => void;
1182
+ onSelectAll?: () => void;
1183
+ onSort?: (id: string) => void;
1184
+ itemExtras?: (target: StorageTarget<T>) => NContextMenuItem[];
1185
+ backgroundExtras?: () => NContextMenuItem[];
1186
+ /** Called for any item-context action id not matched by the standard handlers. */
1187
+ onItemExtraAction?: (action: string, target: StorageTarget<T>) => void;
1188
+ /** Called for any background-context action id not matched by the standard handlers. */
1189
+ onBackgroundExtraAction?: (action: string) => void;
1190
+ /** Override or extend the icon used per standard action id. */
1191
+ iconOverrides?: Partial<Record<StorageMenuAction, LucideIcon>>;
1192
+ }
1193
+ type StorageMenuAction = 'open' | 'download' | 'rename' | 'cut' | 'copy' | 'paste' | 'move' | 'share' | 'delete' | 'new-folder' | 'new-file' | 'select-all';
1194
+ interface UseStorageContextMenuResult<T = unknown> {
1195
+ /** Attach to an item's `onContextMenu`. */
1196
+ openItem: (e: React__default.MouseEvent, target: StorageTarget<T>) => void;
1197
+ /** Attach to the empty area's `onContextMenu`. */
1198
+ openBackground: (e: {
1199
+ preventDefault: () => void;
1200
+ clientX: number;
1201
+ clientY: number;
1202
+ }) => void;
1203
+ close: () => void;
1204
+ /** Render this once at the root of your panel. */
1205
+ menu: React__default.ReactNode;
1206
+ }
1207
+ /**
1208
+ * Reusable right-click menu for storage-like views (files, folders, DB-backed
1209
+ * records). The hook owns the menu's open/close + position state and produces a
1210
+ * standard set of items based on capability flags. Domain-specific actions can
1211
+ * be appended via `itemExtras` / `backgroundExtras`.
1212
+ */
1213
+ declare function useStorageContextMenu<T = unknown>(opts: UseStorageContextMenuOptions<T>): UseStorageContextMenuResult<T>;
1214
+
1215
+ interface NBulkActionButton {
1216
+ type?: 'button';
1217
+ id: string;
1218
+ label: string;
1219
+ icon?: LucideIcon;
1220
+ danger?: boolean;
1221
+ disabled?: boolean;
1222
+ }
1223
+ interface NBulkActionSelect {
1224
+ type: 'select';
1225
+ id: string;
1226
+ label: string;
1227
+ icon?: LucideIcon;
1228
+ placeholder?: string;
1229
+ options: Array<{
1230
+ value: string;
1231
+ label: string;
1232
+ }>;
1233
+ buttonLabel?: string;
1234
+ disabled?: boolean;
1235
+ }
1236
+ type NBulkAction = NBulkActionButton | NBulkActionSelect;
1237
+ interface NBulkActionsBarProps {
1238
+ count: number;
1239
+ actions: NBulkAction[];
1240
+ /** Invoked for `button` actions, and for `select` actions with the chosen option value. */
1241
+ onAction: (actionId: string, value?: string) => Promise<void> | void;
1242
+ onClear: () => void;
1243
+ busy?: boolean;
1244
+ variant?: 'docked' | 'floating';
1245
+ className?: string;
1246
+ }
1247
+ /**
1248
+ * Sticky bottom toolbar that appears when ≥1 item is selected.
1249
+ * Renders a mix of plain button actions (Delete, Copy, Move, …) and
1250
+ * select-then-confirm actions (Move to lang, Move to folder, …).
1251
+ */
1252
+ declare function NBulkActionsBar({ count, actions, onAction, onClear, busy, variant, className }: NBulkActionsBarProps): react_jsx_runtime.JSX.Element;
1253
+
1254
+ type NUploaderItemStatus = "uploading" | "done" | "error";
1255
+ interface NUploaderItem {
1256
+ id: string;
1257
+ name: string;
1258
+ size?: number;
1259
+ mimeType?: string;
1260
+ progress?: number;
1261
+ status?: NUploaderItemStatus;
1262
+ error?: string;
1263
+ }
1264
+ interface NUploaderProps {
1265
+ title?: string;
1266
+ subtitle?: string;
1267
+ accept?: string;
1268
+ multiple?: boolean;
1269
+ disabled?: boolean;
1270
+ items?: NUploaderItem[];
1271
+ emptyListLabel?: string;
1272
+ listTitle?: string;
1273
+ className?: string;
1274
+ dropzoneClassName?: string;
1275
+ onFilesSelected?: (files: File[]) => void;
1276
+ onCancel?: (id: string) => void;
1277
+ onRemove?: (id: string) => void;
1278
+ }
1279
+ declare function NUploader({ title, subtitle, accept, multiple, disabled, items, listTitle, className, dropzoneClassName, onFilesSelected, onCancel, onRemove, }: NUploaderProps): react_jsx_runtime.JSX.Element;
1280
+
1281
+ type IconSize = "sm" | "md" | "lg" | "xl";
1282
+ interface NFileTypeIconProps {
1283
+ mimeType?: string;
1284
+ fileName?: string;
1285
+ url?: string;
1286
+ showThumbnail?: boolean;
1287
+ size?: IconSize;
1288
+ className?: string;
1289
+ imageClassName?: string;
1290
+ }
1291
+ declare function NFileTypeIcon({ mimeType, fileName, url, showThumbnail, size, className, imageClassName, }: NFileTypeIconProps): react_jsx_runtime.JSX.Element;
1292
+ interface NFolderIconProps {
1293
+ size?: IconSize;
1294
+ className?: string;
1295
+ }
1296
+ declare function NFolderIcon({ size, className }: NFolderIconProps): react_jsx_runtime.JSX.Element;
1297
+
1298
+ interface BaseInputProps {
1299
+ children: React__default.ReactNode;
1300
+ variant?: "default" | "rounded" | "ghost";
1301
+ status?: "default" | "error";
1302
+ hasIcon?: boolean;
1303
+ className?: string;
1304
+ disabled?: boolean;
1305
+ onHover?: () => void;
1306
+ onClick?: () => void;
1307
+ }
1308
+ declare const BaseInput: React__default.FC<BaseInputProps>;
1309
+
1310
+ type InputIcon = string | ReactNode | ComponentType<{
1311
+ className?: string;
1312
+ style?: React.CSSProperties;
1313
+ }>;
1314
+ interface BaseProps {
1315
+ className?: string;
1316
+ variant?: "default" | "rounded" | "ghost";
1317
+ status?: "default" | "error";
1318
+ iconColor?: string;
1319
+ }
1320
+ interface SelectItemType {
1321
+ value: string;
1322
+ label: string;
1323
+ icon?: string | ComponentType<{
1324
+ className?: string;
1325
+ }>;
1326
+ }
1327
+ interface TextInputProps extends BaseProps {
1328
+ value: string;
1329
+ onChange: (value: string) => void;
1330
+ placeholder?: string;
1331
+ icon?: InputIcon;
1332
+ showIcon?: boolean;
1333
+ disabled?: boolean;
1334
+ onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
1335
+ onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
1336
+ onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
1337
+ onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
1338
+ }
1339
+ interface NumberInputProps extends BaseProps {
1340
+ value: string | number;
1341
+ onChange: (value: number) => void;
1342
+ placeholder?: string;
1343
+ icon?: InputIcon;
1344
+ showIcon?: boolean;
1345
+ }
1346
+ interface PasswordInputProps extends BaseProps {
1347
+ value: string;
1348
+ onChange: (value: string) => void;
1349
+ placeholder?: string;
1350
+ icon?: InputIcon;
1351
+ showIcon?: boolean;
1352
+ }
1353
+ interface TextAreaInputProps extends BaseProps {
1354
+ value: string;
1355
+ onChange: (value: string) => void;
1356
+ placeholder?: string;
1357
+ rows?: number;
1358
+ }
1359
+ interface SelectInputProps extends BaseProps {
1360
+ value: string;
1361
+ onChange: (value: string) => void;
1362
+ items: (string | SelectItemType)[];
1363
+ placeholder?: string;
1364
+ icon?: InputIcon;
1365
+ showIcon?: boolean;
1366
+ disabled?: boolean;
1367
+ }
1368
+ interface ComboboxInputProps extends BaseProps {
1369
+ value: string;
1370
+ onChange: (value: string) => void;
1371
+ items: (string | SelectItemType)[];
1372
+ placeholder?: string;
1373
+ searchPlaceholder?: string;
1374
+ emptyMessage?: string;
1375
+ icon?: InputIcon;
1376
+ showIcon?: boolean;
1377
+ disabled?: boolean;
1378
+ allowFreeText?: boolean;
1379
+ }
1380
+ interface MultiSelectInputProps extends BaseProps {
1381
+ value: string[];
1382
+ onChange: (value: string[]) => void;
1383
+ items: (string | SelectItemType)[];
1384
+ placeholder?: string;
1385
+ searchPlaceholder?: string;
1386
+ emptyMessage?: string;
1387
+ icon?: InputIcon;
1388
+ showIcon?: boolean;
1389
+ disabled?: boolean;
1390
+ maxDisplay?: number;
1391
+ showSearch?: boolean;
1392
+ }
1393
+ interface RadioGroupInputProps extends BaseProps {
1394
+ value: string;
1395
+ onChange: (value: string) => void;
1396
+ items: (string | SelectItemType)[];
1397
+ layout?: "row" | "column";
1398
+ }
1399
+ interface SwitchInputProps extends BaseProps {
1400
+ value: boolean;
1401
+ onChange: (checked: boolean) => void;
1402
+ label?: string;
1403
+ helper?: string;
1404
+ icon?: string | ComponentType<{
1405
+ className?: string;
1406
+ }>;
1407
+ showIcon?: boolean;
1408
+ iconPosition?: "label" | "input";
1409
+ }
1410
+ interface CheckboxInputProps extends BaseProps {
1411
+ value: boolean;
1412
+ onChange: (checked: boolean) => void;
1413
+ label?: string;
1414
+ helper?: string;
1415
+ checkboxClassName?: string;
1416
+ }
1417
+ interface CheckboxGroupInputProps extends BaseProps {
1418
+ value: string[];
1419
+ onChange: (newValue: string[]) => void;
1420
+ items: (string | SelectItemType)[];
1421
+ layout?: "row" | "column";
1422
+ }
1423
+ interface FileInputProps extends BaseProps {
1424
+ value: File | string | null;
1425
+ onChange: (file: File | null) => void;
1426
+ placeholder?: string;
1427
+ icon?: InputIcon;
1428
+ showIcon?: boolean;
1429
+ }
1430
+ interface DateInputProps extends BaseProps {
1431
+ value: Date | undefined;
1432
+ onChange: (date: string | undefined) => void;
1433
+ placeholder?: string;
1434
+ icon?: InputIcon;
1435
+ showIcon?: boolean;
1436
+ }
1437
+ interface StarRatingInputProps extends BaseProps {
1438
+ value: number;
1439
+ onChange: (starNumber: number | undefined) => void;
1440
+ maxStars?: number;
1441
+ }
1442
+ interface ColorArrayInputProps extends BaseProps {
1443
+ value: string;
1444
+ onChange: (color: string) => void;
1445
+ colors?: string[];
1446
+ }
1447
+ interface TimeInputProps extends BaseProps {
1448
+ value?: string;
1449
+ onChange: (value: string) => void;
1450
+ placeholder?: string;
1451
+ icon?: InputIcon;
1452
+ showIcon?: boolean;
1453
+ format24?: boolean;
1454
+ showSeconds?: boolean;
1455
+ disabled?: boolean;
1456
+ }
1457
+ interface ImageInputProps extends BaseProps {
1458
+ value: File | string | null;
1459
+ onChange: (file: File | null) => void;
1460
+ placeholder?: string;
1461
+ icon?: InputIcon;
1462
+ showIcon?: boolean;
1463
+ previewClassName?: string;
1464
+ showPreview?: boolean;
1465
+ previewPosition?: "top" | "bottom" | "left" | "right";
1466
+ allowClear?: boolean;
1467
+ accept?: string;
1468
+ defaultImage?: string;
1469
+ imageSize?: "sm" | "md" | "lg" | "xl";
1470
+ imageVersion?: string | number | null;
1471
+ }
1472
+ interface EmojiInputProps extends BaseProps {
1473
+ value: number;
1474
+ onChange: (value: number) => void;
1475
+ options?: {
1476
+ value: number;
1477
+ label: string;
1478
+ }[];
1479
+ }
1480
+ interface PhoneInputProps extends BaseProps {
1481
+ value: string;
1482
+ onChange: (value: string) => void;
1483
+ defaultCountry?: string;
1484
+ placeholder?: string;
1485
+ disabled?: boolean;
1486
+ }
1487
+ interface LangInputProps extends BaseProps {
1488
+ value: string;
1489
+ onChange: (value: string) => void;
1490
+ items: {
1491
+ value: string;
1492
+ label: string;
1493
+ icon?: string | ComponentType<{
1494
+ className?: string;
1495
+ }>;
1496
+ }[];
1497
+ placeholder?: string;
1498
+ disabled?: boolean;
1499
+ }
1500
+
1501
+ declare const TextInput: React__default.FC<TextInputProps>;
1502
+
1503
+ declare const NumberInput: React__default.FC<NumberInputProps>;
1504
+
1505
+ declare const PasswordInput: React__default.FC<PasswordInputProps>;
1506
+
1507
+ declare const TextAreaInput: React__default.FC<TextAreaInputProps>;
1508
+
1509
+ declare const SelectInput: React__default.FC<SelectInputProps>;
1510
+
1511
+ declare const ComboboxInput: React__default.FC<ComboboxInputProps>;
1512
+
1513
+ declare const MultiSelectInput: React__default.FC<MultiSelectInputProps>;
1514
+
1515
+ declare const RadioGroupInput: React__default.FC<RadioGroupInputProps>;
1516
+
1517
+ declare const CheckboxInput: React__default.FC<CheckboxInputProps>;
1518
+
1519
+ declare function CheckboxGroupInput({ value, onChange, items, layout, className, variant, status, disabled, }: CheckboxGroupInputProps & {
1520
+ disabled?: boolean;
1521
+ }): react_jsx_runtime.JSX.Element;
1522
+
1523
+ declare const SwitchInput: React__default.FC<SwitchInputProps>;
1524
+
1525
+ declare const DateInput: React__default.FC<DateInputProps>;
1526
+
1527
+ declare const FileInput: React__default.FC<FileInputProps>;
1528
+
1529
+ declare function ImageInput({ value, onChange, previewClassName, showPreview, previewPosition, allowClear, accept, defaultImage, imageSize, imageVersion, disabled, }: ImageInputProps & {
1530
+ disabled?: boolean;
1531
+ }): react_jsx_runtime.JSX.Element;
1532
+
1533
+ declare const StarRatingInput: React__default.FC<StarRatingInputProps>;
1534
+
1535
+ declare const ColorArrayInput: React__default.FC<ColorArrayInputProps>;
1536
+
1537
+ declare function ColorPickerInput({ value, onChange, colors, className, variant, status, disabled, }: ColorArrayInputProps & {
1538
+ disabled?: boolean;
1539
+ }): react_jsx_runtime.JSX.Element;
1540
+
1541
+ declare function EmojiInput({ value, onChange, options, className, variant, status, disabled, }: EmojiInputProps & {
1542
+ disabled?: boolean;
1543
+ }): react_jsx_runtime.JSX.Element;
1544
+
1545
+ declare function LangInput({ value, onChange, items, disabled, className, }: LangInputProps): react_jsx_runtime.JSX.Element;
1546
+
1547
+ declare function PhoneInput({ value, onChange, defaultCountry, placeholder, disabled, className, variant, status, }: PhoneInputProps & {
1548
+ variant?: "default" | "rounded" | "ghost";
1549
+ status?: "default" | "error";
1550
+ }): react_jsx_runtime.JSX.Element;
1551
+
1552
+ declare const TimeInput: React__default.FC<TimeInputProps>;
1553
+
1554
+ declare function getIconColorProps(iconColor?: string, baseClassName?: string): {
1555
+ className: string;
1556
+ style: {
1557
+ color?: undefined;
1558
+ };
1559
+ } | {
1560
+ className: string;
1561
+ style: {
1562
+ color: string;
1563
+ };
1564
+ };
1565
+
1566
+ interface SliderProps {
1567
+ value: number[];
1568
+ onValueChange: (value: number[]) => void;
1569
+ min?: number;
1570
+ max?: number;
1571
+ step?: number;
1572
+ className?: string;
1573
+ disabled?: boolean;
1574
+ }
1575
+ declare function Slider({ value, onValueChange, min, max, step, className, disabled }: SliderProps): react_jsx_runtime.JSX.Element;
1576
+
1577
+ interface SearchFieldProps {
1578
+ value: string;
1579
+ onChange: (value: string) => void;
1580
+ placeholder?: string;
1581
+ className?: string;
1582
+ }
1583
+ declare function SearchField({ value, onChange, placeholder, className }: SearchFieldProps): react_jsx_runtime.JSX.Element;
1584
+
1585
+ interface FileImportButtonProps {
1586
+ onFile?: (file: File) => void;
1587
+ onFiles?: (files: File[]) => void;
1588
+ accept?: string;
1589
+ multiple?: boolean;
1590
+ children?: React__default.ReactNode;
1591
+ loading?: boolean;
1592
+ }
1593
+ declare function FileImportButton({ onFile, onFiles, accept, multiple, children, loading, }: FileImportButtonProps): react_jsx_runtime.JSX.Element;
1594
+
1595
+ interface ComboboxOption {
1596
+ value: string;
1597
+ label: string;
1598
+ }
1599
+ interface ComboboxProps {
1600
+ options: ComboboxOption[];
1601
+ value: string;
1602
+ onChange: (value: string) => void;
1603
+ placeholder?: string;
1604
+ emptyText?: string;
1605
+ className?: string;
1606
+ allowFreeText?: boolean;
1607
+ disabled?: boolean;
1608
+ }
1609
+ declare function Combobox({ options, value, onChange, placeholder, emptyText, className, allowFreeText, disabled, }: ComboboxProps): react_jsx_runtime.JSX.Element;
1610
+
1611
+ type FormVariant = "default" | "studio" | "compact";
1612
+ interface FormSlotClassNames {
1613
+ item?: string;
1614
+ label?: string;
1615
+ input?: string;
1616
+ description?: string;
1617
+ error?: string;
1618
+ }
1619
+ declare const VariantProvider: React__default.FC<{
1620
+ variant?: FormVariant;
1621
+ children: React__default.ReactNode;
1622
+ }>;
1623
+ declare const useVariant: () => FormVariant;
1624
+ declare const useVariantPreset: () => FormSlotClassNames;
1625
+
1626
+ interface BaseFormInputProps {
1627
+ name: string;
1628
+ formLabel?: string;
1629
+ formDescription?: string;
1630
+ required?: boolean;
1631
+ icon?: React.ReactNode;
1632
+ iconColor?: string;
1633
+ items?: any;
1634
+ disabled?: boolean;
1635
+ readOnly?: boolean;
1636
+ hidden?: boolean;
1637
+ className?: string;
1638
+ classNames?: FormSlotClassNames;
1639
+ onChange?: (value: any) => void;
1640
+ }
1641
+ type InputTypeMap = {
1642
+ text: Omit<TextInputProps, "value" | "onChange">;
1643
+ number: Omit<NumberInputProps, "value" | "onChange">;
1644
+ password: Omit<PasswordInputProps, "value" | "onChange">;
1645
+ textarea: Omit<TextAreaInputProps, "value" | "onChange">;
1646
+ select: Omit<SelectInputProps, "value" | "onChange">;
1647
+ combobox: Omit<ComboboxInputProps, "value" | "onChange">;
1648
+ multiselect: Omit<MultiSelectInputProps, "value" | "onChange">;
1649
+ radio: Omit<RadioGroupInputProps, "value" | "onChange">;
1650
+ switch: Omit<SwitchInputProps, "value" | "onChange">;
1651
+ checkbox: Omit<CheckboxInputProps, "value" | "onChange">;
1652
+ checkboxGroup: Omit<CheckboxGroupInputProps, "value" | "onChange">;
1653
+ file: Omit<FileInputProps, "value" | "onChange">;
1654
+ image: Omit<ImageInputProps, "value" | "onChange">;
1655
+ date: Omit<DateInputProps, "value" | "onChange">;
1656
+ starRating: Omit<StarRatingInputProps, "value" | "onChange">;
1657
+ colorArray: Omit<ColorArrayInputProps, "value" | "onChange">;
1658
+ emoji: Omit<EmojiInputProps, "value" | "onChange">;
1659
+ lang: Omit<LangInputProps, "value" | "onChange">;
1660
+ phone: Omit<PhoneInputProps, "value" | "onChange">;
1661
+ time: Omit<TimeInputProps, "value" | "onChange">;
1662
+ };
1663
+ type FormInputProps = {
1664
+ [K in keyof InputTypeMap]: BaseFormInputProps & {
1665
+ type: K;
1666
+ } & InputTypeMap[K];
1667
+ }[keyof InputTypeMap];
1668
+ type FormProps<T extends ZodTypeAny = ZodTypeAny> = {
1669
+ schema?: T;
1670
+ defaultValues?: UseFormProps<TypeOf<T>>["defaultValues"];
1671
+ onSubmit: SubmitHandler<TypeOf<T>>;
1672
+ form?: UseFormReturn<TypeOf<T>>;
1673
+ variant?: FormVariant;
1674
+ as?: "form" | "div";
1675
+ className?: string;
1676
+ id?: string;
1677
+ devTools?: {
1678
+ enabled?: boolean;
1679
+ fill?: () => Partial<TypeOf<T>>;
1680
+ };
1681
+ children: React.ReactNode;
1682
+ };
1683
+
1684
+ declare const NForm: <T extends ZodTypeAny>(props: FormProps<T>) => React__default.ReactElement;
1685
+
1686
+ interface NFormSectionHeaderProps {
1687
+ icon?: LucideIcon | React__default.ComponentType<{
1688
+ className?: string;
1689
+ }>;
1690
+ title: string;
1691
+ className?: string;
1692
+ color?: string;
1693
+ }
1694
+ declare function NFormSectionHeader({ icon: Icon, title, className, color, }: NFormSectionHeaderProps): react_jsx_runtime.JSX.Element;
1695
+
1696
+ declare const FormInput: React__default.FC<FormInputProps>;
1697
+
1698
+ interface DynamicArrayProps {
1699
+ name: string;
1700
+ children: React__default.ReactNode;
1701
+ title?: string | ((data: any, index: number) => string);
1702
+ onAdd?: (append: (value: any) => void, replace: (value: any[]) => void) => void;
1703
+ className?: string;
1704
+ collapsible?: boolean;
1705
+ defaultCollapsed?: boolean;
1706
+ addLabel?: string;
1707
+ emptyLabel?: string;
1708
+ }
1709
+ type RepeatingFieldsProps = DynamicArrayProps;
1710
+ declare const DynamicArray: ({ name, children, title, onAdd, className, collapsible, defaultCollapsed, addLabel, emptyLabel }: DynamicArrayProps) => react_jsx_runtime.JSX.Element;
1711
+ declare const RepeatingFields: ({ name, children, title, onAdd, className, collapsible, defaultCollapsed, addLabel, emptyLabel }: DynamicArrayProps) => react_jsx_runtime.JSX.Element;
1712
+
1713
+ declare const PrefixProvider: React__default.FC<{
1714
+ prefix?: string | number;
1715
+ children: React__default.ReactNode;
1716
+ }>;
1717
+ declare const usePrefix: () => string | number | undefined;
1718
+
1719
+ interface UseNFormOptions<T extends ZodTypeAny> extends Omit<UseFormProps<TypeOf<T>>, "resolver"> {
1720
+ schema?: T;
1721
+ }
1722
+ declare function useNForm<T extends ZodTypeAny>(options: UseNFormOptions<T>): UseFormReturn<TypeOf<T>>;
1723
+
1724
+ interface StepConfig {
1725
+ id: string;
1726
+ title: string;
1727
+ description?: string;
1728
+ fields?: string[];
1729
+ schema?: any;
1730
+ render: (ctx: {
1731
+ form: UseFormReturn<any>;
1732
+ stepIndex: number;
1733
+ }) => ReactNode;
1734
+ }
1735
+ interface WizardClassNames {
1736
+ root?: string;
1737
+ header?: string;
1738
+ step?: string;
1739
+ footer?: string;
1740
+ indicator?: string;
1741
+ progressBar?: string;
1742
+ }
1743
+ interface WizardFormProps {
1744
+ steps: StepConfig[];
1745
+ schema: any;
1746
+ defaultValues?: Record<string, any>;
1747
+ onSubmit: (data: any) => void | Promise<void>;
1748
+ currentStep?: number;
1749
+ onCurrentStepChange?: (step: number) => void;
1750
+ onStepComplete?: (stepIndex: number, data: Record<string, any>) => void;
1751
+ showHeader?: boolean;
1752
+ showFooter?: boolean;
1753
+ nextLabel?: string;
1754
+ previousLabel?: string;
1755
+ submitLabel?: string;
1756
+ className?: string;
1757
+ classNames?: WizardClassNames;
1758
+ footerSlot?: ReactNode;
1759
+ children?: ReactNode;
1760
+ }
1761
+ interface StepMeta {
1762
+ id: string;
1763
+ number: number;
1764
+ title: string;
1765
+ }
1766
+
1767
+ declare function WizardForm({ steps, schema, defaultValues, onSubmit, currentStep: controlledStep, onCurrentStepChange, onStepComplete, showHeader, showFooter, nextLabel, previousLabel, submitLabel, className, classNames, footerSlot, }: WizardFormProps): react_jsx_runtime.JSX.Element;
1768
+
1769
+ interface StepIndicatorProps {
1770
+ stepNumber: number;
1771
+ title: string;
1772
+ currentStep: number;
1773
+ completedSteps?: Set<number>;
1774
+ onClick?: (step: number) => void;
1775
+ className?: string;
1776
+ }
1777
+ declare function StepIndicator({ stepNumber, title, currentStep, completedSteps, onClick, className, }: StepIndicatorProps): react_jsx_runtime.JSX.Element;
1778
+
1779
+ interface StepsHeaderProps {
1780
+ steps: StepMeta[];
1781
+ currentStep: number;
1782
+ completedSteps?: Set<number>;
1783
+ onStepClick?: (step: number) => void;
1784
+ className?: string;
1785
+ classNames?: WizardClassNames;
1786
+ }
1787
+ declare function StepsHeader({ steps, currentStep, completedSteps, onStepClick, className, classNames, }: StepsHeaderProps): react_jsx_runtime.JSX.Element;
1788
+
1789
+ interface StepsProgressProps {
1790
+ steps: StepMeta[];
1791
+ currentStep: number;
1792
+ className?: string;
1793
+ }
1794
+ declare function StepsProgress({ steps, currentStep, className }: StepsProgressProps): react_jsx_runtime.JSX.Element;
1795
+
1796
+ interface UseStepNavigationOptions {
1797
+ steps: StepConfig[];
1798
+ currentStep?: number;
1799
+ onCurrentStepChange?: (step: number) => void;
1800
+ }
1801
+ interface StepNavState {
1802
+ currentStep: number;
1803
+ totalSteps: number;
1804
+ isFirstStep: boolean;
1805
+ isLastStep: boolean;
1806
+ currentStepConfig: StepConfig;
1807
+ steps: StepMeta[];
1808
+ completedSteps: Set<number>;
1809
+ handleNext: () => void;
1810
+ handlePrevious: () => void;
1811
+ goToStep: (step: number) => void;
1812
+ markStepCompleted: (stepIndex: number) => void;
1813
+ reset: () => void;
1814
+ }
1815
+ declare function useStepNavigation({ steps, currentStep: controlledStep, onCurrentStepChange, }: UseStepNavigationOptions): StepNavState;
1816
+
1817
+ interface UseFormSubmissionOptions {
1818
+ steps: StepConfig[];
1819
+ schema: any;
1820
+ defaultValues?: Record<string, any>;
1821
+ onSubmit: (data: any) => void | Promise<void>;
1822
+ currentStep: number;
1823
+ isLastStep: boolean;
1824
+ handleNext: () => void;
1825
+ markStepCompleted: (stepIndex: number) => void;
1826
+ reset: () => void;
1827
+ }
1828
+ interface FormSubmissionState {
1829
+ formDataRef: React.MutableRefObject<Record<string, any>>;
1830
+ handleStepSubmit: (stepData: any) => Promise<void>;
1831
+ getStepDefaultValues: (stepId: string) => Record<string, any>;
1832
+ }
1833
+ declare function useFormSubmission({ steps, schema, defaultValues, onSubmit, currentStep, isLastStep, handleNext, markStepCompleted, reset, }: UseFormSubmissionOptions): FormSubmissionState;
1834
+
1835
+ interface NTableClassNames {
1836
+ root?: string;
1837
+ header?: string;
1838
+ tableHeader?: string;
1839
+ content?: string;
1840
+ pagination?: string;
1841
+ cards?: string;
1842
+ row?: string;
1843
+ }
1844
+ type ViewMode = "table" | "cards" | "json" | "files";
1845
+ type CustomModeRenderers = Partial<Record<string, () => ReactNode>>;
1846
+ interface TableState {
1847
+ table: any;
1848
+ data: any[];
1849
+ columns: any[];
1850
+ filters: any[];
1851
+ isLoading: boolean;
1852
+ error: any;
1853
+ viewMode: ViewMode;
1854
+ showSorting: boolean;
1855
+ showPagination: boolean;
1856
+ showColumnVisibility: boolean;
1857
+ showAddButton: boolean;
1858
+ showViewToggle: boolean;
1859
+ toolbarLabels: boolean;
1860
+ showContent: boolean;
1861
+ isTableView: boolean;
1862
+ isCardView: boolean;
1863
+ isJsonView: boolean;
1864
+ isFilesView: boolean;
1865
+ isCustomMode: boolean;
1866
+ hasActions: boolean;
1867
+ hasData: boolean;
1868
+ hasControls: boolean;
1869
+ hasNoData: boolean;
1870
+ dynamicHeight: boolean;
1871
+ CardComponent: ComponentType<any> | null;
1872
+ className: string;
1873
+ classNames: NTableClassNames;
1874
+ headerClassName: string;
1875
+ showCheckbox: boolean;
1876
+ selectedRowId: string | null;
1877
+ headerSlot: ReactNode | null;
1878
+ onAddClick: any;
1879
+ onView: any;
1880
+ onEdit: any;
1881
+ onDelete: any;
1882
+ onRowClick: any;
1883
+ onRowContextMenu: any;
1884
+ onCellClick: any;
1885
+ onBulkDelete: any;
1886
+ onRetry: any;
1887
+ onCellEdit: any;
1888
+ onStateChange: ((state: any) => void) | null;
1889
+ getRowId: ((row: any) => string) | null;
1890
+ renderToolbar: ((state: any) => ReactNode) | null;
1891
+ noResultsText: string;
1892
+ filterPlaceholder: string;
1893
+ loadingText: string;
1894
+ noDataText: string;
1895
+ addButtonText: string;
1896
+ pageSizeOptions: number[];
1897
+ calculatedPageSize: number;
1898
+ maxHeight: number | null;
1899
+ syncWithProps: (updates: Partial<TableState>) => void;
1900
+ jsonValue: unknown;
1901
+ jsonColors: any;
1902
+ renderJson: (() => ReactNode) | null;
1903
+ renderCustomMode: CustomModeRenderers | null;
1904
+ isModeControlled: boolean;
1905
+ onModeChange: ((mode: ViewMode) => void) | null;
1906
+ availableModes: readonly ViewMode[];
1907
+ setViewMode: (mode: ViewMode) => void;
1908
+ hasSyncedFromProps: boolean;
1909
+ manualPagination: boolean;
1910
+ pageCount: number | undefined;
1911
+ rowCount: number | undefined;
1912
+ pagination: {
1913
+ pageIndex: number;
1914
+ pageSize: number;
1915
+ };
1916
+ isPaginationControlled: boolean;
1917
+ onPaginationChange: ((pagination: {
1918
+ pageIndex: number;
1919
+ pageSize: number;
1920
+ }) => void) | null;
1921
+ setPagination: (pagination: {
1922
+ pageIndex: number;
1923
+ pageSize: number;
1924
+ }) => void;
1925
+ hasSyncedPaginationFromProps: boolean;
1926
+ rowSelection: Record<string, boolean>;
1927
+ isRowSelectionControlled: boolean;
1928
+ onRowSelectionChange: ((state: Record<string, boolean>) => void) | null;
1929
+ setRowSelection: (state: Record<string, boolean>) => void;
1930
+ hasSyncedRowSelectionFromProps: boolean;
1931
+ sorting: SortingState;
1932
+ isSortingControlled: boolean;
1933
+ onSortingChange: ((state: SortingState) => void) | null;
1934
+ setSorting: (state: SortingState) => void;
1935
+ hasSyncedSortingFromProps: boolean;
1936
+ responsiveCards: boolean;
1937
+ isMobile: boolean;
1938
+ isEmpty: boolean | undefined;
1939
+ isFilteredEmpty: boolean;
1940
+ renderFilteredEmpty: (() => React.ReactNode) | null;
1941
+ expanded: ExpandedState;
1942
+ isExpandedControlled: boolean;
1943
+ onExpandedChange: ((state: ExpandedState) => void) | null;
1944
+ getRowCanExpand: ((row: any) => boolean) | null;
1945
+ renderSubRow: ((row: any) => React.ReactNode) | null;
1946
+ setExpanded: (state: ExpandedState) => void;
1947
+ hasSyncedExpandedFromProps: boolean;
1948
+ }
1949
+ type TableStore = ReturnType<typeof createTableStore>;
1950
+ declare const createTableStore: () => {
1951
+ (): TableState;
1952
+ <U>(selector: (state: TableState) => U): U;
1953
+ } & StoreApi<TableState> & {
1954
+ use: {
1955
+ table: () => any;
1956
+ data: () => any[];
1957
+ columns: () => any[];
1958
+ filters: () => any[];
1959
+ isLoading: () => boolean;
1960
+ error: () => any;
1961
+ viewMode: () => ViewMode;
1962
+ showSorting: () => boolean;
1963
+ showPagination: () => boolean;
1964
+ showColumnVisibility: () => boolean;
1965
+ showAddButton: () => boolean;
1966
+ showViewToggle: () => boolean;
1967
+ toolbarLabels: () => boolean;
1968
+ showContent: () => boolean;
1969
+ isTableView: () => boolean;
1970
+ isCardView: () => boolean;
1971
+ isJsonView: () => boolean;
1972
+ isFilesView: () => boolean;
1973
+ isCustomMode: () => boolean;
1974
+ hasActions: () => boolean;
1975
+ hasData: () => boolean;
1976
+ hasControls: () => boolean;
1977
+ hasNoData: () => boolean;
1978
+ dynamicHeight: () => boolean;
1979
+ CardComponent: () => ComponentType<any>;
1980
+ className: () => string;
1981
+ classNames: () => NTableClassNames;
1982
+ headerClassName: () => string;
1983
+ showCheckbox: () => boolean;
1984
+ selectedRowId: () => string;
1985
+ headerSlot: () => ReactNode;
1986
+ onAddClick: () => any;
1987
+ onView: () => any;
1988
+ onEdit: () => any;
1989
+ onDelete: () => any;
1990
+ onRowClick: () => any;
1991
+ onRowContextMenu: () => any;
1992
+ onCellClick: () => any;
1993
+ onBulkDelete: () => any;
1994
+ onRetry: () => any;
1995
+ onCellEdit: () => any;
1996
+ onStateChange: () => (state: any) => void;
1997
+ getRowId: () => (row: any) => string;
1998
+ renderToolbar: () => (state: any) => ReactNode;
1999
+ noResultsText: () => string;
2000
+ filterPlaceholder: () => string;
2001
+ loadingText: () => string;
2002
+ noDataText: () => string;
2003
+ addButtonText: () => string;
2004
+ pageSizeOptions: () => number[];
2005
+ calculatedPageSize: () => number;
2006
+ maxHeight: () => number;
2007
+ syncWithProps: () => (updates: Partial<TableState>) => void;
2008
+ jsonValue: () => unknown;
2009
+ jsonColors: () => any;
2010
+ renderJson: () => () => ReactNode;
2011
+ renderCustomMode: () => Partial<Record<string, () => ReactNode>>;
2012
+ isModeControlled: () => boolean;
2013
+ onModeChange: () => (mode: ViewMode) => void;
2014
+ availableModes: () => readonly ViewMode[];
2015
+ setViewMode: () => (mode: ViewMode) => void;
2016
+ hasSyncedFromProps: () => boolean;
2017
+ manualPagination: () => boolean;
2018
+ pageCount: () => number;
2019
+ rowCount: () => number;
2020
+ pagination: () => {
2021
+ pageIndex: number;
2022
+ pageSize: number;
2023
+ };
2024
+ isPaginationControlled: () => boolean;
2025
+ onPaginationChange: () => (pagination: {
2026
+ pageIndex: number;
2027
+ pageSize: number;
2028
+ }) => void;
2029
+ setPagination: () => (pagination: {
2030
+ pageIndex: number;
2031
+ pageSize: number;
2032
+ }) => void;
2033
+ hasSyncedPaginationFromProps: () => boolean;
2034
+ rowSelection: () => Record<string, boolean>;
2035
+ isRowSelectionControlled: () => boolean;
2036
+ onRowSelectionChange: () => (state: Record<string, boolean>) => void;
2037
+ setRowSelection: () => (state: Record<string, boolean>) => void;
2038
+ hasSyncedRowSelectionFromProps: () => boolean;
2039
+ sorting: () => SortingState;
2040
+ isSortingControlled: () => boolean;
2041
+ onSortingChange: () => (state: SortingState) => void;
2042
+ setSorting: () => (state: SortingState) => void;
2043
+ hasSyncedSortingFromProps: () => boolean;
2044
+ responsiveCards: () => boolean;
2045
+ isMobile: () => boolean;
2046
+ isEmpty: () => boolean;
2047
+ isFilteredEmpty: () => boolean;
2048
+ renderFilteredEmpty: () => () => React.ReactNode;
2049
+ expanded: () => ExpandedState;
2050
+ isExpandedControlled: () => boolean;
2051
+ onExpandedChange: () => (state: ExpandedState) => void;
2052
+ getRowCanExpand: () => (row: any) => boolean;
2053
+ renderSubRow: () => (row: any) => React.ReactNode;
2054
+ setExpanded: () => (state: ExpandedState) => void;
2055
+ hasSyncedExpandedFromProps: () => boolean;
2056
+ };
2057
+ };
2058
+
2059
+ interface NTableState {
2060
+ sorting: SortingState;
2061
+ columnFilters: ColumnFiltersState;
2062
+ columnVisibility: VisibilityState;
2063
+ rowSelection: RowSelectionState;
2064
+ globalFilter: string;
2065
+ }
2066
+ interface NTableProps<T = any, M extends ViewMode = ViewMode> {
2067
+ data: T[];
2068
+ columns: ColumnDef<T, any>[];
2069
+ loading?: boolean;
2070
+ error?: any;
2071
+ getRowId?: (row: T) => string;
2072
+ onCreate?: () => void;
2073
+ onEdit?: (row: T) => void;
2074
+ onView?: (row: T) => void;
2075
+ onDelete?: (row: T) => void;
2076
+ renderCard?: ComponentType<{
2077
+ data: T;
2078
+ row: Row<T>;
2079
+ onClick?: () => void;
2080
+ onContextMenu?: (e: React__default.MouseEvent) => void;
2081
+ isExpanded?: boolean;
2082
+ onToggleExpanded?: () => void;
2083
+ canExpand?: boolean;
2084
+ renderSubRow?: (row: T) => React__default.ReactNode;
2085
+ 'data-row'?: string;
2086
+ }>;
2087
+ renderToolbar?: (state: NTableState) => React__default.ReactNode;
2088
+ renderEmpty?: () => React__default.ReactNode;
2089
+ renderError?: (error: any) => React__default.ReactNode;
2090
+ renderLoading?: () => React__default.ReactNode;
2091
+ className?: string;
2092
+ classNames?: NTableClassNames;
2093
+ density?: "compact" | "comfortable" | "spacious";
2094
+ availableModes?: readonly M[];
2095
+ mode?: M;
2096
+ defaultMode?: M;
2097
+ onModeChange?: (mode: M) => void;
2098
+ jsonValue?: unknown;
2099
+ jsonColors?: any;
2100
+ renderJson?: () => React__default.ReactNode;
2101
+ renderCustomMode?: CustomModeRenderers;
2102
+ manualPagination?: boolean;
2103
+ pageCount?: number;
2104
+ rowCount?: number;
2105
+ pagination?: {
2106
+ pageIndex: number;
2107
+ pageSize: number;
2108
+ };
2109
+ defaultPagination?: {
2110
+ pageIndex: number;
2111
+ pageSize: number;
2112
+ };
2113
+ onPaginationChange?: (pagination: {
2114
+ pageIndex: number;
2115
+ pageSize: number;
2116
+ }) => void;
2117
+ rowSelection?: RowSelectionState;
2118
+ defaultRowSelection?: RowSelectionState;
2119
+ onRowSelectionChange?: (state: RowSelectionState) => void;
2120
+ sorting?: SortingState;
2121
+ defaultSorting?: SortingState;
2122
+ onSortingChange?: (state: SortingState) => void;
2123
+ responsiveCards?: boolean;
2124
+ isEmpty?: boolean;
2125
+ isFilteredEmpty?: boolean;
2126
+ renderFilteredEmpty?: () => React__default.ReactNode;
2127
+ expanded?: ExpandedState;
2128
+ defaultExpanded?: ExpandedState;
2129
+ onExpandedChange?: (state: ExpandedState) => void;
2130
+ getRowCanExpand?: (row: T) => boolean;
2131
+ renderSubRow?: (row: T) => React__default.ReactNode;
2132
+ filters?: any[];
2133
+ showPagination?: boolean;
2134
+ showSorting?: boolean;
2135
+ showColumnVisibility?: boolean;
2136
+ showAddButton?: boolean;
2137
+ showViewToggle?: boolean;
2138
+ toolbarLabels?: boolean;
2139
+ dynamicHeight?: boolean;
2140
+ headerClassName?: string;
2141
+ showCheckbox?: boolean;
2142
+ onRowClick?: (row: T) => void;
2143
+ onRowContextMenu?: (e: React__default.MouseEvent, row: T) => void;
2144
+ onCellEdit?: (row: T, columnId: string, value: any) => Promise<any>;
2145
+ onBulkDelete?: (ids: string[]) => void;
2146
+ pageSizeOptions?: number[];
2147
+ noResultsText?: string;
2148
+ noDataText?: string;
2149
+ loadingText?: string;
2150
+ addButtonText?: string;
2151
+ headerSlot?: React__default.ReactNode;
2152
+ selectedRowId?: string | null;
2153
+ onStateChange?: (state: NTableState) => void;
2154
+ }
2155
+ declare function NTable<T = any, M extends ViewMode = ViewMode>(props: NTableProps<T, M>): react_jsx_runtime.JSX.Element;
2156
+
2157
+ declare function NTableContent({ effectiveMode }: {
2158
+ effectiveMode?: string;
2159
+ }): react_jsx_runtime.JSX.Element;
2160
+
2161
+ declare function NTableCards({ effectiveMode }: {
2162
+ effectiveMode?: string;
2163
+ }): react_jsx_runtime.JSX.Element;
2164
+
2165
+ declare function NTablePagination(): react_jsx_runtime.JSX.Element;
2166
+
2167
+ declare function NTableHeader(): react_jsx_runtime.JSX.Element;
2168
+
2169
+ declare function NTableLoadingSkeleton({ rows }: {
2170
+ rows?: number;
2171
+ }): react_jsx_runtime.JSX.Element;
2172
+
2173
+ interface NDataCardShellActions {
2174
+ onView?: (row: unknown) => void;
2175
+ onEdit?: (row: unknown) => void;
2176
+ onDelete?: (row: unknown) => void;
2177
+ }
2178
+ interface NDataCardShellProps {
2179
+ row: Row<unknown>;
2180
+ onClick?: () => void;
2181
+ onContextMenu?: (e: React__default.MouseEvent) => void;
2182
+ actions?: NDataCardShellActions;
2183
+ children?: React__default.ReactNode;
2184
+ className?: string;
2185
+ }
2186
+ declare function NDataCardShell({ row, onClick, onContextMenu, actions, children, className }: NDataCardShellProps): react_jsx_runtime.JSX.Element;
2187
+
2188
+ interface NTableCardRootProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, "onClick" | "onContextMenu"> {
2189
+ card: {
2190
+ onClick?: () => void;
2191
+ onContextMenu?: (e: React__default.MouseEvent) => void;
2192
+ };
2193
+ children: React__default.ReactNode;
2194
+ className?: string;
2195
+ }
2196
+ declare function NTableCardRoot({ card, children, className, ...rest }: NTableCardRootProps): react_jsx_runtime.JSX.Element;
2197
+
2198
+ interface FileNode {
2199
+ key: string;
2200
+ name: string;
2201
+ isFolder: boolean;
2202
+ mimeType?: string;
2203
+ size?: number;
2204
+ updatedAt?: string;
2205
+ meta?: Record<string, unknown>;
2206
+ }
2207
+ type FileBrowserMode = "table" | "cards";
2208
+ interface NFileBrowserRenderThumbProps {
2209
+ node: FileNode;
2210
+ size: "sm" | "xl";
2211
+ }
2212
+ interface NFileBrowserCardProps {
2213
+ data: FileNode;
2214
+ row: Row<FileNode>;
2215
+ onClick?: () => void;
2216
+ onContextMenu?: (e: React__default.MouseEvent) => void;
2217
+ }
2218
+ interface NFileBrowserProps {
2219
+ nodes: FileNode[];
2220
+ mode?: FileBrowserMode;
2221
+ defaultMode?: FileBrowserMode;
2222
+ onModeChange?: (mode: FileBrowserMode) => void;
2223
+ availableModes?: readonly FileBrowserMode[];
2224
+ onOpen?: (node: FileNode) => void;
2225
+ onContextMenu?: (e: React__default.MouseEvent, node: FileNode) => void;
2226
+ onBackgroundContextMenu?: (e: React__default.MouseEvent) => void;
2227
+ selected?: Set<string> | string[];
2228
+ onSelectionChange?: (keys: string[]) => void;
2229
+ renderThumb?: (props: NFileBrowserRenderThumbProps) => React__default.ReactNode;
2230
+ renderCard?: (props: NFileBrowserCardProps) => React__default.ReactNode;
2231
+ columns?: ColumnDef<FileNode>[];
2232
+ extraColumns?: ColumnDef<FileNode>[];
2233
+ showSize?: boolean;
2234
+ showType?: boolean;
2235
+ showModified?: boolean;
2236
+ loading?: boolean;
2237
+ sorting?: SortingState;
2238
+ onSortingChange?: (state: SortingState) => void;
2239
+ showCheckbox?: boolean;
2240
+ showPagination?: boolean;
2241
+ showViewToggle?: boolean;
2242
+ responsiveCards?: boolean;
2243
+ noDataText?: string;
2244
+ loadingText?: string;
2245
+ renderEmpty?: () => React__default.ReactNode;
2246
+ renderToolbar?: () => React__default.ReactNode;
2247
+ className?: string;
2248
+ }
2249
+ declare function formatFileBytes(bytes: number): string;
2250
+ declare function formatFileRelative(iso: string): string;
2251
+ interface BuildDefaultFileColumnsOptions {
2252
+ renderThumb?: (props: NFileBrowserRenderThumbProps) => React__default.ReactNode;
2253
+ showType?: boolean;
2254
+ showSize?: boolean;
2255
+ showModified?: boolean;
2256
+ }
2257
+ declare function buildDefaultFileColumns(options?: BuildDefaultFileColumnsOptions): ColumnDef<FileNode>[];
2258
+ declare function NFileBrowser({ nodes, mode, defaultMode, onModeChange, availableModes, onOpen, onContextMenu, onBackgroundContextMenu, selected, onSelectionChange, renderThumb, renderCard, columns, extraColumns, showSize, showType, showModified, loading, sorting, onSortingChange, showCheckbox, showPagination, showViewToggle, responsiveCards, noDataText, loadingText, renderEmpty, renderToolbar, className, }: NFileBrowserProps): react_jsx_runtime.JSX.Element;
2259
+
2260
+ declare const TableStoreContext: React$1.Context<{
2261
+ (): TableState;
2262
+ <U>(selector: (state: TableState) => U): U;
2263
+ } & zustand.StoreApi<TableState> & {
2264
+ use: {
2265
+ table: () => any;
2266
+ data: () => any[];
2267
+ columns: () => any[];
2268
+ filters: () => any[];
2269
+ isLoading: () => boolean;
2270
+ error: () => any;
2271
+ viewMode: () => ViewMode;
2272
+ showSorting: () => boolean;
2273
+ showPagination: () => boolean;
2274
+ showColumnVisibility: () => boolean;
2275
+ showAddButton: () => boolean;
2276
+ showViewToggle: () => boolean;
2277
+ toolbarLabels: () => boolean;
2278
+ showContent: () => boolean;
2279
+ isTableView: () => boolean;
2280
+ isCardView: () => boolean;
2281
+ isJsonView: () => boolean;
2282
+ isFilesView: () => boolean;
2283
+ isCustomMode: () => boolean;
2284
+ hasActions: () => boolean;
2285
+ hasData: () => boolean;
2286
+ hasControls: () => boolean;
2287
+ hasNoData: () => boolean;
2288
+ dynamicHeight: () => boolean;
2289
+ CardComponent: () => React$1.ComponentType<any>;
2290
+ className: () => string;
2291
+ classNames: () => NTableClassNames;
2292
+ headerClassName: () => string;
2293
+ showCheckbox: () => boolean;
2294
+ selectedRowId: () => string;
2295
+ headerSlot: () => React$1.ReactNode;
2296
+ onAddClick: () => any;
2297
+ onView: () => any;
2298
+ onEdit: () => any;
2299
+ onDelete: () => any;
2300
+ onRowClick: () => any;
2301
+ onRowContextMenu: () => any;
2302
+ onCellClick: () => any;
2303
+ onBulkDelete: () => any;
2304
+ onRetry: () => any;
2305
+ onCellEdit: () => any;
2306
+ onStateChange: () => (state: any) => void;
2307
+ getRowId: () => (row: any) => string;
2308
+ renderToolbar: () => (state: any) => React$1.ReactNode;
2309
+ noResultsText: () => string;
2310
+ filterPlaceholder: () => string;
2311
+ loadingText: () => string;
2312
+ noDataText: () => string;
2313
+ addButtonText: () => string;
2314
+ pageSizeOptions: () => number[];
2315
+ calculatedPageSize: () => number;
2316
+ maxHeight: () => number;
2317
+ syncWithProps: () => (updates: Partial<TableState>) => void;
2318
+ jsonValue: () => unknown;
2319
+ jsonColors: () => any;
2320
+ renderJson: () => () => React$1.ReactNode;
2321
+ renderCustomMode: () => Partial<Record<string, () => React$1.ReactNode>>;
2322
+ isModeControlled: () => boolean;
2323
+ onModeChange: () => (mode: ViewMode) => void;
2324
+ availableModes: () => readonly ViewMode[];
2325
+ setViewMode: () => (mode: ViewMode) => void;
2326
+ hasSyncedFromProps: () => boolean;
2327
+ manualPagination: () => boolean;
2328
+ pageCount: () => number;
2329
+ rowCount: () => number;
2330
+ pagination: () => {
2331
+ pageIndex: number;
2332
+ pageSize: number;
2333
+ };
2334
+ isPaginationControlled: () => boolean;
2335
+ onPaginationChange: () => (pagination: {
2336
+ pageIndex: number;
2337
+ pageSize: number;
2338
+ }) => void;
2339
+ setPagination: () => (pagination: {
2340
+ pageIndex: number;
2341
+ pageSize: number;
2342
+ }) => void;
2343
+ hasSyncedPaginationFromProps: () => boolean;
2344
+ rowSelection: () => Record<string, boolean>;
2345
+ isRowSelectionControlled: () => boolean;
2346
+ onRowSelectionChange: () => (state: Record<string, boolean>) => void;
2347
+ setRowSelection: () => (state: Record<string, boolean>) => void;
2348
+ hasSyncedRowSelectionFromProps: () => boolean;
2349
+ sorting: () => _tanstack_table_core.SortingState;
2350
+ isSortingControlled: () => boolean;
2351
+ onSortingChange: () => (state: _tanstack_table_core.SortingState) => void;
2352
+ setSorting: () => (state: _tanstack_table_core.SortingState) => void;
2353
+ hasSyncedSortingFromProps: () => boolean;
2354
+ responsiveCards: () => boolean;
2355
+ isMobile: () => boolean;
2356
+ isEmpty: () => boolean;
2357
+ isFilteredEmpty: () => boolean;
2358
+ renderFilteredEmpty: () => () => React.ReactNode;
2359
+ expanded: () => _tanstack_table_core.ExpandedState;
2360
+ isExpandedControlled: () => boolean;
2361
+ onExpandedChange: () => (state: _tanstack_table_core.ExpandedState) => void;
2362
+ getRowCanExpand: () => (row: any) => boolean;
2363
+ renderSubRow: () => (row: any) => React.ReactNode;
2364
+ setExpanded: () => (state: _tanstack_table_core.ExpandedState) => void;
2365
+ hasSyncedExpandedFromProps: () => boolean;
2366
+ };
2367
+ }>;
2368
+ declare const useTableStore: {
2369
+ use: any;
2370
+ };
2371
+
2372
+ declare function useStoreSync(props: any): {
2373
+ (): TableState;
2374
+ <U>(selector: (state: TableState) => U): U;
2375
+ } & zustand.StoreApi<TableState> & {
2376
+ use: {
2377
+ table: () => any;
2378
+ data: () => any[];
2379
+ columns: () => any[];
2380
+ filters: () => any[];
2381
+ isLoading: () => boolean;
2382
+ error: () => any;
2383
+ viewMode: () => ViewMode;
2384
+ showSorting: () => boolean;
2385
+ showPagination: () => boolean;
2386
+ showColumnVisibility: () => boolean;
2387
+ showAddButton: () => boolean;
2388
+ showViewToggle: () => boolean;
2389
+ toolbarLabels: () => boolean;
2390
+ showContent: () => boolean;
2391
+ isTableView: () => boolean;
2392
+ isCardView: () => boolean;
2393
+ isJsonView: () => boolean;
2394
+ isFilesView: () => boolean;
2395
+ isCustomMode: () => boolean;
2396
+ hasActions: () => boolean;
2397
+ hasData: () => boolean;
2398
+ hasControls: () => boolean;
2399
+ hasNoData: () => boolean;
2400
+ dynamicHeight: () => boolean;
2401
+ CardComponent: () => React__default.ComponentType<any>;
2402
+ className: () => string;
2403
+ classNames: () => NTableClassNames;
2404
+ headerClassName: () => string;
2405
+ showCheckbox: () => boolean;
2406
+ selectedRowId: () => string;
2407
+ headerSlot: () => React__default.ReactNode;
2408
+ onAddClick: () => any;
2409
+ onView: () => any;
2410
+ onEdit: () => any;
2411
+ onDelete: () => any;
2412
+ onRowClick: () => any;
2413
+ onRowContextMenu: () => any;
2414
+ onCellClick: () => any;
2415
+ onBulkDelete: () => any;
2416
+ onRetry: () => any;
2417
+ onCellEdit: () => any;
2418
+ onStateChange: () => (state: any) => void;
2419
+ getRowId: () => (row: any) => string;
2420
+ renderToolbar: () => (state: any) => React__default.ReactNode;
2421
+ noResultsText: () => string;
2422
+ filterPlaceholder: () => string;
2423
+ loadingText: () => string;
2424
+ noDataText: () => string;
2425
+ addButtonText: () => string;
2426
+ pageSizeOptions: () => number[];
2427
+ calculatedPageSize: () => number;
2428
+ maxHeight: () => number;
2429
+ syncWithProps: () => (updates: Partial<TableState>) => void;
2430
+ jsonValue: () => unknown;
2431
+ jsonColors: () => any;
2432
+ renderJson: () => () => React__default.ReactNode;
2433
+ renderCustomMode: () => Partial<Record<string, () => React__default.ReactNode>>;
2434
+ isModeControlled: () => boolean;
2435
+ onModeChange: () => (mode: ViewMode) => void;
2436
+ availableModes: () => readonly ViewMode[];
2437
+ setViewMode: () => (mode: ViewMode) => void;
2438
+ hasSyncedFromProps: () => boolean;
2439
+ manualPagination: () => boolean;
2440
+ pageCount: () => number;
2441
+ rowCount: () => number;
2442
+ pagination: () => {
2443
+ pageIndex: number;
2444
+ pageSize: number;
2445
+ };
2446
+ isPaginationControlled: () => boolean;
2447
+ onPaginationChange: () => (pagination: {
2448
+ pageIndex: number;
2449
+ pageSize: number;
2450
+ }) => void;
2451
+ setPagination: () => (pagination: {
2452
+ pageIndex: number;
2453
+ pageSize: number;
2454
+ }) => void;
2455
+ hasSyncedPaginationFromProps: () => boolean;
2456
+ rowSelection: () => Record<string, boolean>;
2457
+ isRowSelectionControlled: () => boolean;
2458
+ onRowSelectionChange: () => (state: Record<string, boolean>) => void;
2459
+ setRowSelection: () => (state: Record<string, boolean>) => void;
2460
+ hasSyncedRowSelectionFromProps: () => boolean;
2461
+ sorting: () => SortingState;
2462
+ isSortingControlled: () => boolean;
2463
+ onSortingChange: () => (state: SortingState) => void;
2464
+ setSorting: () => (state: SortingState) => void;
2465
+ hasSyncedSortingFromProps: () => boolean;
2466
+ responsiveCards: () => boolean;
2467
+ isMobile: () => boolean;
2468
+ isEmpty: () => boolean;
2469
+ isFilteredEmpty: () => boolean;
2470
+ renderFilteredEmpty: () => () => React__default.ReactNode;
2471
+ expanded: () => ExpandedState;
2472
+ isExpandedControlled: () => boolean;
2473
+ onExpandedChange: () => (state: ExpandedState) => void;
2474
+ getRowCanExpand: () => (row: any) => boolean;
2475
+ renderSubRow: () => (row: any) => React__default.ReactNode;
2476
+ setExpanded: () => (state: ExpandedState) => void;
2477
+ hasSyncedExpandedFromProps: () => boolean;
2478
+ };
2479
+ };
2480
+ declare function useDynamicPageSize(containerRef: React__default.RefObject<HTMLDivElement | null>): void;
2481
+ declare function useTable(): {
2482
+ table: _tanstack_table_core.Table<unknown>;
2483
+ finalColumns: any;
2484
+ sorting: SortingState;
2485
+ setSorting: React__default.Dispatch<React__default.SetStateAction<SortingState>>;
2486
+ columnFilters: ColumnFiltersState;
2487
+ setColumnFilters: React__default.Dispatch<React__default.SetStateAction<ColumnFiltersState>>;
2488
+ columnVisibility: VisibilityState;
2489
+ setColumnVisibility: React__default.Dispatch<React__default.SetStateAction<VisibilityState>>;
2490
+ globalFilter: string;
2491
+ setGlobalFilter: React__default.Dispatch<React__default.SetStateAction<string>>;
2492
+ };
2493
+ declare function useTableKeyboard(): void;
2494
+
2495
+ declare function cn(...inputs: ClassValue[]): string;
2496
+
2497
+ declare function resolveSlot<T>(slot: T | ((ctx: any) => ReactNode), ctx?: any): ReactNode;
2498
+
2499
+ interface JsonViewColors {
2500
+ background: string;
2501
+ phrase: string;
2502
+ bracket: string;
2503
+ }
2504
+ interface SmartPastePreview {
2505
+ mergedJson: string;
2506
+ newCount: number;
2507
+ dupeCount: number;
2508
+ label: string;
2509
+ }
2510
+ interface NSmartPasteDialogProps {
2511
+ open: boolean;
2512
+ currentJson: string;
2513
+ colors: JsonViewColors;
2514
+ title?: string;
2515
+ /** Short text shown in the header under the title. */
2516
+ subtitle?: string;
2517
+ /** Long-form helper text shown above the textarea. */
2518
+ description?: string;
2519
+ placeholder?: string;
2520
+ emptyMessage?: string;
2521
+ itemLabel: string;
2522
+ onMerge: (mergedJson: string) => void;
2523
+ onCancel: () => void;
2524
+ parseAndPreview: (pasteJson: unknown, currentJson: string) => SmartPastePreview | null;
2525
+ }
2526
+ declare function NSmartPasteDialog({ open, currentJson, colors, title, subtitle, description, placeholder, emptyMessage, itemLabel, onMerge, onCancel, parseAndPreview, }: NSmartPasteDialogProps): react_jsx_runtime.JSX.Element;
2527
+
2528
+ type LinkComponentType = ComponentType<{
2529
+ href: string;
2530
+ className?: string;
2531
+ children: ReactNode;
2532
+ onClick?: MouseEventHandler;
2533
+ }>;
2534
+ interface NavItem {
2535
+ id: string;
2536
+ label: string;
2537
+ href?: string;
2538
+ icon?: ComponentType<{
2539
+ className?: string;
2540
+ }>;
2541
+ badge?: ReactNode;
2542
+ disabled?: boolean;
2543
+ children?: NavItem[];
2544
+ sectionLabel?: string;
2545
+ sectionIcon?: ComponentType<{
2546
+ className?: string;
2547
+ }>;
2548
+ }
2549
+ interface NavItemGroup {
2550
+ sectionLabel?: string;
2551
+ sectionIcon?: ComponentType<{
2552
+ className?: string;
2553
+ }>;
2554
+ items: NavItem[];
2555
+ }
2556
+ interface NAppShellClassNames {
2557
+ root?: string;
2558
+ sidebar?: string;
2559
+ sidebarItem?: string;
2560
+ sidebarHeader?: string;
2561
+ sidebarFooter?: string;
2562
+ navbar?: string;
2563
+ content?: string;
2564
+ overlay?: string;
2565
+ }
2566
+ interface SidebarProps {
2567
+ logo?: ReactNode;
2568
+ navItems?: NavItem[];
2569
+ activePath?: string;
2570
+ isActive?: (item: NavItem, activePath: string) => boolean;
2571
+ onNavigate?: (href: string) => void;
2572
+ linkComponent?: LinkComponentType;
2573
+ collapsed?: boolean;
2574
+ defaultCollapsed?: boolean;
2575
+ onCollapsedChange?: (collapsed: boolean) => void;
2576
+ showCollapseButton?: boolean;
2577
+ collapseButtonPosition?: 'header' | 'nav';
2578
+ showSectionLabels?: boolean;
2579
+ showSectionIcons?: boolean;
2580
+ showSectionSeparators?: boolean;
2581
+ footer?: ReactNode;
2582
+ className?: string;
2583
+ classNames?: NAppShellClassNames;
2584
+ mobileBreakpoint?: 'sm' | 'md' | 'lg';
2585
+ mobileOpen?: boolean;
2586
+ defaultMobileOpen?: boolean;
2587
+ onMobileOpenChange?: (open: boolean) => void;
2588
+ closeOnNavigate?: boolean;
2589
+ hamburgerLabel?: string;
2590
+ closeLabel?: string;
2591
+ collapseLabel?: string;
2592
+ expandLabel?: string;
2593
+ hamburgerClassName?: string;
2594
+ showHamburgerButton?: boolean;
2595
+ logoIcon?: ComponentType<{
2596
+ className?: string;
2597
+ }> | ReactNode;
2598
+ logoTitle?: string;
2599
+ logoSubtitle?: string;
2600
+ onLogoClick?: () => void;
2601
+ onSettings?: () => void;
2602
+ settingsLabel?: string;
2603
+ onLogout?: () => void;
2604
+ logoutLabel?: string;
2605
+ }
2606
+ interface SidebarItemProps {
2607
+ item: NavItem;
2608
+ activePath?: string;
2609
+ isActive?: (item: NavItem, activePath: string) => boolean;
2610
+ onNavigate?: (href: string) => void;
2611
+ linkComponent?: LinkComponentType;
2612
+ collapsed?: boolean;
2613
+ depth?: number;
2614
+ classNames?: NAppShellClassNames;
2615
+ }
2616
+ interface NSidebarHeaderProps {
2617
+ children?: ReactNode;
2618
+ collapsed?: boolean;
2619
+ className?: string;
2620
+ classNames?: NAppShellClassNames;
2621
+ }
2622
+ interface NSidebarLogoProps {
2623
+ icon?: ComponentType<{
2624
+ className?: string;
2625
+ }> | ReactNode;
2626
+ title?: string;
2627
+ subtitle?: string;
2628
+ onClick?: () => void;
2629
+ collapsed?: boolean;
2630
+ }
2631
+ interface NSidebarContentProps {
2632
+ groups: NavItemGroup[];
2633
+ activePath: string;
2634
+ isActive?: (item: NavItem, activePath: string) => boolean;
2635
+ onNavigate: (href: string) => void;
2636
+ linkComponent?: LinkComponentType;
2637
+ collapsed: boolean;
2638
+ showSectionLabels: boolean;
2639
+ showSectionIcons: boolean;
2640
+ showSectionSeparators: boolean;
2641
+ classNames?: NAppShellClassNames;
2642
+ }
2643
+ interface NSidebarSectionProps {
2644
+ group: NavItemGroup;
2645
+ activePath: string;
2646
+ isActive?: (item: NavItem, activePath: string) => boolean;
2647
+ onNavigate: (href: string) => void;
2648
+ linkComponent?: LinkComponentType;
2649
+ collapsed: boolean;
2650
+ showSectionLabels: boolean;
2651
+ showSectionIcons: boolean;
2652
+ showSectionSeparators: boolean;
2653
+ isFirst: boolean;
2654
+ classNames?: NAppShellClassNames;
2655
+ }
2656
+ interface NSidebarFooterProps {
2657
+ children?: ReactNode;
2658
+ onSettings?: () => void;
2659
+ settingsLabel?: string;
2660
+ onLogout?: () => void;
2661
+ logoutLabel?: string;
2662
+ showCollapseButton?: boolean;
2663
+ collapsed?: boolean;
2664
+ onToggleCollapsed?: () => void;
2665
+ collapseLabel?: string;
2666
+ expandLabel?: string;
2667
+ isMobile?: boolean;
2668
+ className?: string;
2669
+ classNames?: NAppShellClassNames;
2670
+ }
2671
+ interface NSidebarMobileProps {
2672
+ open: boolean;
2673
+ onOpen: () => void;
2674
+ onClose: () => void;
2675
+ mobileBreakpoint: 'sm' | 'md' | 'lg';
2676
+ hamburgerLabel?: string;
2677
+ closeLabel?: string;
2678
+ hamburgerClassName?: string;
2679
+ showHamburgerButton?: boolean;
2680
+ children?: ReactNode;
2681
+ }
2682
+
2683
+ declare function NSidebarHeader({ children, collapsed, className, classNames }: NSidebarHeaderProps): react_jsx_runtime.JSX.Element;
2684
+
2685
+ declare function NSidebarLogo({ icon, title, subtitle, onClick, collapsed, }: NSidebarLogoProps): react_jsx_runtime.JSX.Element;
2686
+
2687
+ declare function NSidebarContent({ groups, activePath, isActive, onNavigate, linkComponent, collapsed, showSectionLabels, showSectionIcons, showSectionSeparators, classNames, }: NSidebarContentProps): react_jsx_runtime.JSX.Element;
2688
+
2689
+ declare function NSidebarSection({ group, activePath, isActive, onNavigate, linkComponent, collapsed, showSectionLabels, showSectionIcons, showSectionSeparators, isFirst, classNames, }: NSidebarSectionProps): react_jsx_runtime.JSX.Element;
2690
+
2691
+ declare function NSidebarFooter({ children, onSettings, settingsLabel, onLogout, logoutLabel, showCollapseButton, collapsed, onToggleCollapsed, collapseLabel, expandLabel, isMobile, className, classNames, }: NSidebarFooterProps): react_jsx_runtime.JSX.Element;
2692
+
2693
+ declare function NSidebarMobile({ open, onOpen, onClose, mobileBreakpoint, hamburgerLabel, closeLabel, hamburgerClassName, showHamburgerButton, children, }: NSidebarMobileProps): react_jsx_runtime.JSX.Element;
2694
+
2695
+ declare function NSidebar({ logo, navItems, activePath, isActive, onNavigate, linkComponent, collapsed: collapsedProp, defaultCollapsed, onCollapsedChange, showCollapseButton, showSectionLabels, showSectionIcons, showSectionSeparators, footer, className, classNames, mobileBreakpoint, mobileOpen: mobileOpenProp, defaultMobileOpen, onMobileOpenChange, closeOnNavigate, hamburgerLabel, closeLabel, collapseLabel, expandLabel, hamburgerClassName, showHamburgerButton, logoIcon, logoTitle, logoSubtitle, onLogoClick, onSettings, settingsLabel, onLogout, logoutLabel, }: SidebarProps): react_jsx_runtime.JSX.Element;
2696
+
2697
+ declare function NSidebarItem({ item, activePath, isActive, onNavigate, linkComponent: LinkComponent, collapsed, depth, classNames, }: SidebarItemProps): react_jsx_runtime.JSX.Element;
2698
+
2699
+ interface UserMenuAction {
2700
+ id: string;
2701
+ label: string;
2702
+ icon?: ComponentType<{
2703
+ className?: string;
2704
+ }>;
2705
+ onClick?: () => void;
2706
+ separator?: boolean;
2707
+ }
2708
+ interface NAppShellUser {
2709
+ name: string;
2710
+ email?: string;
2711
+ avatarUrl?: string;
2712
+ fallback?: string;
2713
+ }
2714
+ interface NAppShellAction {
2715
+ id: string;
2716
+ label: string;
2717
+ icon?: ComponentType<{
2718
+ className?: string;
2719
+ }>;
2720
+ onClick?: () => void;
2721
+ badge?: ReactNode;
2722
+ hideOnMobile?: boolean;
2723
+ }
2724
+ interface NAppShellProps {
2725
+ children: ReactNode;
2726
+ logo?: ReactNode;
2727
+ title?: string;
2728
+ navItems?: NavItem[];
2729
+ activePath?: string;
2730
+ onNavigate?: (href: string) => void;
2731
+ isActive?: (item: NavItem, activePath: string) => boolean;
2732
+ linkComponent?: LinkComponentType;
2733
+ user?: NAppShellUser;
2734
+ actions?: NAppShellAction[];
2735
+ userMenuActions?: UserMenuAction[];
2736
+ onLogout?: () => void;
2737
+ collapsed?: boolean;
2738
+ defaultCollapsed?: boolean;
2739
+ onCollapsedChange?: (collapsed: boolean) => void;
2740
+ collapseButtonPosition?: 'header' | 'nav';
2741
+ sidebarFooter?: ReactNode;
2742
+ navbarLeft?: ReactNode;
2743
+ navbarRight?: ReactNode;
2744
+ classNames?: NAppShellClassNames;
2745
+ }
2746
+ interface NAppCommandItem {
2747
+ id: string;
2748
+ label: string;
2749
+ description?: string;
2750
+ icon?: ComponentType<{
2751
+ className?: string;
2752
+ }>;
2753
+ shortcut?: string;
2754
+ onSelect: () => void;
2755
+ group?: string;
2756
+ }
2757
+ interface NCommandPaletteProps {
2758
+ commands: NAppCommandItem[];
2759
+ open?: boolean;
2760
+ onOpenChange?: (open: boolean) => void;
2761
+ placeholder?: string;
2762
+ emptyMessage?: string;
2763
+ className?: string;
2764
+ }
2765
+
2766
+ declare function NAppShell({ children, logo, title, navItems, activePath, onNavigate, isActive, linkComponent, user, actions, userMenuActions, onLogout, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseButtonPosition, sidebarFooter, navbarLeft, navbarRight, classNames, }: NAppShellProps): react_jsx_runtime.JSX.Element;
2767
+
2768
+ interface NavbarProps {
2769
+ title?: string;
2770
+ logo?: ReactNode;
2771
+ user?: NAppShellUser;
2772
+ actions?: NAppShellAction[];
2773
+ userMenuActions?: UserMenuAction[];
2774
+ onLogout?: () => void;
2775
+ onToggleSidebar?: () => void;
2776
+ onToggleMobile?: () => void;
2777
+ leftSlot?: ReactNode;
2778
+ rightSlot?: ReactNode;
2779
+ className?: string;
2780
+ classNames?: NAppShellClassNames;
2781
+ }
2782
+ declare function NNavbar({ title, logo, user, actions, userMenuActions, onLogout, onToggleSidebar, onToggleMobile, leftSlot, rightSlot, className, classNames, }: NavbarProps): react_jsx_runtime.JSX.Element;
2783
+
2784
+ declare function NCommandPalette({ commands, open, onOpenChange, placeholder, emptyMessage, className, }: NCommandPaletteProps): react_jsx_runtime.JSX.Element;
2785
+
2786
+ interface PageHeaderProps {
2787
+ icon: LucideIcon;
2788
+ title: string;
2789
+ subtitle?: string;
2790
+ actions?: ReactNode;
2791
+ filters?: ReactNode;
2792
+ top?: ReactNode;
2793
+ footer?: ReactNode;
2794
+ search?: InputHTMLAttributes<HTMLInputElement> & {
2795
+ placeholder?: string;
2796
+ ref?: Ref<HTMLInputElement>;
2797
+ };
2798
+ children: ReactNode;
2799
+ contentClassName?: string;
2800
+ contentRef?: React__default.Ref<HTMLDivElement>;
2801
+ }
2802
+ declare function NPageHeader({ icon: Icon, title, subtitle, actions, filters, top, footer, search, children, contentClassName, contentRef }: PageHeaderProps): react_jsx_runtime.JSX.Element;
2803
+
2804
+ interface InspectorSheetProps {
2805
+ open: boolean;
2806
+ onClose: () => void;
2807
+ title: string;
2808
+ children: React__default.ReactNode;
2809
+ }
2810
+ declare function NInspectorSheet({ open, onClose, title, children }: InspectorSheetProps): react_jsx_runtime.JSX.Element;
2811
+
2812
+ export { Alert, type AlertLook, type AlertOrientation, type AlertProps, type AlertSize, type AlertTone, type AlertVariant, NCard as AsyncCard, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarProps$1 as AvatarProps, type AvatarShape$1 as AvatarShape, type AvatarSize, AvatarStatus, type AvatarStatusType, Badge, type BadgeColor, type BadgeIcon, type BadgeLook, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeVariant, BaseInput, type BuildDefaultFileColumnsOptions, Button, type ButtonConfig, type ButtonIcon, type ButtonLoaderPosition, type ButtonProps, type ButtonRounded, type ButtonSize, type ButtonVariant, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroupInput, type CheckboxGroupInputProps, CheckboxInput, type CheckboxInputProps, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorArrayInput, type ColorArrayInputProps, ColorPickerInput, Combobox, ComboboxInput, type ComboboxInputProps, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type ContextMenuItem, DateInput, type DateInputProps, type DeleteDialogOptions, Dialog, type DialogApi, DialogClose, type DialogConfig, DialogContent, DialogDescription, DialogFooter, DialogHeader, type DialogHeight, DialogOverlay, DialogPortal, type DialogSize, type DialogStore, DialogTitle, DialogTrigger, type DialogWidth, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicArray, type DynamicArrayProps, EmojiInput, type EmojiInputProps, type FileBrowserMode, FileImportButton, FileInput, type FileInputProps, type FileNode, Form, FormControl, FormDescription, FormField, FormInput, type FormInputProps, FormItem, FormLabel, FormMessage, type FormProps, type FormSlotClassNames, type FormVariant, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, ImageInput, type ImageInputProps, Input, type InputIcon, Label, LangInput, type LangInputProps, type LinkComponentType, MultiSelectInput, type MultiSelectInputProps, NAlert, type NAppCommandItem, NAppShell, type NAppShellAction, type NAppShellClassNames, type NAppShellProps, type NAppShellUser, NCard as NAsyncCard, type CardClassNames as NAsyncCardClassNames, type CardProps as NAsyncCardProps, NAvatar, type NAvatarClassNames, type NAvatarProps, type AvatarShape as NAvatarShape, NBadge, type NBadgeLook, type NBadgeProps, type NBulkAction, type NBulkActionButton, type NBulkActionSelect, NBulkActionsBar, type NBulkActionsBarProps, NButton, type NButtonProps, NCard, NCardAction, type CardClassNames as NCardClassNames, NCardFooter, type CardProps as NCardProps, NCommandPalette, type NCommandPaletteProps, NConfirmDialog, type NConfirmDialogProps, NContextMenu, type NContextMenuItem, type NContextMenuProps, NDataCardShell, type NDataCardShellActions, type NDataCardShellProps, NDeleteDialogContent, type NDeleteDialogContentProps, NDetailCard, type NDetailCardClassNames, type NDetailCardProps, NDetailItem, type NDetailItemProps, NDetailList, type NDetailListItem, type NDetailListProps, NDialog, type NDialogDirectProps, type NDialogProps, NEmptyState, type NEmptyStateProps, NErrorBoundary, NErrorState, type NErrorStateProps, NFileBrowser, type NFileBrowserCardProps, type NFileBrowserProps, type NFileBrowserRenderThumbProps, NFileTypeIcon, type NFileTypeIconProps, NFilterBar, NFolderIcon, type NFolderIconProps, NForm, NFormSectionHeader, type NFormSectionHeaderProps, NIcon, type NIconProps, type NIconSource, NInspectorSheet, NLoadingState, type NLoadingStateProps, NMultiDialog, type NMultiDialogProps, NNavbar, NPageHeader, NPortalScopeProvider, NProgress, type NProgressProps, NRowActions, NSection, NSectionHeader, type NSectionHeaderActionsProps, type NSectionHeaderContentProps, type NSectionHeaderProps, type NSectionHeaderSubtitleProps, type NSectionHeaderTitleProps, NSectionInfo, type NSectionInfoProps, type NSectionProps, NSectionWithInfo, type NSectionWithInfoItem, type NSectionWithInfoProps, NSheet, type NSheetProps, NSidebar, NSidebarContent, type NSidebarContentProps, NSidebarFooter, type NSidebarFooterProps, NSidebarHeader, type NSidebarHeaderProps, NSidebarItem, NSidebarLogo, type NSidebarLogoProps, NSidebarMobile, type NSidebarMobileProps, NSidebarSection, type NSidebarSectionProps, NSkeleton, NSkeletonCalendar, NSkeletonChart, NSkeletonDonut, NSkeletonEventList, NSkeletonWidget, NSkeletonWidgets, NSmartPasteDialog, type NSmartPasteDialogProps, NSpinner, type NSpinnerProps, NStatCard, type NStatCardClassNames, type NStatCardProps, NStatCardSkeleton, type NStatCardVariant, Swap as NSwap, type NSwapProps, NTable, NTableCardRoot, type NTableCardRootProps, NTableCards, type NTableClassNames, NTableContent, NTableHeader, NTableLoadingSkeleton, NTablePagination, type NTableProps, NTableRowSkeleton, NTableSkeleton, type NTableState, NUploader, type NUploaderItem, type NUploaderItemStatus, type NUploaderProps, NViewBody, NViewToggle, type NajmAccent, type NajmMode, type NajmPreset, NajmThemeProvider, type NajmThemeProviderProps, type NajmThemeTokens, NativeSelect, type NativeSelectOption, type NativeSelectProps, type NavItem, type NavItemGroup, NumberInput, type NumberInputProps, PasswordInput, type PasswordInputProps, PhoneInput, type PhoneInputProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrefixProvider, Progress, type ProgressColor, type ProgressLabelPosition, type ProgressProps, type ProgressSize, type PushDialogOptions, RadioGroup, RadioGroupInput, type RadioGroupInputProps, RadioGroupItem, type RenderSlot, RepeatingFields, type RepeatingFieldsProps, ScrollArea, type ScrollAreaProps, SearchField, SearchField as SearchInput, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectInput, type SelectInputProps, SelectItem, type SelectItemType$1 as SelectItemDataType, type SelectItemType, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, type SidebarItemProps, type SidebarProps, SimpleTooltip, type SimpleTooltipProps, NSkeleton as Skeleton, Slider, type SliderProps, type SmartPastePreview, type SpinnerVariant, StarRatingInput, type StarRatingInputProps, StatusPill, type StatusPillProps, type StatusPillTone, type StepConfig, StepIndicator, type StepMeta, StepsHeader, StepsProgress, type StorageMenuAction, type StorageSortOption, type StorageTarget, Swap, type SwapEffect, SwapIndeterminate, SwapOff, SwapOn, type SwapProps, type SwapSize, type SwapState, Switch, type SwitchColor, SwitchInput, type SwitchInputProps, type SwitchSize, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, type TableState, type TableStore, TableStoreContext, Tabs, TabsContent, TabsList, type TabsListProps, type TabsOrientation, type TabsProps, TabsTrigger, type TabsTriggerProps, type TabsVariant, TextAreaInput, type TextAreaInputProps, TextInput, type TextInputProps, Textarea, TimeInput, type TimeInputProps, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseContextMenuResult, type UseNFormOptions, type UseStorageContextMenuOptions, type UseStorageContextMenuResult, type UserMenuAction, VariantProvider, type WizardClassNames, WizardForm, type WizardFormProps, alertVariants, avatarVariants, badgeColorVariants, badgeVariants, buildDefaultFileColumns, buttonVariants, cn, composePreset, createDialogStore, createTableStore, dialogVariants, formatFileBytes, formatFileRelative, getIconColorProps, resolvePreset, resolveSlot, swapVariants, toggleVariants, tooltipContentVariants, truncateByCharacters, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useNForm, useNPortalScope, usePrefix, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard, useTableStore, useVariant, useVariantPreset };