@moontra/moonui-pro 2.18.6 → 2.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +3251 -0
- package/dist/index.mjs +2704 -1479
- package/package.json +137 -136
- package/src/__tests__/use-local-storage.test.tsx +2 -2
- package/src/components/advanced-chart/index.tsx +6 -6
- package/src/components/animated-button/index.tsx +240 -53
- package/src/components/calendar/event-dialog.tsx +1 -1
- package/src/components/calendar/index.tsx +1 -1
- package/src/components/calendar-pro/index.tsx +2 -4
- package/src/components/dashboard/demo.tsx +2 -2
- package/src/components/dashboard/widgets/activity-feed.tsx +1 -1
- package/src/components/dashboard/widgets/metric-card.tsx +1 -1
- package/src/components/enhanced/button.tsx +13 -13
- package/src/components/file-upload/file-upload.test.tsx +20 -19
- package/src/components/form-wizard/form-wizard-progress.tsx +7 -7
- package/src/components/gesture-drawer/index.tsx +551 -0
- package/src/components/github-stars/hooks.ts +1 -1
- package/src/components/github-stars/index.tsx +1 -1
- package/src/components/github-stars/types.ts +1 -0
- package/src/components/health-check/index.tsx +2 -2
- package/src/components/hover-card-3d/index.tsx +437 -74
- package/src/components/index.ts +15 -2
- package/src/components/lazy-component/index.tsx +4 -2
- package/src/components/license-error/index.tsx +29 -0
- package/src/components/memory-efficient-data/index.tsx +1 -1
- package/src/components/pinch-zoom/index.tsx +438 -42
- package/src/components/rich-text-editor/index.tsx +12 -12
- package/src/components/timeline/index.tsx +2 -2
- package/src/components/ui/aspect-ratio.tsx +186 -22
- package/src/components/ui/button.tsx +47 -50
- package/src/components/ui/card.tsx +98 -30
- package/src/components/ui/gesture-drawer.tsx +11 -0
- package/src/components/ui/index.ts +18 -1
- package/src/components/ui/lightbox.tsx +606 -0
- package/src/components/ui/media-gallery.tsx +612 -0
- package/src/components/ui/select.tsx +134 -35
- package/src/components/ui/toggle.tsx +78 -15
- package/src/components/virtual-list/index.tsx +7 -7
- package/src/index.ts +4 -4
- package/src/lib/component-metadata.ts +18 -0
- package/src/lib/paddle.ts +17 -0
- package/src/patterns/login-form/index.tsx +1 -1
- package/src/patterns/login-form/types.ts +6 -6
- package/src/styles/index.css +14 -4
- package/src/types/next-auth.d.ts +21 -0
- package/src/use-local-storage.tsx +3 -3
- package/src/use-scroll-animation.ts +3 -5
- package/src/components/ui/animated-button.tsx +0 -185
- package/src/components/ui/hover-card-3d.tsx +0 -103
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,3251 @@
|
|
|
1
|
+
import { ClassValue } from 'clsx';
|
|
2
|
+
import * as React$1 from 'react';
|
|
3
|
+
import React__default, { ReactNode, ErrorInfo } from 'react';
|
|
4
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
5
|
+
import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
|
|
6
|
+
import { VariantProps } from 'class-variance-authority';
|
|
7
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
8
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
9
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
10
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
11
|
+
import { Command } from 'cmdk';
|
|
12
|
+
import * as SheetPrimitive from '@radix-ui/react-dialog';
|
|
13
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
14
|
+
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
15
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
16
|
+
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
17
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
18
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
19
|
+
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
20
|
+
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
21
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
22
|
+
import * as ToastPrimitives from '@radix-ui/react-toast';
|
|
23
|
+
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
24
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
25
|
+
import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
|
|
26
|
+
import { ColumnDef, OnChangeFn, SortingState, ColumnFiltersState } from '@tanstack/react-table';
|
|
27
|
+
export { ColumnDef } from '@tanstack/react-table';
|
|
28
|
+
|
|
29
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
30
|
+
|
|
31
|
+
declare const MoonUIAccordionPro: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
|
|
32
|
+
declare const MoonUIAccordionItemPro: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
33
|
+
declare const MoonUIAccordionTriggerPro: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
34
|
+
declare const MoonUIAccordionContentPro: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Alert Component
|
|
38
|
+
*
|
|
39
|
+
* Yüksek kaliteli, özelleştirilebilir ve erişilebilir alert bileşeni.
|
|
40
|
+
* Bildirim, uyarı ve dikkat çekmek gereken içerikler için kullanılır.
|
|
41
|
+
*/
|
|
42
|
+
declare const MoonUIalertVariantsPro: (props?: ({
|
|
43
|
+
variant?: "default" | "primary" | "success" | "warning" | "error" | "info" | null | undefined;
|
|
44
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
45
|
+
radius?: "none" | "default" | "sm" | "lg" | "full" | null | undefined;
|
|
46
|
+
withClose?: boolean | null | undefined;
|
|
47
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
48
|
+
interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof MoonUIalertVariantsPro> {
|
|
49
|
+
/** Alert ikonunu gizler */
|
|
50
|
+
hideIcon?: boolean;
|
|
51
|
+
/** Kapatma butonu ekler */
|
|
52
|
+
closable?: boolean;
|
|
53
|
+
/** Kapatma butonu tıklandığında çalışacak fonksiyon */
|
|
54
|
+
onClose?: () => void;
|
|
55
|
+
}
|
|
56
|
+
declare const MoonUIAlertPro: React$1.ForwardRefExoticComponent<AlertProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
57
|
+
declare const MoonUIAlertTitlePro: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
58
|
+
declare const MoonUIAlertDescriptionPro: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
59
|
+
|
|
60
|
+
/**
|
|
61
|
+
* Premium Aspect Ratio Component
|
|
62
|
+
*
|
|
63
|
+
* Advanced component that maintains specific aspect ratios with preset support,
|
|
64
|
+
* responsive behavior, animations, and enhanced styling options.
|
|
65
|
+
* Perfect for images, videos, and media content in modern applications.
|
|
66
|
+
*/
|
|
67
|
+
declare const PRESET_RATIOS: {
|
|
68
|
+
readonly square: 1;
|
|
69
|
+
readonly video: number;
|
|
70
|
+
readonly portrait: number;
|
|
71
|
+
readonly landscape: number;
|
|
72
|
+
readonly golden: 1.618;
|
|
73
|
+
readonly ultrawide: number;
|
|
74
|
+
readonly cinema: 2.39;
|
|
75
|
+
readonly instagram: number;
|
|
76
|
+
readonly story: number;
|
|
77
|
+
readonly banner: number;
|
|
78
|
+
};
|
|
79
|
+
type PresetRatio = keyof typeof PRESET_RATIOS;
|
|
80
|
+
interface ResponsiveRatio {
|
|
81
|
+
sm?: number | PresetRatio;
|
|
82
|
+
md?: number | PresetRatio;
|
|
83
|
+
lg?: number | PresetRatio;
|
|
84
|
+
xl?: number | PresetRatio;
|
|
85
|
+
"2xl"?: number | PresetRatio;
|
|
86
|
+
}
|
|
87
|
+
declare const MoonUIaspectRatioVariantsPro: (props?: ({
|
|
88
|
+
variant?: "default" | "ghost" | "outline" | "card" | "glass" | "gradient" | null | undefined;
|
|
89
|
+
radius?: "none" | "sm" | "lg" | "full" | "md" | "xl" | "2xl" | null | undefined;
|
|
90
|
+
animate?: boolean | null | undefined;
|
|
91
|
+
hover?: boolean | null | undefined;
|
|
92
|
+
loading?: boolean | null | undefined;
|
|
93
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
94
|
+
interface AspectRatioProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof MoonUIaspectRatioVariantsPro> {
|
|
95
|
+
/**
|
|
96
|
+
* Aspect ratio (width/height). For example 16/9, 4/3, 1/1 etc.
|
|
97
|
+
* @default 16/9
|
|
98
|
+
*/
|
|
99
|
+
ratio?: number;
|
|
100
|
+
/**
|
|
101
|
+
* Preset aspect ratio for quick usage
|
|
102
|
+
*/
|
|
103
|
+
preset?: PresetRatio;
|
|
104
|
+
/**
|
|
105
|
+
* Responsive aspect ratios for different breakpoints
|
|
106
|
+
*/
|
|
107
|
+
responsive?: ResponsiveRatio;
|
|
108
|
+
/**
|
|
109
|
+
* Enable smooth aspect ratio changes
|
|
110
|
+
*/
|
|
111
|
+
smoothTransition?: boolean;
|
|
112
|
+
/**
|
|
113
|
+
* Add overlay content
|
|
114
|
+
*/
|
|
115
|
+
overlay?: React$1.ReactNode;
|
|
116
|
+
/**
|
|
117
|
+
* Overlay position
|
|
118
|
+
*/
|
|
119
|
+
overlayPosition?: "center" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
|
120
|
+
/**
|
|
121
|
+
* Show loading skeleton
|
|
122
|
+
*/
|
|
123
|
+
skeleton?: boolean;
|
|
124
|
+
}
|
|
125
|
+
declare const MoonUIAspectRatioPro: React$1.ForwardRefExoticComponent<AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
126
|
+
|
|
127
|
+
declare const moonUIAvatarVariantsPro: (props?: ({
|
|
128
|
+
size?: "default" | "sm" | "lg" | "md" | "xl" | "2xl" | "xs" | null | undefined;
|
|
129
|
+
radius?: "none" | "default" | "sm" | "lg" | "full" | null | undefined;
|
|
130
|
+
variant?: "default" | "border" | "ring" | "ringOffset" | null | undefined;
|
|
131
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
132
|
+
interface MoonUIAvatarProProps extends React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof moonUIAvatarVariantsPro> {
|
|
133
|
+
}
|
|
134
|
+
declare const MoonUIAvatarPro: React$1.ForwardRefExoticComponent<MoonUIAvatarProProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
135
|
+
declare const MoonUIAvatarImagePro: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
|
|
136
|
+
declare const MoonUIAvatarFallbackPro: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
137
|
+
|
|
138
|
+
/**
|
|
139
|
+
* Premium Badge Component
|
|
140
|
+
*
|
|
141
|
+
* Durum, kategori ve etiketleme için yüksek kaliteli badge bileşeni.
|
|
142
|
+
* Dark ve light modda uyumlu, erişilebilir ve çeşitli varyantlar sunar.
|
|
143
|
+
*/
|
|
144
|
+
declare const moonUIBadgeVariantsPro: (props?: ({
|
|
145
|
+
variant?: "primary" | "success" | "warning" | "ghost" | "outline" | "secondary" | "destructive" | "pro" | "admin" | null | undefined;
|
|
146
|
+
size?: "sm" | "lg" | "md" | null | undefined;
|
|
147
|
+
radius?: "none" | "default" | "sm" | "lg" | null | undefined;
|
|
148
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
149
|
+
interface MoonUIBadgeProProps extends React$1.HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof moonUIBadgeVariantsPro>, 'variant'> {
|
|
150
|
+
withDot?: boolean;
|
|
151
|
+
dotColor?: string;
|
|
152
|
+
removable?: boolean;
|
|
153
|
+
onRemove?: () => void;
|
|
154
|
+
leftIcon?: React$1.ReactNode;
|
|
155
|
+
rightIcon?: React$1.ReactNode;
|
|
156
|
+
variant?: 'primary' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'ghost' | 'pro' | 'admin';
|
|
157
|
+
}
|
|
158
|
+
/**
|
|
159
|
+
* Premium Badge Component
|
|
160
|
+
*
|
|
161
|
+
* @param props - Badge bileşeni özellikleri
|
|
162
|
+
* @param props.variant - Badgenin görsel varyantı
|
|
163
|
+
* @param props.size - Badge boyutu
|
|
164
|
+
* @param props.radius - Köşe yuvarlama stili
|
|
165
|
+
* @param props.withDot - Başında nokta gösterimi
|
|
166
|
+
* @param props.dotColor - Noktanın rengi (özel)
|
|
167
|
+
* @param props.removable - Kaldırılabilir badge (X simgesi ile)
|
|
168
|
+
* @param props.onRemove - Kaldırma işlevi
|
|
169
|
+
* @param props.leftIcon - Badge'in solunda görüntülenecek ikon
|
|
170
|
+
* @param props.rightIcon - Badge'in sağında görüntülenecek ikon
|
|
171
|
+
*/
|
|
172
|
+
declare function MoonUIBadgePro({ className, variant, size, radius, withDot, dotColor, removable, onRemove, leftIcon, rightIcon, children, ...props }: MoonUIBadgeProProps): react_jsx_runtime.JSX.Element;
|
|
173
|
+
|
|
174
|
+
declare const MoonUIbreadcrumbVariantsPro: (props?: ({
|
|
175
|
+
variant?: "default" | "ghost" | "muted" | null | undefined;
|
|
176
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
177
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
178
|
+
interface BreadcrumbProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof MoonUIbreadcrumbVariantsPro> {
|
|
179
|
+
separator?: React$1.ReactNode;
|
|
180
|
+
showHomeIcon?: boolean;
|
|
181
|
+
}
|
|
182
|
+
interface BreadcrumbListProps extends React$1.HTMLAttributes<HTMLOListElement> {
|
|
183
|
+
collapsed?: boolean;
|
|
184
|
+
collapsedWidth?: number;
|
|
185
|
+
}
|
|
186
|
+
interface BreadcrumbItemProps extends React$1.HTMLAttributes<HTMLLIElement> {
|
|
187
|
+
isCurrent?: boolean;
|
|
188
|
+
href?: string;
|
|
189
|
+
asChild?: boolean;
|
|
190
|
+
}
|
|
191
|
+
interface BreadcrumbSeparatorProps extends React$1.HTMLAttributes<HTMLSpanElement> {
|
|
192
|
+
/** Custom separator icon or text */
|
|
193
|
+
icon?: React$1.ReactNode;
|
|
194
|
+
}
|
|
195
|
+
interface BreadcrumbEllipsisProps extends React$1.HTMLAttributes<HTMLSpanElement> {
|
|
196
|
+
/** Custom ellipsis icon */
|
|
197
|
+
icon?: React$1.ReactNode;
|
|
198
|
+
}
|
|
199
|
+
declare const MoonUIBreadcrumbPro: React$1.ForwardRefExoticComponent<BreadcrumbProps & React$1.RefAttributes<HTMLElement>>;
|
|
200
|
+
declare const MoonUIBreadcrumbListPro: React$1.ForwardRefExoticComponent<BreadcrumbListProps & React$1.RefAttributes<HTMLOListElement>>;
|
|
201
|
+
declare const MoonUIBreadcrumbItemPro: React$1.ForwardRefExoticComponent<BreadcrumbItemProps & React$1.RefAttributes<HTMLLIElement>>;
|
|
202
|
+
declare const MoonUIBreadcrumbSeparatorPro: {
|
|
203
|
+
({ children, className, ...props }: BreadcrumbSeparatorProps): react_jsx_runtime.JSX.Element;
|
|
204
|
+
displayName: string;
|
|
205
|
+
};
|
|
206
|
+
declare const MoonUIBreadcrumbEllipsisPro: {
|
|
207
|
+
({ className, ...props }: BreadcrumbEllipsisProps): react_jsx_runtime.JSX.Element;
|
|
208
|
+
displayName: string;
|
|
209
|
+
};
|
|
210
|
+
declare const MoonUIBreadcrumbLinkPro: React$1.ForwardRefExoticComponent<React$1.AnchorHTMLAttributes<HTMLAnchorElement> & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
211
|
+
declare const MoonUIBreadcrumbPagePro: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
212
|
+
|
|
213
|
+
/**
|
|
214
|
+
* MoonUI Button Pro Component
|
|
215
|
+
*
|
|
216
|
+
* A world-class, accessible, and versatile button component.
|
|
217
|
+
* Pixel-perfect design with extensive variants and states.
|
|
218
|
+
*/
|
|
219
|
+
declare const moonUIButtonProVariants: (props?: ({
|
|
220
|
+
variant?: "link" | "primary" | "success" | "ghost" | "outline" | "glass" | "gradient" | "secondary" | "destructive" | "glow" | "soft" | "neon" | null | undefined;
|
|
221
|
+
size?: "sm" | "lg" | "md" | "xl" | "icon" | "xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
222
|
+
rounded?: "none" | "default" | "full" | null | undefined;
|
|
223
|
+
fullWidth?: boolean | null | undefined;
|
|
224
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
225
|
+
interface MoonUIButtonProProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof moonUIButtonProVariants> {
|
|
226
|
+
asChild?: boolean;
|
|
227
|
+
loading?: boolean;
|
|
228
|
+
leftIcon?: React$1.ReactNode;
|
|
229
|
+
rightIcon?: React$1.ReactNode;
|
|
230
|
+
}
|
|
231
|
+
/**
|
|
232
|
+
* MoonUI Button Pro Component
|
|
233
|
+
*
|
|
234
|
+
* @param props - MoonUI Button Pro component properties
|
|
235
|
+
* @param props.variant - Visual variant (primary, secondary, ghost, etc.)
|
|
236
|
+
* @param props.size - Button size (xs, sm, md, lg, xl)
|
|
237
|
+
* @param props.loading - Loading state display
|
|
238
|
+
* @param props.leftIcon - Icon on the left side
|
|
239
|
+
* @param props.rightIcon - Icon on the right side
|
|
240
|
+
* @param props.fullWidth - Full width display
|
|
241
|
+
* @param props.rounded - Corner rounding style (default, full, none)
|
|
242
|
+
* @param props.asChild - For Radix UI polymorphic component
|
|
243
|
+
*/
|
|
244
|
+
declare const MoonUIButtonPro: React$1.ForwardRefExoticComponent<MoonUIButtonProProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
245
|
+
|
|
246
|
+
interface CalendarProps$1 {
|
|
247
|
+
mode?: "single" | "range" | "multiple";
|
|
248
|
+
selected?: Date | Date[] | {
|
|
249
|
+
from?: Date;
|
|
250
|
+
to?: Date;
|
|
251
|
+
} | undefined;
|
|
252
|
+
onSelect?: (date: Date | Date[] | {
|
|
253
|
+
from?: Date;
|
|
254
|
+
to?: Date;
|
|
255
|
+
} | undefined) => void;
|
|
256
|
+
disabled?: (date: Date) => boolean;
|
|
257
|
+
showOutsideDays?: boolean;
|
|
258
|
+
className?: string;
|
|
259
|
+
classNames?: Record<string, string>;
|
|
260
|
+
numberOfMonths?: number;
|
|
261
|
+
defaultMonth?: Date;
|
|
262
|
+
initialFocus?: boolean;
|
|
263
|
+
}
|
|
264
|
+
declare function Calendar$1({ mode, selected, onSelect, disabled, showOutsideDays, className, classNames, numberOfMonths, defaultMonth, ...props }: CalendarProps$1): react_jsx_runtime.JSX.Element;
|
|
265
|
+
declare namespace Calendar$1 {
|
|
266
|
+
var displayName: string;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
declare const moonUICardVariantsPro: (props?: ({
|
|
270
|
+
variant?: "default" | "outline" | "glass" | "gradient" | "filled" | "glow" | "neon" | "elevated" | null | undefined;
|
|
271
|
+
size?: "default" | "sm" | "lg" | "xl" | null | undefined;
|
|
272
|
+
radius?: "none" | "default" | "sm" | "lg" | "full" | null | undefined;
|
|
273
|
+
interactive?: boolean | null | undefined;
|
|
274
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
275
|
+
interface MoonUICardProProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof moonUICardVariantsPro> {
|
|
276
|
+
asChild?: boolean;
|
|
277
|
+
microInteraction?: "lift" | "glow" | "scale" | "none";
|
|
278
|
+
enableGlassmorphism?: boolean;
|
|
279
|
+
enableParallax?: boolean;
|
|
280
|
+
enableTilt?: boolean;
|
|
281
|
+
tiltMaxAngle?: number;
|
|
282
|
+
parallaxOffset?: number;
|
|
283
|
+
}
|
|
284
|
+
declare const MoonUICardPro: React$1.ForwardRefExoticComponent<MoonUICardProProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
285
|
+
declare const MoonUICardHeaderPro: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
286
|
+
declare const MoonUICardTitlePro: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
287
|
+
declare const MoonUICardDescriptionPro: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
288
|
+
declare const MoonUICardContentPro: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
289
|
+
declare const MoonUICardFooterPro: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
290
|
+
|
|
291
|
+
/**
|
|
292
|
+
* Checkbox Bileşeni
|
|
293
|
+
*
|
|
294
|
+
* Erişilebilir, özelleştirilebilir ve tema sistemiyle tam entegre checkbox bileşeni.
|
|
295
|
+
* Form elemanları ve seçim listeleri için kullanılır.
|
|
296
|
+
*/
|
|
297
|
+
declare const moonUICheckboxVariantsPro: (props?: ({
|
|
298
|
+
variant?: "default" | "ghost" | "outline" | "muted" | null | undefined;
|
|
299
|
+
size?: "default" | "sm" | "lg" | "md" | null | undefined;
|
|
300
|
+
radius?: "none" | "default" | "sm" | "full" | "md" | null | undefined;
|
|
301
|
+
animation?: "none" | "default" | "subtle" | "bounce" | null | undefined;
|
|
302
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
303
|
+
interface MoonUICheckboxProProps extends React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof moonUICheckboxVariantsPro> {
|
|
304
|
+
/**
|
|
305
|
+
* İndeterminate durumu - grup seçimlerinde bazı öğeler seçilmişse kullanılır
|
|
306
|
+
*/
|
|
307
|
+
indeterminate?: boolean;
|
|
308
|
+
/**
|
|
309
|
+
* Özel ikon komponenti
|
|
310
|
+
*/
|
|
311
|
+
icon?: React$1.ReactNode;
|
|
312
|
+
}
|
|
313
|
+
declare const MoonUICheckboxPro: React$1.ForwardRefExoticComponent<MoonUICheckboxProProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
314
|
+
|
|
315
|
+
/**
|
|
316
|
+
* Collapsible (Daraltılabilir) Bileşeni
|
|
317
|
+
*
|
|
318
|
+
* İçeriği genişletilip daraltılabilen hafif bir bileşendir.
|
|
319
|
+
* Tema sistemiyle tam entegre, erişilebilir ve özelleştirilebilir.
|
|
320
|
+
*/
|
|
321
|
+
declare const MoonUICollapsiblePro: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
322
|
+
declare const MoonUIcollapsibleTriggerVariantsPro: (props?: ({
|
|
323
|
+
variant?: "default" | "ghost" | "outline" | null | undefined;
|
|
324
|
+
size?: "default" | "sm" | "lg" | "md" | null | undefined;
|
|
325
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
326
|
+
interface CollapsibleTriggerProps extends React$1.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>, VariantProps<typeof MoonUIcollapsibleTriggerVariantsPro> {
|
|
327
|
+
}
|
|
328
|
+
declare const MoonUICollapsibleTriggerPro: React$1.ForwardRefExoticComponent<CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
329
|
+
declare const MoonUIcollapsibleContentVariantsPro: (props?: ({
|
|
330
|
+
variant?: "default" | "ghost" | "outline" | null | undefined;
|
|
331
|
+
size?: "default" | "sm" | "lg" | "md" | null | undefined;
|
|
332
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
333
|
+
interface CollapsibleContentProps extends React$1.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>, VariantProps<typeof MoonUIcollapsibleContentVariantsPro> {
|
|
334
|
+
}
|
|
335
|
+
declare const MoonUICollapsibleContentPro: React$1.ForwardRefExoticComponent<CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
336
|
+
|
|
337
|
+
interface MoonUIColorPickerProProps {
|
|
338
|
+
value?: string;
|
|
339
|
+
onChange?: (color: string) => void;
|
|
340
|
+
className?: string;
|
|
341
|
+
showInput?: boolean;
|
|
342
|
+
showPresets?: boolean;
|
|
343
|
+
size?: string;
|
|
344
|
+
presets?: string[];
|
|
345
|
+
}
|
|
346
|
+
declare const MoonUIColorPickerPro: ({ value, onChange, className, showInput, showPresets, size, presets }: MoonUIColorPickerProProps) => react_jsx_runtime.JSX.Element;
|
|
347
|
+
|
|
348
|
+
/**
|
|
349
|
+
* Premium Dialog Component
|
|
350
|
+
*
|
|
351
|
+
* Modern, accessible and customizable modal dialog component.
|
|
352
|
+
* Enhances user experience with variants, sizes and rich features.
|
|
353
|
+
* Provides a premium appearance with dark and light mode compatibility and fluid animations.
|
|
354
|
+
*/
|
|
355
|
+
declare const MoonUIDialogPro: React$1.FC<SheetPrimitive.DialogProps>;
|
|
356
|
+
declare const MoonUIDialogTriggerPro: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
357
|
+
declare const MoonUIDialogClosePro: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
358
|
+
declare const overlayVariants: (props?: ({
|
|
359
|
+
variant?: "default" | "blur" | "subtle" | "minimal" | null | undefined;
|
|
360
|
+
animation?: "default" | "slow" | "fast" | null | undefined;
|
|
361
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
362
|
+
declare const dialogContentVariants: (props?: ({
|
|
363
|
+
variant?: "default" | "primary" | "ghost" | "secondary" | "destructive" | null | undefined;
|
|
364
|
+
size?: "default" | "sm" | "lg" | "full" | "md" | "xl" | "xs" | null | undefined;
|
|
365
|
+
radius?: "none" | "default" | "sm" | "lg" | "full" | "xl" | null | undefined;
|
|
366
|
+
animation?: "none" | "default" | "zoom" | "fade" | "slide" | null | undefined;
|
|
367
|
+
position?: "default" | "bottom" | "top" | null | undefined;
|
|
368
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
369
|
+
interface MoonUIDialogContentProProps extends Omit<React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, 'title'>, VariantProps<typeof dialogContentVariants> {
|
|
370
|
+
/** X butonunu gizle */
|
|
371
|
+
hideCloseButton?: boolean;
|
|
372
|
+
/** Overlay varyantı */
|
|
373
|
+
overlayVariant?: VariantProps<typeof overlayVariants>["variant"];
|
|
374
|
+
/** Overlay animasyonu */
|
|
375
|
+
overlayAnimation?: VariantProps<typeof overlayVariants>["animation"];
|
|
376
|
+
/** İçerik başlığı (hızlı kullanım için) */
|
|
377
|
+
title?: React$1.ReactNode;
|
|
378
|
+
/** İçerik açıklaması (hızlı kullanım için) */
|
|
379
|
+
description?: React$1.ReactNode;
|
|
380
|
+
/** Başlık ikonu */
|
|
381
|
+
icon?: React$1.ReactNode;
|
|
382
|
+
/** Yükleniyor durumu */
|
|
383
|
+
loading?: boolean;
|
|
384
|
+
/** Success durumu */
|
|
385
|
+
success?: boolean;
|
|
386
|
+
/** Özel onClose handler */
|
|
387
|
+
onClose?: () => void;
|
|
388
|
+
}
|
|
389
|
+
declare const MoonUIDialogContentPro: React$1.ForwardRefExoticComponent<MoonUIDialogContentProProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
390
|
+
declare const MoonUIDialogHeaderPro: {
|
|
391
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
392
|
+
displayName: string;
|
|
393
|
+
};
|
|
394
|
+
declare const MoonUIDialogFooterPro: {
|
|
395
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
396
|
+
displayName: string;
|
|
397
|
+
};
|
|
398
|
+
declare const MoonUIDialogTitlePro: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
399
|
+
declare const MoonUIDialogDescriptionPro: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
400
|
+
|
|
401
|
+
/**
|
|
402
|
+
* Command (Komut Paleti) Bileşeni
|
|
403
|
+
*
|
|
404
|
+
* Gerçek command palette işlevselliği ile klavye navigasyonu, arama ve filtreleme.
|
|
405
|
+
* cmdk kütüphanesi üzerine inşa edilmiş, tam özellikli command interface.
|
|
406
|
+
*/
|
|
407
|
+
declare const MoonUIcommandVariantsPro: (props?: ({
|
|
408
|
+
variant?: "default" | "glass" | "bordered" | null | undefined;
|
|
409
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
410
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
411
|
+
interface CommandProps extends React$1.ComponentProps<typeof Command>, VariantProps<typeof MoonUIcommandVariantsPro> {
|
|
412
|
+
}
|
|
413
|
+
declare const MoonUICommandPro: React$1.ForwardRefExoticComponent<Omit<CommandProps, "ref"> & React$1.RefAttributes<never>>;
|
|
414
|
+
interface CommandDialogProps extends React$1.ComponentProps<typeof MoonUIDialogPro> {
|
|
415
|
+
commandClassName?: string;
|
|
416
|
+
children?: React$1.ReactNode;
|
|
417
|
+
}
|
|
418
|
+
declare const MoonUICommandDialogPro: ({ children, commandClassName, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
|
|
419
|
+
interface CommandInputProps extends React$1.ComponentProps<typeof Command.Input> {
|
|
420
|
+
}
|
|
421
|
+
declare const MoonUICommandInputPro: React$1.ForwardRefExoticComponent<Omit<CommandInputProps, "ref"> & React$1.RefAttributes<never>>;
|
|
422
|
+
interface CommandListProps extends React$1.ComponentProps<typeof Command.List> {
|
|
423
|
+
}
|
|
424
|
+
declare const MoonUICommandListPro: React$1.ForwardRefExoticComponent<Omit<CommandListProps, "ref"> & React$1.RefAttributes<never>>;
|
|
425
|
+
interface CommandEmptyProps extends React$1.ComponentProps<typeof Command.Empty> {
|
|
426
|
+
}
|
|
427
|
+
declare const MoonUICommandEmptyPro: React$1.ForwardRefExoticComponent<Omit<CommandEmptyProps, "ref"> & React$1.RefAttributes<never>>;
|
|
428
|
+
interface CommandGroupProps extends React$1.ComponentProps<typeof Command.Group> {
|
|
429
|
+
}
|
|
430
|
+
declare const MoonUICommandGroupPro: React$1.ForwardRefExoticComponent<Omit<CommandGroupProps, "ref"> & React$1.RefAttributes<never>>;
|
|
431
|
+
interface CommandSeparatorProps extends React$1.ComponentProps<typeof Command.Separator> {
|
|
432
|
+
}
|
|
433
|
+
declare const MoonUICommandSeparatorPro: React$1.ForwardRefExoticComponent<Omit<CommandSeparatorProps, "ref"> & React$1.RefAttributes<never>>;
|
|
434
|
+
interface CommandItemProps extends React$1.ComponentProps<typeof Command.Item> {
|
|
435
|
+
}
|
|
436
|
+
declare const MoonUICommandItemPro: React$1.ForwardRefExoticComponent<Omit<CommandItemProps, "ref"> & React$1.RefAttributes<never>>;
|
|
437
|
+
declare const MoonUICommandShortcutPro: {
|
|
438
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
439
|
+
displayName: string;
|
|
440
|
+
};
|
|
441
|
+
|
|
442
|
+
declare const MoonUIDropdownMenuPro: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
443
|
+
declare const MoonUIDropdownMenuTriggerPro: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
444
|
+
declare const MoonUIDropdownMenuGroupPro: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
445
|
+
declare const MoonUIDropdownMenuPortalPro: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
446
|
+
declare const MoonUIDropdownMenuSubPro: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
447
|
+
declare const MoonUIDropdownMenuRadioGroupPro: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
448
|
+
declare const MoonUIDropdownMenuSubTriggerPro: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
449
|
+
inset?: boolean;
|
|
450
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
451
|
+
declare const MoonUIDropdownMenuSubContentPro: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
452
|
+
declare const MoonUIDropdownMenuContentPro: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
453
|
+
declare const MoonUIDropdownMenuItemPro: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
454
|
+
inset?: boolean;
|
|
455
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
456
|
+
declare const MoonUIDropdownMenuCheckboxItemPro: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
457
|
+
declare const MoonUIDropdownMenuRadioItemPro: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
458
|
+
declare const MoonUIDropdownMenuLabelPro: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
459
|
+
inset?: boolean;
|
|
460
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
461
|
+
declare const MoonUIDropdownMenuSeparatorPro: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
462
|
+
declare const MoonUIDropdownMenuShortcutPro: {
|
|
463
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
464
|
+
displayName: string;
|
|
465
|
+
};
|
|
466
|
+
|
|
467
|
+
declare const moonUIInputVariantsPro: (props?: ({
|
|
468
|
+
variant?: "ghost" | "underline" | "filled" | "standard" | null | undefined;
|
|
469
|
+
size?: "sm" | "lg" | "md" | null | undefined;
|
|
470
|
+
hasLeftIcon?: boolean | null | undefined;
|
|
471
|
+
hasRightIcon?: boolean | null | undefined;
|
|
472
|
+
hasRightButton?: boolean | null | undefined;
|
|
473
|
+
isError?: boolean | null | undefined;
|
|
474
|
+
isSuccess?: boolean | null | undefined;
|
|
475
|
+
isDisabled?: boolean | null | undefined;
|
|
476
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
477
|
+
interface MoonUIInputProProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size">, Omit<VariantProps<typeof moonUIInputVariantsPro>, "isDisabled" | "hasLeftIcon" | "hasRightIcon" | "hasRightButton"> {
|
|
478
|
+
/** Hata mesajı */
|
|
479
|
+
error?: string;
|
|
480
|
+
/** Başarı mesajı */
|
|
481
|
+
success?: string;
|
|
482
|
+
/** Yükleniyor durumu */
|
|
483
|
+
loading?: boolean;
|
|
484
|
+
/** Sol tarafta gösterilecek ikon */
|
|
485
|
+
leftIcon?: React$1.ReactNode;
|
|
486
|
+
/** Sağ tarafta gösterilecek ikon */
|
|
487
|
+
rightIcon?: React$1.ReactNode;
|
|
488
|
+
/** Sağ tarafta gösterilecek buton (password show/hide vb. için) */
|
|
489
|
+
rightButton?: React$1.ReactNode;
|
|
490
|
+
/** Mesajın görünürlüğü (true: her zaman görünür, false: sadece hata/başarı durumunda) */
|
|
491
|
+
alwaysShowMessage?: boolean;
|
|
492
|
+
/** Input wrapper için ek sınıflar */
|
|
493
|
+
wrapperClassName?: string;
|
|
494
|
+
/** Mesaj için ek sınıflar */
|
|
495
|
+
messageClassName?: string;
|
|
496
|
+
}
|
|
497
|
+
/**
|
|
498
|
+
* Premium Input Component
|
|
499
|
+
*
|
|
500
|
+
* @param props - Input bileşeni özellikleri
|
|
501
|
+
* @param props.variant - Görsel varyant (standard, filled, ghost, underline)
|
|
502
|
+
* @param props.size - Boyut (sm, md, lg)
|
|
503
|
+
* @param props.error - Hata mesajı
|
|
504
|
+
* @param props.success - Başarı mesajı
|
|
505
|
+
* @param props.loading - Yükleniyor durumu
|
|
506
|
+
* @param props.leftIcon - Sol tarafta gösterilecek ikon
|
|
507
|
+
* @param props.rightIcon - Sağ tarafta gösterilecek ikon
|
|
508
|
+
* @param props.rightButton - Sağ tarafta gösterilecek buton
|
|
509
|
+
* @param props.alwaysShowMessage - Mesajın her zaman görünür olması
|
|
510
|
+
*/
|
|
511
|
+
declare const MoonUIInputPro: React$1.ForwardRefExoticComponent<MoonUIInputProProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
512
|
+
|
|
513
|
+
declare const MoonUILabelPro: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_dist_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
514
|
+
|
|
515
|
+
declare const MoonUIPaginationPro: {
|
|
516
|
+
({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
517
|
+
displayName: string;
|
|
518
|
+
};
|
|
519
|
+
declare const MoonUIPaginationContentPro: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
|
|
520
|
+
declare const MoonUIPaginationItemPro: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
|
|
521
|
+
type PaginationLinkProps = {
|
|
522
|
+
isActive?: boolean;
|
|
523
|
+
} & Pick<MoonUIButtonProProps, "size"> & React$1.ComponentProps<"a">;
|
|
524
|
+
declare const MoonUIPaginationLinkPro: {
|
|
525
|
+
({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
|
|
526
|
+
displayName: string;
|
|
527
|
+
};
|
|
528
|
+
declare const MoonUIPaginationPreviousPro: {
|
|
529
|
+
({ className, ...props }: React$1.ComponentProps<typeof MoonUIPaginationLinkPro>): react_jsx_runtime.JSX.Element;
|
|
530
|
+
displayName: string;
|
|
531
|
+
};
|
|
532
|
+
declare const MoonUIPaginationNextPro: {
|
|
533
|
+
({ className, ...props }: React$1.ComponentProps<typeof MoonUIPaginationLinkPro>): react_jsx_runtime.JSX.Element;
|
|
534
|
+
displayName: string;
|
|
535
|
+
};
|
|
536
|
+
declare const MoonUIPaginationEllipsisPro: {
|
|
537
|
+
({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
538
|
+
displayName: string;
|
|
539
|
+
};
|
|
540
|
+
|
|
541
|
+
/**
|
|
542
|
+
* Popover Bileşeni
|
|
543
|
+
*
|
|
544
|
+
* Tıklanabilir bir öğeden açılan, tema sistemiyle tam entegre bir içerik bileşeni.
|
|
545
|
+
* Filtreler, ayarlar ve diğer içerikler için kullanışlı ve erişilebilir bir arayüz sağlar.
|
|
546
|
+
*/
|
|
547
|
+
declare const popoverContentVariants: (props?: ({
|
|
548
|
+
variant?: "default" | "outline" | "destructive" | "subtle" | null | undefined;
|
|
549
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
550
|
+
side?: "left" | "right" | "bottom" | "top" | null | undefined;
|
|
551
|
+
position?: "default" | "pointerEventsNone" | null | undefined;
|
|
552
|
+
radius?: "none" | "default" | "sm" | "lg" | "full" | null | undefined;
|
|
553
|
+
shadow?: "none" | "default" | "sm" | "lg" | "md" | "xl" | null | undefined;
|
|
554
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
555
|
+
declare const MoonUIPopoverPro: React$1.FC<PopoverPrimitive.PopoverProps>;
|
|
556
|
+
declare const MoonUIPopoverTriggerPro: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
557
|
+
interface MoonUIPopoverContentProProps extends Omit<React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>, 'side'>, VariantProps<typeof popoverContentVariants> {
|
|
558
|
+
/**
|
|
559
|
+
* Popover'ın arka plan bulanıklığı etkin mi
|
|
560
|
+
*/
|
|
561
|
+
backdrop?: boolean;
|
|
562
|
+
/**
|
|
563
|
+
* Popover'a tıklandığında kapanıp kapanmayacağı
|
|
564
|
+
*/
|
|
565
|
+
closeOnInteractOutside?: boolean;
|
|
566
|
+
/**
|
|
567
|
+
* Popover açıkken arka planın karartılması
|
|
568
|
+
*/
|
|
569
|
+
overlayBackdrop?: boolean;
|
|
570
|
+
}
|
|
571
|
+
declare const MoonUIPopoverContentPro: React$1.ForwardRefExoticComponent<MoonUIPopoverContentProProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
572
|
+
|
|
573
|
+
declare const MoonUIProgressPro: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<never>>;
|
|
574
|
+
|
|
575
|
+
/**
|
|
576
|
+
* Radio Group Component
|
|
577
|
+
*
|
|
578
|
+
* Accessible, customizable, and fully integrated with the theme system radio button group.
|
|
579
|
+
* Allows users to select a single option from a group of choices.
|
|
580
|
+
*/
|
|
581
|
+
declare const MoonUIradioGroupItemVariantsPro: (props?: ({
|
|
582
|
+
variant?: "default" | "outline" | "filled" | null | undefined;
|
|
583
|
+
size?: "default" | "sm" | "lg" | "md" | null | undefined;
|
|
584
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
585
|
+
interface RadioGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
586
|
+
/**
|
|
587
|
+
* Radio group value
|
|
588
|
+
*/
|
|
589
|
+
value?: string;
|
|
590
|
+
/**
|
|
591
|
+
* Function to call when radio group value changes
|
|
592
|
+
*/
|
|
593
|
+
onValueChange?: (value: string) => void;
|
|
594
|
+
/**
|
|
595
|
+
* Radio group disabled state
|
|
596
|
+
*/
|
|
597
|
+
disabled?: boolean;
|
|
598
|
+
/**
|
|
599
|
+
* Radio group name
|
|
600
|
+
*/
|
|
601
|
+
name?: string;
|
|
602
|
+
}
|
|
603
|
+
declare const MoonUIRadioGroupContextPro: React$1.Context<{
|
|
604
|
+
value?: string;
|
|
605
|
+
onValueChange?: (value: string) => void;
|
|
606
|
+
disabled?: boolean;
|
|
607
|
+
name?: string;
|
|
608
|
+
}>;
|
|
609
|
+
declare const MoonUIRadioGroupPro: React$1.ForwardRefExoticComponent<RadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
610
|
+
interface RadioGroupItemProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof MoonUIradioGroupItemVariantsPro> {
|
|
611
|
+
/**
|
|
612
|
+
* Custom indicator component
|
|
613
|
+
*/
|
|
614
|
+
indicator?: React$1.ReactNode;
|
|
615
|
+
/**
|
|
616
|
+
* HTML id for radio button
|
|
617
|
+
*/
|
|
618
|
+
id?: string;
|
|
619
|
+
/**
|
|
620
|
+
* Radio button value
|
|
621
|
+
*/
|
|
622
|
+
value: string;
|
|
623
|
+
/**
|
|
624
|
+
* Radio button disabled state
|
|
625
|
+
*/
|
|
626
|
+
disabled?: boolean;
|
|
627
|
+
}
|
|
628
|
+
declare const MoonUIRadioGroupItemPro: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
629
|
+
interface RadioLabelProps extends React$1.HTMLAttributes<HTMLLabelElement> {
|
|
630
|
+
/**
|
|
631
|
+
* HTML id for radio button
|
|
632
|
+
*/
|
|
633
|
+
htmlFor?: string;
|
|
634
|
+
/**
|
|
635
|
+
* Label content
|
|
636
|
+
*/
|
|
637
|
+
children: React$1.ReactNode;
|
|
638
|
+
/**
|
|
639
|
+
* Disabled state style
|
|
640
|
+
*/
|
|
641
|
+
disabled?: boolean;
|
|
642
|
+
}
|
|
643
|
+
declare const MoonUIRadioLabelPro: React$1.ForwardRefExoticComponent<RadioLabelProps & React$1.RefAttributes<HTMLLabelElement>>;
|
|
644
|
+
interface RadioItemWithLabelProps extends RadioGroupItemProps {
|
|
645
|
+
/**
|
|
646
|
+
* Label content
|
|
647
|
+
*/
|
|
648
|
+
label: React$1.ReactNode;
|
|
649
|
+
/**
|
|
650
|
+
* HTML classes for label
|
|
651
|
+
*/
|
|
652
|
+
labelClassName?: string;
|
|
653
|
+
/**
|
|
654
|
+
* HTML id for radio button
|
|
655
|
+
*/
|
|
656
|
+
id?: string;
|
|
657
|
+
/**
|
|
658
|
+
* Disabled state
|
|
659
|
+
*/
|
|
660
|
+
disabled?: boolean;
|
|
661
|
+
}
|
|
662
|
+
declare const MoonUIRadioItemWithLabelPro: React$1.ForwardRefExoticComponent<RadioItemWithLabelProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
663
|
+
|
|
664
|
+
declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
665
|
+
declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
666
|
+
|
|
667
|
+
/**
|
|
668
|
+
* Premium Select Component
|
|
669
|
+
*
|
|
670
|
+
* Advanced dropdown/select component with variants, sizes and accessibility features.
|
|
671
|
+
* Compatible with dark and light mode, providing a modern user experience with smooth animations.
|
|
672
|
+
*/
|
|
673
|
+
declare const MoonUISelectPro: React$1.FC<SelectPrimitive.SelectProps>;
|
|
674
|
+
declare const MoonUISelectGroupPro: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
675
|
+
declare const MoonUISelectValuePro: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
676
|
+
type SelectTriggerVariant = "standard" | "outline" | "ghost" | "underline";
|
|
677
|
+
type SelectTriggerSize = "sm" | "md" | "lg";
|
|
678
|
+
interface MoonUISelectTriggerProProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
|
|
679
|
+
/** Visual variant */
|
|
680
|
+
variant?: SelectTriggerVariant;
|
|
681
|
+
/** Size */
|
|
682
|
+
size?: SelectTriggerSize;
|
|
683
|
+
/** Error state */
|
|
684
|
+
error?: boolean | string;
|
|
685
|
+
/** Success state */
|
|
686
|
+
success?: boolean;
|
|
687
|
+
/** Loading state */
|
|
688
|
+
loading?: boolean;
|
|
689
|
+
/** Icon displayed on the left */
|
|
690
|
+
leftIcon?: React$1.ReactNode;
|
|
691
|
+
/** Icon displayed on the right (instead of default chevron) */
|
|
692
|
+
rightIcon?: React$1.ReactNode;
|
|
693
|
+
/** Enable clear button */
|
|
694
|
+
clearable?: boolean;
|
|
695
|
+
/** On clear callback */
|
|
696
|
+
onClear?: () => void;
|
|
697
|
+
/** Custom placeholder when value is selected */
|
|
698
|
+
selectedPlaceholder?: string;
|
|
699
|
+
}
|
|
700
|
+
declare const MoonUISelectTriggerPro: React$1.ForwardRefExoticComponent<MoonUISelectTriggerProProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
701
|
+
interface MoonUISelectContentProProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
|
|
702
|
+
/** Enable search functionality */
|
|
703
|
+
enableSearch?: boolean;
|
|
704
|
+
/** Search placeholder */
|
|
705
|
+
searchPlaceholder?: string;
|
|
706
|
+
/** No results text */
|
|
707
|
+
noResultsText?: string;
|
|
708
|
+
/** Loading search results */
|
|
709
|
+
searchLoading?: boolean;
|
|
710
|
+
/** Custom search icon */
|
|
711
|
+
searchIcon?: React$1.ReactNode;
|
|
712
|
+
}
|
|
713
|
+
declare const MoonUISelectContentPro: React$1.ForwardRefExoticComponent<MoonUISelectContentProProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
714
|
+
declare const MoonUISelectLabelPro: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
715
|
+
type SelectItemVariant = "default" | "subtle" | "destructive" | "success" | "warning";
|
|
716
|
+
type SelectItemSize = "sm" | "md" | "lg";
|
|
717
|
+
interface MoonUISelectItemProProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
|
|
718
|
+
/** Visual variant */
|
|
719
|
+
variant?: SelectItemVariant;
|
|
720
|
+
/** Size */
|
|
721
|
+
size?: SelectItemSize;
|
|
722
|
+
/** Icon displayed on the right */
|
|
723
|
+
rightIcon?: React$1.ReactNode;
|
|
724
|
+
/** Custom indicator icon (instead of default check) */
|
|
725
|
+
customIndicator?: React$1.ReactNode;
|
|
726
|
+
/** Enable hover scale animation */
|
|
727
|
+
enableHoverScale?: boolean;
|
|
728
|
+
/** Description text shown below the main text */
|
|
729
|
+
description?: string;
|
|
730
|
+
}
|
|
731
|
+
declare const MoonUISelectItemPro: React$1.ForwardRefExoticComponent<MoonUISelectItemProProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
732
|
+
declare const MoonUISelectSeparatorPro: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
733
|
+
|
|
734
|
+
declare const moonUISeparatorVariantsPro: (props?: ({
|
|
735
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
736
|
+
variant?: "default" | "gradient" | "dashed" | "dotted" | null | undefined;
|
|
737
|
+
size?: "sm" | "lg" | "md" | null | undefined;
|
|
738
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
739
|
+
interface MoonUISeparatorProProps extends Omit<React$1.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>, 'orientation'>, VariantProps<typeof moonUISeparatorVariantsPro> {
|
|
740
|
+
orientation?: "horizontal" | "vertical";
|
|
741
|
+
}
|
|
742
|
+
declare const MoonUISeparatorPro: React$1.ForwardRefExoticComponent<MoonUISeparatorProProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
743
|
+
|
|
744
|
+
declare const Sheet: React$1.FC<SheetPrimitive.DialogProps>;
|
|
745
|
+
declare const SheetTrigger: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
746
|
+
declare const SheetClose: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
747
|
+
declare const SheetPortal: React$1.FC<SheetPrimitive.DialogPortalProps>;
|
|
748
|
+
declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
749
|
+
declare const sheetVariants: (props?: ({
|
|
750
|
+
side?: "left" | "right" | "bottom" | "top" | null | undefined;
|
|
751
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
752
|
+
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
753
|
+
}
|
|
754
|
+
declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
755
|
+
declare const SheetHeader: {
|
|
756
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
757
|
+
displayName: string;
|
|
758
|
+
};
|
|
759
|
+
declare const SheetFooter: {
|
|
760
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
761
|
+
displayName: string;
|
|
762
|
+
};
|
|
763
|
+
declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
764
|
+
declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
765
|
+
|
|
766
|
+
interface MoonUISkeletonProProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
767
|
+
}
|
|
768
|
+
declare function MoonUISkeletonPro({ className, ...props }: MoonUISkeletonProProps): react_jsx_runtime.JSX.Element;
|
|
769
|
+
|
|
770
|
+
/**
|
|
771
|
+
* Slider Component
|
|
772
|
+
*
|
|
773
|
+
* Accessible, customizable slider component fully integrated with the theme system.
|
|
774
|
+
* Used for value ranges like volume, brightness, price ranges.
|
|
775
|
+
*/
|
|
776
|
+
declare const moonUISliderVariantsPro: (props?: ({
|
|
777
|
+
size?: "default" | "sm" | "lg" | "md" | null | undefined;
|
|
778
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
779
|
+
declare const sliderTrackVariants: (props?: ({
|
|
780
|
+
variant?: "default" | "primary" | "success" | "warning" | "error" | "secondary" | "accent" | null | undefined;
|
|
781
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
782
|
+
declare const sliderRangeVariants: (props?: ({
|
|
783
|
+
variant?: "default" | "primary" | "success" | "warning" | "error" | "secondary" | "accent" | null | undefined;
|
|
784
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
785
|
+
declare const sliderThumbVariants: (props?: ({
|
|
786
|
+
variant?: "default" | "primary" | "success" | "warning" | "error" | "secondary" | "accent" | null | undefined;
|
|
787
|
+
size?: "default" | "sm" | "lg" | "md" | null | undefined;
|
|
788
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
789
|
+
type SliderBaseProps = {
|
|
790
|
+
/**
|
|
791
|
+
* Track variant
|
|
792
|
+
*/
|
|
793
|
+
trackVariant?: VariantProps<typeof sliderTrackVariants>["variant"];
|
|
794
|
+
/**
|
|
795
|
+
* Range variant
|
|
796
|
+
*/
|
|
797
|
+
rangeVariant?: VariantProps<typeof sliderRangeVariants>["variant"];
|
|
798
|
+
/**
|
|
799
|
+
* Thumb variant
|
|
800
|
+
*/
|
|
801
|
+
thumbVariant?: VariantProps<typeof sliderThumbVariants>["variant"];
|
|
802
|
+
/**
|
|
803
|
+
* Thumb size
|
|
804
|
+
*/
|
|
805
|
+
thumbSize?: VariantProps<typeof sliderThumbVariants>["size"];
|
|
806
|
+
/**
|
|
807
|
+
* Show value label
|
|
808
|
+
*/
|
|
809
|
+
showValueLabel?: boolean;
|
|
810
|
+
/**
|
|
811
|
+
* Value label format function
|
|
812
|
+
*/
|
|
813
|
+
valueLabelFormat?: (value: number) => string;
|
|
814
|
+
/**
|
|
815
|
+
* Value label class name
|
|
816
|
+
*/
|
|
817
|
+
valueLabelClassName?: string;
|
|
818
|
+
/**
|
|
819
|
+
* Slider value
|
|
820
|
+
*/
|
|
821
|
+
value?: number[];
|
|
822
|
+
/**
|
|
823
|
+
* Default value
|
|
824
|
+
*/
|
|
825
|
+
defaultValue?: number[];
|
|
826
|
+
/**
|
|
827
|
+
* Function called when value changes
|
|
828
|
+
*/
|
|
829
|
+
onValueChange?: (value: number[]) => void;
|
|
830
|
+
/**
|
|
831
|
+
* Minimum value
|
|
832
|
+
*/
|
|
833
|
+
min?: number;
|
|
834
|
+
/**
|
|
835
|
+
* Maximum value
|
|
836
|
+
*/
|
|
837
|
+
max?: number;
|
|
838
|
+
/**
|
|
839
|
+
* Step value
|
|
840
|
+
*/
|
|
841
|
+
step?: number;
|
|
842
|
+
/**
|
|
843
|
+
* Slider size
|
|
844
|
+
*/
|
|
845
|
+
size?: VariantProps<typeof moonUISliderVariantsPro>["size"];
|
|
846
|
+
/**
|
|
847
|
+
* Disabled state
|
|
848
|
+
*/
|
|
849
|
+
disabled?: boolean;
|
|
850
|
+
};
|
|
851
|
+
declare const MoonUISliderPro: React$1.ForwardRefExoticComponent<SliderBaseProps & Omit<React$1.HTMLAttributes<HTMLDivElement>, "defaultValue"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
852
|
+
|
|
853
|
+
type SwitchSize = "sm" | "md" | "lg";
|
|
854
|
+
type SwitchVariant = "primary" | "success" | "warning" | "danger" | "secondary";
|
|
855
|
+
interface MoonUISwitchProProps extends React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
|
|
856
|
+
/** Switch boyutu */
|
|
857
|
+
size?: SwitchSize;
|
|
858
|
+
/** Switch renk varyantı */
|
|
859
|
+
variant?: SwitchVariant;
|
|
860
|
+
/** Yükleniyor durumunu gösterir */
|
|
861
|
+
loading?: boolean;
|
|
862
|
+
/** Sol tarafta gösterilecek ikon */
|
|
863
|
+
leftIcon?: React$1.ReactNode;
|
|
864
|
+
/** Sağ tarafta gösterilecek ikon */
|
|
865
|
+
rightIcon?: React$1.ReactNode;
|
|
866
|
+
/** Switch açıklaması */
|
|
867
|
+
description?: string;
|
|
868
|
+
}
|
|
869
|
+
declare const MoonUISwitchPro: React$1.ForwardRefExoticComponent<MoonUISwitchProProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
870
|
+
|
|
871
|
+
type SortDirection = "asc" | "desc" | null;
|
|
872
|
+
declare const MoonUItableVariantsPro: (props?: ({
|
|
873
|
+
variant?: "default" | "card" | "minimal" | "bordered" | "striped" | null | undefined;
|
|
874
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
875
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
876
|
+
interface TableProps<T> extends React$1.HTMLAttributes<HTMLTableElement>, VariantProps<typeof MoonUItableVariantsPro> {
|
|
877
|
+
/** Veri yükleniyor durumunu gösterir */
|
|
878
|
+
loading?: boolean;
|
|
879
|
+
/** Sıralama için kullanılan sütun */
|
|
880
|
+
sortColumn?: string;
|
|
881
|
+
/** Sıralama yönü */
|
|
882
|
+
sortDirection?: SortDirection;
|
|
883
|
+
/** Sıralama değiştiğinde çağrılacak fonksiyon */
|
|
884
|
+
onSortChange?: (column: string, direction: SortDirection) => void;
|
|
885
|
+
/** Boş durum için özel içerik */
|
|
886
|
+
emptyContent?: React$1.ReactNode;
|
|
887
|
+
/** Seçili satır id'leri */
|
|
888
|
+
selectedRowIds?: string[];
|
|
889
|
+
/** Satır seçim değiştiğinde çağrılacak fonksiyon */
|
|
890
|
+
onRowSelectionChange?: (selectedRowIds: string[]) => void;
|
|
891
|
+
/** Satır seçim devre dışı */
|
|
892
|
+
disableRowSelection?: boolean;
|
|
893
|
+
/** Her satır için benzersiz id çıkarma fonksiyonu */
|
|
894
|
+
getRowId?: (row: T) => string;
|
|
895
|
+
}
|
|
896
|
+
declare const MoonUITablePro: React$1.ForwardRefExoticComponent<TableProps<unknown> & React$1.RefAttributes<HTMLTableElement>>;
|
|
897
|
+
declare const MoonUITableHeaderPro: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
898
|
+
interface TableBodyProps extends React$1.HTMLAttributes<HTMLTableSectionElement> {
|
|
899
|
+
/** Veri yoksa gösterilecek boş durum içeriği */
|
|
900
|
+
emptyContent?: React$1.ReactNode;
|
|
901
|
+
/** Varsayılan boş durum mesajı */
|
|
902
|
+
emptyMessage?: string;
|
|
903
|
+
}
|
|
904
|
+
declare const MoonUITableBodyPro: React$1.ForwardRefExoticComponent<TableBodyProps & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
905
|
+
declare const MoonUITableFooterPro: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
906
|
+
declare const MoonUITableRowPro: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
|
|
907
|
+
interface TableHeadProps extends React$1.ThHTMLAttributes<HTMLTableCellElement> {
|
|
908
|
+
/** Bu sütun için sıralama durumu */
|
|
909
|
+
sortable?: boolean;
|
|
910
|
+
/** Bu sütunun sıralanma durumu */
|
|
911
|
+
sorted?: SortDirection;
|
|
912
|
+
/** Sıralama değiştiğinde çağrılacak fonksiyon */
|
|
913
|
+
onSort?: () => void;
|
|
914
|
+
}
|
|
915
|
+
declare const MoonUITableHeadPro: React$1.ForwardRefExoticComponent<TableHeadProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
916
|
+
declare const MoonUITableCellPro: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
917
|
+
declare const MoonUITableCaptionPro: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
|
|
918
|
+
|
|
919
|
+
interface MoonUITabsProProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
|
|
920
|
+
/** Mobil görünümde dikey düzen için */
|
|
921
|
+
vertical?: boolean;
|
|
922
|
+
}
|
|
923
|
+
declare const MoonUITabsPro: React$1.ForwardRefExoticComponent<MoonUITabsProProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
924
|
+
declare const tabsListVariants: (props?: ({
|
|
925
|
+
variant?: "default" | "underline" | "minimal" | "pills" | "cards" | null | undefined;
|
|
926
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
927
|
+
fullWidth?: boolean | null | undefined;
|
|
928
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
929
|
+
interface MoonUITabsListProProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {
|
|
930
|
+
/** Dikey düzende göster */
|
|
931
|
+
orientation?: "horizontal" | "vertical";
|
|
932
|
+
}
|
|
933
|
+
declare const MoonUITabsListPro: React$1.ForwardRefExoticComponent<MoonUITabsListProProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
934
|
+
declare const tabsTriggerVariants: (props?: ({
|
|
935
|
+
variant?: "default" | "underline" | "minimal" | "pills" | "cards" | null | undefined;
|
|
936
|
+
size?: "sm" | "lg" | "md" | null | undefined;
|
|
937
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
938
|
+
fullWidth?: boolean | null | undefined;
|
|
939
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
940
|
+
interface MoonUITabsTriggerProProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, VariantProps<typeof tabsTriggerVariants> {
|
|
941
|
+
/** İkon konumu */
|
|
942
|
+
iconPosition?: "left" | "right" | "none";
|
|
943
|
+
/** İkon */
|
|
944
|
+
icon?: React$1.ReactNode;
|
|
945
|
+
/** Badge içeriği */
|
|
946
|
+
badge?: React$1.ReactNode;
|
|
947
|
+
/** Aktif olmayan durumda yarı saydam */
|
|
948
|
+
fadeTabs?: boolean;
|
|
949
|
+
/** Dikey düzende göster */
|
|
950
|
+
orientation?: "horizontal" | "vertical";
|
|
951
|
+
}
|
|
952
|
+
declare const MoonUITabsTriggerPro: React$1.ForwardRefExoticComponent<MoonUITabsTriggerProProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
953
|
+
interface MoonUITabsContentProProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {
|
|
954
|
+
/** İçerik animasyonu */
|
|
955
|
+
animated?: boolean;
|
|
956
|
+
}
|
|
957
|
+
declare const MoonUITabsContentPro: React$1.ForwardRefExoticComponent<MoonUITabsContentProProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
958
|
+
|
|
959
|
+
interface MoonUITextareaProProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
960
|
+
}
|
|
961
|
+
declare const MoonUITextareaPro: React__default.ForwardRefExoticComponent<MoonUITextareaProProps & React__default.RefAttributes<HTMLTextAreaElement>>;
|
|
962
|
+
|
|
963
|
+
declare const MoonUIToastPro: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
|
|
964
|
+
variant?: "default" | "success" | "warning" | "info" | "destructive" | null | undefined;
|
|
965
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLIElement>>;
|
|
966
|
+
|
|
967
|
+
declare const MoonUItoggleVariantsPro: (props?: ({
|
|
968
|
+
variant?: "default" | "primary" | "success" | "warning" | "ghost" | "outline" | "gradient" | "secondary" | "danger" | null | undefined;
|
|
969
|
+
size?: "default" | "sm" | "lg" | "md" | "xl" | "xs" | null | undefined;
|
|
970
|
+
shape?: "default" | "square" | "rounded" | "pill" | null | undefined;
|
|
971
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
972
|
+
interface MoonUIToggleProProps extends React$1.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, VariantProps<typeof MoonUItoggleVariantsPro> {
|
|
973
|
+
/** Loading state */
|
|
974
|
+
loading?: boolean;
|
|
975
|
+
/** Show a badge with a count */
|
|
976
|
+
badge?: string | number;
|
|
977
|
+
/** Badge variant */
|
|
978
|
+
badgeVariant?: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
979
|
+
/** Icon to show when toggled on */
|
|
980
|
+
iconOn?: React$1.ReactNode;
|
|
981
|
+
/** Icon to show when toggled off */
|
|
982
|
+
iconOff?: React$1.ReactNode;
|
|
983
|
+
/** Position of icon relative to text */
|
|
984
|
+
iconPosition?: "left" | "right";
|
|
985
|
+
}
|
|
986
|
+
declare const MoonUITogglePro: React$1.ForwardRefExoticComponent<MoonUIToggleProProps & React$1.RefAttributes<never>>;
|
|
987
|
+
|
|
988
|
+
declare const MoonUITooltipProviderPro: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
989
|
+
declare const tooltipVariants: (props?: ({
|
|
990
|
+
variant?: "default" | "success" | "warning" | "info" | "secondary" | "destructive" | null | undefined;
|
|
991
|
+
size?: "sm" | "lg" | "md" | null | undefined;
|
|
992
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
993
|
+
declare const MoonUITooltipPro: React$1.FC<TooltipPrimitive.TooltipProps>;
|
|
994
|
+
declare const MoonUITooltipTriggerPro: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
995
|
+
interface MoonUITooltipContentProProps extends React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipVariants> {
|
|
996
|
+
showArrow?: boolean;
|
|
997
|
+
}
|
|
998
|
+
declare const MoonUITooltipContentPro: React$1.ForwardRefExoticComponent<MoonUITooltipContentProProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
999
|
+
|
|
1000
|
+
declare const HoverCard: React$1.FC<HoverCardPrimitive.HoverCardProps>;
|
|
1001
|
+
declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
1002
|
+
declare const HoverCardContent: React$1.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1003
|
+
|
|
1004
|
+
declare const gestureDrawerVariants: (props?: ({
|
|
1005
|
+
position?: "left" | "right" | "bottom" | "top" | null | undefined;
|
|
1006
|
+
size?: "default" | "sm" | "lg" | "full" | "md" | null | undefined;
|
|
1007
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
1008
|
+
interface GestureDrawerProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onAnimationStart' | 'onAnimationEnd' | 'onAnimationIteration' | 'onDragStart' | 'onDragEnd' | 'onDrag'>, VariantProps<typeof gestureDrawerVariants> {
|
|
1009
|
+
isOpen: boolean;
|
|
1010
|
+
onOpenChange: (open: boolean) => void;
|
|
1011
|
+
children: React__default.ReactNode;
|
|
1012
|
+
position?: "bottom" | "top" | "left" | "right";
|
|
1013
|
+
size?: "default" | "sm" | "md" | "lg" | "full";
|
|
1014
|
+
snapPoints?: number[];
|
|
1015
|
+
defaultSnapPoint?: number;
|
|
1016
|
+
enableSwipeToClose?: boolean;
|
|
1017
|
+
closeThreshold?: number;
|
|
1018
|
+
closeVelocity?: number;
|
|
1019
|
+
dragElastic?: number;
|
|
1020
|
+
showHandle?: boolean;
|
|
1021
|
+
handleClassName?: string;
|
|
1022
|
+
showCloseButton?: boolean;
|
|
1023
|
+
closeButtonClassName?: string;
|
|
1024
|
+
showBackdrop?: boolean;
|
|
1025
|
+
backdropClassName?: string;
|
|
1026
|
+
backdropBlur?: boolean;
|
|
1027
|
+
closeOnBackdropClick?: boolean;
|
|
1028
|
+
animationDuration?: number;
|
|
1029
|
+
springConfig?: {
|
|
1030
|
+
stiffness?: number;
|
|
1031
|
+
damping?: number;
|
|
1032
|
+
mass?: number;
|
|
1033
|
+
};
|
|
1034
|
+
preventBodyScroll?: boolean;
|
|
1035
|
+
autoHeight?: boolean;
|
|
1036
|
+
nestedScrolling?: boolean;
|
|
1037
|
+
onSnapPointChange?: (snapPoint: number) => void;
|
|
1038
|
+
asChild?: boolean;
|
|
1039
|
+
isProComponent?: boolean;
|
|
1040
|
+
}
|
|
1041
|
+
declare const MoonUIGestureDrawerPro: React__default.ForwardRefExoticComponent<GestureDrawerProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1042
|
+
declare const GestureDrawer: React__default.ForwardRefExoticComponent<GestureDrawerProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1043
|
+
type MoonUIGestureDrawerProProps = GestureDrawerProps;
|
|
1044
|
+
|
|
1045
|
+
/**
|
|
1046
|
+
* Premium Lightbox Component
|
|
1047
|
+
*
|
|
1048
|
+
* Advanced lightbox/modal for displaying images and videos with zoom,
|
|
1049
|
+
* navigation, fullscreen support, and smooth animations.
|
|
1050
|
+
* Perfect for galleries, product showcases, and media presentations.
|
|
1051
|
+
*/
|
|
1052
|
+
declare const lightboxVariants: (props?: ({
|
|
1053
|
+
backdrop?: "gradient" | "blur" | "dark" | "light" | null | undefined;
|
|
1054
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
1055
|
+
interface MediaItem {
|
|
1056
|
+
type: "image" | "video";
|
|
1057
|
+
src: string;
|
|
1058
|
+
alt?: string;
|
|
1059
|
+
thumbnail?: string;
|
|
1060
|
+
poster?: string;
|
|
1061
|
+
title?: string;
|
|
1062
|
+
description?: string;
|
|
1063
|
+
category?: string;
|
|
1064
|
+
date?: Date | number;
|
|
1065
|
+
[key: string]: any;
|
|
1066
|
+
}
|
|
1067
|
+
interface LightboxProviderProps {
|
|
1068
|
+
children: React$1.ReactNode;
|
|
1069
|
+
items?: MediaItem[];
|
|
1070
|
+
defaultIndex?: number;
|
|
1071
|
+
}
|
|
1072
|
+
declare function LightboxProvider({ children, items, defaultIndex }: LightboxProviderProps): react_jsx_runtime.JSX.Element;
|
|
1073
|
+
interface LightboxTriggerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1074
|
+
index?: number;
|
|
1075
|
+
asChild?: boolean;
|
|
1076
|
+
}
|
|
1077
|
+
declare const LightboxTrigger: React$1.ForwardRefExoticComponent<LightboxTriggerProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1078
|
+
interface LightboxContentProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof lightboxVariants> {
|
|
1079
|
+
showNavigation?: boolean;
|
|
1080
|
+
showZoomControls?: boolean;
|
|
1081
|
+
showDownload?: boolean;
|
|
1082
|
+
showFullscreen?: boolean;
|
|
1083
|
+
showThumbnails?: boolean;
|
|
1084
|
+
enableKeyboardNavigation?: boolean;
|
|
1085
|
+
enableSwipeGestures?: boolean;
|
|
1086
|
+
animationDuration?: number;
|
|
1087
|
+
autoPlayVideo?: boolean;
|
|
1088
|
+
onClose?: () => void;
|
|
1089
|
+
}
|
|
1090
|
+
declare const LightboxContent: React$1.ForwardRefExoticComponent<LightboxContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1091
|
+
interface SimpleLightboxProps extends Omit<LightboxContentProps, "items"> {
|
|
1092
|
+
src: string;
|
|
1093
|
+
type?: "image" | "video";
|
|
1094
|
+
alt?: string;
|
|
1095
|
+
poster?: string;
|
|
1096
|
+
title?: string;
|
|
1097
|
+
description?: string;
|
|
1098
|
+
children: React$1.ReactNode;
|
|
1099
|
+
autoPlayVideo?: boolean;
|
|
1100
|
+
}
|
|
1101
|
+
declare function SimpleLightbox({ src, type, alt, poster, title, description, children, ...props }: SimpleLightboxProps): react_jsx_runtime.JSX.Element;
|
|
1102
|
+
|
|
1103
|
+
/**
|
|
1104
|
+
* Premium Media Gallery Component
|
|
1105
|
+
*
|
|
1106
|
+
* Advanced gallery component for displaying images and videos in responsive layouts
|
|
1107
|
+
* with filtering, sorting, lightbox integration, and smooth animations.
|
|
1108
|
+
* Perfect for portfolios, product galleries, and media showcases.
|
|
1109
|
+
*/
|
|
1110
|
+
declare const galleryVariants: (props?: ({
|
|
1111
|
+
layout?: "grid" | "horizontal" | "masonry" | "justified" | null | undefined;
|
|
1112
|
+
columns?: 1 | 2 | 3 | 4 | 5 | 6 | null | undefined;
|
|
1113
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
1114
|
+
declare const galleryItemVariants: (props?: ({
|
|
1115
|
+
variant?: "default" | "ghost" | "outline" | "card" | "glass" | null | undefined;
|
|
1116
|
+
aspectRatio?: "video" | "auto" | "square" | "portrait" | null | undefined;
|
|
1117
|
+
hover?: "none" | "zoom" | "glow" | "lift" | null | undefined;
|
|
1118
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
1119
|
+
interface GalleryCategory {
|
|
1120
|
+
id: string;
|
|
1121
|
+
label: string;
|
|
1122
|
+
icon?: React$1.ReactNode;
|
|
1123
|
+
}
|
|
1124
|
+
interface GallerySortOption {
|
|
1125
|
+
id: string;
|
|
1126
|
+
label: string;
|
|
1127
|
+
compareFn: (a: MediaItem, b: MediaItem) => number;
|
|
1128
|
+
}
|
|
1129
|
+
interface MoonUIMediaGalleryProProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof galleryVariants> {
|
|
1130
|
+
items: MediaItem[];
|
|
1131
|
+
variant?: VariantProps<typeof galleryItemVariants>["variant"];
|
|
1132
|
+
aspectRatio?: VariantProps<typeof galleryItemVariants>["aspectRatio"];
|
|
1133
|
+
hover?: VariantProps<typeof galleryItemVariants>["hover"];
|
|
1134
|
+
enableLightbox?: boolean;
|
|
1135
|
+
enableFiltering?: boolean;
|
|
1136
|
+
enableSorting?: boolean;
|
|
1137
|
+
categories?: GalleryCategory[];
|
|
1138
|
+
sortOptions?: GallerySortOption[];
|
|
1139
|
+
defaultCategory?: string;
|
|
1140
|
+
defaultSort?: string;
|
|
1141
|
+
showItemType?: boolean;
|
|
1142
|
+
showOverlay?: boolean;
|
|
1143
|
+
overlayContent?: (item: MediaItem, index: number) => React$1.ReactNode;
|
|
1144
|
+
loadingState?: boolean;
|
|
1145
|
+
skeletonCount?: number;
|
|
1146
|
+
emptyState?: React$1.ReactNode;
|
|
1147
|
+
onItemClick?: (item: MediaItem, index: number) => void;
|
|
1148
|
+
lazyLoad?: boolean;
|
|
1149
|
+
infiniteScroll?: boolean;
|
|
1150
|
+
onLoadMore?: () => void;
|
|
1151
|
+
hasMore?: boolean;
|
|
1152
|
+
lightboxProps?: Partial<React$1.ComponentProps<typeof LightboxContent>>;
|
|
1153
|
+
}
|
|
1154
|
+
declare const MoonUIMediaGalleryPro: React$1.ForwardRefExoticComponent<MoonUIMediaGalleryProProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1155
|
+
interface MoonUIGalleryItemProProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof galleryItemVariants> {
|
|
1156
|
+
item: MediaItem;
|
|
1157
|
+
index?: number;
|
|
1158
|
+
showType?: boolean;
|
|
1159
|
+
showOverlay?: boolean;
|
|
1160
|
+
overlayContent?: React$1.ReactNode;
|
|
1161
|
+
onLoad?: () => void;
|
|
1162
|
+
}
|
|
1163
|
+
declare const MoonUIGalleryItemPro: React$1.ForwardRefExoticComponent<MoonUIGalleryItemProProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1164
|
+
|
|
1165
|
+
declare const moonUIAnimatedButtonProVariants: (props?: ({
|
|
1166
|
+
variant?: "link" | "default" | "ghost" | "outline" | "gradient" | "secondary" | "destructive" | "glow" | null | undefined;
|
|
1167
|
+
size?: "default" | "sm" | "lg" | "xl" | "icon" | null | undefined;
|
|
1168
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
1169
|
+
interface MoonUIAnimatedButtonProProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof moonUIAnimatedButtonProVariants> {
|
|
1170
|
+
state?: "idle" | "loading" | "success" | "error";
|
|
1171
|
+
onStateChange?: (state: "idle" | "loading" | "success" | "error") => void;
|
|
1172
|
+
loadingText?: string;
|
|
1173
|
+
successText?: string;
|
|
1174
|
+
errorText?: string;
|
|
1175
|
+
ripple?: boolean;
|
|
1176
|
+
iconRotate?: boolean;
|
|
1177
|
+
shimmerSpeed?: "slow" | "normal" | "fast";
|
|
1178
|
+
glowIntensity?: "low" | "medium" | "high";
|
|
1179
|
+
showProgressBar?: boolean;
|
|
1180
|
+
autoResetDelay?: number;
|
|
1181
|
+
animation?: "none" | "bounce" | "pulse" | "shimmer" | "slide" | "scale" | "rotate" | "shake";
|
|
1182
|
+
}
|
|
1183
|
+
declare const MoonUIAnimatedButtonPro: React__default.ForwardRefExoticComponent<MoonUIAnimatedButtonProProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
1184
|
+
|
|
1185
|
+
interface ErrorBoundaryProps {
|
|
1186
|
+
children: ReactNode;
|
|
1187
|
+
fallback?: ReactNode;
|
|
1188
|
+
className?: string;
|
|
1189
|
+
onError?: (error: Error, errorInfo: ErrorInfo) => void;
|
|
1190
|
+
}
|
|
1191
|
+
declare function ErrorBoundaryWrapper(props: ErrorBoundaryProps): react_jsx_runtime.JSX.Element;
|
|
1192
|
+
declare const ErrorBoundary: typeof ErrorBoundaryWrapper;
|
|
1193
|
+
|
|
1194
|
+
interface FloatingActionButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1195
|
+
actions?: Array<{
|
|
1196
|
+
icon: React__default.ReactNode;
|
|
1197
|
+
label: string;
|
|
1198
|
+
onClick: () => void;
|
|
1199
|
+
}>;
|
|
1200
|
+
position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
|
|
1201
|
+
size?: "sm" | "default" | "lg";
|
|
1202
|
+
}
|
|
1203
|
+
declare const FloatingActionButton: React__default.ForwardRefExoticComponent<FloatingActionButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
1204
|
+
|
|
1205
|
+
declare const hoverCard3DVariants: (props?: ({
|
|
1206
|
+
variant?: "neon" | "subtle" | "dramatic" | "gaming" | "elegant" | null | undefined;
|
|
1207
|
+
shadowIntensity?: "none" | "medium" | "light" | "heavy" | "extreme" | null | undefined;
|
|
1208
|
+
glowEffect?: "none" | "neon" | "subtle" | "vibrant" | null | undefined;
|
|
1209
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
1210
|
+
interface SpringConfig {
|
|
1211
|
+
stiffness?: number;
|
|
1212
|
+
damping?: number;
|
|
1213
|
+
mass?: number;
|
|
1214
|
+
velocity?: number;
|
|
1215
|
+
restSpeed?: number;
|
|
1216
|
+
restDelta?: number;
|
|
1217
|
+
}
|
|
1218
|
+
type OverlayRenderProp = (props: {
|
|
1219
|
+
isHovered: boolean;
|
|
1220
|
+
rotateX: number;
|
|
1221
|
+
rotateY: number;
|
|
1222
|
+
}) => React__default.ReactNode;
|
|
1223
|
+
interface HoverCard3DProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof hoverCard3DVariants> {
|
|
1224
|
+
/**
|
|
1225
|
+
* The perspective value for 3D transformation
|
|
1226
|
+
* @default 1000
|
|
1227
|
+
*/
|
|
1228
|
+
perspective?: number;
|
|
1229
|
+
/**
|
|
1230
|
+
* Maximum rotation angle in degrees
|
|
1231
|
+
* @default 15
|
|
1232
|
+
*/
|
|
1233
|
+
maxRotation?: number;
|
|
1234
|
+
/**
|
|
1235
|
+
* @deprecated Use maxRotation instead
|
|
1236
|
+
*/
|
|
1237
|
+
rotationIntensity?: number;
|
|
1238
|
+
/**
|
|
1239
|
+
* Scale factor when hovered
|
|
1240
|
+
* @default 1.05
|
|
1241
|
+
*/
|
|
1242
|
+
scale?: number;
|
|
1243
|
+
/**
|
|
1244
|
+
* Spring animation configuration
|
|
1245
|
+
*/
|
|
1246
|
+
springConfig?: SpringConfig;
|
|
1247
|
+
/**
|
|
1248
|
+
* Animation speed multiplier (0-1)
|
|
1249
|
+
* @default 1
|
|
1250
|
+
*/
|
|
1251
|
+
animationSpeed?: number;
|
|
1252
|
+
/**
|
|
1253
|
+
* Static or dynamic overlay content
|
|
1254
|
+
*/
|
|
1255
|
+
overlay?: React__default.ReactNode | OverlayRenderProp;
|
|
1256
|
+
/**
|
|
1257
|
+
* Show overlay even when not hovered
|
|
1258
|
+
* @default false
|
|
1259
|
+
*/
|
|
1260
|
+
overlayAlwaysVisible?: boolean;
|
|
1261
|
+
/**
|
|
1262
|
+
* Glow color (CSS color value)
|
|
1263
|
+
*/
|
|
1264
|
+
glowColor?: string;
|
|
1265
|
+
/**
|
|
1266
|
+
* Glow blur amount in pixels
|
|
1267
|
+
* @default 20
|
|
1268
|
+
*/
|
|
1269
|
+
glowBlur?: number;
|
|
1270
|
+
/**
|
|
1271
|
+
* Glow spread amount
|
|
1272
|
+
* @default 1.2
|
|
1273
|
+
*/
|
|
1274
|
+
glowSpread?: number;
|
|
1275
|
+
/**
|
|
1276
|
+
* Enable touch support for mobile devices
|
|
1277
|
+
* @default true
|
|
1278
|
+
*/
|
|
1279
|
+
enableTouch?: boolean;
|
|
1280
|
+
/**
|
|
1281
|
+
* Enable keyboard navigation
|
|
1282
|
+
* @default true
|
|
1283
|
+
*/
|
|
1284
|
+
enableKeyboard?: boolean;
|
|
1285
|
+
/**
|
|
1286
|
+
* Callback when hover starts
|
|
1287
|
+
*/
|
|
1288
|
+
onHoverStart?: () => void;
|
|
1289
|
+
/**
|
|
1290
|
+
* Callback when hover ends
|
|
1291
|
+
*/
|
|
1292
|
+
onHoverEnd?: () => void;
|
|
1293
|
+
/**
|
|
1294
|
+
* Callback when rotation changes
|
|
1295
|
+
*/
|
|
1296
|
+
onRotationChange?: (rotateX: number, rotateY: number) => void;
|
|
1297
|
+
/**
|
|
1298
|
+
* Animation delay in ms
|
|
1299
|
+
* @default 0
|
|
1300
|
+
*/
|
|
1301
|
+
animationDelay?: number;
|
|
1302
|
+
/**
|
|
1303
|
+
* ARIA label for accessibility
|
|
1304
|
+
*/
|
|
1305
|
+
ariaLabel?: string;
|
|
1306
|
+
/**
|
|
1307
|
+
* Auto focus on mount
|
|
1308
|
+
* @default false
|
|
1309
|
+
*/
|
|
1310
|
+
autoFocus?: boolean;
|
|
1311
|
+
/**
|
|
1312
|
+
* Control which axes can rotate
|
|
1313
|
+
* @default { x: true, y: true }
|
|
1314
|
+
*/
|
|
1315
|
+
rotateAxes?: {
|
|
1316
|
+
x?: boolean;
|
|
1317
|
+
y?: boolean;
|
|
1318
|
+
};
|
|
1319
|
+
}
|
|
1320
|
+
declare const HoverCard3D: React__default.ForwardRefExoticComponent<HoverCard3DProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1321
|
+
|
|
1322
|
+
interface MagneticButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1323
|
+
strength?: number;
|
|
1324
|
+
range?: number;
|
|
1325
|
+
springConfig?: {
|
|
1326
|
+
stiffness?: number;
|
|
1327
|
+
damping?: number;
|
|
1328
|
+
};
|
|
1329
|
+
}
|
|
1330
|
+
declare const MagneticButton: React__default.ForwardRefExoticComponent<MagneticButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
1331
|
+
|
|
1332
|
+
interface PinchZoomProps {
|
|
1333
|
+
children: React__default.ReactNode;
|
|
1334
|
+
minZoom?: number;
|
|
1335
|
+
maxZoom?: number;
|
|
1336
|
+
initialZoom?: number;
|
|
1337
|
+
className?: string;
|
|
1338
|
+
contentClassName?: string;
|
|
1339
|
+
onZoomChange?: (zoom: number) => void;
|
|
1340
|
+
showControls?: boolean;
|
|
1341
|
+
showIndicator?: boolean;
|
|
1342
|
+
doubleTapBehavior?: 'zoom' | 'reset';
|
|
1343
|
+
wheelScaling?: boolean;
|
|
1344
|
+
dragEnabled?: boolean;
|
|
1345
|
+
zoomStep?: number;
|
|
1346
|
+
smoothZoom?: boolean;
|
|
1347
|
+
boundaryConstraints?: boolean;
|
|
1348
|
+
}
|
|
1349
|
+
declare const PinchZoom: React__default.ForwardRefExoticComponent<PinchZoomProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1350
|
+
|
|
1351
|
+
interface SpotlightCardProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
1352
|
+
spotlightColor?: string;
|
|
1353
|
+
spotlightSize?: number;
|
|
1354
|
+
intensity?: number;
|
|
1355
|
+
borderGlow?: boolean;
|
|
1356
|
+
}
|
|
1357
|
+
declare const SpotlightCard: React__default.ForwardRefExoticComponent<SpotlightCardProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1358
|
+
|
|
1359
|
+
interface CalendarEvent$1 {
|
|
1360
|
+
id: string;
|
|
1361
|
+
title: string;
|
|
1362
|
+
description?: string;
|
|
1363
|
+
date: Date;
|
|
1364
|
+
startTime?: string;
|
|
1365
|
+
endTime?: string;
|
|
1366
|
+
location?: string;
|
|
1367
|
+
attendees?: string[];
|
|
1368
|
+
color?: string;
|
|
1369
|
+
type?: 'meeting' | 'task' | 'reminder' | 'event' | 'birthday' | 'holiday' | 'conference';
|
|
1370
|
+
recurring?: {
|
|
1371
|
+
pattern: 'daily' | 'weekly' | 'monthly' | 'yearly';
|
|
1372
|
+
interval: number;
|
|
1373
|
+
endDate?: Date;
|
|
1374
|
+
daysOfWeek?: number[];
|
|
1375
|
+
dayOfMonth?: number;
|
|
1376
|
+
};
|
|
1377
|
+
reminder?: {
|
|
1378
|
+
type: 'email' | 'notification' | 'sms';
|
|
1379
|
+
before: number;
|
|
1380
|
+
};
|
|
1381
|
+
priority?: 'low' | 'medium' | 'high';
|
|
1382
|
+
status?: 'confirmed' | 'tentative' | 'cancelled';
|
|
1383
|
+
attachments?: string[];
|
|
1384
|
+
tags?: string[];
|
|
1385
|
+
isAllDay?: boolean;
|
|
1386
|
+
isPrivate?: boolean;
|
|
1387
|
+
meetingLink?: string;
|
|
1388
|
+
phoneNumber?: string;
|
|
1389
|
+
timeZone?: string;
|
|
1390
|
+
}
|
|
1391
|
+
interface CalendarProps {
|
|
1392
|
+
events?: CalendarEvent$1[];
|
|
1393
|
+
onEventClick?: (event: CalendarEvent$1) => void;
|
|
1394
|
+
onEventAdd?: (eventData: Omit<CalendarEvent$1, 'id'> & {
|
|
1395
|
+
id?: string;
|
|
1396
|
+
}) => void;
|
|
1397
|
+
onEventEdit?: (eventData: Omit<CalendarEvent$1, 'id'> & {
|
|
1398
|
+
id: string;
|
|
1399
|
+
}) => void;
|
|
1400
|
+
onEventDelete?: (eventId: string) => void;
|
|
1401
|
+
onDateChange?: (date: Date) => void;
|
|
1402
|
+
onViewChange?: (view: 'month' | 'week' | 'day' | 'year' | 'agenda') => void;
|
|
1403
|
+
onEventDrop?: (event: CalendarEvent$1, newDate: Date) => void;
|
|
1404
|
+
className?: string;
|
|
1405
|
+
showWeekends?: boolean;
|
|
1406
|
+
showEventDetails?: boolean;
|
|
1407
|
+
disabled?: boolean;
|
|
1408
|
+
minDate?: Date;
|
|
1409
|
+
maxDate?: Date;
|
|
1410
|
+
highlightToday?: boolean;
|
|
1411
|
+
height?: number;
|
|
1412
|
+
defaultView?: 'month' | 'week' | 'day' | 'year' | 'agenda';
|
|
1413
|
+
enableDragDrop?: boolean;
|
|
1414
|
+
enableSearch?: boolean;
|
|
1415
|
+
enableFilters?: boolean;
|
|
1416
|
+
enableExport?: boolean;
|
|
1417
|
+
enableImport?: boolean;
|
|
1418
|
+
enableRecurringEvents?: boolean;
|
|
1419
|
+
enableReminders?: boolean;
|
|
1420
|
+
eventCategories?: Array<{
|
|
1421
|
+
value: string;
|
|
1422
|
+
label: string;
|
|
1423
|
+
color: string;
|
|
1424
|
+
}>;
|
|
1425
|
+
workingHours?: {
|
|
1426
|
+
start: string;
|
|
1427
|
+
end: string;
|
|
1428
|
+
};
|
|
1429
|
+
holidays?: Array<{
|
|
1430
|
+
date: Date;
|
|
1431
|
+
name: string;
|
|
1432
|
+
}>;
|
|
1433
|
+
locale?: string;
|
|
1434
|
+
timeFormat?: '12h' | '24h';
|
|
1435
|
+
firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
1436
|
+
theme?: 'light' | 'dark' | 'auto' | 'custom';
|
|
1437
|
+
customTheme?: {
|
|
1438
|
+
primary: string;
|
|
1439
|
+
secondary: string;
|
|
1440
|
+
accent: string;
|
|
1441
|
+
background: string;
|
|
1442
|
+
foreground: string;
|
|
1443
|
+
};
|
|
1444
|
+
compactMode?: boolean;
|
|
1445
|
+
showProUpgrade?: boolean;
|
|
1446
|
+
}
|
|
1447
|
+
declare function Calendar({ events, onEventClick, onEventAdd, onEventEdit, onEventDelete, onDateChange, onViewChange, onEventDrop, className, showWeekends, showEventDetails, disabled, minDate, maxDate, highlightToday, height, defaultView, enableDragDrop, enableSearch, enableFilters, enableExport, enableImport, enableRecurringEvents, enableReminders, eventCategories, workingHours, holidays, locale, timeFormat, firstDayOfWeek, theme, customTheme, compactMode, showProUpgrade }: CalendarProps): react_jsx_runtime.JSX.Element;
|
|
1448
|
+
|
|
1449
|
+
interface CalendarEvent {
|
|
1450
|
+
id: string;
|
|
1451
|
+
title: string;
|
|
1452
|
+
description?: string;
|
|
1453
|
+
start: Date;
|
|
1454
|
+
end: Date;
|
|
1455
|
+
allDay?: boolean;
|
|
1456
|
+
color?: string;
|
|
1457
|
+
category?: string;
|
|
1458
|
+
location?: string;
|
|
1459
|
+
attendees?: Array<{
|
|
1460
|
+
id: string;
|
|
1461
|
+
name: string;
|
|
1462
|
+
email: string;
|
|
1463
|
+
avatar?: string;
|
|
1464
|
+
status?: 'accepted' | 'declined' | 'tentative' | 'pending';
|
|
1465
|
+
}>;
|
|
1466
|
+
reminders?: Array<{
|
|
1467
|
+
type: 'email' | 'notification' | 'sms';
|
|
1468
|
+
before: number;
|
|
1469
|
+
}>;
|
|
1470
|
+
recurring?: {
|
|
1471
|
+
pattern: 'daily' | 'weekly' | 'monthly' | 'yearly' | 'custom';
|
|
1472
|
+
interval: number;
|
|
1473
|
+
endDate?: Date;
|
|
1474
|
+
endAfter?: number;
|
|
1475
|
+
daysOfWeek?: number[];
|
|
1476
|
+
dayOfMonth?: number;
|
|
1477
|
+
monthOfYear?: number;
|
|
1478
|
+
exceptions?: Date[];
|
|
1479
|
+
};
|
|
1480
|
+
status?: 'confirmed' | 'tentative' | 'cancelled';
|
|
1481
|
+
visibility?: 'public' | 'private' | 'confidential';
|
|
1482
|
+
priority?: 'low' | 'medium' | 'high';
|
|
1483
|
+
tags?: string[];
|
|
1484
|
+
attachments?: Array<{
|
|
1485
|
+
id: string;
|
|
1486
|
+
name: string;
|
|
1487
|
+
url: string;
|
|
1488
|
+
type: string;
|
|
1489
|
+
size: number;
|
|
1490
|
+
}>;
|
|
1491
|
+
meetingUrl?: string;
|
|
1492
|
+
phoneNumber?: string;
|
|
1493
|
+
reminder?: boolean;
|
|
1494
|
+
reminderTime?: number;
|
|
1495
|
+
notes?: string;
|
|
1496
|
+
createdAt?: Date;
|
|
1497
|
+
updatedAt?: Date;
|
|
1498
|
+
createdBy?: string;
|
|
1499
|
+
updatedBy?: string;
|
|
1500
|
+
}
|
|
1501
|
+
interface CalendarCategory {
|
|
1502
|
+
id: string;
|
|
1503
|
+
name: string;
|
|
1504
|
+
color: string;
|
|
1505
|
+
icon?: React$1.ReactNode;
|
|
1506
|
+
}
|
|
1507
|
+
interface CalendarView {
|
|
1508
|
+
id: string;
|
|
1509
|
+
name: string;
|
|
1510
|
+
type: 'day' | 'week' | 'month' | 'year' | 'agenda' | 'custom';
|
|
1511
|
+
default?: boolean;
|
|
1512
|
+
config?: any;
|
|
1513
|
+
}
|
|
1514
|
+
interface CalendarProProps {
|
|
1515
|
+
events?: CalendarEvent[];
|
|
1516
|
+
categories?: CalendarCategory[];
|
|
1517
|
+
views?: CalendarView[];
|
|
1518
|
+
defaultView?: string;
|
|
1519
|
+
height?: string | number;
|
|
1520
|
+
className?: string;
|
|
1521
|
+
sidebarCollapsed?: boolean;
|
|
1522
|
+
onSidebarToggle?: (collapsed: boolean) => void;
|
|
1523
|
+
onEventClick?: (event: CalendarEvent, e: React$1.MouseEvent) => void;
|
|
1524
|
+
onEventCreate?: (event: Partial<CalendarEvent>) => void;
|
|
1525
|
+
onEventUpdate?: (event: CalendarEvent) => void;
|
|
1526
|
+
onEventDelete?: (eventId: string) => void;
|
|
1527
|
+
onEventDrop?: (eventId: string, start: Date, end: Date) => void;
|
|
1528
|
+
onDateSelect?: (date: Date) => void;
|
|
1529
|
+
onViewChange?: (viewId: string) => void;
|
|
1530
|
+
allowEventCreation?: boolean;
|
|
1531
|
+
allowEventDeletion?: boolean;
|
|
1532
|
+
allowEventDragging?: boolean;
|
|
1533
|
+
showWeekNumbers?: boolean;
|
|
1534
|
+
firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
1535
|
+
timeFormat?: '12h' | '24h';
|
|
1536
|
+
locale?: string;
|
|
1537
|
+
workingHours?: {
|
|
1538
|
+
start: number;
|
|
1539
|
+
end: number;
|
|
1540
|
+
};
|
|
1541
|
+
nonWorkingDays?: number[];
|
|
1542
|
+
holidays?: Array<{
|
|
1543
|
+
date: Date;
|
|
1544
|
+
name: string;
|
|
1545
|
+
}>;
|
|
1546
|
+
customEventRenderer?: (event: CalendarEvent, view: string) => React$1.ReactNode;
|
|
1547
|
+
customHeaderRenderer?: (date: Date, view: string) => React$1.ReactNode;
|
|
1548
|
+
customCellRenderer?: (date: Date, events: CalendarEvent[], view: string) => React$1.ReactNode;
|
|
1549
|
+
eventColors?: Record<string, string>;
|
|
1550
|
+
onExport?: (format: 'ics' | 'csv' | 'json', events: CalendarEvent[]) => void;
|
|
1551
|
+
onImport?: (file: File) => void;
|
|
1552
|
+
integrations?: {
|
|
1553
|
+
google?: boolean;
|
|
1554
|
+
outlook?: boolean;
|
|
1555
|
+
apple?: boolean;
|
|
1556
|
+
};
|
|
1557
|
+
theme?: 'light' | 'dark' | 'system';
|
|
1558
|
+
}
|
|
1559
|
+
declare const CalendarPro: React$1.ForwardRefExoticComponent<CalendarProProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1560
|
+
|
|
1561
|
+
interface KanbanAssignee {
|
|
1562
|
+
id: string;
|
|
1563
|
+
name: string;
|
|
1564
|
+
avatar?: string;
|
|
1565
|
+
email?: string;
|
|
1566
|
+
}
|
|
1567
|
+
interface KanbanLabel {
|
|
1568
|
+
id: string;
|
|
1569
|
+
name: string;
|
|
1570
|
+
color: string;
|
|
1571
|
+
}
|
|
1572
|
+
interface KanbanChecklist {
|
|
1573
|
+
id: string;
|
|
1574
|
+
title: string;
|
|
1575
|
+
items: {
|
|
1576
|
+
id: string;
|
|
1577
|
+
text: string;
|
|
1578
|
+
completed: boolean;
|
|
1579
|
+
}[];
|
|
1580
|
+
}
|
|
1581
|
+
interface KanbanActivity {
|
|
1582
|
+
id: string;
|
|
1583
|
+
user: KanbanAssignee;
|
|
1584
|
+
action: string;
|
|
1585
|
+
timestamp: Date;
|
|
1586
|
+
details?: string;
|
|
1587
|
+
}
|
|
1588
|
+
interface KanbanCard {
|
|
1589
|
+
id: string;
|
|
1590
|
+
title: string;
|
|
1591
|
+
description?: string;
|
|
1592
|
+
coverImage?: string;
|
|
1593
|
+
assignees?: KanbanAssignee[];
|
|
1594
|
+
dueDate?: Date;
|
|
1595
|
+
startDate?: Date;
|
|
1596
|
+
priority?: 'low' | 'medium' | 'high' | 'urgent';
|
|
1597
|
+
tags?: string[];
|
|
1598
|
+
labels?: KanbanLabel[];
|
|
1599
|
+
attachments?: {
|
|
1600
|
+
id: string;
|
|
1601
|
+
name: string;
|
|
1602
|
+
type: string;
|
|
1603
|
+
url: string;
|
|
1604
|
+
size: number;
|
|
1605
|
+
}[];
|
|
1606
|
+
comments?: number;
|
|
1607
|
+
completed?: boolean;
|
|
1608
|
+
progress?: number;
|
|
1609
|
+
checklist?: KanbanChecklist;
|
|
1610
|
+
activities?: KanbanActivity[];
|
|
1611
|
+
customFields?: Record<string, any>;
|
|
1612
|
+
position: number;
|
|
1613
|
+
}
|
|
1614
|
+
interface KanbanColumn {
|
|
1615
|
+
id: string;
|
|
1616
|
+
title: string;
|
|
1617
|
+
color?: string;
|
|
1618
|
+
cards: KanbanCard[];
|
|
1619
|
+
limit?: number;
|
|
1620
|
+
collapsed?: boolean;
|
|
1621
|
+
locked?: boolean;
|
|
1622
|
+
template?: 'todo' | 'inProgress' | 'done' | 'custom';
|
|
1623
|
+
}
|
|
1624
|
+
interface KanbanFilter {
|
|
1625
|
+
id: string;
|
|
1626
|
+
name: string;
|
|
1627
|
+
query: string;
|
|
1628
|
+
assignees?: string[];
|
|
1629
|
+
labels?: string[];
|
|
1630
|
+
priority?: string[];
|
|
1631
|
+
tags?: string[];
|
|
1632
|
+
dueDate?: {
|
|
1633
|
+
from?: Date;
|
|
1634
|
+
to?: Date;
|
|
1635
|
+
};
|
|
1636
|
+
}
|
|
1637
|
+
interface KanbanProps {
|
|
1638
|
+
columns: KanbanColumn[];
|
|
1639
|
+
onCardMove?: (cardId: string, fromColumn: string, toColumn: string, newPosition: number) => void;
|
|
1640
|
+
onCardClick?: (card: KanbanCard) => void;
|
|
1641
|
+
onCardEdit?: (card: KanbanCard) => void;
|
|
1642
|
+
onCardDelete?: (card: KanbanCard) => void;
|
|
1643
|
+
onCardUpdate?: (card: KanbanCard) => void;
|
|
1644
|
+
onAddCard?: (columnId: string, card?: Partial<KanbanCard>) => void;
|
|
1645
|
+
onAddColumn?: (column?: Partial<KanbanColumn>) => void;
|
|
1646
|
+
onColumnUpdate?: (column: KanbanColumn) => void;
|
|
1647
|
+
onColumnDelete?: (columnId: string) => void;
|
|
1648
|
+
onBulkAction?: (action: string, cardIds: string[]) => void;
|
|
1649
|
+
onExport?: (format: 'json' | 'csv') => void;
|
|
1650
|
+
className?: string;
|
|
1651
|
+
showAddColumn?: boolean;
|
|
1652
|
+
showCardDetails?: boolean;
|
|
1653
|
+
showFilters?: boolean;
|
|
1654
|
+
showSearch?: boolean;
|
|
1655
|
+
enableKeyboardShortcuts?: boolean;
|
|
1656
|
+
cardTemplates?: Partial<KanbanCard>[];
|
|
1657
|
+
columnTemplates?: Partial<KanbanColumn>[];
|
|
1658
|
+
filters?: KanbanFilter[];
|
|
1659
|
+
defaultFilter?: string;
|
|
1660
|
+
loading?: boolean;
|
|
1661
|
+
disabled?: boolean;
|
|
1662
|
+
labels?: KanbanLabel[];
|
|
1663
|
+
users?: KanbanAssignee[];
|
|
1664
|
+
renderCard?: (card: KanbanCard, column: KanbanColumn, provided: any) => React.ReactNode;
|
|
1665
|
+
renderCardPreview?: (card: KanbanCard) => React.ReactNode;
|
|
1666
|
+
renderCardBadge?: (card: KanbanCard) => React.ReactNode;
|
|
1667
|
+
renderCardActions?: (card: KanbanCard) => React.ReactNode;
|
|
1668
|
+
cardCompactMode?: boolean;
|
|
1669
|
+
cardShowCoverImage?: boolean;
|
|
1670
|
+
cardShowAssignees?: boolean;
|
|
1671
|
+
cardShowLabels?: boolean;
|
|
1672
|
+
cardShowProgress?: boolean;
|
|
1673
|
+
cardDateFormat?: string;
|
|
1674
|
+
cardMaxAssigneesToShow?: number;
|
|
1675
|
+
renderAddCardButton?: (columnId: string) => React.ReactNode;
|
|
1676
|
+
renderAddCardForm?: (columnId: string, onAdd: (card: Partial<KanbanCard>) => void, onCancel: () => void) => React.ReactNode;
|
|
1677
|
+
addCardButtonText?: string | ((columnId: string) => string);
|
|
1678
|
+
addCardPosition?: 'top' | 'bottom';
|
|
1679
|
+
allowQuickAdd?: boolean;
|
|
1680
|
+
quickAddFields?: ('title' | 'description' | 'assignee' | 'priority')[];
|
|
1681
|
+
validateCard?: (card: Partial<KanbanCard>) => {
|
|
1682
|
+
valid: boolean;
|
|
1683
|
+
errors?: string[];
|
|
1684
|
+
};
|
|
1685
|
+
onBeforeCardAdd?: (card: Partial<KanbanCard>) => Partial<KanbanCard> | false;
|
|
1686
|
+
renderColumnHeader?: (column: KanbanColumn) => React.ReactNode;
|
|
1687
|
+
renderColumnFooter?: (column: KanbanColumn) => React.ReactNode;
|
|
1688
|
+
renderEmptyColumn?: (column: KanbanColumn) => React.ReactNode;
|
|
1689
|
+
columnMenuActions?: Array<{
|
|
1690
|
+
label: string;
|
|
1691
|
+
icon?: React.ReactNode;
|
|
1692
|
+
action: (column: KanbanColumn) => void;
|
|
1693
|
+
visible?: (column: KanbanColumn) => boolean;
|
|
1694
|
+
}>;
|
|
1695
|
+
allowColumnReorder?: boolean;
|
|
1696
|
+
columnColorOptions?: string[];
|
|
1697
|
+
columnDefaultColor?: string;
|
|
1698
|
+
dragDisabled?: boolean | ((card: KanbanCard) => boolean);
|
|
1699
|
+
dropDisabled?: boolean | ((column: KanbanColumn) => boolean);
|
|
1700
|
+
dragPreview?: 'card' | 'compact' | 'custom';
|
|
1701
|
+
renderDragPreview?: (card: KanbanCard) => React.ReactNode;
|
|
1702
|
+
canDrop?: (card: KanbanCard, targetColumn: KanbanColumn, position: number) => boolean;
|
|
1703
|
+
onDragStart?: (card: KanbanCard, column: KanbanColumn) => void;
|
|
1704
|
+
onDragEnd?: (card: KanbanCard, column: KanbanColumn) => void;
|
|
1705
|
+
theme?: 'default' | 'compact' | 'modern' | 'minimal';
|
|
1706
|
+
cardVariant?: 'default' | 'bordered' | 'elevated' | 'flat';
|
|
1707
|
+
enableAnimations?: boolean;
|
|
1708
|
+
animationDuration?: number;
|
|
1709
|
+
columnWidth?: number | 'auto';
|
|
1710
|
+
columnGap?: number;
|
|
1711
|
+
cardGap?: number;
|
|
1712
|
+
showTooltips?: boolean;
|
|
1713
|
+
tooltipDelay?: number;
|
|
1714
|
+
}
|
|
1715
|
+
|
|
1716
|
+
declare function Kanban({ columns: initialColumns, onCardMove, onCardClick, onCardEdit, onCardDelete, onCardUpdate, onAddCard, onAddColumn, onColumnUpdate, onColumnDelete, onBulkAction, onExport, className, showAddColumn, showCardDetails, showFilters, showSearch, enableKeyboardShortcuts, cardTemplates, columnTemplates, filters, defaultFilter, loading, disabled, labels, users, renderCard, renderCardPreview, renderCardBadge, renderCardActions, cardCompactMode, cardShowCoverImage, cardShowAssignees, cardShowLabels, cardShowProgress, cardDateFormat, cardMaxAssigneesToShow, renderAddCardButton, renderAddCardForm, addCardButtonText, addCardPosition, allowQuickAdd, quickAddFields, validateCard, onBeforeCardAdd, renderColumnHeader, renderColumnFooter, renderEmptyColumn, columnMenuActions, allowColumnReorder, columnColorOptions, columnDefaultColor, dragDisabled, dropDisabled, dragPreview, renderDragPreview, canDrop, onDragStart, onDragEnd, theme, cardVariant, enableAnimations, animationDuration, columnWidth, columnGap, cardGap, showTooltips, tooltipDelay }: KanbanProps): react_jsx_runtime.JSX.Element;
|
|
1717
|
+
|
|
1718
|
+
interface AIConfig {
|
|
1719
|
+
provider?: 'openai' | 'claude' | 'gemini' | 'cohere';
|
|
1720
|
+
apiKey?: string;
|
|
1721
|
+
model?: string;
|
|
1722
|
+
temperature?: number;
|
|
1723
|
+
maxTokens?: number;
|
|
1724
|
+
endpoint?: string;
|
|
1725
|
+
}
|
|
1726
|
+
interface RichTextEditorProps {
|
|
1727
|
+
value?: string;
|
|
1728
|
+
onChange?: (value: string) => void;
|
|
1729
|
+
placeholder?: string;
|
|
1730
|
+
className?: string;
|
|
1731
|
+
height?: number | string;
|
|
1732
|
+
features?: {
|
|
1733
|
+
bold?: boolean;
|
|
1734
|
+
italic?: boolean;
|
|
1735
|
+
underline?: boolean;
|
|
1736
|
+
strike?: boolean;
|
|
1737
|
+
heading?: boolean;
|
|
1738
|
+
lists?: boolean;
|
|
1739
|
+
blockquote?: boolean;
|
|
1740
|
+
code?: boolean;
|
|
1741
|
+
link?: boolean;
|
|
1742
|
+
image?: boolean;
|
|
1743
|
+
table?: boolean;
|
|
1744
|
+
align?: boolean;
|
|
1745
|
+
color?: boolean;
|
|
1746
|
+
ai?: boolean;
|
|
1747
|
+
};
|
|
1748
|
+
aiConfig?: AIConfig;
|
|
1749
|
+
persistAISettings?: boolean;
|
|
1750
|
+
}
|
|
1751
|
+
declare function RichTextEditor({ placeholder, className, height, features, aiConfig, persistAISettings, }: RichTextEditorProps): react_jsx_runtime.JSX.Element | null;
|
|
1752
|
+
|
|
1753
|
+
interface MemoryConfig {
|
|
1754
|
+
chunkSize?: number;
|
|
1755
|
+
maxMemoryItems?: number;
|
|
1756
|
+
cacheStrategy?: 'lru' | 'fifo' | 'lfu';
|
|
1757
|
+
compression?: boolean;
|
|
1758
|
+
autoCleanup?: boolean;
|
|
1759
|
+
cleanupThreshold?: number;
|
|
1760
|
+
streamingMode?: boolean;
|
|
1761
|
+
enableAnalytics?: boolean;
|
|
1762
|
+
analyticsCallback?: (stats: MemoryStats) => void;
|
|
1763
|
+
variableHeight?: boolean;
|
|
1764
|
+
preloadStrategy?: 'none' | 'aggressive' | 'smart';
|
|
1765
|
+
performanceTracking?: boolean;
|
|
1766
|
+
enableSearch?: boolean;
|
|
1767
|
+
enableSort?: boolean;
|
|
1768
|
+
enableFilter?: boolean;
|
|
1769
|
+
enableExport?: boolean;
|
|
1770
|
+
animations?: boolean;
|
|
1771
|
+
}
|
|
1772
|
+
interface MemoryPerformanceMetrics {
|
|
1773
|
+
fps: number;
|
|
1774
|
+
renderTime: number;
|
|
1775
|
+
memoryLeaks: number;
|
|
1776
|
+
scrollPerformance: number;
|
|
1777
|
+
lastUpdate: number;
|
|
1778
|
+
}
|
|
1779
|
+
interface TableFeatures<T> {
|
|
1780
|
+
searchTerm?: string;
|
|
1781
|
+
sortConfig?: {
|
|
1782
|
+
key: keyof T;
|
|
1783
|
+
direction: 'asc' | 'desc';
|
|
1784
|
+
};
|
|
1785
|
+
filters?: Array<{
|
|
1786
|
+
key: keyof T;
|
|
1787
|
+
value: any;
|
|
1788
|
+
operator: 'equals' | 'contains' | 'greaterThan' | 'lessThan';
|
|
1789
|
+
}>;
|
|
1790
|
+
}
|
|
1791
|
+
interface ItemHeightInfo {
|
|
1792
|
+
index: number;
|
|
1793
|
+
height: number;
|
|
1794
|
+
offset: number;
|
|
1795
|
+
}
|
|
1796
|
+
interface MemoryStats {
|
|
1797
|
+
memoryUsage: number;
|
|
1798
|
+
itemCount: number;
|
|
1799
|
+
cacheHitRate: number;
|
|
1800
|
+
compressionRatio?: number;
|
|
1801
|
+
lastCleanup?: number;
|
|
1802
|
+
performance?: MemoryPerformanceMetrics;
|
|
1803
|
+
}
|
|
1804
|
+
interface MemoryEfficientDataProps<T = any> {
|
|
1805
|
+
data: T[];
|
|
1806
|
+
config?: MemoryConfig;
|
|
1807
|
+
renderItem: (item: T, index: number) => React__default.ReactNode;
|
|
1808
|
+
height?: number;
|
|
1809
|
+
onMemoryUpdate?: (stats: MemoryStats) => void;
|
|
1810
|
+
className?: string;
|
|
1811
|
+
itemHeight?: number | ((item: T, index: number) => number);
|
|
1812
|
+
onSearch?: (searchTerm: string) => T[];
|
|
1813
|
+
onSort?: (data: T[], key: keyof T, direction: 'asc' | 'desc') => T[];
|
|
1814
|
+
onFilter?: (data: T[], filters: TableFeatures<T>['filters']) => T[];
|
|
1815
|
+
onExport?: (data: T[], format: 'csv' | 'json' | 'xlsx') => void;
|
|
1816
|
+
searchPlaceholder?: string;
|
|
1817
|
+
emptyStateMessage?: string;
|
|
1818
|
+
loadingComponent?: React__default.ReactNode;
|
|
1819
|
+
errorComponent?: React__default.ReactNode;
|
|
1820
|
+
}
|
|
1821
|
+
declare function MemoryEfficientData<T = any>({ data, config, renderItem, height, onMemoryUpdate, className, itemHeight, onSearch, onSort, onFilter, onExport, searchPlaceholder, emptyStateMessage, loadingComponent, errorComponent }: MemoryEfficientDataProps<T>): string | number | bigint | true | 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> | null | undefined> | react_jsx_runtime.JSX.Element;
|
|
1822
|
+
interface RealTimePerformanceMonitorProps {
|
|
1823
|
+
memoryStats?: MemoryStats;
|
|
1824
|
+
className?: string;
|
|
1825
|
+
showChart?: boolean;
|
|
1826
|
+
updateInterval?: number;
|
|
1827
|
+
}
|
|
1828
|
+
declare function RealTimePerformanceMonitor({ memoryStats, className, showChart, updateInterval }: RealTimePerformanceMonitorProps): react_jsx_runtime.JSX.Element;
|
|
1829
|
+
interface MemoryAnalyticsProps {
|
|
1830
|
+
onStatsUpdate?: (stats: MemoryStats) => void;
|
|
1831
|
+
showRealTime?: boolean;
|
|
1832
|
+
className?: string;
|
|
1833
|
+
}
|
|
1834
|
+
declare function MemoryAnalytics({ onStatsUpdate, showRealTime, className }: MemoryAnalyticsProps): react_jsx_runtime.JSX.Element;
|
|
1835
|
+
declare function useStreamingData<T>(initialData?: T[], streamingConfig?: {
|
|
1836
|
+
interval?: number;
|
|
1837
|
+
maxItems?: number;
|
|
1838
|
+
}): {
|
|
1839
|
+
data: T[];
|
|
1840
|
+
addItem: (newItem: T) => void;
|
|
1841
|
+
clearData: () => void;
|
|
1842
|
+
};
|
|
1843
|
+
|
|
1844
|
+
interface VirtualListProps<T = any> {
|
|
1845
|
+
items: T[];
|
|
1846
|
+
height: number;
|
|
1847
|
+
itemHeight?: number;
|
|
1848
|
+
estimatedItemHeight?: number;
|
|
1849
|
+
variableHeight?: boolean;
|
|
1850
|
+
overscan?: number;
|
|
1851
|
+
renderItem: (item: T, index: number) => React__default.ReactNode;
|
|
1852
|
+
onScroll?: (scrollTop: number) => void;
|
|
1853
|
+
className?: string;
|
|
1854
|
+
hasNextPage?: boolean;
|
|
1855
|
+
isLoadingNextPage?: boolean;
|
|
1856
|
+
onLoadMore?: () => void | Promise<void>;
|
|
1857
|
+
loadMoreThreshold?: number;
|
|
1858
|
+
renderLoader?: () => React__default.ReactNode;
|
|
1859
|
+
renderEndMessage?: () => React__default.ReactNode;
|
|
1860
|
+
enableAnimations?: boolean;
|
|
1861
|
+
itemEnterAnimation?: {
|
|
1862
|
+
initial?: any;
|
|
1863
|
+
animate?: any;
|
|
1864
|
+
exit?: any;
|
|
1865
|
+
transition?: any;
|
|
1866
|
+
};
|
|
1867
|
+
listAnimation?: {
|
|
1868
|
+
initial?: any;
|
|
1869
|
+
animate?: any;
|
|
1870
|
+
transition?: any;
|
|
1871
|
+
};
|
|
1872
|
+
staggerDelay?: number;
|
|
1873
|
+
}
|
|
1874
|
+
declare function VirtualList<T = any>({ items, height, itemHeight, estimatedItemHeight, variableHeight, overscan, renderItem, onScroll, className, hasNextPage, isLoadingNextPage, onLoadMore, loadMoreThreshold, renderLoader, renderEndMessage, enableAnimations, itemEnterAnimation, listAnimation, staggerDelay }: VirtualListProps<T>): react_jsx_runtime.JSX.Element;
|
|
1875
|
+
declare function useVirtualList<T>(items: T[], initialConfig?: Partial<VirtualListProps<T>>): {
|
|
1876
|
+
config: Partial<VirtualListProps<T>>;
|
|
1877
|
+
updateConfig: (newConfig: Partial<VirtualListProps<T>>) => void;
|
|
1878
|
+
selectedItems: Set<number>;
|
|
1879
|
+
focusedIndex: number;
|
|
1880
|
+
setFocusedIndex: React__default.Dispatch<React__default.SetStateAction<number>>;
|
|
1881
|
+
selectItem: (index: number) => void;
|
|
1882
|
+
deselectItem: (index: number) => void;
|
|
1883
|
+
toggleItem: (index: number) => void;
|
|
1884
|
+
selectRange: (startIndex: number, endIndex: number) => void;
|
|
1885
|
+
selectAll: () => void;
|
|
1886
|
+
clearSelection: () => void;
|
|
1887
|
+
isSelected: (index: number) => boolean;
|
|
1888
|
+
getSelectedItems: () => T[];
|
|
1889
|
+
getSelectedCount: () => number;
|
|
1890
|
+
};
|
|
1891
|
+
interface SelectableVirtualListProps<T = any> extends VirtualListProps<T> {
|
|
1892
|
+
selectable?: boolean;
|
|
1893
|
+
multiSelect?: boolean;
|
|
1894
|
+
selectedItems?: Set<number>;
|
|
1895
|
+
onSelectionChange?: (selectedItems: Set<number>) => void;
|
|
1896
|
+
focusedIndex?: number;
|
|
1897
|
+
onFocusChange?: (focusedIndex: number) => void;
|
|
1898
|
+
selectAllEnabled?: boolean;
|
|
1899
|
+
onSelectAll?: () => void;
|
|
1900
|
+
onDeselectAll?: () => void;
|
|
1901
|
+
getItemId?: (item: T, index: number) => string | number;
|
|
1902
|
+
}
|
|
1903
|
+
declare function SelectableVirtualList<T = any>({ selectable, multiSelect, selectedItems, onSelectionChange, focusedIndex, onFocusChange, selectAllEnabled, onSelectAll, onDeselectAll, getItemId, renderItem: originalRenderItem, ...props }: SelectableVirtualListProps<T>): react_jsx_runtime.JSX.Element;
|
|
1904
|
+
|
|
1905
|
+
interface SwipeableCardProps {
|
|
1906
|
+
children: ReactNode;
|
|
1907
|
+
onSwipeLeft?: () => void;
|
|
1908
|
+
onSwipeRight?: () => void;
|
|
1909
|
+
onSwipeStart?: () => void;
|
|
1910
|
+
onSwipeEnd?: () => void;
|
|
1911
|
+
threshold?: number;
|
|
1912
|
+
disabled?: boolean;
|
|
1913
|
+
className?: string;
|
|
1914
|
+
style?: React__default.CSSProperties;
|
|
1915
|
+
}
|
|
1916
|
+
declare const SwipeableCard: React__default.ForwardRefExoticComponent<SwipeableCardProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1917
|
+
|
|
1918
|
+
type TimelineEventType = 'success' | 'warning' | 'error' | 'info' | 'pending' | 'milestone' | 'custom';
|
|
1919
|
+
type TimelineLayout = 'vertical' | 'vertical-left' | 'vertical-right' | 'horizontal' | 'alternating' | 'grouped';
|
|
1920
|
+
type TimelineTheme = 'default' | 'minimal' | 'detailed' | 'compact';
|
|
1921
|
+
type TimelineAnimation = 'fade' | 'slide' | 'scale' | 'none';
|
|
1922
|
+
type TimelineGroupBy = 'none' | 'date' | 'week' | 'month' | 'year';
|
|
1923
|
+
interface TimelineEventBase {
|
|
1924
|
+
id: string;
|
|
1925
|
+
title: string;
|
|
1926
|
+
description?: string;
|
|
1927
|
+
date: Date;
|
|
1928
|
+
type: TimelineEventType;
|
|
1929
|
+
icon?: React__default.ReactNode;
|
|
1930
|
+
color?: string;
|
|
1931
|
+
metadata?: TimelineEventMetadata;
|
|
1932
|
+
user?: TimelineUser;
|
|
1933
|
+
}
|
|
1934
|
+
interface TimelineEventMetadata {
|
|
1935
|
+
location?: string;
|
|
1936
|
+
duration?: string;
|
|
1937
|
+
tags?: string[];
|
|
1938
|
+
attachments?: number;
|
|
1939
|
+
comments?: number;
|
|
1940
|
+
externalLink?: string;
|
|
1941
|
+
priority?: 'low' | 'medium' | 'high';
|
|
1942
|
+
progress?: number;
|
|
1943
|
+
custom?: Record<string, any>;
|
|
1944
|
+
}
|
|
1945
|
+
interface TimelineUser {
|
|
1946
|
+
name: string;
|
|
1947
|
+
avatar?: string;
|
|
1948
|
+
email?: string;
|
|
1949
|
+
role?: string;
|
|
1950
|
+
}
|
|
1951
|
+
interface MilestoneEvent extends TimelineEventBase {
|
|
1952
|
+
type: 'milestone';
|
|
1953
|
+
milestone: {
|
|
1954
|
+
target?: string;
|
|
1955
|
+
achievement?: string;
|
|
1956
|
+
impact?: string;
|
|
1957
|
+
};
|
|
1958
|
+
}
|
|
1959
|
+
interface RangeEvent extends TimelineEventBase {
|
|
1960
|
+
endDate: Date;
|
|
1961
|
+
isActive?: boolean;
|
|
1962
|
+
}
|
|
1963
|
+
interface RecurringEvent extends TimelineEventBase {
|
|
1964
|
+
recurrence: {
|
|
1965
|
+
frequency: 'daily' | 'weekly' | 'monthly' | 'yearly';
|
|
1966
|
+
interval?: number;
|
|
1967
|
+
endDate?: Date;
|
|
1968
|
+
occurrences?: number;
|
|
1969
|
+
};
|
|
1970
|
+
}
|
|
1971
|
+
interface NestedEvent extends TimelineEventBase {
|
|
1972
|
+
subEvents?: TimelineEvent[];
|
|
1973
|
+
expanded?: boolean;
|
|
1974
|
+
}
|
|
1975
|
+
type TimelineEvent = TimelineEventBase | MilestoneEvent | RangeEvent | RecurringEvent | NestedEvent;
|
|
1976
|
+
type EventRenderer = (event: TimelineEvent, index: number) => React__default.ReactNode;
|
|
1977
|
+
type ConnectorRenderer = (fromEvent: TimelineEvent, toEvent: TimelineEvent) => React__default.ReactNode;
|
|
1978
|
+
type IconRenderer = (event: TimelineEvent) => React__default.ReactNode;
|
|
1979
|
+
interface TimelineProps extends VariantProps<typeof timelineVariants> {
|
|
1980
|
+
events: TimelineEvent[];
|
|
1981
|
+
onEventClick?: (event: TimelineEvent) => void;
|
|
1982
|
+
onEventEdit?: (event: TimelineEvent) => void;
|
|
1983
|
+
onEventDelete?: (event: TimelineEvent) => void;
|
|
1984
|
+
onEventsReorder?: (events: TimelineEvent[]) => void;
|
|
1985
|
+
className?: string;
|
|
1986
|
+
layout?: TimelineLayout;
|
|
1987
|
+
theme?: TimelineTheme;
|
|
1988
|
+
animation?: TimelineAnimation;
|
|
1989
|
+
groupBy?: TimelineGroupBy;
|
|
1990
|
+
showUserInfo?: boolean;
|
|
1991
|
+
showMetadata?: boolean;
|
|
1992
|
+
showRelativeTime?: boolean;
|
|
1993
|
+
showSearch?: boolean;
|
|
1994
|
+
showFilter?: boolean;
|
|
1995
|
+
showExport?: boolean;
|
|
1996
|
+
eventRenderer?: EventRenderer;
|
|
1997
|
+
connectorRenderer?: ConnectorRenderer;
|
|
1998
|
+
iconRenderer?: IconRenderer;
|
|
1999
|
+
colorScheme?: Record<TimelineEventType, string>;
|
|
2000
|
+
draggable?: boolean;
|
|
2001
|
+
expandable?: boolean;
|
|
2002
|
+
editable?: boolean;
|
|
2003
|
+
selectable?: boolean;
|
|
2004
|
+
virtualScroll?: boolean;
|
|
2005
|
+
maxEventsPerGroup?: number;
|
|
2006
|
+
printMode?: boolean;
|
|
2007
|
+
compactMode?: boolean;
|
|
2008
|
+
parallaxEffect?: boolean;
|
|
2009
|
+
gradientConnectors?: boolean;
|
|
2010
|
+
animatedProgress?: boolean;
|
|
2011
|
+
ariaLabel?: string;
|
|
2012
|
+
keyboardNavigation?: boolean;
|
|
2013
|
+
}
|
|
2014
|
+
declare const timelineVariants: (props?: ({
|
|
2015
|
+
theme?: "default" | "compact" | "minimal" | "detailed" | null | undefined;
|
|
2016
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
2017
|
+
declare function Timeline({ events: initialEvents, onEventClick, onEventEdit, onEventDelete, onEventsReorder, className, layout, theme, animation, groupBy, showUserInfo, showMetadata, showRelativeTime, showSearch, showFilter, showExport, eventRenderer, connectorRenderer, iconRenderer, colorScheme, draggable, expandable, editable, selectable, virtualScroll, maxEventsPerGroup, printMode, compactMode, parallaxEffect, gradientConnectors, animatedProgress, ariaLabel, keyboardNavigation, ...props }: TimelineProps): react_jsx_runtime.JSX.Element;
|
|
2018
|
+
|
|
2019
|
+
type ChartType = 'line' | 'bar' | 'area' | 'pie' | 'scatter' | 'composed' | 'radar' | 'radialBar' | 'treemap' | 'funnel';
|
|
2020
|
+
interface ChartDataPoint {
|
|
2021
|
+
[key: string]: string | number | null;
|
|
2022
|
+
}
|
|
2023
|
+
interface ChartSeries {
|
|
2024
|
+
dataKey: string;
|
|
2025
|
+
name: string;
|
|
2026
|
+
color: string;
|
|
2027
|
+
type?: 'monotone' | 'linear' | 'step' | 'basis' | 'basisClosed' | 'basisOpen' | 'natural';
|
|
2028
|
+
strokeWidth?: number;
|
|
2029
|
+
fillOpacity?: number;
|
|
2030
|
+
hide?: boolean;
|
|
2031
|
+
gradient?: boolean;
|
|
2032
|
+
strokeDasharray?: string;
|
|
2033
|
+
dot?: boolean | object;
|
|
2034
|
+
activeDot?: boolean | object;
|
|
2035
|
+
label?: boolean | object;
|
|
2036
|
+
stackId?: string;
|
|
2037
|
+
yAxisId?: string;
|
|
2038
|
+
}
|
|
2039
|
+
interface AdvancedChartProps {
|
|
2040
|
+
data: ChartDataPoint[];
|
|
2041
|
+
type: ChartType;
|
|
2042
|
+
series: ChartSeries[];
|
|
2043
|
+
title?: string;
|
|
2044
|
+
subtitle?: string;
|
|
2045
|
+
height?: number;
|
|
2046
|
+
width?: number | string;
|
|
2047
|
+
xAxisKey?: string;
|
|
2048
|
+
yAxisKey?: string;
|
|
2049
|
+
showGrid?: boolean;
|
|
2050
|
+
showTooltip?: boolean;
|
|
2051
|
+
showLegend?: boolean;
|
|
2052
|
+
showBrush?: boolean;
|
|
2053
|
+
showReference?: boolean;
|
|
2054
|
+
referenceLines?: Array<{
|
|
2055
|
+
value: number;
|
|
2056
|
+
label?: string;
|
|
2057
|
+
color?: string;
|
|
2058
|
+
}>;
|
|
2059
|
+
referenceAreas?: Array<{
|
|
2060
|
+
x1: string | number;
|
|
2061
|
+
x2: string | number;
|
|
2062
|
+
label?: string;
|
|
2063
|
+
color?: string;
|
|
2064
|
+
}>;
|
|
2065
|
+
colors?: string[];
|
|
2066
|
+
className?: string;
|
|
2067
|
+
onDataPointClick?: (data: ChartDataPoint) => void;
|
|
2068
|
+
onExport?: (format: 'png' | 'svg' | 'pdf' | 'json' | 'csv') => void;
|
|
2069
|
+
onRefresh?: () => void;
|
|
2070
|
+
customTooltip?: React__default.ComponentType<any>;
|
|
2071
|
+
customLegend?: React__default.ComponentType<any>;
|
|
2072
|
+
loading?: boolean;
|
|
2073
|
+
error?: string | null;
|
|
2074
|
+
animated?: boolean;
|
|
2075
|
+
responsive?: boolean;
|
|
2076
|
+
showCrosshair?: boolean;
|
|
2077
|
+
enableZoom?: boolean;
|
|
2078
|
+
enablePan?: boolean;
|
|
2079
|
+
showMiniMap?: boolean;
|
|
2080
|
+
darkMode?: boolean;
|
|
2081
|
+
gradientColors?: boolean;
|
|
2082
|
+
interactiveLegend?: boolean;
|
|
2083
|
+
showDataLabels?: boolean;
|
|
2084
|
+
sparklineMode?: boolean;
|
|
2085
|
+
animationDuration?: number;
|
|
2086
|
+
theme?: 'default' | 'vibrant' | 'pastel' | 'dark' | 'neon';
|
|
2087
|
+
}
|
|
2088
|
+
declare function AdvancedChart({ data, type, series, title, subtitle, height, width, xAxisKey, yAxisKey, showGrid, showTooltip, showLegend, showBrush, showReference, referenceLines, referenceAreas, colors, className, onDataPointClick, onExport, onRefresh, customTooltip, customLegend, loading, error, animated, responsive, showCrosshair, enableZoom, enablePan, showMiniMap, darkMode, gradientColors, interactiveLegend, showDataLabels, sparklineMode, animationDuration, theme, }: AdvancedChartProps): react_jsx_runtime.JSX.Element;
|
|
2089
|
+
|
|
2090
|
+
type WidgetType = 'metric' | 'chart' | 'table' | 'map' | 'activity' | 'calendar' | 'progress' | 'comparison';
|
|
2091
|
+
interface WidgetSize {
|
|
2092
|
+
w: number;
|
|
2093
|
+
h: number;
|
|
2094
|
+
minW?: number;
|
|
2095
|
+
maxW?: number;
|
|
2096
|
+
minH?: number;
|
|
2097
|
+
maxH?: number;
|
|
2098
|
+
}
|
|
2099
|
+
interface WidgetPosition {
|
|
2100
|
+
x: number;
|
|
2101
|
+
y: number;
|
|
2102
|
+
}
|
|
2103
|
+
type DashboardTheme = 'analytics' | 'sales' | 'monitoring' | 'finance' | 'custom';
|
|
2104
|
+
interface TimeRange {
|
|
2105
|
+
start: Date;
|
|
2106
|
+
end: Date;
|
|
2107
|
+
label: string;
|
|
2108
|
+
preset?: 'today' | 'yesterday' | 'last7days' | 'last30days' | 'thisMonth' | 'lastMonth' | 'custom';
|
|
2109
|
+
}
|
|
2110
|
+
interface MetricData {
|
|
2111
|
+
id: string;
|
|
2112
|
+
title: string;
|
|
2113
|
+
value: string | number;
|
|
2114
|
+
change?: {
|
|
2115
|
+
value: number;
|
|
2116
|
+
type: 'increase' | 'decrease' | 'neutral';
|
|
2117
|
+
period: string;
|
|
2118
|
+
};
|
|
2119
|
+
icon?: ReactNode;
|
|
2120
|
+
color?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
|
|
2121
|
+
sparkline?: number[];
|
|
2122
|
+
forecast?: number;
|
|
2123
|
+
target?: number;
|
|
2124
|
+
unit?: string;
|
|
2125
|
+
}
|
|
2126
|
+
interface ChartData {
|
|
2127
|
+
type: 'line' | 'bar' | 'area' | 'pie' | 'donut' | 'radar';
|
|
2128
|
+
data: any;
|
|
2129
|
+
options?: any;
|
|
2130
|
+
}
|
|
2131
|
+
interface ActivityItem {
|
|
2132
|
+
id: string;
|
|
2133
|
+
type: 'info' | 'success' | 'warning' | 'error';
|
|
2134
|
+
title: string;
|
|
2135
|
+
description?: string;
|
|
2136
|
+
timestamp: Date;
|
|
2137
|
+
user?: {
|
|
2138
|
+
name: string;
|
|
2139
|
+
avatar?: string;
|
|
2140
|
+
};
|
|
2141
|
+
icon?: ReactNode;
|
|
2142
|
+
}
|
|
2143
|
+
interface ProgressData {
|
|
2144
|
+
id: string;
|
|
2145
|
+
title: string;
|
|
2146
|
+
current: number;
|
|
2147
|
+
target: number;
|
|
2148
|
+
unit?: string;
|
|
2149
|
+
color?: 'primary' | 'success' | 'warning' | 'danger';
|
|
2150
|
+
deadline?: Date;
|
|
2151
|
+
}
|
|
2152
|
+
interface ComparisonData {
|
|
2153
|
+
periods: Array<{
|
|
2154
|
+
label: string;
|
|
2155
|
+
value: number;
|
|
2156
|
+
data?: any[];
|
|
2157
|
+
}>;
|
|
2158
|
+
metric: string;
|
|
2159
|
+
unit?: string;
|
|
2160
|
+
showChart?: boolean;
|
|
2161
|
+
}
|
|
2162
|
+
interface Widget {
|
|
2163
|
+
id: string;
|
|
2164
|
+
type: WidgetType;
|
|
2165
|
+
title: string;
|
|
2166
|
+
description?: string;
|
|
2167
|
+
size?: WidgetSize;
|
|
2168
|
+
position?: WidgetPosition;
|
|
2169
|
+
data?: any;
|
|
2170
|
+
config?: any;
|
|
2171
|
+
loading?: boolean;
|
|
2172
|
+
error?: string;
|
|
2173
|
+
refreshInterval?: number;
|
|
2174
|
+
lastUpdated?: Date;
|
|
2175
|
+
permissions?: {
|
|
2176
|
+
canEdit?: boolean;
|
|
2177
|
+
canDelete?: boolean;
|
|
2178
|
+
canResize?: boolean;
|
|
2179
|
+
canMove?: boolean;
|
|
2180
|
+
};
|
|
2181
|
+
}
|
|
2182
|
+
interface DashboardConfig {
|
|
2183
|
+
id: string;
|
|
2184
|
+
name: string;
|
|
2185
|
+
description?: string;
|
|
2186
|
+
theme: DashboardTheme;
|
|
2187
|
+
layout: {
|
|
2188
|
+
rowHeight: number;
|
|
2189
|
+
margin: [number, number];
|
|
2190
|
+
containerPadding: [number, number];
|
|
2191
|
+
breakpoints: {
|
|
2192
|
+
lg: number;
|
|
2193
|
+
md: number;
|
|
2194
|
+
sm: number;
|
|
2195
|
+
xs: number;
|
|
2196
|
+
xxs: number;
|
|
2197
|
+
};
|
|
2198
|
+
cols: {
|
|
2199
|
+
lg: number;
|
|
2200
|
+
md: number;
|
|
2201
|
+
sm: number;
|
|
2202
|
+
xs: number;
|
|
2203
|
+
xxs: number;
|
|
2204
|
+
};
|
|
2205
|
+
};
|
|
2206
|
+
widgets: Widget[];
|
|
2207
|
+
filters?: {
|
|
2208
|
+
timeRange?: TimeRange;
|
|
2209
|
+
dimensions?: Record<string, any>;
|
|
2210
|
+
};
|
|
2211
|
+
createdAt: Date;
|
|
2212
|
+
updatedAt: Date;
|
|
2213
|
+
createdBy?: string;
|
|
2214
|
+
shared?: boolean;
|
|
2215
|
+
tags?: string[];
|
|
2216
|
+
}
|
|
2217
|
+
interface DashboardTemplate {
|
|
2218
|
+
id: string;
|
|
2219
|
+
name: string;
|
|
2220
|
+
description: string;
|
|
2221
|
+
thumbnail?: string;
|
|
2222
|
+
category: 'analytics' | 'sales' | 'operations' | 'finance' | 'marketing' | 'custom';
|
|
2223
|
+
widgets: Omit<Widget, 'id'>[];
|
|
2224
|
+
theme: DashboardTheme;
|
|
2225
|
+
popularity?: number;
|
|
2226
|
+
isPro?: boolean;
|
|
2227
|
+
}
|
|
2228
|
+
interface DashboardNotification {
|
|
2229
|
+
id: string;
|
|
2230
|
+
type: 'info' | 'success' | 'warning' | 'error';
|
|
2231
|
+
title: string;
|
|
2232
|
+
message?: string;
|
|
2233
|
+
timestamp: Date;
|
|
2234
|
+
read?: boolean;
|
|
2235
|
+
action?: {
|
|
2236
|
+
label: string;
|
|
2237
|
+
handler: () => void;
|
|
2238
|
+
};
|
|
2239
|
+
}
|
|
2240
|
+
|
|
2241
|
+
interface DashboardProps {
|
|
2242
|
+
config?: DashboardConfig;
|
|
2243
|
+
widgets?: Widget[];
|
|
2244
|
+
templates?: DashboardTemplate[];
|
|
2245
|
+
onConfigChange?: (config: DashboardConfig) => void;
|
|
2246
|
+
onWidgetAdd?: (widget: Omit<Widget, 'id'>) => void;
|
|
2247
|
+
onWidgetRemove?: (widgetId: string) => void;
|
|
2248
|
+
onWidgetUpdate?: (widgetId: string, updates: Partial<Widget>) => void;
|
|
2249
|
+
onExport?: (format: 'json' | 'pdf' | 'png') => void;
|
|
2250
|
+
onImport?: (file: File) => void;
|
|
2251
|
+
className?: string;
|
|
2252
|
+
showHeader?: boolean;
|
|
2253
|
+
title?: string;
|
|
2254
|
+
description?: string;
|
|
2255
|
+
editable?: boolean;
|
|
2256
|
+
realtime?: boolean;
|
|
2257
|
+
glassmorphism?: boolean;
|
|
2258
|
+
notifications?: DashboardNotification[];
|
|
2259
|
+
onNotificationClick?: (notification: DashboardNotification) => void;
|
|
2260
|
+
onNotificationMarkAsRead?: (notificationId: string) => void;
|
|
2261
|
+
onNotificationMarkAllAsRead?: () => void;
|
|
2262
|
+
onNotificationClear?: (notificationId: string) => void;
|
|
2263
|
+
onNotificationClearAll?: () => void;
|
|
2264
|
+
user?: {
|
|
2265
|
+
name: string;
|
|
2266
|
+
email?: string;
|
|
2267
|
+
avatar?: string;
|
|
2268
|
+
role?: string;
|
|
2269
|
+
};
|
|
2270
|
+
userMenuItems?: Array<{
|
|
2271
|
+
id: string;
|
|
2272
|
+
label: string;
|
|
2273
|
+
icon?: React__default.ReactNode;
|
|
2274
|
+
onClick?: () => void;
|
|
2275
|
+
separator?: boolean;
|
|
2276
|
+
}>;
|
|
2277
|
+
onUserMenuClick?: () => void;
|
|
2278
|
+
onProfileClick?: () => void;
|
|
2279
|
+
onLogout?: () => void;
|
|
2280
|
+
onSearch?: (query: string) => void;
|
|
2281
|
+
onThemeChange?: (theme: DashboardTheme) => void;
|
|
2282
|
+
onMenuClick?: () => void;
|
|
2283
|
+
onRefresh?: () => void;
|
|
2284
|
+
headerActions?: React__default.ReactNode;
|
|
2285
|
+
timeRange?: TimeRange;
|
|
2286
|
+
onTimeRangeChange?: (range: TimeRange) => void;
|
|
2287
|
+
logo?: React__default.ReactNode;
|
|
2288
|
+
brandName?: string;
|
|
2289
|
+
}
|
|
2290
|
+
declare function Dashboard({ config, widgets: initialWidgets, templates, onConfigChange, onWidgetAdd, onWidgetRemove, onWidgetUpdate, onExport, onImport, className, showHeader, title, description, editable, realtime, glassmorphism, notifications, onNotificationClick, onNotificationMarkAsRead, onNotificationMarkAllAsRead, onNotificationClear, onNotificationClearAll, user, userMenuItems, onUserMenuClick, onProfileClick, onLogout, onSearch, onThemeChange, onMenuClick, onRefresh, headerActions, timeRange: propTimeRange, onTimeRangeChange, logo, brandName }: DashboardProps): react_jsx_runtime.JSX.Element;
|
|
2291
|
+
|
|
2292
|
+
interface DraggableListProps<T> {
|
|
2293
|
+
items: T[];
|
|
2294
|
+
onReorder: (items: T[]) => void;
|
|
2295
|
+
renderItem: (item: T, index: number) => ReactNode;
|
|
2296
|
+
keyExtractor: (item: T) => string;
|
|
2297
|
+
direction?: "vertical" | "horizontal";
|
|
2298
|
+
className?: string;
|
|
2299
|
+
droppableId?: string;
|
|
2300
|
+
disabled?: boolean;
|
|
2301
|
+
}
|
|
2302
|
+
declare function DraggableList<T>({ items, onReorder, renderItem, keyExtractor, direction, className, droppableId, disabled, }: DraggableListProps<T>): react_jsx_runtime.JSX.Element;
|
|
2303
|
+
|
|
2304
|
+
interface AdvancedFormField {
|
|
2305
|
+
name: string;
|
|
2306
|
+
label: string;
|
|
2307
|
+
type: "text" | "email" | "password" | "textarea" | "select" | "checkbox" | "switch" | "file" | "number" | "url" | "tel";
|
|
2308
|
+
placeholder?: string;
|
|
2309
|
+
required?: boolean;
|
|
2310
|
+
options?: Array<{
|
|
2311
|
+
value: string;
|
|
2312
|
+
label: string;
|
|
2313
|
+
}>;
|
|
2314
|
+
validation?: {
|
|
2315
|
+
minLength?: number;
|
|
2316
|
+
maxLength?: number;
|
|
2317
|
+
pattern?: RegExp;
|
|
2318
|
+
custom?: (value: any) => string | true;
|
|
2319
|
+
};
|
|
2320
|
+
description?: string;
|
|
2321
|
+
defaultValue?: any;
|
|
2322
|
+
}
|
|
2323
|
+
interface AdvancedFormsProps {
|
|
2324
|
+
fields: AdvancedFormField[];
|
|
2325
|
+
onSubmit: (data: any) => void | Promise<void>;
|
|
2326
|
+
title?: string;
|
|
2327
|
+
description?: string;
|
|
2328
|
+
submitText?: string;
|
|
2329
|
+
enableAutoSave?: boolean;
|
|
2330
|
+
showProgress?: boolean;
|
|
2331
|
+
className?: string;
|
|
2332
|
+
layout?: "vertical" | "horizontal" | "grid";
|
|
2333
|
+
columns?: number;
|
|
2334
|
+
}
|
|
2335
|
+
declare const AdvancedForms: React__default.FC<AdvancedFormsProps>;
|
|
2336
|
+
|
|
2337
|
+
interface GitHubRepository {
|
|
2338
|
+
id: number;
|
|
2339
|
+
name: string;
|
|
2340
|
+
full_name: string;
|
|
2341
|
+
description: string | null;
|
|
2342
|
+
html_url: string;
|
|
2343
|
+
homepage: string | null;
|
|
2344
|
+
stargazers_count: number;
|
|
2345
|
+
watchers_count: number;
|
|
2346
|
+
forks_count: number;
|
|
2347
|
+
language: string | null;
|
|
2348
|
+
topics: string[];
|
|
2349
|
+
created_at: string;
|
|
2350
|
+
updated_at: string;
|
|
2351
|
+
pushed_at: string;
|
|
2352
|
+
size: number;
|
|
2353
|
+
open_issues_count: number;
|
|
2354
|
+
license: {
|
|
2355
|
+
key: string;
|
|
2356
|
+
name: string;
|
|
2357
|
+
spdx_id: string;
|
|
2358
|
+
url: string;
|
|
2359
|
+
} | null;
|
|
2360
|
+
owner: {
|
|
2361
|
+
login: string;
|
|
2362
|
+
avatar_url: string;
|
|
2363
|
+
html_url: string;
|
|
2364
|
+
type: string;
|
|
2365
|
+
};
|
|
2366
|
+
private: boolean;
|
|
2367
|
+
contributors_count?: number;
|
|
2368
|
+
commits_count?: number;
|
|
2369
|
+
releases_count?: number;
|
|
2370
|
+
}
|
|
2371
|
+
interface GitHubStats {
|
|
2372
|
+
totalStars: number;
|
|
2373
|
+
totalForks: number;
|
|
2374
|
+
totalWatchers: number;
|
|
2375
|
+
totalIssues: number;
|
|
2376
|
+
avgStarsPerRepo: number;
|
|
2377
|
+
mostStarredRepo: GitHubRepository | null;
|
|
2378
|
+
recentActivity: GitHubActivity[];
|
|
2379
|
+
languages: LanguageStats[];
|
|
2380
|
+
}
|
|
2381
|
+
interface GitHubActivity {
|
|
2382
|
+
type: "star" | "fork" | "issue" | "pr" | "release";
|
|
2383
|
+
repository: string;
|
|
2384
|
+
timestamp: string;
|
|
2385
|
+
actor?: string;
|
|
2386
|
+
description?: string;
|
|
2387
|
+
}
|
|
2388
|
+
interface LanguageStats {
|
|
2389
|
+
language: string;
|
|
2390
|
+
count: number;
|
|
2391
|
+
percentage: number;
|
|
2392
|
+
color: string;
|
|
2393
|
+
}
|
|
2394
|
+
interface Milestone {
|
|
2395
|
+
count: number;
|
|
2396
|
+
reached: boolean;
|
|
2397
|
+
date?: string;
|
|
2398
|
+
celebration?: boolean;
|
|
2399
|
+
}
|
|
2400
|
+
type DisplayVariant = "compact" | "full" | "minimal" | "detailed" | "card";
|
|
2401
|
+
type AnimationOption = "bounce" | "pulse" | "fade" | "scale" | "slide" | "none";
|
|
2402
|
+
type SortOption = "stars" | "forks" | "updated" | "created" | "name" | "issues";
|
|
2403
|
+
type LayoutOption = "grid" | "list" | "masonry" | "carousel";
|
|
2404
|
+
interface GitHubStarsProps {
|
|
2405
|
+
username?: string;
|
|
2406
|
+
repository?: string;
|
|
2407
|
+
repositories?: string[];
|
|
2408
|
+
token?: string;
|
|
2409
|
+
useMockData?: boolean;
|
|
2410
|
+
variant?: DisplayVariant;
|
|
2411
|
+
layout?: LayoutOption;
|
|
2412
|
+
showDescription?: boolean;
|
|
2413
|
+
showTopics?: boolean;
|
|
2414
|
+
showStats?: boolean;
|
|
2415
|
+
showOwner?: boolean;
|
|
2416
|
+
showLanguage?: boolean;
|
|
2417
|
+
showActivity?: boolean;
|
|
2418
|
+
showTrending?: boolean;
|
|
2419
|
+
showMilestones?: boolean;
|
|
2420
|
+
showComparison?: boolean;
|
|
2421
|
+
showHistory?: boolean;
|
|
2422
|
+
sortBy?: SortOption;
|
|
2423
|
+
maxItems?: number;
|
|
2424
|
+
autoRefresh?: boolean;
|
|
2425
|
+
refreshInterval?: number;
|
|
2426
|
+
enableNotifications?: boolean;
|
|
2427
|
+
enableExport?: boolean;
|
|
2428
|
+
enableAnalytics?: boolean;
|
|
2429
|
+
cacheEnabled?: boolean;
|
|
2430
|
+
cacheDuration?: number;
|
|
2431
|
+
animation?: AnimationOption;
|
|
2432
|
+
animationDuration?: number;
|
|
2433
|
+
staggerDelay?: number;
|
|
2434
|
+
milestones?: number[];
|
|
2435
|
+
celebrateAt?: number[];
|
|
2436
|
+
onRepositoryClick?: (repo: GitHubRepository) => void;
|
|
2437
|
+
onStarClick?: (repo: GitHubRepository) => void;
|
|
2438
|
+
onMilestoneReached?: (milestone: Milestone) => void;
|
|
2439
|
+
onDataUpdate?: (stats: GitHubStats) => void;
|
|
2440
|
+
onError?: (error: Error) => void;
|
|
2441
|
+
className?: string;
|
|
2442
|
+
theme?: "light" | "dark" | "auto";
|
|
2443
|
+
size?: "sm" | "md" | "lg" | "xl";
|
|
2444
|
+
customColors?: Record<string, string>;
|
|
2445
|
+
}
|
|
2446
|
+
|
|
2447
|
+
declare const LANGUAGE_COLORS: Record<string, string>;
|
|
2448
|
+
|
|
2449
|
+
declare const GitHubStars: React__default.FC<GitHubStarsProps>;
|
|
2450
|
+
|
|
2451
|
+
interface HealthCheckEndpoint {
|
|
2452
|
+
id: string;
|
|
2453
|
+
name: string;
|
|
2454
|
+
url: string;
|
|
2455
|
+
method: "GET" | "POST" | "PUT" | "DELETE" | "HEAD";
|
|
2456
|
+
expectedStatus?: number[];
|
|
2457
|
+
timeout?: number;
|
|
2458
|
+
headers?: Record<string, string>;
|
|
2459
|
+
body?: string;
|
|
2460
|
+
critical?: boolean;
|
|
2461
|
+
}
|
|
2462
|
+
interface HealthCheckResult {
|
|
2463
|
+
id: string;
|
|
2464
|
+
name: string;
|
|
2465
|
+
status: "healthy" | "unhealthy" | "warning" | "pending";
|
|
2466
|
+
responseTime: number;
|
|
2467
|
+
statusCode?: number;
|
|
2468
|
+
error?: string;
|
|
2469
|
+
timestamp: Date;
|
|
2470
|
+
uptime?: number;
|
|
2471
|
+
}
|
|
2472
|
+
interface HealthCheckProps {
|
|
2473
|
+
endpoints: HealthCheckEndpoint[];
|
|
2474
|
+
interval?: number;
|
|
2475
|
+
autoRefresh?: boolean;
|
|
2476
|
+
showResponseTime?: boolean;
|
|
2477
|
+
showUptime?: boolean;
|
|
2478
|
+
showHistory?: boolean;
|
|
2479
|
+
maxHistory?: number;
|
|
2480
|
+
onStatusChange?: (results: HealthCheckResult[]) => void;
|
|
2481
|
+
className?: string;
|
|
2482
|
+
}
|
|
2483
|
+
declare const HealthCheck: React__default.FC<HealthCheckProps>;
|
|
2484
|
+
|
|
2485
|
+
interface LazyComponentProps {
|
|
2486
|
+
children: React__default.ReactNode;
|
|
2487
|
+
fallback?: React__default.ReactNode;
|
|
2488
|
+
threshold?: number;
|
|
2489
|
+
rootMargin?: string;
|
|
2490
|
+
triggerOnce?: boolean;
|
|
2491
|
+
disabled?: boolean;
|
|
2492
|
+
onLoad?: () => void;
|
|
2493
|
+
onVisible?: () => void;
|
|
2494
|
+
onError?: (error: Error) => void;
|
|
2495
|
+
showLoadingState?: boolean;
|
|
2496
|
+
delay?: number;
|
|
2497
|
+
className?: string;
|
|
2498
|
+
priority?: 'high' | 'normal' | 'low';
|
|
2499
|
+
retryCount?: number;
|
|
2500
|
+
retryDelay?: number;
|
|
2501
|
+
enableAnalytics?: boolean;
|
|
2502
|
+
analyticsCallback?: (metrics: LazyLoadMetrics) => void;
|
|
2503
|
+
prefetch?: boolean;
|
|
2504
|
+
prefetchDelay?: number;
|
|
2505
|
+
fadeInDuration?: number;
|
|
2506
|
+
blurDataURL?: string;
|
|
2507
|
+
enableProgressiveEnhancement?: boolean;
|
|
2508
|
+
}
|
|
2509
|
+
interface LazyLoadMetrics {
|
|
2510
|
+
loadTime: number;
|
|
2511
|
+
visibilityTime: number;
|
|
2512
|
+
retryAttempts: number;
|
|
2513
|
+
success: boolean;
|
|
2514
|
+
componentName?: string;
|
|
2515
|
+
timestamp: number;
|
|
2516
|
+
}
|
|
2517
|
+
interface LazyImageProps extends Omit<React__default.ImgHTMLAttributes<HTMLImageElement>, 'onProgress'> {
|
|
2518
|
+
src: string;
|
|
2519
|
+
alt: string;
|
|
2520
|
+
fallbackSrc?: string;
|
|
2521
|
+
showPlaceholder?: boolean;
|
|
2522
|
+
threshold?: number;
|
|
2523
|
+
rootMargin?: string;
|
|
2524
|
+
onLoad?: () => void;
|
|
2525
|
+
onError?: () => void;
|
|
2526
|
+
className?: string;
|
|
2527
|
+
quality?: number;
|
|
2528
|
+
priority?: boolean;
|
|
2529
|
+
blur?: boolean;
|
|
2530
|
+
blurDataURL?: string;
|
|
2531
|
+
aspectRatio?: string;
|
|
2532
|
+
objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
|
|
2533
|
+
sizes?: string;
|
|
2534
|
+
srcSet?: string;
|
|
2535
|
+
enableProgressiveLoading?: boolean;
|
|
2536
|
+
onProgress?: (progress: number) => void;
|
|
2537
|
+
}
|
|
2538
|
+
declare const LazyImage: React__default.FC<LazyImageProps>;
|
|
2539
|
+
interface LazyListProps<T> {
|
|
2540
|
+
items: T[];
|
|
2541
|
+
renderItem: (item: T, index: number) => React__default.ReactNode;
|
|
2542
|
+
itemHeight?: number;
|
|
2543
|
+
batchSize?: number;
|
|
2544
|
+
threshold?: number;
|
|
2545
|
+
className?: string;
|
|
2546
|
+
enableVirtualization?: boolean;
|
|
2547
|
+
overscan?: number;
|
|
2548
|
+
showLoadingIndicator?: boolean;
|
|
2549
|
+
loadingIndicator?: React__default.ReactNode;
|
|
2550
|
+
emptyState?: React__default.ReactNode;
|
|
2551
|
+
onBatchLoad?: (startIndex: number, endIndex: number) => void;
|
|
2552
|
+
enableSmoothScroll?: boolean;
|
|
2553
|
+
staggerAnimation?: boolean;
|
|
2554
|
+
animationDelay?: number;
|
|
2555
|
+
}
|
|
2556
|
+
declare function LazyList<T>({ items, renderItem, itemHeight, batchSize, threshold, className, enableVirtualization, overscan, showLoadingIndicator, loadingIndicator, emptyState, onBatchLoad, enableSmoothScroll, staggerAnimation, animationDelay }: LazyListProps<T>): react_jsx_runtime.JSX.Element;
|
|
2557
|
+
declare const LazyComponent: React__default.FC<LazyComponentProps>;
|
|
2558
|
+
|
|
2559
|
+
interface OptimizedImageProps {
|
|
2560
|
+
src: string;
|
|
2561
|
+
alt: string;
|
|
2562
|
+
width?: number;
|
|
2563
|
+
height?: number;
|
|
2564
|
+
quality?: number;
|
|
2565
|
+
format?: "webp" | "avif" | "jpeg" | "png" | "auto";
|
|
2566
|
+
lazy?: boolean;
|
|
2567
|
+
blur?: boolean;
|
|
2568
|
+
priority?: boolean;
|
|
2569
|
+
sizes?: string;
|
|
2570
|
+
srcSet?: string;
|
|
2571
|
+
fallbackSrc?: string;
|
|
2572
|
+
showPreview?: boolean;
|
|
2573
|
+
showZoom?: boolean;
|
|
2574
|
+
showDownload?: boolean;
|
|
2575
|
+
showInfo?: boolean;
|
|
2576
|
+
zoomLevel?: number;
|
|
2577
|
+
className?: string;
|
|
2578
|
+
onLoad?: () => void;
|
|
2579
|
+
onError?: (error: Error) => void;
|
|
2580
|
+
onZoom?: (level: number) => void;
|
|
2581
|
+
}
|
|
2582
|
+
declare const OptimizedImage: React__default.FC<OptimizedImageProps>;
|
|
2583
|
+
|
|
2584
|
+
interface PerformanceMetric {
|
|
2585
|
+
name: string;
|
|
2586
|
+
value: number;
|
|
2587
|
+
unit: string;
|
|
2588
|
+
threshold?: {
|
|
2589
|
+
good: number;
|
|
2590
|
+
needs_improvement: number;
|
|
2591
|
+
};
|
|
2592
|
+
description?: string;
|
|
2593
|
+
}
|
|
2594
|
+
interface PerformanceEntry {
|
|
2595
|
+
timestamp: number;
|
|
2596
|
+
metrics: PerformanceMetric[];
|
|
2597
|
+
url: string;
|
|
2598
|
+
userAgent: string;
|
|
2599
|
+
}
|
|
2600
|
+
interface PerformanceDebuggerProps {
|
|
2601
|
+
autoCapture?: boolean;
|
|
2602
|
+
captureInterval?: number;
|
|
2603
|
+
maxEntries?: number;
|
|
2604
|
+
showRealTime?: boolean;
|
|
2605
|
+
showWebVitals?: boolean;
|
|
2606
|
+
showResourceTiming?: boolean;
|
|
2607
|
+
showNavigationTiming?: boolean;
|
|
2608
|
+
onMetricChange?: (metrics: PerformanceMetric[]) => void;
|
|
2609
|
+
className?: string;
|
|
2610
|
+
}
|
|
2611
|
+
declare const PerformanceDebugger: React__default.FC<PerformanceDebuggerProps>;
|
|
2612
|
+
|
|
2613
|
+
interface PerformanceMetrics {
|
|
2614
|
+
cpu: {
|
|
2615
|
+
usage: number;
|
|
2616
|
+
cores: number;
|
|
2617
|
+
temperature?: number;
|
|
2618
|
+
};
|
|
2619
|
+
memory: {
|
|
2620
|
+
used: number;
|
|
2621
|
+
total: number;
|
|
2622
|
+
available: number;
|
|
2623
|
+
percentage: number;
|
|
2624
|
+
};
|
|
2625
|
+
disk: {
|
|
2626
|
+
used: number;
|
|
2627
|
+
total: number;
|
|
2628
|
+
free: number;
|
|
2629
|
+
percentage: number;
|
|
2630
|
+
};
|
|
2631
|
+
network: {
|
|
2632
|
+
download: number;
|
|
2633
|
+
upload: number;
|
|
2634
|
+
latency: number;
|
|
2635
|
+
};
|
|
2636
|
+
system: {
|
|
2637
|
+
uptime: number;
|
|
2638
|
+
loadAverage: number[];
|
|
2639
|
+
processes: number;
|
|
2640
|
+
};
|
|
2641
|
+
browser?: {
|
|
2642
|
+
jsHeapUsed: number;
|
|
2643
|
+
jsHeapTotal: number;
|
|
2644
|
+
jsHeapLimit: number;
|
|
2645
|
+
};
|
|
2646
|
+
}
|
|
2647
|
+
interface PerformanceAlert {
|
|
2648
|
+
id: string;
|
|
2649
|
+
type: "warning" | "critical" | "info";
|
|
2650
|
+
metric: string;
|
|
2651
|
+
message: string;
|
|
2652
|
+
value: number;
|
|
2653
|
+
threshold: number;
|
|
2654
|
+
timestamp: Date;
|
|
2655
|
+
}
|
|
2656
|
+
interface PerformanceMonitorProps {
|
|
2657
|
+
autoRefresh?: boolean;
|
|
2658
|
+
refreshInterval?: number;
|
|
2659
|
+
showAlerts?: boolean;
|
|
2660
|
+
alertThresholds?: {
|
|
2661
|
+
cpu: number;
|
|
2662
|
+
memory: number;
|
|
2663
|
+
disk: number;
|
|
2664
|
+
network: number;
|
|
2665
|
+
};
|
|
2666
|
+
showCharts?: boolean;
|
|
2667
|
+
chartDuration?: number;
|
|
2668
|
+
maxDataPoints?: number;
|
|
2669
|
+
onAlert?: (alert: PerformanceAlert) => void;
|
|
2670
|
+
onMetricsUpdate?: (metrics: PerformanceMetrics) => void;
|
|
2671
|
+
className?: string;
|
|
2672
|
+
}
|
|
2673
|
+
declare const PerformanceMonitor: React__default.FC<PerformanceMonitorProps>;
|
|
2674
|
+
|
|
2675
|
+
interface FileUploadProProps {
|
|
2676
|
+
accept?: string;
|
|
2677
|
+
multiple?: boolean;
|
|
2678
|
+
maxSize?: number;
|
|
2679
|
+
maxFiles?: number;
|
|
2680
|
+
disabled?: boolean;
|
|
2681
|
+
className?: string;
|
|
2682
|
+
variant?: 'default' | 'compact' | 'grid';
|
|
2683
|
+
theme?: 'light' | 'dark' | 'auto';
|
|
2684
|
+
chunkSize?: number;
|
|
2685
|
+
resumable?: boolean;
|
|
2686
|
+
compression?: boolean;
|
|
2687
|
+
imageResize?: {
|
|
2688
|
+
maxWidth: number;
|
|
2689
|
+
maxHeight: number;
|
|
2690
|
+
quality: number;
|
|
2691
|
+
};
|
|
2692
|
+
allowedMimeTypes?: string[];
|
|
2693
|
+
maxTotalSize?: number;
|
|
2694
|
+
customValidation?: (file: File) => Promise<string | null>;
|
|
2695
|
+
duplicateCheck?: boolean;
|
|
2696
|
+
uploadStrategy?: 'direct' | 'presigned' | 'multipart';
|
|
2697
|
+
endpoint?: string;
|
|
2698
|
+
headers?: Record<string, string>;
|
|
2699
|
+
serviceConfig?: {
|
|
2700
|
+
type: 'aws-s3' | 'cloudinary' | 'firebase' | 'custom';
|
|
2701
|
+
config?: any;
|
|
2702
|
+
};
|
|
2703
|
+
onUpload?: (files: FileUploadItem[]) => Promise<void>;
|
|
2704
|
+
onProgress?: (fileId: string, progress: number) => void;
|
|
2705
|
+
onComplete?: (fileId: string, result: any) => void;
|
|
2706
|
+
onError?: (fileId: string, error: string) => void;
|
|
2707
|
+
onRemove?: (fileId: string) => void;
|
|
2708
|
+
onPreview?: (file: FileUploadItem) => void;
|
|
2709
|
+
onBulkSelect?: (selectedIds: string[]) => void;
|
|
2710
|
+
showPreview?: boolean;
|
|
2711
|
+
showProgress?: boolean;
|
|
2712
|
+
showMetadata?: boolean;
|
|
2713
|
+
allowBulkOperations?: boolean;
|
|
2714
|
+
previewTypes?: ('image' | 'video' | 'audio' | 'pdf' | 'document')[];
|
|
2715
|
+
}
|
|
2716
|
+
interface FileUploadItem {
|
|
2717
|
+
id: string;
|
|
2718
|
+
file: File;
|
|
2719
|
+
status: 'pending' | 'uploading' | 'paused' | 'success' | 'error' | 'cancelled';
|
|
2720
|
+
progress: number;
|
|
2721
|
+
uploadedBytes?: number;
|
|
2722
|
+
totalBytes: number;
|
|
2723
|
+
speed?: number;
|
|
2724
|
+
estimatedTime?: number;
|
|
2725
|
+
error?: string;
|
|
2726
|
+
chunks?: FileChunk[];
|
|
2727
|
+
preview?: FilePreview;
|
|
2728
|
+
metadata?: FileMetadata;
|
|
2729
|
+
result?: any;
|
|
2730
|
+
}
|
|
2731
|
+
interface FileChunk {
|
|
2732
|
+
index: number;
|
|
2733
|
+
start: number;
|
|
2734
|
+
end: number;
|
|
2735
|
+
status: 'pending' | 'uploading' | 'success' | 'error';
|
|
2736
|
+
attempts: number;
|
|
2737
|
+
}
|
|
2738
|
+
interface FilePreview {
|
|
2739
|
+
type: 'image' | 'video' | 'audio' | 'pdf' | 'document' | 'unknown';
|
|
2740
|
+
url?: string;
|
|
2741
|
+
thumbnail?: string;
|
|
2742
|
+
duration?: number;
|
|
2743
|
+
dimensions?: {
|
|
2744
|
+
width: number;
|
|
2745
|
+
height: number;
|
|
2746
|
+
};
|
|
2747
|
+
pages?: number;
|
|
2748
|
+
}
|
|
2749
|
+
interface FileMetadata {
|
|
2750
|
+
name: string;
|
|
2751
|
+
size: number;
|
|
2752
|
+
type: string;
|
|
2753
|
+
lastModified: number;
|
|
2754
|
+
hash?: string;
|
|
2755
|
+
dimensions?: {
|
|
2756
|
+
width: number;
|
|
2757
|
+
height: number;
|
|
2758
|
+
};
|
|
2759
|
+
duration?: number;
|
|
2760
|
+
bitrate?: number;
|
|
2761
|
+
}
|
|
2762
|
+
declare const MoonUIFileUploadPro: React__default.ForwardRefExoticComponent<FileUploadProProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
2763
|
+
|
|
2764
|
+
interface BulkAction<T = any> {
|
|
2765
|
+
label: string;
|
|
2766
|
+
icon?: React__default.ReactNode;
|
|
2767
|
+
action: (selectedRows: T[]) => void | Promise<void>;
|
|
2768
|
+
confirmMessage?: string;
|
|
2769
|
+
confirmTitle?: string;
|
|
2770
|
+
variant?: 'default' | 'destructive';
|
|
2771
|
+
disabled?: boolean | ((selectedRows: T[]) => boolean);
|
|
2772
|
+
}
|
|
2773
|
+
|
|
2774
|
+
/**
|
|
2775
|
+
* Export utilities for DataTable component
|
|
2776
|
+
*/
|
|
2777
|
+
type ExportFormat = 'csv' | 'json' | 'xlsx';
|
|
2778
|
+
|
|
2779
|
+
interface FilterCondition {
|
|
2780
|
+
column: string;
|
|
2781
|
+
operator: FilterOperator;
|
|
2782
|
+
value: any;
|
|
2783
|
+
}
|
|
2784
|
+
type FilterOperator = 'equals' | 'notEquals' | 'contains' | 'notContains' | 'startsWith' | 'endsWith' | 'greaterThan' | 'lessThan' | 'greaterThanOrEqual' | 'lessThanOrEqual' | 'between' | 'in' | 'notIn' | 'isNull' | 'isNotNull';
|
|
2785
|
+
|
|
2786
|
+
interface DataTableProps<TData, TValue> {
|
|
2787
|
+
columns: ColumnDef<TData, TValue>[];
|
|
2788
|
+
data: TData[];
|
|
2789
|
+
searchable?: boolean;
|
|
2790
|
+
filterable?: boolean;
|
|
2791
|
+
exportable?: boolean | {
|
|
2792
|
+
formats?: ExportFormat[];
|
|
2793
|
+
filename?: string;
|
|
2794
|
+
onExport?: (data: TData[], format: ExportFormat) => void;
|
|
2795
|
+
};
|
|
2796
|
+
selectable?: boolean;
|
|
2797
|
+
pagination?: boolean;
|
|
2798
|
+
pageSize?: number;
|
|
2799
|
+
className?: string;
|
|
2800
|
+
onRowSelect?: (rows: TData[]) => void;
|
|
2801
|
+
onExport?: (data: TData[]) => void;
|
|
2802
|
+
enableExpandable?: boolean;
|
|
2803
|
+
renderSubComponent?: (props: {
|
|
2804
|
+
row: {
|
|
2805
|
+
original: TData;
|
|
2806
|
+
id: string;
|
|
2807
|
+
};
|
|
2808
|
+
}) => React__default.ReactNode;
|
|
2809
|
+
expandedRows?: Set<string>;
|
|
2810
|
+
onRowExpandChange?: (expandedRows: Set<string>) => void;
|
|
2811
|
+
bulkActions?: BulkAction<TData>[];
|
|
2812
|
+
enableSorting?: boolean;
|
|
2813
|
+
enableFiltering?: boolean;
|
|
2814
|
+
enablePagination?: boolean;
|
|
2815
|
+
enableColumnVisibility?: boolean;
|
|
2816
|
+
enableRowSelection?: boolean;
|
|
2817
|
+
filterPlaceholder?: string;
|
|
2818
|
+
defaultPageSize?: number;
|
|
2819
|
+
manualPagination?: boolean;
|
|
2820
|
+
pageCount?: number;
|
|
2821
|
+
onPaginationChange?: (updater: any) => void;
|
|
2822
|
+
onSortingChange?: OnChangeFn<SortingState>;
|
|
2823
|
+
onColumnFiltersChange?: OnChangeFn<ColumnFiltersState>;
|
|
2824
|
+
state?: any;
|
|
2825
|
+
features?: {
|
|
2826
|
+
sorting?: boolean;
|
|
2827
|
+
filtering?: boolean;
|
|
2828
|
+
pagination?: boolean;
|
|
2829
|
+
search?: boolean;
|
|
2830
|
+
columnVisibility?: boolean;
|
|
2831
|
+
rowSelection?: boolean;
|
|
2832
|
+
export?: boolean | string[];
|
|
2833
|
+
density?: boolean;
|
|
2834
|
+
fullscreen?: boolean;
|
|
2835
|
+
print?: boolean;
|
|
2836
|
+
};
|
|
2837
|
+
theme?: {
|
|
2838
|
+
headerBg?: string;
|
|
2839
|
+
headerText?: string;
|
|
2840
|
+
borderColor?: string;
|
|
2841
|
+
rowHoverBg?: string;
|
|
2842
|
+
selectedRowBg?: string;
|
|
2843
|
+
};
|
|
2844
|
+
texts?: {
|
|
2845
|
+
searchPlaceholder?: string;
|
|
2846
|
+
noResults?: string;
|
|
2847
|
+
rowsPerPage?: string;
|
|
2848
|
+
selectedRows?: string;
|
|
2849
|
+
exportButton?: string;
|
|
2850
|
+
columnsButton?: string;
|
|
2851
|
+
densityButton?: string;
|
|
2852
|
+
filterButton?: string;
|
|
2853
|
+
};
|
|
2854
|
+
}
|
|
2855
|
+
declare function DataTable<TData, TValue>({ columns: originalColumns, data, searchable, filterable, exportable, selectable, pagination, pageSize, className, onRowSelect, onExport, enableExpandable, renderSubComponent, expandedRows: controlledExpandedRows, onRowExpandChange, bulkActions, features, theme, texts, enableSorting, enableFiltering, enablePagination, enableColumnVisibility, enableRowSelection, filterPlaceholder, defaultPageSize, manualPagination, pageCount, onPaginationChange, onSortingChange, onColumnFiltersChange, state: externalState, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
|
|
2856
|
+
/**
|
|
2857
|
+
* Helper function to create an expandable column
|
|
2858
|
+
* @param expandedRows - Set of expanded row IDs
|
|
2859
|
+
* @param onToggle - Function to toggle row expansion
|
|
2860
|
+
* @returns ColumnDef for expandable rows
|
|
2861
|
+
*/
|
|
2862
|
+
declare function getExpandableColumn<TData>(expandedRows: Set<string>, onToggle: (id: string) => void): ColumnDef<TData, any>;
|
|
2863
|
+
/**
|
|
2864
|
+
* Hook for managing expandable rows
|
|
2865
|
+
* @param initialExpanded - Initial set of expanded row IDs
|
|
2866
|
+
* @returns Object with expandedRows, toggleRow, and expandAll/collapseAll functions
|
|
2867
|
+
*/
|
|
2868
|
+
declare function useExpandableRows(initialExpanded?: Set<string>): {
|
|
2869
|
+
expandedRows: Set<string>;
|
|
2870
|
+
setExpandedRows: React__default.Dispatch<React__default.SetStateAction<Set<string>>>;
|
|
2871
|
+
toggleRow: (id: string) => void;
|
|
2872
|
+
expandAll: (rowIds: string[]) => void;
|
|
2873
|
+
collapseAll: () => void;
|
|
2874
|
+
};
|
|
2875
|
+
|
|
2876
|
+
interface SidebarItem {
|
|
2877
|
+
id: string;
|
|
2878
|
+
title: string;
|
|
2879
|
+
href?: string;
|
|
2880
|
+
icon?: React__default.ReactNode;
|
|
2881
|
+
badge?: string | number;
|
|
2882
|
+
badgeVariant?: 'secondary' | 'destructive' | 'outline';
|
|
2883
|
+
disabled?: boolean;
|
|
2884
|
+
items?: SidebarItem[];
|
|
2885
|
+
action?: () => void;
|
|
2886
|
+
tooltip?: string;
|
|
2887
|
+
filteredChildren?: SidebarItem[];
|
|
2888
|
+
}
|
|
2889
|
+
interface SidebarSection {
|
|
2890
|
+
id: string;
|
|
2891
|
+
title?: string;
|
|
2892
|
+
items: SidebarItem[];
|
|
2893
|
+
collapsible?: boolean;
|
|
2894
|
+
defaultExpanded?: boolean;
|
|
2895
|
+
showDivider?: boolean;
|
|
2896
|
+
}
|
|
2897
|
+
interface SidebarConfig {
|
|
2898
|
+
sections: SidebarSection[];
|
|
2899
|
+
footer?: SidebarSection;
|
|
2900
|
+
showSearch?: boolean;
|
|
2901
|
+
searchPlaceholder?: string;
|
|
2902
|
+
searchQuery?: string;
|
|
2903
|
+
onSearchChange?: (value: string) => void;
|
|
2904
|
+
showThemeToggle?: boolean;
|
|
2905
|
+
theme?: 'light' | 'dark' | 'system';
|
|
2906
|
+
onThemeChange?: (theme: 'light' | 'dark' | 'system') => void;
|
|
2907
|
+
branding?: {
|
|
2908
|
+
logo?: React__default.ReactNode;
|
|
2909
|
+
title?: string;
|
|
2910
|
+
href?: string;
|
|
2911
|
+
};
|
|
2912
|
+
collapsible?: boolean;
|
|
2913
|
+
defaultCollapsed?: boolean;
|
|
2914
|
+
floatingActionButton?: boolean;
|
|
2915
|
+
floatingActionButtonPosition?: {
|
|
2916
|
+
bottom?: string;
|
|
2917
|
+
left?: string;
|
|
2918
|
+
right?: string;
|
|
2919
|
+
top?: string;
|
|
2920
|
+
};
|
|
2921
|
+
floatingActionButtonClassName?: string;
|
|
2922
|
+
glassmorphism?: boolean;
|
|
2923
|
+
animatedBackground?: boolean;
|
|
2924
|
+
keyboardShortcuts?: boolean;
|
|
2925
|
+
persistState?: boolean;
|
|
2926
|
+
persistKey?: string;
|
|
2927
|
+
onStateChange?: (state: SidebarState) => void;
|
|
2928
|
+
customStyles?: {
|
|
2929
|
+
background?: string;
|
|
2930
|
+
border?: string;
|
|
2931
|
+
text?: string;
|
|
2932
|
+
hover?: string;
|
|
2933
|
+
active?: string;
|
|
2934
|
+
};
|
|
2935
|
+
}
|
|
2936
|
+
interface SidebarState {
|
|
2937
|
+
collapsed: boolean;
|
|
2938
|
+
expandedSections: string[];
|
|
2939
|
+
searchQuery: string;
|
|
2940
|
+
pinnedItems: string[];
|
|
2941
|
+
recentItems: string[];
|
|
2942
|
+
}
|
|
2943
|
+
interface SidebarProps extends SidebarConfig {
|
|
2944
|
+
className?: string;
|
|
2945
|
+
activePath?: string;
|
|
2946
|
+
onNavigate?: (href: string) => void;
|
|
2947
|
+
}
|
|
2948
|
+
declare function Sidebar({ sections, footer, showSearch, searchPlaceholder, searchQuery, onSearchChange, showThemeToggle, theme, onThemeChange, branding, collapsible, defaultCollapsed, floatingActionButton, floatingActionButtonPosition, floatingActionButtonClassName, glassmorphism, animatedBackground, keyboardShortcuts, persistState, persistKey, onStateChange, customStyles, className, activePath, onNavigate }: SidebarProps): react_jsx_runtime.JSX.Element;
|
|
2949
|
+
|
|
2950
|
+
interface WizardStep {
|
|
2951
|
+
id: string;
|
|
2952
|
+
title: string;
|
|
2953
|
+
description?: string;
|
|
2954
|
+
icon?: ReactNode | ((props: {
|
|
2955
|
+
isActive: boolean;
|
|
2956
|
+
isCompleted: boolean;
|
|
2957
|
+
}) => ReactNode);
|
|
2958
|
+
content: ReactNode | ((props: WizardStepContentProps) => ReactNode);
|
|
2959
|
+
validation?: () => boolean | Promise<boolean>;
|
|
2960
|
+
isOptional?: boolean;
|
|
2961
|
+
isDisabled?: boolean | ((currentStep: number, steps: WizardStep[]) => boolean);
|
|
2962
|
+
onEnter?: () => void | Promise<void>;
|
|
2963
|
+
onExit?: () => void | Promise<void>;
|
|
2964
|
+
}
|
|
2965
|
+
interface WizardStepContentProps {
|
|
2966
|
+
currentStep: number;
|
|
2967
|
+
totalSteps: number;
|
|
2968
|
+
goToNext: () => void;
|
|
2969
|
+
goToPrevious: () => void;
|
|
2970
|
+
goToStep: (step: number) => void;
|
|
2971
|
+
isFirstStep: boolean;
|
|
2972
|
+
isLastStep: boolean;
|
|
2973
|
+
stepData: any;
|
|
2974
|
+
updateStepData: (data: any) => void;
|
|
2975
|
+
}
|
|
2976
|
+
interface FormWizardProps {
|
|
2977
|
+
steps: WizardStep[];
|
|
2978
|
+
currentStep?: number;
|
|
2979
|
+
onStepChange?: (step: number, previousStep: number) => void;
|
|
2980
|
+
onComplete?: (data: Record<string, any>) => void | Promise<void>;
|
|
2981
|
+
orientation?: 'horizontal' | 'vertical';
|
|
2982
|
+
progressType?: 'linear' | 'circular' | 'dots' | 'custom';
|
|
2983
|
+
allowStepSkip?: boolean;
|
|
2984
|
+
allowBackNavigation?: boolean;
|
|
2985
|
+
validateOnStepChange?: boolean;
|
|
2986
|
+
animationType?: 'slide' | 'fade' | 'scale' | 'none';
|
|
2987
|
+
animationDuration?: number;
|
|
2988
|
+
showStepNumbers?: boolean;
|
|
2989
|
+
showStepTitles?: boolean;
|
|
2990
|
+
showProgressBar?: boolean;
|
|
2991
|
+
stepIconPosition?: 'top' | 'left' | 'inside';
|
|
2992
|
+
completedStepIcon?: ReactNode;
|
|
2993
|
+
activeStepIcon?: ReactNode;
|
|
2994
|
+
errorStepIcon?: ReactNode;
|
|
2995
|
+
className?: string;
|
|
2996
|
+
progressClassName?: string;
|
|
2997
|
+
navigationClassName?: string;
|
|
2998
|
+
contentClassName?: string;
|
|
2999
|
+
stepClassName?: string;
|
|
3000
|
+
autoSave?: boolean;
|
|
3001
|
+
autoSaveDelay?: number;
|
|
3002
|
+
onAutoSave?: (stepId: string, data: any) => void | Promise<void>;
|
|
3003
|
+
persistData?: boolean;
|
|
3004
|
+
storageKey?: string;
|
|
3005
|
+
}
|
|
3006
|
+
interface WizardContextValue {
|
|
3007
|
+
steps: WizardStep[];
|
|
3008
|
+
currentStep: number;
|
|
3009
|
+
stepData: Record<string, any>;
|
|
3010
|
+
isLoading: boolean;
|
|
3011
|
+
error: string | null;
|
|
3012
|
+
goToNext: () => void;
|
|
3013
|
+
goToPrevious: () => void;
|
|
3014
|
+
goToStep: (step: number) => void;
|
|
3015
|
+
updateStepData: (stepId: string, data: any) => void;
|
|
3016
|
+
validateCurrentStep: () => Promise<boolean>;
|
|
3017
|
+
completeWizard: () => void;
|
|
3018
|
+
resetWizard: () => void;
|
|
3019
|
+
isStepCompleted: (stepIndex: number) => boolean;
|
|
3020
|
+
isStepAccessible: (stepIndex: number) => boolean;
|
|
3021
|
+
canGoNext: boolean;
|
|
3022
|
+
canGoPrevious: boolean;
|
|
3023
|
+
}
|
|
3024
|
+
|
|
3025
|
+
declare const useFormWizard: () => WizardContextValue;
|
|
3026
|
+
|
|
3027
|
+
interface FormWizardProgressProps {
|
|
3028
|
+
className?: string;
|
|
3029
|
+
progressType?: FormWizardProps['progressType'];
|
|
3030
|
+
orientation?: FormWizardProps['orientation'];
|
|
3031
|
+
showStepNumbers?: boolean;
|
|
3032
|
+
showStepTitles?: boolean;
|
|
3033
|
+
stepIconPosition?: FormWizardProps['stepIconPosition'];
|
|
3034
|
+
completedStepIcon?: React__default.ReactNode;
|
|
3035
|
+
activeStepIcon?: React__default.ReactNode;
|
|
3036
|
+
errorStepIcon?: React__default.ReactNode;
|
|
3037
|
+
}
|
|
3038
|
+
declare const FormWizardProgress: React__default.FC<FormWizardProgressProps>;
|
|
3039
|
+
|
|
3040
|
+
interface FormWizardStepProps {
|
|
3041
|
+
className?: string;
|
|
3042
|
+
animationType?: FormWizardProps['animationType'];
|
|
3043
|
+
animationDuration?: number;
|
|
3044
|
+
}
|
|
3045
|
+
declare const FormWizardStep: React__default.FC<FormWizardStepProps>;
|
|
3046
|
+
|
|
3047
|
+
interface FormWizardNavigationProps {
|
|
3048
|
+
className?: string;
|
|
3049
|
+
showStepIndicator?: boolean;
|
|
3050
|
+
previousText?: string;
|
|
3051
|
+
nextText?: string;
|
|
3052
|
+
completeText?: string;
|
|
3053
|
+
loadingText?: string;
|
|
3054
|
+
onPreviousClick?: () => void;
|
|
3055
|
+
onNextClick?: () => void;
|
|
3056
|
+
onCompleteClick?: () => void;
|
|
3057
|
+
}
|
|
3058
|
+
declare const FormWizardNavigation: React__default.FC<FormWizardNavigationProps>;
|
|
3059
|
+
|
|
3060
|
+
declare const MoonUIFormWizardPro: React__default.ForwardRefExoticComponent<FormWizardProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
3061
|
+
|
|
3062
|
+
type QuestionType$1 = 'single-choice' | 'multiple-choice' | 'text' | 'rating' | 'true-false' | 'matching';
|
|
3063
|
+
interface QuizAnswer {
|
|
3064
|
+
value: string | string[] | number | boolean;
|
|
3065
|
+
label?: string;
|
|
3066
|
+
isCorrect?: boolean;
|
|
3067
|
+
points?: number;
|
|
3068
|
+
}
|
|
3069
|
+
interface QuizQuestion {
|
|
3070
|
+
id: string;
|
|
3071
|
+
type: QuestionType$1;
|
|
3072
|
+
question: string;
|
|
3073
|
+
description?: string;
|
|
3074
|
+
image?: string;
|
|
3075
|
+
options?: QuizAnswer[];
|
|
3076
|
+
correctAnswer?: string | string[] | number | boolean;
|
|
3077
|
+
points?: number;
|
|
3078
|
+
timeLimit?: number;
|
|
3079
|
+
required?: boolean;
|
|
3080
|
+
explanation?: string;
|
|
3081
|
+
hint?: string;
|
|
3082
|
+
tags?: string[];
|
|
3083
|
+
}
|
|
3084
|
+
interface QuizResult$1 {
|
|
3085
|
+
questionId: string;
|
|
3086
|
+
answer: any;
|
|
3087
|
+
isCorrect?: boolean;
|
|
3088
|
+
points: number;
|
|
3089
|
+
timeSpent: number;
|
|
3090
|
+
}
|
|
3091
|
+
interface QuizFormProps {
|
|
3092
|
+
title: string;
|
|
3093
|
+
description?: string;
|
|
3094
|
+
questions: QuizQuestion[];
|
|
3095
|
+
onComplete?: (results: QuizResult$1[], score: number, totalScore: number) => void | Promise<void>;
|
|
3096
|
+
showTimer?: boolean;
|
|
3097
|
+
totalTimeLimit?: number;
|
|
3098
|
+
showProgress?: boolean;
|
|
3099
|
+
showQuestionNumbers?: boolean;
|
|
3100
|
+
allowReview?: boolean;
|
|
3101
|
+
allowSkip?: boolean;
|
|
3102
|
+
shuffleQuestions?: boolean;
|
|
3103
|
+
shuffleOptions?: boolean;
|
|
3104
|
+
passingScore?: number;
|
|
3105
|
+
instantFeedback?: boolean;
|
|
3106
|
+
showHints?: boolean;
|
|
3107
|
+
className?: string;
|
|
3108
|
+
}
|
|
3109
|
+
|
|
3110
|
+
interface CreditCardInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
|
|
3111
|
+
value?: {
|
|
3112
|
+
number: string;
|
|
3113
|
+
expiry: string;
|
|
3114
|
+
cvc: string;
|
|
3115
|
+
name?: string;
|
|
3116
|
+
};
|
|
3117
|
+
onChange?: (value: {
|
|
3118
|
+
number: string;
|
|
3119
|
+
expiry: string;
|
|
3120
|
+
cvc: string;
|
|
3121
|
+
name?: string;
|
|
3122
|
+
}) => void;
|
|
3123
|
+
showCardPreview?: boolean;
|
|
3124
|
+
showCardType?: boolean;
|
|
3125
|
+
showSecurityBadge?: boolean;
|
|
3126
|
+
autoFormat?: boolean;
|
|
3127
|
+
validateOnChange?: boolean;
|
|
3128
|
+
labels?: {
|
|
3129
|
+
number?: string;
|
|
3130
|
+
expiry?: string;
|
|
3131
|
+
cvc?: string;
|
|
3132
|
+
name?: string;
|
|
3133
|
+
};
|
|
3134
|
+
placeholders?: {
|
|
3135
|
+
number?: string;
|
|
3136
|
+
expiry?: string;
|
|
3137
|
+
cvc?: string;
|
|
3138
|
+
name?: string;
|
|
3139
|
+
};
|
|
3140
|
+
errors?: {
|
|
3141
|
+
number?: string;
|
|
3142
|
+
expiry?: string;
|
|
3143
|
+
cvc?: string;
|
|
3144
|
+
name?: string;
|
|
3145
|
+
};
|
|
3146
|
+
className?: string;
|
|
3147
|
+
inputClassName?: string;
|
|
3148
|
+
labelClassName?: string;
|
|
3149
|
+
errorClassName?: string;
|
|
3150
|
+
}
|
|
3151
|
+
declare const MoonUICreditCardInputPro: React__default.ForwardRefExoticComponent<CreditCardInputProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
3152
|
+
|
|
3153
|
+
declare const countries: {
|
|
3154
|
+
code: string;
|
|
3155
|
+
name: string;
|
|
3156
|
+
dialCode: string;
|
|
3157
|
+
flag: string;
|
|
3158
|
+
format: string;
|
|
3159
|
+
}[];
|
|
3160
|
+
interface PhoneNumberInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
|
|
3161
|
+
value?: {
|
|
3162
|
+
country: string;
|
|
3163
|
+
number: string;
|
|
3164
|
+
};
|
|
3165
|
+
onChange?: (value: {
|
|
3166
|
+
country: string;
|
|
3167
|
+
number: string;
|
|
3168
|
+
fullNumber: string;
|
|
3169
|
+
isValid: boolean;
|
|
3170
|
+
}) => void;
|
|
3171
|
+
defaultCountry?: string;
|
|
3172
|
+
countries?: typeof countries;
|
|
3173
|
+
showFlags?: boolean;
|
|
3174
|
+
showDialCode?: boolean;
|
|
3175
|
+
autoFormat?: boolean;
|
|
3176
|
+
validateOnChange?: boolean;
|
|
3177
|
+
showValidationIcon?: boolean;
|
|
3178
|
+
label?: string;
|
|
3179
|
+
error?: string;
|
|
3180
|
+
helperText?: string;
|
|
3181
|
+
required?: boolean;
|
|
3182
|
+
className?: string;
|
|
3183
|
+
inputClassName?: string;
|
|
3184
|
+
selectClassName?: string;
|
|
3185
|
+
labelClassName?: string;
|
|
3186
|
+
errorClassName?: string;
|
|
3187
|
+
allowInternationalFormat?: boolean;
|
|
3188
|
+
}
|
|
3189
|
+
declare const MoonUIPhoneNumberInputPro: React__default.ForwardRefExoticComponent<PhoneNumberInputProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
3190
|
+
|
|
3191
|
+
declare const quizFormVariants: (props?: ({
|
|
3192
|
+
variant?: "default" | "exam" | "personality" | null | undefined;
|
|
3193
|
+
size?: "sm" | "lg" | "md" | null | undefined;
|
|
3194
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
3195
|
+
type QuestionType = 'single-choice' | 'multiple-choice' | 'text' | 'rating' | 'true-false' | 'matching';
|
|
3196
|
+
interface Question {
|
|
3197
|
+
id: string;
|
|
3198
|
+
type: QuestionType;
|
|
3199
|
+
question: string;
|
|
3200
|
+
options?: string[];
|
|
3201
|
+
correctAnswer?: string | string[] | Record<string, string>;
|
|
3202
|
+
points?: number;
|
|
3203
|
+
hint?: string;
|
|
3204
|
+
explanation?: string;
|
|
3205
|
+
required?: boolean;
|
|
3206
|
+
leftOptions?: string[];
|
|
3207
|
+
rightOptions?: string[];
|
|
3208
|
+
maxRating?: number;
|
|
3209
|
+
ratingLabels?: string[];
|
|
3210
|
+
}
|
|
3211
|
+
interface QuizSettings {
|
|
3212
|
+
shuffleQuestions?: boolean;
|
|
3213
|
+
shuffleOptions?: boolean;
|
|
3214
|
+
showInstantFeedback?: boolean;
|
|
3215
|
+
showHints?: boolean;
|
|
3216
|
+
allowReview?: boolean;
|
|
3217
|
+
timeLimit?: number;
|
|
3218
|
+
passingScore?: number;
|
|
3219
|
+
maxAttempts?: number;
|
|
3220
|
+
}
|
|
3221
|
+
interface UserAnswer {
|
|
3222
|
+
questionId: string;
|
|
3223
|
+
answer: string | string[] | Record<string, string> | null;
|
|
3224
|
+
timeSpent?: number;
|
|
3225
|
+
}
|
|
3226
|
+
interface QuizResult {
|
|
3227
|
+
score: number;
|
|
3228
|
+
totalScore: number;
|
|
3229
|
+
percentage: number;
|
|
3230
|
+
passed?: boolean;
|
|
3231
|
+
answers: Array<{
|
|
3232
|
+
questionId: string;
|
|
3233
|
+
userAnswer: any;
|
|
3234
|
+
correctAnswer: any;
|
|
3235
|
+
isCorrect: boolean;
|
|
3236
|
+
points: number;
|
|
3237
|
+
}>;
|
|
3238
|
+
timeSpent?: number;
|
|
3239
|
+
completedAt: Date;
|
|
3240
|
+
}
|
|
3241
|
+
interface MoonUIQuizFormProProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onProgress'>, VariantProps<typeof quizFormVariants> {
|
|
3242
|
+
questions: Question[];
|
|
3243
|
+
settings?: QuizSettings;
|
|
3244
|
+
onComplete?: (result: QuizResult) => void;
|
|
3245
|
+
onProgress?: (current: number, total: number) => void;
|
|
3246
|
+
title?: string;
|
|
3247
|
+
description?: string;
|
|
3248
|
+
}
|
|
3249
|
+
declare const MoonUIQuizFormPro: React__default.ForwardRefExoticComponent<MoonUIQuizFormProProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
3250
|
+
|
|
3251
|
+
export { AIConfig, MoonUIAccordionPro as Accordion, MoonUIAccordionContentPro as AccordionContent, MoonUIAccordionItemPro as AccordionItem, MoonUIAccordionTriggerPro as AccordionTrigger, ActivityItem, Calendar as AdvancedCalendar, AdvancedChart, AdvancedFormField, AdvancedForms, AdvancedFormsProps, MoonUIAlertPro as Alert, MoonUIAlertDescriptionPro as AlertDescription, MoonUIAlertTitlePro as AlertTitle, MoonUIAspectRatioPro as AspectRatio, MoonUIAvatarPro as Avatar, MoonUIAvatarFallbackPro as AvatarFallback, MoonUIAvatarImagePro as AvatarImage, MoonUIBadgePro as Badge, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIBreadcrumbPagePro as BreadcrumbPage, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, BulkAction, MoonUIButtonPro as Button, Calendar$1 as Calendar, CalendarCategory, CalendarEvent, CalendarPro, CalendarProProps, CalendarView, MoonUICardPro as Card, MoonUICardContentPro as CardContent, MoonUICardDescriptionPro as CardDescription, MoonUICardFooterPro as CardFooter, MoonUICardHeaderPro as CardHeader, MoonUICardTitlePro as CardTitle, ChartData, ChartDataPoint, ChartSeries, ChartType, MoonUICheckboxPro as Checkbox, MoonUICollapsiblePro as Collapsible, MoonUICollapsibleContentPro as CollapsibleContent, MoonUICollapsibleTriggerPro as CollapsibleTrigger, MoonUIColorPickerPro as ColorPicker, MoonUICommandPro as Command, MoonUICommandDialogPro as CommandDialog, MoonUICommandEmptyPro as CommandEmpty, MoonUICommandGroupPro as CommandGroup, MoonUICommandInputPro as CommandInput, MoonUICommandItemPro as CommandItem, MoonUICommandListPro as CommandList, MoonUICommandSeparatorPro as CommandSeparator, MoonUICommandShortcutPro as CommandShortcut, ComparisonData, ConnectorRenderer, CreditCardInputProps, Dashboard, DataTable, MoonUIDialogPro as Dialog, MoonUIDialogClosePro as DialogClose, MoonUIDialogContentPro as DialogContent, MoonUIDialogDescriptionPro as DialogDescription, MoonUIDialogFooterPro as DialogFooter, MoonUIDialogHeaderPro as DialogHeader, MoonUIDialogTitlePro as DialogTitle, MoonUIDialogTriggerPro as DialogTrigger, DraggableList, DraggableListProps, MoonUIDropdownMenuPro as DropdownMenu, MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, MoonUIDropdownMenuContentPro as DropdownMenuContent, MoonUIDropdownMenuGroupPro as DropdownMenuGroup, MoonUIDropdownMenuItemPro as DropdownMenuItem, MoonUIDropdownMenuLabelPro as DropdownMenuLabel, MoonUIDropdownMenuPortalPro as DropdownMenuPortal, MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup, MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, MoonUIDropdownMenuSubPro as DropdownMenuSub, MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, ErrorBoundary, EventRenderer, ExportFormat, FileUploadItem, FileUploadProProps, FilterCondition, FilterOperator, FloatingActionButton, FloatingActionButtonProps, FormWizardNavigation, FormWizardProgress, FormWizardProps, FormWizardStep, GalleryCategory, MoonUIGalleryItemPro as GalleryItem, GallerySortOption, GestureDrawer, GestureDrawerProps, GitHubRepository, GitHubStars, GitHubStarsProps, HealthCheck, HealthCheckEndpoint, HealthCheckProps, HealthCheckResult, HoverCard, HoverCard3D, HoverCard3DProps, HoverCardContent, HoverCardTrigger, IconRenderer, MoonUIInputPro as Input, ItemHeightInfo, Kanban, KanbanAssignee, KanbanCard, KanbanColumn, KanbanLabel, KanbanProps, LANGUAGE_COLORS, MoonUILabelPro as Label, LazyComponent, LazyImage, LazyImageProps, LazyList, LazyListProps, LightboxContent, LightboxContentProps, LightboxProvider, LightboxTrigger, MagneticButton, MagneticButtonProps, MoonUIMediaGalleryPro as MediaGallery, MediaItem, MemoryAnalytics, MemoryAnalyticsProps, MemoryConfig, MemoryEfficientData, MemoryEfficientDataProps, MemoryPerformanceMetrics, MemoryStats, MetricData, MilestoneEvent, MoonUIAccordionContentPro, MoonUIAccordionItemPro, MoonUIAccordionPro, MoonUIAccordionTriggerPro, MoonUIAlertDescriptionPro, MoonUIAlertPro, MoonUIAlertTitlePro, MoonUIAnimatedButtonPro, MoonUIAnimatedButtonProProps, MoonUIAspectRatioPro, MoonUIAvatarFallbackPro, MoonUIAvatarImagePro, MoonUIAvatarPro, MoonUIBadgePro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbPagePro, MoonUIBreadcrumbPro, MoonUIBreadcrumbSeparatorPro, MoonUIButtonPro, MoonUICardContentPro, MoonUICardDescriptionPro, MoonUICardFooterPro, MoonUICardHeaderPro, MoonUICardPro, MoonUICardTitlePro, MoonUICheckboxPro, MoonUICollapsibleContentPro, MoonUICollapsiblePro, MoonUICollapsibleTriggerPro, MoonUIColorPickerPro, MoonUICommandDialogPro, MoonUICommandEmptyPro, MoonUICommandGroupPro, MoonUICommandInputPro, MoonUICommandItemPro, MoonUICommandListPro, MoonUICommandPro, MoonUICommandSeparatorPro, MoonUICommandShortcutPro, MoonUICreditCardInputPro, MoonUIDialogClosePro, MoonUIDialogContentPro, MoonUIDialogDescriptionPro, MoonUIDialogFooterPro, MoonUIDialogHeaderPro, MoonUIDialogPro, MoonUIDialogTitlePro, MoonUIDialogTriggerPro, MoonUIDropdownMenuCheckboxItemPro, MoonUIDropdownMenuContentPro, MoonUIDropdownMenuGroupPro, MoonUIDropdownMenuItemPro, MoonUIDropdownMenuLabelPro, MoonUIDropdownMenuPortalPro, MoonUIDropdownMenuPro, MoonUIDropdownMenuRadioGroupPro, MoonUIDropdownMenuRadioItemPro, MoonUIDropdownMenuSeparatorPro, MoonUIDropdownMenuShortcutPro, MoonUIDropdownMenuSubContentPro, MoonUIDropdownMenuSubPro, MoonUIDropdownMenuSubTriggerPro, MoonUIDropdownMenuTriggerPro, MoonUIFileUploadPro, MoonUIFormWizardPro, MoonUIGalleryItemPro, MoonUIGestureDrawerPro, MoonUIGestureDrawerProProps, MoonUIInputPro, MoonUILabelPro, LightboxContent as MoonUILightboxContentPro, SimpleLightbox as MoonUILightboxPro, LightboxProvider as MoonUILightboxProviderPro, LightboxTrigger as MoonUILightboxTriggerPro, MoonUIMediaGalleryPro, MoonUIPaginationContentPro, MoonUIPaginationEllipsisPro, MoonUIPaginationItemPro, MoonUIPaginationLinkPro, MoonUIPaginationNextPro, MoonUIPaginationPreviousPro, MoonUIPaginationPro, MoonUIPhoneNumberInputPro, MoonUIPopoverContentPro, MoonUIPopoverPro, MoonUIPopoverTriggerPro, MoonUIProgressPro, Question as MoonUIQuestion, QuestionType as MoonUIQuestionType, MoonUIQuizFormPro, MoonUIQuizFormProProps, QuizResult as MoonUIQuizResult, QuizSettings as MoonUIQuizSettings, MoonUIRadioGroupContextPro, MoonUIRadioGroupItemPro, MoonUIRadioGroupPro, MoonUIRadioItemWithLabelPro, MoonUIRadioLabelPro, MoonUISelectContentPro, MoonUISelectGroupPro, MoonUISelectItemPro, MoonUISelectLabelPro, MoonUISelectPro, MoonUISelectSeparatorPro, MoonUISelectTriggerPro, MoonUISelectValuePro, MoonUISeparatorPro, MoonUISkeletonPro, MoonUISliderPro, MoonUISwitchPro, MoonUITableBodyPro, MoonUITableCaptionPro, MoonUITableCellPro, MoonUITableFooterPro, MoonUITableHeadPro, MoonUITableHeaderPro, MoonUITablePro, MoonUITableRowPro, MoonUITabsContentPro, MoonUITabsListPro, MoonUITabsPro, MoonUITabsTriggerPro, MoonUITextareaPro, MoonUIToastPro, MoonUITogglePro, MoonUITooltipContentPro, MoonUITooltipPro, MoonUITooltipProviderPro, MoonUITooltipTriggerPro, UserAnswer as MoonUIUserAnswer, MoonUIalertVariantsPro, MoonUIaspectRatioVariantsPro, MoonUIbreadcrumbVariantsPro, MoonUIcollapsibleContentVariantsPro, MoonUIcollapsibleTriggerVariantsPro, MoonUIcommandVariantsPro, MoonUIradioGroupItemVariantsPro, MoonUItableVariantsPro, MoonUItoggleVariantsPro, NestedEvent, OptimizedImage, OptimizedImageProps, OverlayRenderProp, MoonUIPaginationPro as Pagination, MoonUIPaginationContentPro as PaginationContent, MoonUIPaginationEllipsisPro as PaginationEllipsis, MoonUIPaginationItemPro as PaginationItem, MoonUIPaginationLinkPro as PaginationLink, MoonUIPaginationNextPro as PaginationNext, MoonUIPaginationPreviousPro as PaginationPrevious, PerformanceAlert, PerformanceDebugger, PerformanceDebuggerProps, PerformanceEntry, PerformanceMetric, PerformanceMetrics, PerformanceMonitor, PerformanceMonitorProps, PhoneNumberInputProps, PinchZoom, MoonUIPopoverPro as Popover, MoonUIPopoverContentPro as PopoverContent, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIProgressPro as Progress, ProgressData, QuestionType$1 as QuestionType, QuizAnswer, QuizFormProps, QuizQuestion, QuizResult$1 as QuizResult, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIRadioItemWithLabelPro as RadioItemWithLabel, MoonUIRadioLabelPro as RadioLabel, RangeEvent, RealTimePerformanceMonitor, RealTimePerformanceMonitorProps, RecurringEvent, RichTextEditor, ScrollArea, ScrollBar, MoonUISelectPro as Select, MoonUISelectContentPro as SelectContent, MoonUISelectGroupPro as SelectGroup, MoonUISelectItemPro as SelectItem, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectValuePro as SelectValue, SelectableVirtualList, SelectableVirtualListProps, MoonUISeparatorPro as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarConfig, SidebarItem, SidebarSection, SidebarState, SimpleLightbox, MoonUISkeletonPro as Skeleton, MoonUISliderPro as Slider, SpotlightCard, SpotlightCardProps, SpringConfig, SwipeableCard, MoonUISwitchPro as Switch, MoonUITablePro as Table, MoonUITableBodyPro as TableBody, MoonUITableCaptionPro as TableCaption, MoonUITableCellPro as TableCell, TableFeatures, MoonUITableFooterPro as TableFooter, MoonUITableHeadPro as TableHead, MoonUITableHeaderPro as TableHeader, MoonUITableRowPro as TableRow, MoonUITabsPro as Tabs, MoonUITabsContentPro as TabsContent, MoonUITabsListPro as TabsList, MoonUITabsTriggerPro as TabsTrigger, MoonUITextareaPro as Textarea, Timeline, TimelineAnimation, TimelineEvent, TimelineEventBase, TimelineEventMetadata, TimelineEventType, TimelineGroupBy, TimelineLayout, TimelineProps, TimelineTheme, TimelineUser, MoonUIToastPro as Toast, MoonUITogglePro as Toggle, MoonUITooltipPro as Tooltip, MoonUITooltipContentPro as TooltipContent, MoonUITooltipProviderPro as TooltipProvider, MoonUITooltipTriggerPro as TooltipTrigger, VirtualList, VirtualListProps, Widget, WizardStep, WizardStepContentProps, MoonUIalertVariantsPro as alertVariants, MoonUIaspectRatioVariantsPro as aspectRatioVariants, moonUIBadgeVariantsPro as badgeVariants, MoonUIbreadcrumbVariantsPro as breadcrumbVariants, moonUIButtonProVariants as buttonVariants, cn, MoonUIcollapsibleContentVariantsPro as collapsibleContentVariants, MoonUIcollapsibleTriggerVariantsPro as collapsibleTriggerVariants, MoonUIcommandVariantsPro as commandVariants, galleryItemVariants, galleryVariants, getExpandableColumn, hoverCard3DVariants, moonUIAnimatedButtonProVariants, moonUIBadgeVariantsPro, moonUIButtonProVariants, gestureDrawerVariants as moonUIGestureDrawerProVariants, moonUISeparatorVariantsPro, countries as phoneCountries, MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, moonUISeparatorVariantsPro as separatorVariants, MoonUItableVariantsPro as tableVariants, MoonUItoggleVariantsPro as toggleVariants, useExpandableRows, useFormWizard, useStreamingData, useVirtualList };
|