@moontra/moonui-pro 2.2.10 → 2.2.12
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.mjs +133 -139
- package/package.json +1 -1
- package/src/components/ui/alert.tsx +3 -3
- package/src/components/ui/avatar.tsx +4 -4
- package/src/components/ui/breadcrumb.tsx +18 -25
- package/src/components/ui/button.tsx +1 -1
- package/src/components/ui/card.tsx +6 -6
- package/src/components/ui/checkbox.tsx +9 -9
- package/src/components/ui/dialog.tsx +12 -12
- package/src/components/ui/dropdown-menu.tsx +7 -7
- package/src/components/ui/input.tsx +1 -1
- package/src/components/ui/label.tsx +1 -1
- package/src/components/ui/popover.tsx +1 -1
- package/src/components/ui/radio-group.tsx +21 -25
- package/src/components/ui/select.tsx +10 -10
- package/src/components/ui/slider.tsx +1 -1
- package/src/components/ui/table.tsx +10 -15
- package/src/components/ui/textarea.tsx +1 -1
- package/src/components/ui/toast.tsx +12 -12
- package/src/components/ui/tooltip.tsx +2 -2
|
@@ -15,7 +15,7 @@ import { cn } from "../../lib/utils"
|
|
|
15
15
|
|
|
16
16
|
// Directly re-exporting the Root component
|
|
17
17
|
const MoonUISelectPro = SelectPrimitive.Root
|
|
18
|
-
|
|
18
|
+
MoonUISelect.displayName = "MoonUISelectPro"
|
|
19
19
|
|
|
20
20
|
const MoonUISelectGroupPro = SelectPrimitive.Group
|
|
21
21
|
|
|
@@ -43,7 +43,7 @@ interface MoonUISelectTriggerProProps extends React.ComponentPropsWithoutRef<typ
|
|
|
43
43
|
|
|
44
44
|
const MoonUISelectTriggerPro = React.forwardRef<
|
|
45
45
|
React.ElementRef<typeof SelectPrimitive.Trigger>,
|
|
46
|
-
|
|
46
|
+
MoonUISelectTriggerProProps
|
|
47
47
|
>(({ className, children, variant = "standard", size = "md", error, success, loading, leftIcon, rightIcon, ...props }, ref) => (
|
|
48
48
|
<SelectPrimitive.Trigger
|
|
49
49
|
ref={ref}
|
|
@@ -163,7 +163,7 @@ const MoonUISelectContentPro = React.forwardRef<
|
|
|
163
163
|
position={position}
|
|
164
164
|
{...props}
|
|
165
165
|
>
|
|
166
|
-
<
|
|
166
|
+
<MoonUISelectScrollUpButton />
|
|
167
167
|
<SelectPrimitive.Viewport
|
|
168
168
|
className={cn(
|
|
169
169
|
"p-1",
|
|
@@ -173,11 +173,11 @@ const MoonUISelectContentPro = React.forwardRef<
|
|
|
173
173
|
>
|
|
174
174
|
{children}
|
|
175
175
|
</SelectPrimitive.Viewport>
|
|
176
|
-
<
|
|
176
|
+
<MoonUISelectScrollDownButton />
|
|
177
177
|
</SelectPrimitive.Content>
|
|
178
178
|
</SelectPrimitive.Portal>
|
|
179
179
|
))
|
|
180
|
-
|
|
180
|
+
MoonUISelectContentPro.displayName = SelectPrimitive.Content.displayName
|
|
181
181
|
|
|
182
182
|
const MoonUISelectLabelPro = React.forwardRef<
|
|
183
183
|
React.ElementRef<typeof SelectPrimitive.Label>,
|
|
@@ -189,7 +189,7 @@ const MoonUISelectLabelPro = React.forwardRef<
|
|
|
189
189
|
{...props}
|
|
190
190
|
/>
|
|
191
191
|
))
|
|
192
|
-
|
|
192
|
+
MoonUISelectLabelPro.displayName = SelectPrimitive.Label.displayName
|
|
193
193
|
|
|
194
194
|
type SelectItemVariant = "default" | "subtle" | "destructive" | "success" | "warning";
|
|
195
195
|
type SelectItemSize = "sm" | "md" | "lg";
|
|
@@ -207,7 +207,7 @@ interface MoonUISelectItemProProps extends React.ComponentPropsWithoutRef<typeof
|
|
|
207
207
|
|
|
208
208
|
const MoonUISelectItemPro = React.forwardRef<
|
|
209
209
|
React.ElementRef<typeof SelectPrimitive.Item>,
|
|
210
|
-
|
|
210
|
+
MoonUISelectItemProProps
|
|
211
211
|
>(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => (
|
|
212
212
|
<SelectPrimitive.Item
|
|
213
213
|
ref={ref}
|
|
@@ -257,7 +257,7 @@ const MoonUISelectSeparatorPro = React.forwardRef<
|
|
|
257
257
|
{...props}
|
|
258
258
|
/>
|
|
259
259
|
))
|
|
260
|
-
|
|
260
|
+
MoonUISelectSeparatorPro.displayName = SelectPrimitive.Separator.displayName
|
|
261
261
|
|
|
262
262
|
export { MoonUISelectPro,
|
|
263
263
|
MoonUISelectGroupPro,
|
|
@@ -267,8 +267,8 @@ export { MoonUISelectPro,
|
|
|
267
267
|
MoonUISelectLabelPro,
|
|
268
268
|
MoonUISelectItemPro,
|
|
269
269
|
MoonUISelectSeparatorPro,
|
|
270
|
-
SelectScrollUpButton,
|
|
271
|
-
SelectScrollDownButton,
|
|
270
|
+
MoonUISelectScrollUpButton as SelectScrollUpButton,
|
|
271
|
+
MoonUISelectScrollDownButton as SelectScrollDownButton,
|
|
272
272
|
};
|
|
273
273
|
|
|
274
274
|
// Backward compatibility exports
|
|
@@ -121,7 +121,7 @@ const MoonUITablePro = React.forwardRef<
|
|
|
121
121
|
</div>
|
|
122
122
|
);
|
|
123
123
|
});
|
|
124
|
-
|
|
124
|
+
MoonUITable.displayName = "TablePro";
|
|
125
125
|
|
|
126
126
|
const MoonUITableHeaderPro = React.forwardRef<
|
|
127
127
|
HTMLTableSectionElement,
|
|
@@ -129,7 +129,7 @@ const MoonUITableHeaderPro = React.forwardRef<
|
|
|
129
129
|
>(({ className, ...props }, ref) => (
|
|
130
130
|
<thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
|
|
131
131
|
));
|
|
132
|
-
|
|
132
|
+
MoonUITableHeader.displayName = "TableHeaderPro";
|
|
133
133
|
|
|
134
134
|
interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
|
|
135
135
|
/** Veri yoksa gösterilecek boş durum içeriği */
|
|
@@ -169,7 +169,7 @@ const MoonUITableBodyPro = React.forwardRef<
|
|
|
169
169
|
</tbody>
|
|
170
170
|
)
|
|
171
171
|
});
|
|
172
|
-
|
|
172
|
+
MoonUITableBody.displayName = "TableBodyPro";
|
|
173
173
|
|
|
174
174
|
const MoonUITableFooterPro = React.forwardRef<
|
|
175
175
|
HTMLTableSectionElement,
|
|
@@ -181,7 +181,7 @@ const MoonUITableFooterPro = React.forwardRef<
|
|
|
181
181
|
{...props}
|
|
182
182
|
/>
|
|
183
183
|
));
|
|
184
|
-
|
|
184
|
+
MoonUITableFooter.displayName = "TableFooterPro";
|
|
185
185
|
|
|
186
186
|
const MoonUITableRowPro = React.forwardRef<
|
|
187
187
|
HTMLTableRowElement,
|
|
@@ -196,7 +196,7 @@ const MoonUITableRowPro = React.forwardRef<
|
|
|
196
196
|
{...props}
|
|
197
197
|
/>
|
|
198
198
|
));
|
|
199
|
-
|
|
199
|
+
MoonUITableRow.displayName = "TableRowPro";
|
|
200
200
|
|
|
201
201
|
interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
|
|
202
202
|
/** Bu sütun için sıralama durumu */
|
|
@@ -282,7 +282,7 @@ const MoonUITableHeadPro = React.forwardRef<HTMLTableCellElement, TableHeadProps
|
|
|
282
282
|
);
|
|
283
283
|
}
|
|
284
284
|
);
|
|
285
|
-
|
|
285
|
+
MoonUITableHead.displayName = "TableHeadPro";
|
|
286
286
|
|
|
287
287
|
const MoonUITableCellPro = React.forwardRef<
|
|
288
288
|
HTMLTableCellElement,
|
|
@@ -294,7 +294,7 @@ const MoonUITableCellPro = React.forwardRef<
|
|
|
294
294
|
{...props}
|
|
295
295
|
/>
|
|
296
296
|
));
|
|
297
|
-
|
|
297
|
+
MoonUITableCell.displayName = "TableCellPro";
|
|
298
298
|
|
|
299
299
|
const MoonUITableCaptionPro = React.forwardRef<
|
|
300
300
|
HTMLTableCaptionElement,
|
|
@@ -306,29 +306,24 @@ const MoonUITableCaptionPro = React.forwardRef<
|
|
|
306
306
|
{...props}
|
|
307
307
|
/>
|
|
308
308
|
));
|
|
309
|
-
|
|
309
|
+
MoonUITableCaption.displayName = "TableCaptionPro";
|
|
310
310
|
|
|
311
311
|
|
|
312
312
|
// Internal aliases for Pro component usage
|
|
313
313
|
export const tableVariantsInternal = MoonUItableVariantsPro
|
|
314
314
|
export const TableInternal = MoonUITablePro
|
|
315
|
-
export const stripedInternal = MoonUIstripedPro
|
|
316
|
-
export const childrenWithPropsInternal = MoonUIchildrenWithPropsPro
|
|
317
|
-
export const tbodyPropsInternal = MoonUItbodyPropsPro
|
|
318
315
|
export const TableHeaderInternal = MoonUITableHeaderPro
|
|
319
316
|
export const TableBodyInternal = MoonUITableBodyPro
|
|
320
|
-
export const hasChildrenInternal = MoonUIhasChildrenPro
|
|
321
317
|
export const TableFooterInternal = MoonUITableFooterPro
|
|
322
318
|
export const TableRowInternal = MoonUITableRowPro
|
|
323
319
|
export const TableHeadInternal = MoonUITableHeadPro
|
|
324
|
-
export const renderSortIconInternal = MoonUIrenderSortIconPro
|
|
325
320
|
export const TableCellInternal = MoonUITableCellPro
|
|
326
321
|
export const TableCaptionInternal = MoonUITableCaptionPro
|
|
327
322
|
|
|
328
323
|
// Pro exports
|
|
329
|
-
export { MoonUItableVariantsPro, MoonUITablePro,
|
|
324
|
+
export { MoonUItableVariantsPro, MoonUITablePro, MoonUITableHeaderPro, MoonUITableBodyPro, MoonUITableFooterPro, MoonUITableRowPro, MoonUITableHeadPro, MoonUITableCellPro, MoonUITableCaptionPro }
|
|
330
325
|
|
|
331
326
|
// Clean exports (without MoonUI prefix for easier usage)
|
|
332
|
-
export { MoonUItableVariantsPro as tableVariants, MoonUITablePro as Table,
|
|
327
|
+
export { MoonUItableVariantsPro as tableVariants, MoonUITablePro as Table, MoonUITableHeaderPro as TableHeader, MoonUITableBodyPro as TableBody, MoonUITableFooterPro as TableFooter, MoonUITableRowPro as TableRow, MoonUITableHeadPro as TableHead, MoonUITableCellPro as TableCell, MoonUITableCaptionPro as TableCaption };
|
|
333
328
|
|
|
334
329
|
export type { TableBodyProps };
|
|
@@ -57,7 +57,7 @@ const MoonUIToastPro = React.forwardRef<
|
|
|
57
57
|
return (
|
|
58
58
|
<ToastPrimitives.Root
|
|
59
59
|
ref={ref}
|
|
60
|
-
className={cn(
|
|
60
|
+
className={cn(moonUIToastVariantsPro({ variant }), className)}
|
|
61
61
|
{...props}
|
|
62
62
|
/>
|
|
63
63
|
);
|
|
@@ -280,19 +280,19 @@ function Toaster() {
|
|
|
280
280
|
<ToastProvider>
|
|
281
281
|
{toasts.map(function ({ id, title, description, action, variant, open, onOpenChange, ...props }) {
|
|
282
282
|
return (
|
|
283
|
-
<
|
|
283
|
+
<MoonUIToastPro key={id} variant={variant} open={open} onOpenChange={onOpenChange} {...props}>
|
|
284
284
|
<div className="grid gap-1">
|
|
285
|
-
{title && <
|
|
285
|
+
{title && <MoonUIToastTitle>{title}</MoonUIToastTitle>}
|
|
286
286
|
{description && (
|
|
287
|
-
<
|
|
287
|
+
<MoonUIToastDescription>{description}</MoonUIToastDescription>
|
|
288
288
|
)}
|
|
289
289
|
</div>
|
|
290
290
|
{action}
|
|
291
|
-
<
|
|
292
|
-
</
|
|
291
|
+
<MoonUIToastClose />
|
|
292
|
+
</MoonUIToastPro>
|
|
293
293
|
);
|
|
294
294
|
})}
|
|
295
|
-
<
|
|
295
|
+
<MoonUIToastViewport />
|
|
296
296
|
</ToastProvider>
|
|
297
297
|
);
|
|
298
298
|
}
|
|
@@ -300,12 +300,12 @@ function Toaster() {
|
|
|
300
300
|
export { type ToastProps,
|
|
301
301
|
type ToastActionElement,
|
|
302
302
|
ToastProvider,
|
|
303
|
-
ToastViewport,
|
|
303
|
+
MoonUIToastViewport as ToastViewport,
|
|
304
304
|
MoonUIToastPro,
|
|
305
|
-
ToastTitle,
|
|
306
|
-
ToastDescription,
|
|
307
|
-
ToastAction,
|
|
308
|
-
ToastClose,
|
|
305
|
+
MoonUIToastTitle as ToastTitle,
|
|
306
|
+
MoonUIToastDescription as ToastDescription,
|
|
307
|
+
MoonUIToastAction as ToastAction,
|
|
308
|
+
MoonUIToastClose as ToastClose,
|
|
309
309
|
Toaster,
|
|
310
310
|
toast,
|
|
311
311
|
useToast,
|
|
@@ -69,7 +69,7 @@ const MoonUITooltipContentPro = React.forwardRef<
|
|
|
69
69
|
{showArrow && <TooltipArrow />}
|
|
70
70
|
</TooltipPrimitive.Content>
|
|
71
71
|
))
|
|
72
|
-
|
|
72
|
+
MoonUITooltipContentPro.displayName = TooltipPrimitive.Content.displayName
|
|
73
73
|
|
|
74
74
|
// Simplified Tooltip component for easy usage
|
|
75
75
|
interface SimpleTooltipProps {
|
|
@@ -139,7 +139,7 @@ const MoonUISimpleTooltip = React.forwardRef<
|
|
|
139
139
|
)
|
|
140
140
|
}
|
|
141
141
|
)
|
|
142
|
-
|
|
142
|
+
MoonUISimpleTooltipPro.displayName = "SimpleTooltip"
|
|
143
143
|
|
|
144
144
|
export { MoonUITooltipPro,
|
|
145
145
|
MoonUITooltipProviderPro,
|