@moontra/moonui 2.1.9 → 2.2.1

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.
Files changed (64) hide show
  1. package/dist/index.d.mts +1656 -0
  2. package/dist/index.d.ts +1656 -0
  3. package/dist/index.js +1847 -469
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +1679 -471
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +4 -4
  8. package/src/components/ui/accordion.tsx +1 -1
  9. package/src/components/ui/alert.tsx +123 -93
  10. package/src/components/ui/aspect-ratio.tsx +1 -1
  11. package/src/components/ui/avatar.tsx +8 -6
  12. package/src/components/ui/badge.tsx +20 -18
  13. package/src/components/ui/breadcrumb.tsx +12 -10
  14. package/src/components/ui/button.stories.tsx +4 -2
  15. package/src/components/ui/button.tsx +71 -68
  16. package/src/components/ui/calendar.tsx +2 -2
  17. package/src/components/ui/card-input.tsx +231 -0
  18. package/src/components/ui/card.stories.tsx +2 -0
  19. package/src/components/ui/card.tsx +9 -7
  20. package/src/components/ui/checkbox.tsx +1 -1
  21. package/src/components/ui/collapsible.tsx +3 -3
  22. package/src/components/ui/color-picker.tsx +2 -2
  23. package/src/components/ui/command.tsx +4 -4
  24. package/src/components/ui/data-table.stories.tsx +4 -2
  25. package/src/components/ui/data-table.tsx +8 -8
  26. package/src/components/ui/date-picker.stories.tsx +2 -0
  27. package/src/components/ui/date-picker.tsx +25 -15
  28. package/src/components/ui/dialog.tsx +2 -2
  29. package/src/components/ui/draggable-list.tsx +3 -1
  30. package/src/components/ui/dropdown-menu.tsx +2 -2
  31. package/src/components/ui/file-upload.tsx +2 -2
  32. package/src/components/ui/github-stars.tsx +1 -1
  33. package/src/components/ui/index.ts +357 -45
  34. package/src/components/ui/input.stories.tsx +2 -0
  35. package/src/components/ui/input.tsx +3 -1
  36. package/src/components/ui/locked-component.tsx +222 -0
  37. package/src/components/ui/moon-logo.tsx +1 -1
  38. package/src/components/ui/pagination.tsx +10 -8
  39. package/src/components/ui/phone-input.tsx +172 -0
  40. package/src/components/ui/popover-pro.tsx +424 -0
  41. package/src/components/ui/popover.tsx +3 -3
  42. package/src/components/ui/progress.tsx +1 -1
  43. package/src/components/ui/radio-group.tsx +1 -1
  44. package/src/components/ui/rich-text-editor/index.tsx +2 -1
  45. package/src/components/ui/scroll-area.tsx +48 -0
  46. package/src/components/ui/select.tsx +7 -3
  47. package/src/components/ui/separator.tsx +2 -2
  48. package/src/components/ui/skeleton.tsx +19 -7
  49. package/src/components/ui/slider.tsx +1 -1
  50. package/src/components/ui/swipeable-card.tsx +2 -0
  51. package/src/components/ui/switch.tsx +1 -1
  52. package/src/components/ui/table.tsx +7 -5
  53. package/src/components/ui/tabs.tsx +6 -1
  54. package/src/components/ui/tags-input.tsx +130 -0
  55. package/src/components/ui/textarea.tsx +3 -1
  56. package/src/components/ui/toast.tsx +5 -3
  57. package/src/components/ui/toggle.tsx +2 -3
  58. package/src/components/ui/tooltip.tsx +2 -5
  59. package/src/index.tsx +4 -46
  60. package/src/lib/micro-interactions.ts +2 -1
  61. package/src/lib/performance-profiler.ts +79 -0
  62. package/src/styles/index.css +315 -2
  63. package/src/use-performance-optimizer.ts +26 -26
  64. package/src/use-scroll-animation.ts +5 -7
