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