@@ -0,0 +1,1656 @@
1
+ import * as React from 'react';
2
+ import React__default from 'react';
3
+ import * as AccordionPrimitive from '@radix-ui/react-accordion';
4
+ import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
5
+ import { VariantProps } from 'class-variance-authority';
6
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
7
+ import * as react_jsx_runtime from 'react/jsx-runtime';
8
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
9
+ import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
10
+ import { Command as Command$1 } from 'cmdk';
11
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
12
+ import { FilterFn, ColumnDef } from '@tanstack/react-table';
13
+ export { ColumnDef } from '@tanstack/react-table';
14
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
15
+ import * as LabelPrimitive from '@radix-ui/react-label';
16
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
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 { ClassValue } from 'clsx';
26
+ export { Palette, Pipette } from 'lucide-react';
27
+ export { format } from 'date-fns';
28
+
29
+ declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
30
+ declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
31
+ declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
32
+ declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
33
+
34
+ /**
35
+ * Alert Component
36
+ *
37
+ * Yüksek kaliteli, özelleştirilebilir ve erişilebilir alert bileşeni.
38
+ * Bildirim, uyarı ve dikkat çekmek gereken içerikler için kullanılır.
39
+ */
40
+ declare const alertVariants: (props?: {
41
+ variant?: "default" | "primary" | "success" | "warning" | "error" | "info";
42
+ size?: "default" | "sm" | "lg";
43
+ radius?: "none" | "default" | "sm" | "lg" | "full";
44
+ withClose?: boolean;
45
+ } & class_variance_authority_dist_types.ClassProp) => string;
46
+ interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
47
+ /** Alert ikonunu gizler */
48
+ hideIcon?: boolean;
49
+ /** Kapatma butonu ekler */
50
+ closable?: boolean;
51
+ /** Kapatma butonu tıklandığında çalışacak fonksiyon */
52
+ onClose?: () => void;
53
+ }
54
+ declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
55
+ declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
56
+ declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
57
+
58
+ /**
59
+ * Aspect Ratio Component
60
+ *
61
+ * A component that maintains a specific aspect ratio for content.
62
+ * Particularly useful for images, videos, and media content in responsive designs.
63
+ * Fully integrated with the theme system, accessible and customizable.
64
+ */
65
+ declare const aspectRatioVariants: (props?: {
66
+ variant?: "default" | "ghost" | "outline" | "card";
67
+ radius?: "none" | "sm" | "lg" | "full" | "md";
68
+ } & class_variance_authority_dist_types.ClassProp) => string;
69
+ interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof aspectRatioVariants> {
70
+ /**
71
+ * Aspect ratio (width/height). For example 16/9, 4/3, 1/1 etc.
72
+ * @default 16/9
73
+ */
74
+ ratio?: number;
75
+ }
76
+ declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
77
+
78
+ declare const avatarVariants: (props?: {
79
+ size?: "default" | "sm" | "lg" | "md" | "xs" | "xl" | "2xl";
80
+ radius?: "none" | "default" | "sm" | "lg" | "full";
81
+ variant?: "default" | "border" | "ring" | "ringOffset";
82
+ } & class_variance_authority_dist_types.ClassProp) => string;
83
+ interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
84
+ }
85
+ declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
86
+ declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
87
+ declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
88
+ interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
89
+ limit?: number;
90
+ avatars: React.ReactNode[];
91
+ overlapOffset?: number;
92
+ }
93
+ declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
94
+
95
+ /**
96
+ * Premium Badge Component
97
+ *
98
+ * Durum, kategori ve etiketleme için yüksek kaliteli badge bileşeni.
99
+ * Dark ve light modda uyumlu, erişilebilir ve çeşitli varyantlar sunar.
100
+ */
101
+ declare const badgeVariants: (props?: {
102
+ variant?: "primary" | "success" | "warning" | "ghost" | "outline" | "secondary" | "destructive" | "pro" | "admin";
103
+ size?: "sm" | "lg" | "md";
104
+ radius?: "none" | "default" | "sm" | "lg";
105
+ } & class_variance_authority_dist_types.ClassProp) => string;
106
+ interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof badgeVariants>, 'variant'> {
107
+ withDot?: boolean;
108
+ dotColor?: string;
109
+ removable?: boolean;
110
+ onRemove?: () => void;
111
+ leftIcon?: React.ReactNode;
112
+ rightIcon?: React.ReactNode;
113
+ variant?: 'primary' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'ghost' | 'pro' | 'admin';
114
+ }
115
+ /**
116
+ * Premium Badge Component
117
+ *
118
+ * @param props - Badge bileşeni özellikleri
119
+ * @param props.variant - Badgenin görsel varyantı
120
+ * @param props.size - Badge boyutu
121
+ * @param props.radius - Köşe yuvarlama stili
122
+ * @param props.withDot - Başında nokta gösterimi
123
+ * @param props.dotColor - Noktanın rengi (özel)
124
+ * @param props.removable - Kaldırılabilir badge (X simgesi ile)
125
+ * @param props.onRemove - Kaldırma işlevi
126
+ * @param props.leftIcon - Badge'in solunda görüntülenecek ikon
127
+ * @param props.rightIcon - Badge'in sağında görüntülenecek ikon
128
+ */
129
+ declare function Badge({ className, variant, size, radius, withDot, dotColor, removable, onRemove, leftIcon, rightIcon, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
130
+
131
+ declare const breadcrumbVariants: (props?: {
132
+ variant?: "default" | "ghost" | "muted";
133
+ size?: "default" | "sm" | "lg";
134
+ } & class_variance_authority_dist_types.ClassProp) => string;
135
+ interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof breadcrumbVariants> {
136
+ separator?: React.ReactNode;
137
+ showHomeIcon?: boolean;
138
+ }
139
+ interface BreadcrumbListProps extends React.HTMLAttributes<HTMLOListElement> {
140
+ collapsed?: boolean;
141
+ collapsedWidth?: number;
142
+ }
143
+ interface BreadcrumbItemProps extends React.HTMLAttributes<HTMLLIElement> {
144
+ isCurrent?: boolean;
145
+ href?: string;
146
+ asChild?: boolean;
147
+ }
148
+ interface BreadcrumbSeparatorProps extends React.HTMLAttributes<HTMLSpanElement> {
149
+ /** Custom separator icon or text */
150
+ icon?: React.ReactNode;
151
+ }
152
+ interface BreadcrumbEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {
153
+ /** Custom ellipsis icon */
154
+ icon?: React.ReactNode;
155
+ }
156
+ declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
157
+ declare const BreadcrumbList: React.ForwardRefExoticComponent<BreadcrumbListProps & React.RefAttributes<HTMLOListElement>>;
158
+ declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;
159
+ declare const BreadcrumbSeparator: {
160
+ ({ children, className, ...props }: BreadcrumbSeparatorProps): react_jsx_runtime.JSX.Element;
161
+ displayName: string;
162
+ };
163
+ declare const BreadcrumbEllipsis: {
164
+ ({ className, ...props }: BreadcrumbEllipsisProps): react_jsx_runtime.JSX.Element;
165
+ displayName: string;
166
+ };
167
+ declare const BreadcrumbLink: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
168
+ declare const BreadcrumbPage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
169
+
170
+ /**
171
+ * Premium Button Component
172
+ *
173
+ * A world-class, accessible, and versatile button component.
174
+ * Pixel-perfect design with extensive variants and states.
175
+ */
176
+ declare const buttonVariants: (props?: {
177
+ variant?: "link" | "primary" | "success" | "ghost" | "outline" | "secondary" | "destructive" | "gradient" | "glow" | "soft" | "glass" | "neon";
178
+ size?: "sm" | "lg" | "md" | "icon" | "xs" | "xl" | "icon-sm" | "icon-lg";
179
+ rounded?: "none" | "default" | "sm" | "lg" | "full";
180
+ fullWidth?: boolean;
181
+ } & class_variance_authority_dist_types.ClassProp) => string;
182
+ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
183
+ asChild?: boolean;
184
+ loading?: boolean;
185
+ leftIcon?: React.ReactNode;
186
+ rightIcon?: React.ReactNode;
187
+ }
188
+ /**
189
+ * Premium Button Component
190
+ *
191
+ * @param props - Button component properties
192
+ * @param props.variant - Visual variant (primary, secondary, ghost, etc.)
193
+ * @param props.size - Button size (xs, sm, md, lg, xl)
194
+ * @param props.loading - Loading state display
195
+ * @param props.leftIcon - Icon on the left side
196
+ * @param props.rightIcon - Icon on the right side
197
+ * @param props.fullWidth - Full width display
198
+ * @param props.rounded - Corner rounding style (default, full, none)
199
+ * @param props.asChild - For Radix UI polymorphic component
200
+ */
201
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
202
+
203
+ declare const cardVariants: (props?: {
204
+ variant?: "default" | "outline" | "filled" | "gradient" | "glass" | "elevated";
205
+ size?: "default" | "sm" | "lg" | "xl";
206
+ radius?: "none" | "default" | "sm" | "lg" | "full";
207
+ interactive?: boolean;
208
+ } & class_variance_authority_dist_types.ClassProp) => string;
209
+ interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
210
+ asChild?: boolean;
211
+ microInteraction?: "lift" | "glow" | "scale" | "none";
212
+ }
213
+ declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
214
+ declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
215
+ declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
216
+ declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
217
+ declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
218
+ declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
219
+
220
+ interface CardNumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
221
+ value?: string;
222
+ onChange?: (value: string, cardType: string) => void;
223
+ showIcon?: boolean;
224
+ }
225
+ declare const CardNumberInput: React.ForwardRefExoticComponent<CardNumberInputProps & React.RefAttributes<HTMLInputElement>>;
226
+ interface CardExpiryInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
227
+ value?: string;
228
+ onChange?: (value: string) => void;
229
+ }
230
+ declare const CardExpiryInput: React.ForwardRefExoticComponent<CardExpiryInputProps & React.RefAttributes<HTMLInputElement>>;
231
+ interface CardCVCInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
232
+ value?: string;
233
+ onChange?: (value: string) => void;
234
+ cardType?: string;
235
+ }
236
+ declare const CardCVCInput: React.ForwardRefExoticComponent<CardCVCInputProps & React.RefAttributes<HTMLInputElement>>;
237
+ interface CardZipInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
238
+ value?: string;
239
+ onChange?: (value: string) => void;
240
+ format?: "US" | "CA" | "UK" | "other";
241
+ }
242
+ declare const CardZipInput: React.ForwardRefExoticComponent<CardZipInputProps & React.RefAttributes<HTMLInputElement>>;
243
+
244
+ /**
245
+ * Checkbox Bileşeni
246
+ *
247
+ * Erişilebilir, özelleştirilebilir ve tema sistemiyle tam entegre checkbox bileşeni.
248
+ * Form elemanları ve seçim listeleri için kullanılır.
249
+ */
250
+ declare const checkboxVariants: (props?: {
251
+ variant?: "default" | "ghost" | "outline" | "muted";
252
+ size?: "default" | "sm" | "lg" | "md";
253
+ radius?: "none" | "default" | "sm" | "full" | "md";
254
+ animation?: "none" | "default" | "subtle" | "bounce";
255
+ } & class_variance_authority_dist_types.ClassProp) => string;
256
+ interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
257
+ /**
258
+ * İndeterminate durumu - grup seçimlerinde bazı öğeler seçilmişse kullanılır
259
+ */
260
+ indeterminate?: boolean;
261
+ /**
262
+ * Özel ikon komponenti
263
+ */
264
+ icon?: React.ReactNode;
265
+ }
266
+ declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
267
+ interface CheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
268
+ /**
269
+ * Grup içi yerleşim - dikey veya yatay
270
+ */
271
+ orientation?: "horizontal" | "vertical";
272
+ /**
273
+ * Öğeler arasındaki boşluk (piksel)
274
+ */
275
+ spacing?: number | string;
276
+ /**
277
+ * Alt bileşenler
278
+ */
279
+ children: React.ReactNode;
280
+ }
281
+ declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
282
+ interface CheckboxLabelProps extends React.HTMLAttributes<HTMLLabelElement> {
283
+ /**
284
+ * Checkbox bileşeni için HTML id
285
+ */
286
+ htmlFor?: string;
287
+ /**
288
+ * Label içeriği
289
+ */
290
+ children: React.ReactNode;
291
+ /**
292
+ * Checkbox öncesi veya sonrası
293
+ */
294
+ position?: "start" | "end";
295
+ /**
296
+ * Devre dışı durum stili
297
+ */
298
+ disabled?: boolean;
299
+ }
300
+ declare const CheckboxLabel: React.ForwardRefExoticComponent<CheckboxLabelProps & React.RefAttributes<HTMLLabelElement>>;
301
+ interface CheckboxWithLabelProps extends CheckboxProps {
302
+ /**
303
+ * Label içeriği
304
+ */
305
+ label: React.ReactNode;
306
+ /**
307
+ * Label pozisyonu
308
+ */
309
+ labelPosition?: "start" | "end";
310
+ /**
311
+ * Label için HTML sınıfları
312
+ */
313
+ labelClassName?: string;
314
+ }
315
+ declare const CheckboxWithLabel: React.ForwardRefExoticComponent<CheckboxWithLabelProps & React.RefAttributes<HTMLButtonElement>>;
316
+
317
+ /**
318
+ * Collapsible (Daraltılabilir) Bileşeni
319
+ *
320
+ * İçeriği genişletilip daraltılabilen hafif bir bileşendir.
321
+ * Tema sistemiyle tam entegre, erişilebilir ve özelleştirilebilir.
322
+ */
323
+ declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
324
+ declare const collapsibleTriggerVariants: (props?: {
325
+ variant?: "default" | "ghost" | "outline";
326
+ size?: "default" | "sm" | "lg" | "md";
327
+ } & class_variance_authority_dist_types.ClassProp) => string;
328
+ interface CollapsibleTriggerProps extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>, VariantProps<typeof collapsibleTriggerVariants> {
329
+ }
330
+ declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
331
+ declare const collapsibleContentVariants: (props?: {
332
+ variant?: "default" | "ghost" | "outline";
333
+ size?: "default" | "sm" | "lg" | "md";
334
+ } & class_variance_authority_dist_types.ClassProp) => string;
335
+ interface CollapsibleContentProps extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>, VariantProps<typeof collapsibleContentVariants> {
336
+ }
337
+ declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
338
+
339
+ /**
340
+ * ColorPicker Component
341
+ *
342
+ * A comprehensive color picker with multiple input methods
343
+ */
344
+ declare const colorPickerVariants: (props?: {
345
+ size?: "default" | "sm" | "lg" | "xl";
346
+ shape?: "circle" | "square" | "rounded";
347
+ } & class_variance_authority_dist_types.ClassProp) => string;
348
+ interface ColorPickerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "value">, VariantProps<typeof colorPickerVariants> {
349
+ /**
350
+ * Current color value
351
+ */
352
+ value?: string;
353
+ /**
354
+ * Callback when color changes
355
+ */
356
+ onChange?: (color: string) => void;
357
+ /**
358
+ * Show color input
359
+ */
360
+ showInput?: boolean;
361
+ /**
362
+ * Show preset colors
363
+ */
364
+ showPresets?: boolean;
365
+ /**
366
+ * Preset colors
367
+ */
368
+ presets?: string[];
369
+ /**
370
+ * Allow opacity
371
+ */
372
+ allowOpacity?: boolean;
373
+ /**
374
+ * Color format
375
+ */
376
+ format?: "hex" | "rgb" | "hsl";
377
+ /**
378
+ * Disable copy button
379
+ */
380
+ disableCopy?: boolean;
381
+ /**
382
+ * Trigger mode
383
+ */
384
+ triggerMode?: "click" | "hover";
385
+ }
386
+ declare function ColorPicker({ className, size, shape, value, onChange, showInput, showPresets, presets, allowOpacity, format, disableCopy, triggerMode, disabled, ...props }: ColorPickerProps): react_jsx_runtime.JSX.Element;
387
+ /**
388
+ * SimpleColorPicker Component
389
+ *
390
+ * A simplified color picker with preset colors only
391
+ */
392
+ interface SimpleColorPickerProps {
393
+ value?: string;
394
+ onChange?: (color: string) => void;
395
+ colors?: string[];
396
+ className?: string;
397
+ size?: "sm" | "default" | "lg";
398
+ }
399
+ declare function SimpleColorPicker({ value, onChange, colors, className, size, }: SimpleColorPickerProps): react_jsx_runtime.JSX.Element;
400
+ /**
401
+ * GradientPicker Component
402
+ *
403
+ * Pick gradient colors
404
+ */
405
+ interface GradientPickerProps {
406
+ value?: {
407
+ start: string;
408
+ end: string;
409
+ angle?: number;
410
+ };
411
+ onChange?: (gradient: {
412
+ start: string;
413
+ end: string;
414
+ angle: number;
415
+ }) => void;
416
+ className?: string;
417
+ }
418
+ declare function GradientPicker({ value, onChange, className, }: GradientPickerProps): react_jsx_runtime.JSX.Element;
419
+
420
+ /**
421
+ * Premium Dialog Component
422
+ *
423
+ * Modern, accessible and customizable modal dialog component.
424
+ * Enhances user experience with variants, sizes and rich features.
425
+ * Provides a premium appearance with dark and light mode compatibility and fluid animations.
426
+ */
427
+ declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
428
+ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
429
+ declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
430
+ declare const overlayVariants: (props?: {
431
+ variant?: "default" | "subtle" | "minimal" | "blur";
432
+ animation?: "default" | "slow" | "fast";
433
+ } & class_variance_authority_dist_types.ClassProp) => string;
434
+ declare const dialogContentVariants: (props?: {
435
+ variant?: "default" | "primary" | "ghost" | "secondary" | "destructive";
436
+ size?: "default" | "sm" | "lg" | "full" | "md" | "xs" | "xl";
437
+ radius?: "none" | "default" | "sm" | "lg" | "full" | "xl";
438
+ animation?: "none" | "default" | "zoom" | "fade" | "slide";
439
+ position?: "default" | "bottom" | "top";
440
+ } & class_variance_authority_dist_types.ClassProp) => string;
441
+ interface DialogContentProps extends Omit<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, 'title'>, VariantProps<typeof dialogContentVariants> {
442
+ /** X butonunu gizle */
443
+ hideCloseButton?: boolean;
444
+ /** Overlay varyantı */
445
+ overlayVariant?: VariantProps<typeof overlayVariants>["variant"];
446
+ /** Overlay animasyonu */
447
+ overlayAnimation?: VariantProps<typeof overlayVariants>["animation"];
448
+ /** İçerik başlığı (hızlı kullanım için) */
449
+ title?: React.ReactNode;
450
+ /** İçerik açıklaması (hızlı kullanım için) */
451
+ description?: React.ReactNode;
452
+ /** Başlık ikonu */
453
+ icon?: React.ReactNode;
454
+ /** Yükleniyor durumu */
455
+ loading?: boolean;
456
+ /** Success durumu */
457
+ success?: boolean;
458
+ /** Özel onClose handler */
459
+ onClose?: () => void;
460
+ }
461
+ declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
462
+ declare const DialogHeader: {
463
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
464
+ displayName: string;
465
+ };
466
+ declare const DialogFooter: {
467
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
468
+ displayName: string;
469
+ };
470
+ declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
471
+ declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
472
+ /**
473
+ * Dialog-Form integration for use with form support
474
+ * Used to integrate form submission processes into the modal
475
+ */
476
+ declare const DialogForm: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLFormElement> & React.RefAttributes<HTMLFormElement>>;
477
+
478
+ /**
479
+ * Command (Komut Paleti) Bileşeni
480
+ *
481
+ * Gerçek command palette işlevselliği ile klavye navigasyonu, arama ve filtreleme.
482
+ * cmdk kütüphanesi üzerine inşa edilmiş, tam özellikli command interface.
483
+ */
484
+ declare const commandVariants: (props?: {
485
+ variant?: "default" | "glass" | "bordered";
486
+ size?: "default" | "sm" | "lg";
487
+ } & class_variance_authority_dist_types.ClassProp) => string;
488
+ interface CommandProps extends React.ComponentProps<typeof Command$1>, VariantProps<typeof commandVariants> {
489
+ }
490
+ declare const Command: React.ForwardRefExoticComponent<Omit<CommandProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
491
+ interface CommandDialogProps extends React.ComponentProps<typeof Dialog> {
492
+ commandClassName?: string;
493
+ children?: React.ReactNode;
494
+ }
495
+ declare const CommandDialog: ({ children, commandClassName, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
496
+ interface CommandInputProps extends React.ComponentProps<typeof Command$1.Input> {
497
+ }
498
+ declare const CommandInput: React.ForwardRefExoticComponent<Omit<CommandInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
499
+ interface CommandListProps extends React.ComponentProps<typeof Command$1.List> {
500
+ }
501
+ declare const CommandList: React.ForwardRefExoticComponent<Omit<CommandListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
502
+ interface CommandEmptyProps extends React.ComponentProps<typeof Command$1.Empty> {
503
+ }
504
+ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<CommandEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
505
+ interface CommandGroupProps extends React.ComponentProps<typeof Command$1.Group> {
506
+ }
507
+ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<CommandGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
508
+ interface CommandSeparatorProps extends React.ComponentProps<typeof Command$1.Separator> {
509
+ }
510
+ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<CommandSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
511
+ interface CommandItemProps extends React.ComponentProps<typeof Command$1.Item> {
512
+ }
513
+ declare const CommandItem: React.ForwardRefExoticComponent<Omit<CommandItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
514
+ declare const CommandShortcut: {
515
+ ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
516
+ displayName: string;
517
+ };
518
+
519
+ /**
520
+ * Premium DataTable Component
521
+ *
522
+ * A powerful data table with sorting, filtering, pagination, and more.
523
+ * Built on top of @tanstack/react-table v8.
524
+ */
525
+ declare const dataTableVariants: (props?: {
526
+ variant?: "default" | "cards" | "bordered" | "striped";
527
+ size?: "default" | "sm" | "lg";
528
+ density?: "default" | "compact" | "comfortable";
529
+ } & class_variance_authority_dist_types.ClassProp) => string;
530
+ interface DataTableProps<TData, TValue> extends VariantProps<typeof dataTableVariants> {
531
+ /**
532
+ * The table columns definition
533
+ */
534
+ columns: ColumnDef<TData, TValue>[];
535
+ /**
536
+ * The data to display
537
+ */
538
+ data: TData[];
539
+ /**
540
+ * Enable/disable filtering
541
+ */
542
+ enableFiltering?: boolean;
543
+ /**
544
+ * Enable/disable sorting
545
+ */
546
+ enableSorting?: boolean;
547
+ /**
548
+ * Enable/disable column visibility toggle
549
+ */
550
+ enableColumnVisibility?: boolean;
551
+ /**
552
+ * Enable/disable row selection
553
+ */
554
+ enableRowSelection?: boolean;
555
+ /**
556
+ * Enable/disable pagination
557
+ */
558
+ enablePagination?: boolean;
559
+ /**
560
+ * Rows per page options
561
+ */
562
+ pageSizeOptions?: number[];
563
+ /**
564
+ * Default page size
565
+ */
566
+ defaultPageSize?: number;
567
+ /**
568
+ * Filter placeholder text
569
+ */
570
+ filterPlaceholder?: string;
571
+ /**
572
+ * Filter column key
573
+ */
574
+ filterColumn?: string;
575
+ /**
576
+ * Show loading state
577
+ */
578
+ isLoading?: boolean;
579
+ /**
580
+ * Empty state message
581
+ */
582
+ emptyMessage?: string;
583
+ /**
584
+ * Table title
585
+ */
586
+ title?: string;
587
+ /**
588
+ * Table description
589
+ */
590
+ description?: string;
591
+ /**
592
+ * Enable export functionality
593
+ */
594
+ enableExport?: boolean;
595
+ /**
596
+ * Export handler
597
+ */
598
+ onExport?: (data: TData[]) => void;
599
+ /**
600
+ * Enable refresh functionality
601
+ */
602
+ enableRefresh?: boolean;
603
+ /**
604
+ * Refresh handler
605
+ */
606
+ onRefresh?: () => void;
607
+ /**
608
+ * Additional toolbar actions
609
+ */
610
+ toolbarActions?: React.ReactNode;
611
+ /**
612
+ * Custom filter component
613
+ */
614
+ customFilter?: React.ReactNode;
615
+ /**
616
+ * Row click handler
617
+ */
618
+ onRowClick?: (row: TData) => void;
619
+ /**
620
+ * Class name
621
+ */
622
+ className?: string;
623
+ }
624
+ declare function DataTable<TData, TValue>({ columns, data, enableFiltering, enableSorting, enableColumnVisibility, enableRowSelection, enablePagination, pageSizeOptions, defaultPageSize, filterPlaceholder, filterColumn, isLoading, emptyMessage, title, description, enableExport, onExport, enableRefresh, onRefresh, toolbarActions, customFilter, onRowClick, variant, size, density, className, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
625
+ /**
626
+ * Column Helper Functions
627
+ */
628
+ declare function createSortableHeader(label: string): ({ column }: any) => react_jsx_runtime.JSX.Element;
629
+ declare function createFilterableColumn<TData, TValue>(accessorKey: string, header: string, filterFn?: FilterFn<TData>): ColumnDef<TData, TValue>;
630
+
631
+ interface CalendarProps {
632
+ mode?: "single" | "range" | "multiple";
633
+ selected?: Date | Date[] | {
634
+ from?: Date;
635
+ to?: Date;
636
+ } | undefined;
637
+ onSelect?: (date: Date | Date[] | {
638
+ from?: Date;
639
+ to?: Date;
640
+ } | undefined) => void;
641
+ disabled?: (date: Date) => boolean;
642
+ showOutsideDays?: boolean;
643
+ className?: string;
644
+ classNames?: Record<string, string>;
645
+ numberOfMonths?: number;
646
+ defaultMonth?: Date;
647
+ initialFocus?: boolean;
648
+ }
649
+ declare function Calendar({ mode, selected, onSelect, disabled, showOutsideDays, className, classNames, numberOfMonths, defaultMonth, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
650
+ declare namespace Calendar {
651
+ var displayName: string;
652
+ }
653
+
654
+ /**
655
+ * DatePicker Component
656
+ *
657
+ * A comprehensive date picker with calendar interface
658
+ */
659
+ declare const datePickerVariants: (props?: {
660
+ variant?: "default" | "ghost" | "outline";
661
+ size?: "default" | "sm" | "lg" | "icon";
662
+ state?: "default" | "success" | "warning" | "error";
663
+ } & class_variance_authority_dist_types.ClassProp) => string;
664
+ interface DatePickerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "value">, VariantProps<typeof datePickerVariants> {
665
+ /**
666
+ * Selected date value
667
+ */
668
+ value?: Date;
669
+ /**
670
+ * Callback when date changes
671
+ */
672
+ onChange?: (date: Date | undefined) => void;
673
+ /**
674
+ * Placeholder text
675
+ */
676
+ placeholder?: string;
677
+ /**
678
+ * Date format string
679
+ */
680
+ formatString?: string;
681
+ /**
682
+ * Minimum selectable date
683
+ */
684
+ minDate?: Date;
685
+ /**
686
+ * Maximum selectable date
687
+ */
688
+ maxDate?: Date;
689
+ /**
690
+ * Disabled dates
691
+ */
692
+ disabledDates?: Date[];
693
+ /**
694
+ * Disabled days of week (0-6, Sunday is 0)
695
+ */
696
+ disabledDaysOfWeek?: number[];
697
+ /**
698
+ * Show week numbers
699
+ */
700
+ showWeekNumbers?: boolean;
701
+ /**
702
+ * Icon position
703
+ */
704
+ iconPosition?: "left" | "right";
705
+ /**
706
+ * Custom icon
707
+ */
708
+ icon?: React.ReactNode;
709
+ /**
710
+ * Allow clear
711
+ */
712
+ allowClear?: boolean;
713
+ /**
714
+ * Read only
715
+ */
716
+ readOnly?: boolean;
717
+ /**
718
+ * Show today button
719
+ */
720
+ showTodayButton?: boolean;
721
+ /**
722
+ * Calendar props
723
+ */
724
+ calendarProps?: React.ComponentProps<typeof Calendar>;
725
+ }
726
+ declare function DatePicker({ className, variant, size, state, value, onChange, placeholder, formatString, minDate, maxDate, disabledDates, disabledDaysOfWeek, showWeekNumbers, iconPosition, icon, allowClear, readOnly, showTodayButton, calendarProps, disabled, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
727
+ /**
728
+ * DateRangePicker Component
729
+ *
730
+ * Select a date range with start and end dates
731
+ */
732
+ interface DateRangePickerProps extends Omit<DatePickerProps, "value" | "onChange"> {
733
+ /**
734
+ * Selected date range
735
+ */
736
+ value?: {
737
+ from: Date | undefined;
738
+ to: Date | undefined;
739
+ };
740
+ /**
741
+ * Callback when date range changes
742
+ */
743
+ onChange?: (range: {
744
+ from: Date | undefined;
745
+ to: Date | undefined;
746
+ } | undefined) => void;
747
+ /**
748
+ * Separator between dates
749
+ */
750
+ separator?: string;
751
+ }
752
+ declare function DateRangePicker({ className, value, onChange, placeholder, formatString, separator, ...props }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
753
+ /**
754
+ * DateTimePicker Component
755
+ *
756
+ * Combined date and time picker
757
+ */
758
+ interface DateTimePickerProps extends DatePickerProps {
759
+ /**
760
+ * Show time picker
761
+ */
762
+ showTimePicker?: boolean;
763
+ /**
764
+ * Time format (12 or 24 hour)
765
+ */
766
+ timeFormat?: "12" | "24";
767
+ /**
768
+ * Time interval in minutes
769
+ */
770
+ timeInterval?: number;
771
+ }
772
+ declare function DateTimePicker({ value, onChange, formatString, showTimePicker, timeFormat, timeInterval, ...props }: DateTimePickerProps): react_jsx_runtime.JSX.Element;
773
+ /**
774
+ * MonthPicker Component
775
+ *
776
+ * Select month and year
777
+ */
778
+ interface MonthPickerProps extends Omit<DatePickerProps, "formatString"> {
779
+ /**
780
+ * Format for displaying the month
781
+ */
782
+ formatString?: string;
783
+ }
784
+ declare function MonthPicker({ value, onChange, placeholder, formatString, ...props }: MonthPickerProps): react_jsx_runtime.JSX.Element;
785
+
786
+ interface DraggableListProps<T> {
787
+ items: T[];
788
+ onReorder: (items: T[]) => void;
789
+ renderItem: (item: T, index: number) => React.ReactNode;
790
+ keyExtractor: (item: T) => string;
791
+ className?: string;
792
+ disabled?: boolean;
793
+ }
794
+ declare function DraggableList<T>({ items, onReorder, renderItem, keyExtractor, className, disabled }: DraggableListProps<T>): react_jsx_runtime.JSX.Element;
795
+
796
+ declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
797
+ declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
798
+ declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
799
+ declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
800
+ declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
801
+ declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
802
+ declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
803
+ inset?: boolean;
804
+ } & React.RefAttributes<HTMLDivElement>>;
805
+ declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
806
+ declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
807
+ declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
808
+ inset?: boolean;
809
+ } & React.RefAttributes<HTMLDivElement>>;
810
+ declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
811
+ declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
812
+ declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
813
+ inset?: boolean;
814
+ } & React.RefAttributes<HTMLDivElement>>;
815
+ declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
816
+ declare const DropdownMenuShortcut: {
817
+ ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
818
+ displayName: string;
819
+ };
820
+
821
+ interface FileUploadProps {
822
+ accept?: string;
823
+ multiple?: boolean;
824
+ maxSize?: number;
825
+ maxFiles?: number;
826
+ disabled?: boolean;
827
+ className?: string;
828
+ onUpload?: (files: File[]) => Promise<void>;
829
+ onRemove?: (fileId: string) => void;
830
+ children?: React__default.ReactNode;
831
+ }
832
+ declare const FileUpload: React__default.ForwardRefExoticComponent<FileUploadProps & React__default.RefAttributes<HTMLDivElement>>;
833
+
834
+ interface GestureDrawerProps {
835
+ children: React__default.ReactNode;
836
+ isOpen: boolean;
837
+ onOpenChange: (open: boolean) => void;
838
+ direction?: "up" | "down" | "left" | "right";
839
+ threshold?: number;
840
+ className?: string;
841
+ overlayClassName?: string;
842
+ enableSwipeToClose?: boolean;
843
+ }
844
+ declare const GestureDrawer: React__default.ForwardRefExoticComponent<GestureDrawerProps & React__default.RefAttributes<HTMLDivElement>>;
845
+
846
+ interface GitHubStarsProps {
847
+ className?: string;
848
+ size?: 'sm' | 'md' | 'lg';
849
+ showForks?: boolean;
850
+ showWatchers?: boolean;
851
+ repoUrl?: string;
852
+ }
853
+ declare function GitHubStars({ className, size, showForks, showWatchers, repoUrl }: GitHubStarsProps): react_jsx_runtime.JSX.Element;
854
+ declare function GitHubStarButton({ className, size, repoUrl }: {
855
+ className?: string;
856
+ size?: 'sm' | 'md' | 'lg';
857
+ repoUrl?: string;
858
+ }): react_jsx_runtime.JSX.Element;
859
+
860
+ declare const inputVariants: (props?: {
861
+ variant?: "ghost" | "underline" | "filled" | "standard";
862
+ size?: "sm" | "lg" | "md";
863
+ hasLeftIcon?: boolean;
864
+ hasRightIcon?: boolean;
865
+ hasRightButton?: boolean;
866
+ isError?: boolean;
867
+ isSuccess?: boolean;
868
+ isDisabled?: boolean;
869
+ } & class_variance_authority_dist_types.ClassProp) => string;
870
+ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, Omit<VariantProps<typeof inputVariants>, "isDisabled" | "hasLeftIcon" | "hasRightIcon" | "hasRightButton"> {
871
+ /** Hata mesajı */
872
+ error?: string;
873
+ /** Başarı mesajı */
874
+ success?: string;
875
+ /** Yükleniyor durumu */
876
+ loading?: boolean;
877
+ /** Sol tarafta gösterilecek ikon */
878
+ leftIcon?: React.ReactNode;
879
+ /** Sağ tarafta gösterilecek ikon */
880
+ rightIcon?: React.ReactNode;
881
+ /** Sağ tarafta gösterilecek buton (password show/hide vb. için) */
882
+ rightButton?: React.ReactNode;
883
+ /** Mesajın görünürlüğü (true: her zaman görünür, false: sadece hata/başarı durumunda) */
884
+ alwaysShowMessage?: boolean;
885
+ /** Input wrapper için ek sınıflar */
886
+ wrapperClassName?: string;
887
+ /** Mesaj için ek sınıflar */
888
+ messageClassName?: string;
889
+ }
890
+ /**
891
+ * Premium Input Component
892
+ *
893
+ * @param props - Input bileşeni özellikleri
894
+ * @param props.variant - Görsel varyant (standard, filled, ghost, underline)
895
+ * @param props.size - Boyut (sm, md, lg)
896
+ * @param props.error - Hata mesajı
897
+ * @param props.success - Başarı mesajı
898
+ * @param props.loading - Yükleniyor durumu
899
+ * @param props.leftIcon - Sol tarafta gösterilecek ikon
900
+ * @param props.rightIcon - Sağ tarafta gösterilecek ikon
901
+ * @param props.rightButton - Sağ tarafta gösterilecek buton
902
+ * @param props.alwaysShowMessage - Mesajın her zaman görünür olması
903
+ */
904
+ declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
905
+
906
+ declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_dist_types.ClassProp) => string> & React.RefAttributes<HTMLLabelElement>>;
907
+
908
+ interface LockedComponentProps {
909
+ children: React__default.ReactNode;
910
+ componentName: string;
911
+ className?: string;
912
+ showPreview?: boolean;
913
+ previewDuration?: number;
914
+ }
915
+ declare function LockedComponent({ children, componentName, className, showPreview, previewDuration }: LockedComponentProps): react_jsx_runtime.JSX.Element;
916
+ interface ProComponentWrapperProps {
917
+ children: React__default.ReactNode;
918
+ componentId: string;
919
+ componentName?: string;
920
+ className?: string;
921
+ fallback?: React__default.ReactNode;
922
+ }
923
+ declare function ProComponentWrapper({ children, componentId, componentName, className, fallback }: ProComponentWrapperProps): react_jsx_runtime.JSX.Element;
924
+ declare function ProBadge({ className }: {
925
+ className?: string;
926
+ }): react_jsx_runtime.JSX.Element;
927
+ declare function FreeBadge({ className }: {
928
+ className?: string;
929
+ }): react_jsx_runtime.JSX.Element;
930
+
931
+ interface MoonLogoProps extends React.SVGProps<SVGSVGElement> {
932
+ variant?: "default" | "monochrome" | "gradient";
933
+ showText?: boolean;
934
+ }
935
+ declare function MoonLogo({ className, variant, showText, ...props }: MoonLogoProps): react_jsx_runtime.JSX.Element;
936
+ declare function MoonLogoIcon({ className, variant, ...props }: Omit<MoonLogoProps, "showText">): react_jsx_runtime.JSX.Element;
937
+ declare function MoonLogoAnimated({ className, variant, showText, ...props }: MoonLogoProps): react_jsx_runtime.JSX.Element;
938
+
939
+ declare const Pagination: {
940
+ ({ className, ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
941
+ displayName: string;
942
+ };
943
+ declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
944
+ declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
945
+ type PaginationLinkProps = {
946
+ isActive?: boolean;
947
+ } & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
948
+ declare const PaginationLink: {
949
+ ({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
950
+ displayName: string;
951
+ };
952
+ declare const PaginationPrevious: {
953
+ ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
954
+ displayName: string;
955
+ };
956
+ declare const PaginationNext: {
957
+ ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
958
+ displayName: string;
959
+ };
960
+ declare const PaginationEllipsis: {
961
+ ({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
962
+ displayName: string;
963
+ };
964
+
965
+ declare const countryCodes: {
966
+ code: string;
967
+ country: string;
968
+ flag: string;
969
+ name: string;
970
+ }[];
971
+ interface PhoneInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
972
+ value?: string;
973
+ onChange?: (value: string, countryCode: string) => void;
974
+ defaultCountry?: string;
975
+ showIcon?: boolean;
976
+ showCountrySelect?: boolean;
977
+ countries?: typeof countryCodes;
978
+ }
979
+ declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps & React.RefAttributes<HTMLInputElement>>;
980
+
981
+ /**
982
+ * Popover Bileşeni
983
+ *
984
+ * Tıklanabilir bir öğeden açılan, tema sistemiyle tam entegre bir içerik bileşeni.
985
+ * Filtreler, ayarlar ve diğer içerikler için kullanışlı ve erişilebilir bir arayüz sağlar.
986
+ */
987
+ declare const popoverContentVariants: (props?: {
988
+ variant?: "default" | "outline" | "destructive" | "subtle";
989
+ size?: "default" | "sm" | "lg";
990
+ side?: "left" | "right" | "bottom" | "top";
991
+ position?: "default" | "pointerEventsNone";
992
+ radius?: "none" | "default" | "sm" | "lg" | "full";
993
+ shadow?: "none" | "default" | "sm" | "lg" | "md" | "xl";
994
+ } & class_variance_authority_dist_types.ClassProp) => string;
995
+ declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
996
+ declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
997
+ declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
998
+ interface PopoverContentProps extends Omit<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>, 'side'>, VariantProps<typeof popoverContentVariants> {
999
+ /**
1000
+ * Popover'ın arka plan bulanıklığı etkin mi
1001
+ */
1002
+ backdrop?: boolean;
1003
+ /**
1004
+ * Popover'a tıklandığında kapanıp kapanmayacağı
1005
+ */
1006
+ closeOnInteractOutside?: boolean;
1007
+ /**
1008
+ * Popover açıkken arka planın karartılması
1009
+ */
1010
+ overlayBackdrop?: boolean;
1011
+ }
1012
+ declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
1013
+ /**
1014
+ * PopoverClose bileşeni
1015
+ */
1016
+ declare const PopoverClose: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
1017
+ /**
1018
+ * Popover için bölüm ayırıcı
1019
+ */
1020
+ declare const PopoverSeparator: {
1021
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
1022
+ displayName: string;
1023
+ };
1024
+ /**
1025
+ * Popover başlık bileşeni
1026
+ */
1027
+ declare const PopoverHeader: {
1028
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
1029
+ displayName: string;
1030
+ };
1031
+ /**
1032
+ * Popover footer bileşeni
1033
+ */
1034
+ declare const PopoverFooter: {
1035
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
1036
+ displayName: string;
1037
+ };
1038
+
1039
+ /**
1040
+ * Progress Bileşeni
1041
+ *
1042
+ * İlerleme durumunu görsel olarak gösteren, tema sistemiyle tam entegre bir bileşen.
1043
+ * Yükleme işlemleri, form gönderimi ve diğer zaman alan işlemleri göstermek için kullanılır.
1044
+ */
1045
+ declare const progressVariants: (props?: {
1046
+ variant?: "default" | "primary" | "success" | "warning" | "error" | "secondary";
1047
+ size?: "default" | "sm" | "lg" | "md" | "xs" | "xl";
1048
+ radius?: "none" | "default" | "sm" | "lg" | "full";
1049
+ animation?: "none" | "default" | "smooth" | "fast";
1050
+ } & class_variance_authority_dist_types.ClassProp) => string;
1051
+ declare const progressIndicatorVariants: (props?: {
1052
+ variant?: "default" | "primary" | "success" | "warning" | "error" | "secondary";
1053
+ animation?: "none" | "default" | "smooth" | "fast";
1054
+ } & class_variance_authority_dist_types.ClassProp) => string;
1055
+ interface ProgressProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof progressVariants> {
1056
+ /**
1057
+ * İlerleme çubuğu değeri (0-100)
1058
+ */
1059
+ value?: number;
1060
+ /**
1061
+ * İndikatör (dolgu) için renk varyantı
1062
+ */
1063
+ indicatorVariant?: VariantProps<typeof progressIndicatorVariants>["variant"];
1064
+ /**
1065
+ * İlerleme durumunu gösteren metin görünürlüğü
1066
+ */
1067
+ showValueLabel?: boolean;
1068
+ /**
1069
+ * İlerleme değeri etiketi için format (ör: "30%" veya "3/10")
1070
+ */
1071
+ valueLabel?: string;
1072
+ /**
1073
+ * Etiket stili
1074
+ */
1075
+ labelClassName?: string;
1076
+ /**
1077
+ * Belirsiz ilerleme animasyonu (indeterminate)
1078
+ */
1079
+ indeterminate?: boolean;
1080
+ /**
1081
+ * İlerleme değeri maksimumu (default: 100)
1082
+ */
1083
+ max?: number;
1084
+ }
1085
+ declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
1086
+
1087
+ /**
1088
+ * Radio Group Component
1089
+ *
1090
+ * Accessible, customizable, and fully integrated with the theme system radio button group.
1091
+ * Allows users to select a single option from a group of choices.
1092
+ */
1093
+ declare const radioGroupItemVariants: (props?: {
1094
+ variant?: "default" | "outline" | "filled";
1095
+ size?: "default" | "sm" | "lg" | "md";
1096
+ } & class_variance_authority_dist_types.ClassProp) => string;
1097
+ interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {
1098
+ /**
1099
+ * Radio group value
1100
+ */
1101
+ value?: string;
1102
+ /**
1103
+ * Function to call when radio group value changes
1104
+ */
1105
+ onValueChange?: (value: string) => void;
1106
+ /**
1107
+ * Radio group disabled state
1108
+ */
1109
+ disabled?: boolean;
1110
+ /**
1111
+ * Radio group name
1112
+ */
1113
+ name?: string;
1114
+ }
1115
+ declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
1116
+ interface RadioGroupItemProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof radioGroupItemVariants> {
1117
+ /**
1118
+ * Custom indicator component
1119
+ */
1120
+ indicator?: React.ReactNode;
1121
+ /**
1122
+ * HTML id for radio button
1123
+ */
1124
+ id?: string;
1125
+ /**
1126
+ * Radio button value
1127
+ */
1128
+ value: string;
1129
+ /**
1130
+ * Radio button disabled state
1131
+ */
1132
+ disabled?: boolean;
1133
+ }
1134
+ declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLInputElement>>;
1135
+ interface RadioLabelProps extends React.HTMLAttributes<HTMLLabelElement> {
1136
+ /**
1137
+ * HTML id for radio button
1138
+ */
1139
+ htmlFor?: string;
1140
+ /**
1141
+ * Label content
1142
+ */
1143
+ children: React.ReactNode;
1144
+ /**
1145
+ * Disabled state style
1146
+ */
1147
+ disabled?: boolean;
1148
+ }
1149
+ declare const RadioLabel: React.ForwardRefExoticComponent<RadioLabelProps & React.RefAttributes<HTMLLabelElement>>;
1150
+ interface RadioItemWithLabelProps extends RadioGroupItemProps {
1151
+ /**
1152
+ * Label content
1153
+ */
1154
+ label: React.ReactNode;
1155
+ /**
1156
+ * HTML classes for label
1157
+ */
1158
+ labelClassName?: string;
1159
+ /**
1160
+ * HTML id for radio button
1161
+ */
1162
+ id?: string;
1163
+ /**
1164
+ * Disabled state
1165
+ */
1166
+ disabled?: boolean;
1167
+ }
1168
+ declare const RadioItemWithLabel: React.ForwardRefExoticComponent<RadioItemWithLabelProps & React.RefAttributes<HTMLInputElement>>;
1169
+
1170
+ interface RichTextEditorProps {
1171
+ value?: string;
1172
+ onChange?: (value: string) => void;
1173
+ placeholder?: string;
1174
+ className?: string;
1175
+ disabled?: boolean;
1176
+ }
1177
+ declare function RichTextEditor({ value, onChange, placeholder, className, disabled }: RichTextEditorProps): react_jsx_runtime.JSX.Element;
1178
+
1179
+ declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1180
+ declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1181
+
1182
+ /**
1183
+ * Premium Select Component
1184
+ *
1185
+ * Advanced dropdown/select component with variants, sizes and accessibility features.
1186
+ * Compatible with dark and light mode, providing a modern user experience with smooth animations.
1187
+ */
1188
+ declare const Select: React.FC<SelectPrimitive.SelectProps>;
1189
+ declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
1190
+ declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
1191
+ type SelectTriggerVariant = "standard" | "outline" | "ghost" | "underline";
1192
+ type SelectTriggerSize = "sm" | "md" | "lg";
1193
+ interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
1194
+ /** Visual variant */
1195
+ variant?: SelectTriggerVariant;
1196
+ /** Size */
1197
+ size?: SelectTriggerSize;
1198
+ /** Error state */
1199
+ error?: boolean | string;
1200
+ /** Success state */
1201
+ success?: boolean;
1202
+ /** Loading state */
1203
+ loading?: boolean;
1204
+ /** Icon displayed on the left */
1205
+ leftIcon?: React.ReactNode;
1206
+ /** Icon displayed on the right (instead of default chevron) */
1207
+ rightIcon?: React.ReactNode;
1208
+ }
1209
+ declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1210
+ /**
1211
+ * Scroll Up Button Component
1212
+ */
1213
+ declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1214
+ /**
1215
+ * Scroll Down Button Component
1216
+ */
1217
+ declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1218
+ declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1219
+ declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1220
+ type SelectItemVariant = "default" | "subtle" | "destructive" | "success" | "warning";
1221
+ type SelectItemSize = "sm" | "md" | "lg";
1222
+ interface SelectItemProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
1223
+ /** Visual variant */
1224
+ variant?: SelectItemVariant;
1225
+ /** Size */
1226
+ size?: SelectItemSize;
1227
+ /** Icon displayed on the right */
1228
+ rightIcon?: React.ReactNode;
1229
+ /** Custom indicator icon (instead of default check) */
1230
+ customIndicator?: React.ReactNode;
1231
+ }
1232
+ declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
1233
+ declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1234
+
1235
+ declare const separatorVariants: (props?: {
1236
+ orientation?: "horizontal" | "vertical";
1237
+ variant?: "default" | "dashed" | "dotted" | "gradient";
1238
+ size?: "sm" | "lg" | "md";
1239
+ } & class_variance_authority_dist_types.ClassProp) => string;
1240
+ interface SeparatorProps extends Omit<React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>, keyof VariantProps<typeof separatorVariants>>, VariantProps<typeof separatorVariants> {
1241
+ }
1242
+ declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
1243
+
1244
+ interface SimpleEditorProps {
1245
+ value?: string;
1246
+ onChange?: (value: string) => void;
1247
+ placeholder?: string;
1248
+ disabled?: boolean;
1249
+ className?: string;
1250
+ minHeight?: number;
1251
+ maxHeight?: number;
1252
+ showToolbar?: boolean;
1253
+ showPreview?: boolean;
1254
+ }
1255
+ declare const SimpleEditor: React__default.ForwardRefExoticComponent<SimpleEditorProps & React__default.RefAttributes<HTMLDivElement>>;
1256
+
1257
+ /**
1258
+ * Skeleton Component
1259
+ *
1260
+ * A loading placeholder that mimics the structure of content.
1261
+ * Fully integrated with the theme system and provides various shapes, sizes, and animations.
1262
+ */
1263
+ declare const skeletonVariants: (props?: {
1264
+ variant?: "default" | "primary" | "secondary" | "accent";
1265
+ size?: "default" | "sm" | "lg";
1266
+ shape?: "circle" | "rect" | "pill";
1267
+ animation?: "none" | "pulse" | "wave";
1268
+ } & class_variance_authority_dist_types.ClassProp) => string;
1269
+ interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
1270
+ /**
1271
+ * Height of the skeleton
1272
+ */
1273
+ height?: string | number;
1274
+ /**
1275
+ * Width of the skeleton
1276
+ */
1277
+ width?: string | number;
1278
+ /**
1279
+ * Whether the content is loaded
1280
+ */
1281
+ isLoaded?: boolean;
1282
+ /**
1283
+ * Content to show when loaded
1284
+ */
1285
+ children?: React.ReactNode;
1286
+ /**
1287
+ * Fade-in animation duration in ms
1288
+ */
1289
+ fadeInDuration?: number;
1290
+ /**
1291
+ * Use motion animation for loading state
1292
+ */
1293
+ motion?: boolean;
1294
+ }
1295
+ declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
1296
+ /**
1297
+ * Text Skeleton Component
1298
+ *
1299
+ * Creates skeleton loading states for text content
1300
+ */
1301
+ interface SkeletonTextProps extends Omit<SkeletonProps, "children" | "isLoaded"> {
1302
+ /**
1303
+ * Kaç satır gösterileceği
1304
+ */
1305
+ lines?: number;
1306
+ /**
1307
+ * Satır yüksekliği
1308
+ */
1309
+ lineHeight?: string | number;
1310
+ /**
1311
+ * Satırlar arası boşluk
1312
+ */
1313
+ spacing?: string | number;
1314
+ /**
1315
+ * Son satırın genişlik yüzdesi (0-100)
1316
+ */
1317
+ lastLineWidth?: number;
1318
+ /**
1319
+ * Rastgele satır genişlikleri
1320
+ */
1321
+ randomWidths?: boolean;
1322
+ }
1323
+ declare const SkeletonText: React.ForwardRefExoticComponent<SkeletonTextProps & React.RefAttributes<HTMLDivElement>>;
1324
+ /**
1325
+ * Avatar Skeleton Component
1326
+ */
1327
+ interface SkeletonAvatarProps extends Omit<SkeletonProps, "shape" | "size"> {
1328
+ /**
1329
+ * Avatar boyutu (piksel)
1330
+ */
1331
+ size?: string | number;
1332
+ }
1333
+ declare const SkeletonAvatar: React.ForwardRefExoticComponent<SkeletonAvatarProps & React.RefAttributes<HTMLDivElement>>;
1334
+ /**
1335
+ * Card Skeleton Component
1336
+ */
1337
+ interface SkeletonCardProps extends Omit<SkeletonProps, "children" | "isLoaded"> {
1338
+ /**
1339
+ * Kart başlığının gösterilip gösterilmeyeceği
1340
+ */
1341
+ showHeader?: boolean;
1342
+ /**
1343
+ * İçerik satır sayısı
1344
+ */
1345
+ contentLines?: number;
1346
+ /**
1347
+ * Alt bilgi gösterilip gösterilmeyeceği
1348
+ */
1349
+ showFooter?: boolean;
1350
+ }
1351
+ declare const SkeletonCard: React.ForwardRefExoticComponent<SkeletonCardProps & React.RefAttributes<HTMLDivElement>>;
1352
+
1353
+ /**
1354
+ * Slider Component
1355
+ *
1356
+ * Accessible, customizable slider component fully integrated with the theme system.
1357
+ * Used for value ranges like volume, brightness, price ranges.
1358
+ */
1359
+ declare const sliderVariants: (props?: {
1360
+ size?: "default" | "sm" | "lg" | "md";
1361
+ } & class_variance_authority_dist_types.ClassProp) => string;
1362
+ declare const sliderTrackVariants: (props?: {
1363
+ variant?: "default" | "primary" | "success" | "warning" | "error" | "secondary" | "accent";
1364
+ } & class_variance_authority_dist_types.ClassProp) => string;
1365
+ declare const sliderRangeVariants: (props?: {
1366
+ variant?: "default" | "primary" | "success" | "warning" | "error" | "secondary" | "accent";
1367
+ } & class_variance_authority_dist_types.ClassProp) => string;
1368
+ declare const sliderThumbVariants: (props?: {
1369
+ variant?: "default" | "primary" | "success" | "warning" | "error" | "secondary" | "accent";
1370
+ size?: "default" | "sm" | "lg" | "md";
1371
+ } & class_variance_authority_dist_types.ClassProp) => string;
1372
+ type SliderBaseProps = {
1373
+ /**
1374
+ * Track variant
1375
+ */
1376
+ trackVariant?: VariantProps<typeof sliderTrackVariants>["variant"];
1377
+ /**
1378
+ * Range variant
1379
+ */
1380
+ rangeVariant?: VariantProps<typeof sliderRangeVariants>["variant"];
1381
+ /**
1382
+ * Thumb variant
1383
+ */
1384
+ thumbVariant?: VariantProps<typeof sliderThumbVariants>["variant"];
1385
+ /**
1386
+ * Thumb size
1387
+ */
1388
+ thumbSize?: VariantProps<typeof sliderThumbVariants>["size"];
1389
+ /**
1390
+ * Show value label
1391
+ */
1392
+ showValueLabel?: boolean;
1393
+ /**
1394
+ * Value label format function
1395
+ */
1396
+ valueLabelFormat?: (value: number) => string;
1397
+ /**
1398
+ * Value label class name
1399
+ */
1400
+ valueLabelClassName?: string;
1401
+ /**
1402
+ * Slider value
1403
+ */
1404
+ value?: number[];
1405
+ /**
1406
+ * Default value
1407
+ */
1408
+ defaultValue?: number[];
1409
+ /**
1410
+ * Function called when value changes
1411
+ */
1412
+ onValueChange?: (value: number[]) => void;
1413
+ /**
1414
+ * Minimum value
1415
+ */
1416
+ min?: number;
1417
+ /**
1418
+ * Maximum value
1419
+ */
1420
+ max?: number;
1421
+ /**
1422
+ * Step value
1423
+ */
1424
+ step?: number;
1425
+ /**
1426
+ * Slider size
1427
+ */
1428
+ size?: VariantProps<typeof sliderVariants>["size"];
1429
+ /**
1430
+ * Disabled state
1431
+ */
1432
+ disabled?: boolean;
1433
+ };
1434
+ declare const Slider: React.ForwardRefExoticComponent<SliderBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue"> & React.RefAttributes<HTMLDivElement>>;
1435
+
1436
+ interface SwipeableCardProps extends React.HTMLAttributes<HTMLDivElement> {
1437
+ children: React.ReactNode;
1438
+ onSwipeLeft?: () => void;
1439
+ onSwipeRight?: () => void;
1440
+ threshold?: number;
1441
+ disabled?: boolean;
1442
+ }
1443
+ declare const SwipeableCard: React.ForwardRefExoticComponent<SwipeableCardProps & React.RefAttributes<HTMLDivElement>>;
1444
+
1445
+ type SwitchSize = "sm" | "md" | "lg";
1446
+ type SwitchVariant = "primary" | "success" | "warning" | "danger" | "secondary";
1447
+ interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
1448
+ /** Switch boyutu */
1449
+ size?: SwitchSize;
1450
+ /** Switch renk varyantı */
1451
+ variant?: SwitchVariant;
1452
+ /** Yükleniyor durumunu gösterir */
1453
+ loading?: boolean;
1454
+ /** Sol tarafta gösterilecek ikon */
1455
+ leftIcon?: React.ReactNode;
1456
+ /** Sağ tarafta gösterilecek ikon */
1457
+ rightIcon?: React.ReactNode;
1458
+ /** Switch açıklaması */
1459
+ description?: string;
1460
+ }
1461
+ declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
1462
+
1463
+ type SortDirection = "asc" | "desc" | null;
1464
+ declare const tableVariants: (props?: {
1465
+ variant?: "default" | "card" | "minimal" | "bordered" | "striped";
1466
+ size?: "default" | "sm" | "lg";
1467
+ } & class_variance_authority_dist_types.ClassProp) => string;
1468
+ interface ColumnDefinition<T> {
1469
+ id: string;
1470
+ header: React.ReactNode;
1471
+ accessorKey?: keyof T;
1472
+ cell?: (row: T) => React.ReactNode;
1473
+ sortable?: boolean;
1474
+ }
1475
+ interface TableProps<T> extends React.HTMLAttributes<HTMLTableElement>, VariantProps<typeof tableVariants> {
1476
+ /** Veri yükleniyor durumunu gösterir */
1477
+ loading?: boolean;
1478
+ /** Sıralama için kullanılan sütun */
1479
+ sortColumn?: string;
1480
+ /** Sıralama yönü */
1481
+ sortDirection?: SortDirection;
1482
+ /** Sıralama değiştiğinde çağrılacak fonksiyon */
1483
+ onSortChange?: (column: string, direction: SortDirection) => void;
1484
+ /** Boş durum için özel içerik */
1485
+ emptyContent?: React.ReactNode;
1486
+ /** Seçili satır id'leri */
1487
+ selectedRowIds?: string[];
1488
+ /** Satır seçim değiştiğinde çağrılacak fonksiyon */
1489
+ onRowSelectionChange?: (selectedRowIds: string[]) => void;
1490
+ /** Satır seçim devre dışı */
1491
+ disableRowSelection?: boolean;
1492
+ /** Her satır için benzersiz id çıkarma fonksiyonu */
1493
+ getRowId?: (row: T) => string;
1494
+ }
1495
+ declare const Table: React.ForwardRefExoticComponent<TableProps<unknown> & React.RefAttributes<HTMLTableElement>>;
1496
+ declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
1497
+ interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
1498
+ /** Veri yoksa gösterilecek boş durum içeriği */
1499
+ emptyContent?: React.ReactNode;
1500
+ /** Varsayılan boş durum mesajı */
1501
+ emptyMessage?: string;
1502
+ }
1503
+ declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
1504
+ declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
1505
+ declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
1506
+ interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
1507
+ /** Bu sütun için sıralama durumu */
1508
+ sortable?: boolean;
1509
+ /** Bu sütunun sıralanma durumu */
1510
+ sorted?: SortDirection;
1511
+ /** Sıralama değiştiğinde çağrılacak fonksiyon */
1512
+ onSort?: () => void;
1513
+ }
1514
+ declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
1515
+ declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
1516
+ declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
1517
+
1518
+ interface TabsProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
1519
+ /** Mobil görünümde dikey düzen için */
1520
+ vertical?: boolean;
1521
+ }
1522
+ declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
1523
+ declare const tabsListVariants: (props?: {
1524
+ variant?: "default" | "underline" | "pills" | "cards" | "minimal";
1525
+ orientation?: "horizontal" | "vertical";
1526
+ fullWidth?: boolean;
1527
+ } & class_variance_authority_dist_types.ClassProp) => string;
1528
+ interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {
1529
+ /** Dikey düzende göster */
1530
+ orientation?: "horizontal" | "vertical";
1531
+ }
1532
+ declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
1533
+ declare const tabsTriggerVariants: (props?: {
1534
+ variant?: "default" | "underline" | "pills" | "cards" | "minimal";
1535
+ size?: "sm" | "lg" | "md";
1536
+ orientation?: "horizontal" | "vertical";
1537
+ fullWidth?: boolean;
1538
+ } & class_variance_authority_dist_types.ClassProp) => string;
1539
+ interface TabsTriggerProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, VariantProps<typeof tabsTriggerVariants> {
1540
+ /** İkon konumu */
1541
+ iconPosition?: "left" | "right" | "none";
1542
+ /** İkon */
1543
+ icon?: React.ReactNode;
1544
+ /** Badge içeriği */
1545
+ badge?: React.ReactNode;
1546
+ /** Aktif olmayan durumda yarı saydam */
1547
+ fadeTabs?: boolean;
1548
+ /** Dikey düzende göster */
1549
+ orientation?: "horizontal" | "vertical";
1550
+ }
1551
+ declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1552
+ interface TabsContentProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {
1553
+ /** İçerik animasyonu */
1554
+ animated?: boolean;
1555
+ }
1556
+ declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
1557
+
1558
+ interface TagsInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> {
1559
+ value: string[];
1560
+ onChange: (tags: string[]) => void;
1561
+ maxTags?: number;
1562
+ variant?: "primary" | "secondary" | "destructive" | "outline";
1563
+ allowDuplicates?: boolean;
1564
+ delimiter?: string;
1565
+ }
1566
+ declare const TagsInput: React.ForwardRefExoticComponent<TagsInputProps & React.RefAttributes<HTMLInputElement>>;
1567
+
1568
+ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
1569
+ variant?: "default" | "outline" | "ghost" | "underline";
1570
+ size?: "sm" | "md" | "lg";
1571
+ error?: boolean | string;
1572
+ success?: boolean;
1573
+ loading?: boolean;
1574
+ autoResize?: boolean;
1575
+ maxHeight?: number;
1576
+ characterCount?: boolean;
1577
+ }
1578
+ declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
1579
+
1580
+ declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
1581
+ declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
1582
+ declare const toastVariants: (props?: {
1583
+ variant?: "default" | "success" | "warning" | "info" | "destructive";
1584
+ } & class_variance_authority_dist_types.ClassProp) => string;
1585
+ type ToastProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>;
1586
+ type ToastActionElement = React.ReactElement<typeof ToastAction>;
1587
+ declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
1588
+ declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
1589
+ declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1590
+ declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1591
+ type ToastData = {
1592
+ id: string;
1593
+ title?: React.ReactNode;
1594
+ description?: React.ReactNode;
1595
+ action?: ToastActionElement;
1596
+ variant?: ToastProps["variant"];
1597
+ duration?: number;
1598
+ open?: boolean;
1599
+ onOpenChange?: (open: boolean) => void;
1600
+ };
1601
+ declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: {
1602
+ variant?: "default" | "success" | "warning" | "info" | "destructive";
1603
+ } & class_variance_authority_dist_types.ClassProp) => string> & React.RefAttributes<HTMLLIElement>>;
1604
+ type Toast = Omit<ToastData, "id">;
1605
+ declare function toast({ ...props }: Toast): {
1606
+ id: string;
1607
+ dismiss: () => void;
1608
+ update: (props: ToastData) => void;
1609
+ };
1610
+ declare function useToast(): {
1611
+ toast: typeof toast;
1612
+ dismiss: (toastId?: string) => void;
1613
+ toasts: ToastData[];
1614
+ };
1615
+ declare function Toaster(): react_jsx_runtime.JSX.Element;
1616
+
1617
+ declare const toggleVariants: (props?: {
1618
+ variant?: "default" | "outline";
1619
+ size?: "default" | "sm" | "lg";
1620
+ } & class_variance_authority_dist_types.ClassProp) => string;
1621
+ interface ToggleProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, VariantProps<typeof toggleVariants> {
1622
+ }
1623
+ declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
1624
+
1625
+ declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
1626
+ declare const tooltipVariants: (props?: {
1627
+ variant?: "default" | "success" | "warning" | "info" | "secondary" | "destructive";
1628
+ size?: "sm" | "lg" | "md";
1629
+ } & class_variance_authority_dist_types.ClassProp) => string;
1630
+ declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
1631
+ declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1632
+ declare const TooltipArrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
1633
+ interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipVariants> {
1634
+ showArrow?: boolean;
1635
+ }
1636
+ declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
1637
+ interface SimpleTooltipProps {
1638
+ children: React.ReactElement;
1639
+ content: React.ReactNode;
1640
+ variant?: TooltipContentProps["variant"];
1641
+ size?: TooltipContentProps["size"];
1642
+ side?: "top" | "right" | "bottom" | "left";
1643
+ align?: "start" | "center" | "end";
1644
+ delayDuration?: number;
1645
+ sideOffset?: number;
1646
+ showArrow?: boolean;
1647
+ className?: string;
1648
+ open?: boolean;
1649
+ defaultOpen?: boolean;
1650
+ onOpenChange?: (open: boolean) => void;
1651
+ }
1652
+ declare const SimpleTooltip: React.ForwardRefExoticComponent<SimpleTooltipProps & React.RefAttributes<HTMLDivElement>>;
1653
+
1654
+ declare function cn(...inputs: ClassValue[]): string;
1655
+
1656
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertProps, AlertTitle, AspectRatio, AspectRatioProps, Avatar, AvatarFallback, AvatarGroup, AvatarImage, AvatarProps, Badge, BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonProps, Card, CardCVCInput, CardCVCInputProps, CardContent, CardDescription, CardExpiryInput, CardExpiryInputProps, CardFooter, CardHeader, CardNumberInput, CardNumberInputProps, CardProps, CardTitle, CardZipInput, CardZipInputProps, Checkbox, CheckboxGroup, CheckboxLabel, CheckboxProps, CheckboxWithLabel, Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleTrigger, CollapsibleTriggerProps, ColorPicker, ColorPickerProps, ColumnDefinition, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DataTable, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, DateTimePicker, DateTimePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogForm, DialogHeader, DialogTitle, DialogTrigger, DraggableList, DraggableListProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, FileUploadProps, FreeBadge, GestureDrawer, GestureDrawerProps, GitHubStarButton, GitHubStars, GradientPicker, GradientPickerProps, Input, InputProps, Label, LockedComponent, MonthPicker, MonthPickerProps, MoonLogo, MoonLogoAnimated, MoonLogoIcon, Accordion as MoonUIAccordion, AccordionContent as MoonUIAccordionContent, AccordionItem as MoonUIAccordionItem, AccordionTrigger as MoonUIAccordionTrigger, Alert as MoonUIAlert, AlertDescription as MoonUIAlertDescription, AlertTitle as MoonUIAlertTitle, AspectRatio as MoonUIAspectRatio, Avatar as MoonUIAvatar, AvatarFallback as MoonUIAvatarFallback, AvatarGroup as MoonUIAvatarGroup, AvatarImage as MoonUIAvatarImage, Badge as MoonUIBadge, Breadcrumb as MoonUIBreadcrumb, BreadcrumbEllipsis as MoonUIBreadcrumbEllipsis, BreadcrumbItem as MoonUIBreadcrumbItem, BreadcrumbLink as MoonUIBreadcrumbLink, BreadcrumbList as MoonUIBreadcrumbList, BreadcrumbPage as MoonUIBreadcrumbPage, BreadcrumbSeparator as MoonUIBreadcrumbSeparator, Button as MoonUIButton, Card as MoonUICard, CardCVCInput as MoonUICardCVCInput, CardContent as MoonUICardContent, CardDescription as MoonUICardDescription, CardExpiryInput as MoonUICardExpiryInput, CardFooter as MoonUICardFooter, CardHeader as MoonUICardHeader, CardNumberInput as MoonUICardNumberInput, CardTitle as MoonUICardTitle, CardZipInput as MoonUICardZipInput, Checkbox as MoonUICheckbox, CheckboxGroup as MoonUICheckboxGroup, CheckboxLabel as MoonUICheckboxLabel, CheckboxWithLabel as MoonUICheckboxWithLabel, Collapsible as MoonUICollapsible, CollapsibleContent as MoonUICollapsibleContent, CollapsibleTrigger as MoonUICollapsibleTrigger, ColorPicker as MoonUIColorPicker, Command as MoonUICommand, CommandDialog as MoonUICommandDialog, CommandEmpty as MoonUICommandEmpty, CommandGroup as MoonUICommandGroup, CommandInput as MoonUICommandInput, CommandItem as MoonUICommandItem, CommandList as MoonUICommandList, CommandSeparator as MoonUICommandSeparator, CommandShortcut as MoonUICommandShortcut, DataTable as MoonUIDataTable, DatePicker as MoonUIDatePicker, DateRangePicker as MoonUIDateRangePicker, DateTimePicker as MoonUIDateTimePicker, Dialog as MoonUIDialog, DialogClose as MoonUIDialogClose, DialogContent as MoonUIDialogContent, DialogDescription as MoonUIDialogDescription, DialogFooter as MoonUIDialogFooter, DialogHeader as MoonUIDialogHeader, DialogTitle as MoonUIDialogTitle, DialogTrigger as MoonUIDialogTrigger, DraggableList as MoonUIDraggableList, DropdownMenu as MoonUIDropdownMenu, DropdownMenuCheckboxItem as MoonUIDropdownMenuCheckboxItem, DropdownMenuContent as MoonUIDropdownMenuContent, DropdownMenuGroup as MoonUIDropdownMenuGroup, DropdownMenuItem as MoonUIDropdownMenuItem, DropdownMenuLabel as MoonUIDropdownMenuLabel, DropdownMenuPortal as MoonUIDropdownMenuPortal, DropdownMenuRadioGroup as MoonUIDropdownMenuRadioGroup, DropdownMenuRadioItem as MoonUIDropdownMenuRadioItem, DropdownMenuSeparator as MoonUIDropdownMenuSeparator, DropdownMenuShortcut as MoonUIDropdownMenuShortcut, DropdownMenuSub as MoonUIDropdownMenuSub, DropdownMenuSubContent as MoonUIDropdownMenuSubContent, DropdownMenuSubTrigger as MoonUIDropdownMenuSubTrigger, DropdownMenuTrigger as MoonUIDropdownMenuTrigger, FileUpload as MoonUIFileUpload, FreeBadge as MoonUIFreeBadge, GestureDrawer as MoonUIGestureDrawer, GitHubStars as MoonUIGitHubStars, GradientPicker as MoonUIGradientPicker, Input as MoonUIInput, Label as MoonUILabel, LockedComponent as MoonUILockedComponent, MonthPicker as MoonUIMonthPicker, MoonLogo as MoonUIMoonLogo, Pagination as MoonUIPagination, PaginationContent as MoonUIPaginationContent, PaginationEllipsis as MoonUIPaginationEllipsis, PaginationItem as MoonUIPaginationItem, PaginationLink as MoonUIPaginationLink, PaginationNext as MoonUIPaginationNext, PaginationPrevious as MoonUIPaginationPrevious, PhoneInput as MoonUIPhoneInput, Popover as MoonUIPopover, PopoverContent as MoonUIPopoverContent, PopoverTrigger as MoonUIPopoverTrigger, ProBadge as MoonUIProBadge, ProComponentWrapper as MoonUIProComponentWrapper, Progress as MoonUIProgress, RadioGroup as MoonUIRadioGroup, RadioGroupItem as MoonUIRadioGroupItem, RadioItemWithLabel as MoonUIRadioItemWithLabel, RadioLabel as MoonUIRadioLabel, RichTextEditor as MoonUIRichTextEditor, ScrollArea as MoonUIScrollArea, ScrollBar as MoonUIScrollBar, Select as MoonUISelect, SelectContent as MoonUISelectContent, SelectGroup as MoonUISelectGroup, SelectItem as MoonUISelectItem, SelectLabel as MoonUISelectLabel, SelectScrollDownButton as MoonUISelectScrollDownButton, SelectScrollUpButton as MoonUISelectScrollUpButton, SelectSeparator as MoonUISelectSeparator, SelectTrigger as MoonUISelectTrigger, SelectValue as MoonUISelectValue, Separator as MoonUISeparator, SimpleColorPicker as MoonUISimpleColorPicker, SimpleEditor as MoonUISimpleEditor, Skeleton as MoonUISkeleton, SkeletonAvatar as MoonUISkeletonAvatar, SkeletonCard as MoonUISkeletonCard, SkeletonText as MoonUISkeletonText, Slider as MoonUISlider, SwipeableCard as MoonUISwipeableCard, Switch as MoonUISwitch, Table as MoonUITable, TableBody as MoonUITableBody, TableCaption as MoonUITableCaption, TableCell as MoonUITableCell, TableFooter as MoonUITableFooter, TableHead as MoonUITableHead, TableHeader as MoonUITableHeader, TableRow as MoonUITableRow, Tabs as MoonUITabs, TabsContent as MoonUITabsContent, TabsList as MoonUITabsList, TabsTrigger as MoonUITabsTrigger, TagsInput as MoonUITagsInput, Textarea as MoonUITextarea, Toast as MoonUIToast, ToastAction as MoonUIToastAction, ToastClose as MoonUIToastClose, ToastDescription as MoonUIToastDescription, ToastProvider as MoonUIToastProvider, ToastTitle as MoonUIToastTitle, ToastViewport as MoonUIToastViewport, Toaster as MoonUIToaster, Toggle as MoonUIToggle, Tooltip as MoonUITooltip, TooltipContent as MoonUITooltipContent, TooltipProvider as MoonUITooltipProvider, TooltipTrigger as MoonUITooltipTrigger, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PhoneInput, PhoneInputProps, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverContentProps, PopoverFooter, PopoverHeader, PopoverSeparator, PopoverTrigger, ProBadge, ProComponentWrapper, Progress, ProgressProps, RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps, RadioItemWithLabel, RadioLabel, RichTextEditor, RichTextEditorProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorProps, SimpleColorPicker, SimpleColorPickerProps, SimpleEditor, SimpleEditorProps, SimpleTooltip, SimpleTooltipProps, Skeleton, SkeletonAvatar, SkeletonAvatarProps, SkeletonCard, SkeletonCardProps, SkeletonProps, SkeletonText, SkeletonTextProps, Slider, SortDirection, SwipeableCard, SwipeableCardProps, Switch, SwitchProps, SwitchSize, SwitchVariant, Table, TableBody, TableBodyProps, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, TagsInputProps, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleProps, Tooltip, TooltipArrow, TooltipContent, TooltipContentProps, TooltipProvider, TooltipTrigger, aspectRatioVariants, badgeVariants, buttonVariants, cn, collapsibleContentVariants, collapsibleTriggerVariants, createFilterableColumn, createSortableHeader, badgeVariants as moonUIBadgeVariants, buttonVariants as moonUIButtonVariants, skeletonVariants as moonUISkeletonVariants, toggleVariants as moonUIToggleVariants, popoverContentVariants, progressVariants, separatorVariants, skeletonVariants, toast, toggleVariants, tooltipVariants, useToast };