@moontra/moonui 6.2.0 → 6.3.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/hooks/index.global.js +0 -29
- package/dist/hooks/index.global.js.map +1 -1
- package/dist/index.d.mts +6 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.global.js +13 -348
- package/dist/index.global.js.map +1 -1
- package/dist/index.js +287 -272
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +251 -236
- package/dist/index.mjs.map +1 -1
- package/dist/lib/theme.global.js +0 -37
- package/dist/lib/theme.global.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ui/__tests__/badge.test.tsx +67 -9
- package/src/components/ui/badge.tsx +12 -2
- package/src/lib/utils.ts +25 -0
package/dist/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
'use strict';
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var React25 = require('react');
|
|
6
6
|
var AccordionPrimitive = require('@radix-ui/react-accordion');
|
|
7
7
|
var lucideReact = require('lucide-react');
|
|
8
8
|
var clsx = require('clsx');
|
|
@@ -52,7 +52,7 @@ function _interopNamespace(e) {
|
|
|
52
52
|
return Object.freeze(n);
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
-
var
|
|
55
|
+
var React25__namespace = /*#__PURE__*/_interopNamespace(React25);
|
|
56
56
|
var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
|
|
57
57
|
var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
|
|
58
58
|
var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
|
|
@@ -75,8 +75,22 @@ var ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroup
|
|
|
75
75
|
function cn(...inputs) {
|
|
76
76
|
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
77
77
|
}
|
|
78
|
+
function readableText(node) {
|
|
79
|
+
if (node === null || node === void 0 || typeof node === "boolean")
|
|
80
|
+
return "";
|
|
81
|
+
if (typeof node === "string" || typeof node === "number")
|
|
82
|
+
return String(node);
|
|
83
|
+
if (Array.isArray(node)) {
|
|
84
|
+
return node.map(readableText).filter(Boolean).join(" ").trim();
|
|
85
|
+
}
|
|
86
|
+
if (React25__namespace.isValidElement(node)) {
|
|
87
|
+
const props = node.props;
|
|
88
|
+
return readableText(props.children);
|
|
89
|
+
}
|
|
90
|
+
return "";
|
|
91
|
+
}
|
|
78
92
|
var Accordion = AccordionPrimitive__namespace.Root;
|
|
79
|
-
var AccordionItem =
|
|
93
|
+
var AccordionItem = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
80
94
|
AccordionPrimitive__namespace.Item,
|
|
81
95
|
{
|
|
82
96
|
ref,
|
|
@@ -85,7 +99,7 @@ var AccordionItem = React24__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
85
99
|
}
|
|
86
100
|
));
|
|
87
101
|
AccordionItem.displayName = "AccordionItem";
|
|
88
|
-
var AccordionTrigger =
|
|
102
|
+
var AccordionTrigger = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
89
103
|
AccordionPrimitive__namespace.Trigger,
|
|
90
104
|
{
|
|
91
105
|
ref,
|
|
@@ -103,7 +117,7 @@ var AccordionTrigger = React24__namespace.forwardRef(({ className, children, ...
|
|
|
103
117
|
}
|
|
104
118
|
) }));
|
|
105
119
|
AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
|
|
106
|
-
var AccordionContent =
|
|
120
|
+
var AccordionContent = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
107
121
|
AccordionPrimitive__namespace.Content,
|
|
108
122
|
{
|
|
109
123
|
ref,
|
|
@@ -156,7 +170,7 @@ var alertVariants = classVarianceAuthority.cva(
|
|
|
156
170
|
}
|
|
157
171
|
}
|
|
158
172
|
);
|
|
159
|
-
var Alert =
|
|
173
|
+
var Alert = React25__namespace.forwardRef(
|
|
160
174
|
({
|
|
161
175
|
className,
|
|
162
176
|
variant = "default",
|
|
@@ -168,7 +182,7 @@ var Alert = React24__namespace.forwardRef(
|
|
|
168
182
|
children,
|
|
169
183
|
...props
|
|
170
184
|
}, ref) => {
|
|
171
|
-
const Icon2 =
|
|
185
|
+
const Icon2 = React25__namespace.useMemo(() => {
|
|
172
186
|
switch (variant) {
|
|
173
187
|
case "success":
|
|
174
188
|
return lucideReact.Check;
|
|
@@ -216,7 +230,7 @@ var Alert = React24__namespace.forwardRef(
|
|
|
216
230
|
}
|
|
217
231
|
);
|
|
218
232
|
Alert.displayName = "Alert";
|
|
219
|
-
var AlertTitle =
|
|
233
|
+
var AlertTitle = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
220
234
|
"h5",
|
|
221
235
|
{
|
|
222
236
|
ref,
|
|
@@ -229,7 +243,7 @@ var AlertTitle = React24__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
229
243
|
}
|
|
230
244
|
));
|
|
231
245
|
AlertTitle.displayName = "AlertTitle";
|
|
232
|
-
var AlertDescription =
|
|
246
|
+
var AlertDescription = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
233
247
|
"div",
|
|
234
248
|
{
|
|
235
249
|
ref,
|
|
@@ -271,7 +285,7 @@ var aspectRatioVariants = classVarianceAuthority.cva(
|
|
|
271
285
|
}
|
|
272
286
|
}
|
|
273
287
|
);
|
|
274
|
-
var AspectRatio =
|
|
288
|
+
var AspectRatio = React25__namespace.forwardRef(({ className, variant, radius, ratio = 16 / 9, style, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
275
289
|
"div",
|
|
276
290
|
{
|
|
277
291
|
ref,
|
|
@@ -320,7 +334,7 @@ var avatarVariants = classVarianceAuthority.cva(
|
|
|
320
334
|
}
|
|
321
335
|
}
|
|
322
336
|
);
|
|
323
|
-
var Avatar =
|
|
337
|
+
var Avatar = React25__namespace.forwardRef(({ className, size, radius, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
324
338
|
AvatarPrimitive__namespace.Root,
|
|
325
339
|
{
|
|
326
340
|
ref,
|
|
@@ -329,7 +343,7 @@ var Avatar = React24__namespace.forwardRef(({ className, size, radius, variant,
|
|
|
329
343
|
}
|
|
330
344
|
));
|
|
331
345
|
Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
|
|
332
|
-
var AvatarImage =
|
|
346
|
+
var AvatarImage = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
333
347
|
AvatarPrimitive__namespace.Image,
|
|
334
348
|
{
|
|
335
349
|
ref,
|
|
@@ -338,7 +352,7 @@ var AvatarImage = React24__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
338
352
|
}
|
|
339
353
|
));
|
|
340
354
|
AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
|
|
341
|
-
var AvatarFallback =
|
|
355
|
+
var AvatarFallback = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
342
356
|
AvatarPrimitive__namespace.Fallback,
|
|
343
357
|
{
|
|
344
358
|
ref,
|
|
@@ -350,9 +364,9 @@ var AvatarFallback = React24__namespace.forwardRef(({ className, ...props }, ref
|
|
|
350
364
|
}
|
|
351
365
|
));
|
|
352
366
|
AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
|
|
353
|
-
var AvatarGroup =
|
|
367
|
+
var AvatarGroup = React25__namespace.forwardRef(
|
|
354
368
|
({ className, max, children, overlapOffset = -8, ...props }, ref) => {
|
|
355
|
-
const childrenArray =
|
|
369
|
+
const childrenArray = React25__namespace.Children.toArray(children);
|
|
356
370
|
const visibleAvatars = max ? childrenArray.slice(0, max) : childrenArray;
|
|
357
371
|
const remainingCount = max ? Math.max(0, childrenArray.length - max) : 0;
|
|
358
372
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -483,7 +497,7 @@ var badgeVariants = classVarianceAuthority.cva(
|
|
|
483
497
|
}
|
|
484
498
|
}
|
|
485
499
|
);
|
|
486
|
-
var Badge =
|
|
500
|
+
var Badge = React25__namespace.forwardRef(({
|
|
487
501
|
className,
|
|
488
502
|
variant,
|
|
489
503
|
size,
|
|
@@ -492,6 +506,7 @@ var Badge = React24__namespace.forwardRef(({
|
|
|
492
506
|
dotColor,
|
|
493
507
|
removable,
|
|
494
508
|
onRemove,
|
|
509
|
+
removeLabel,
|
|
495
510
|
leftIcon,
|
|
496
511
|
rightIcon,
|
|
497
512
|
noAutoSpacing,
|
|
@@ -548,7 +563,7 @@ var Badge = React24__namespace.forwardRef(({
|
|
|
548
563
|
e.stopPropagation();
|
|
549
564
|
onRemove();
|
|
550
565
|
},
|
|
551
|
-
"aria-label": "Remove badge",
|
|
566
|
+
"aria-label": removeLabel || (readableText(autoChildren) ? `Remove ${readableText(autoChildren)}` : "Remove badge"),
|
|
552
567
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
553
568
|
"svg",
|
|
554
569
|
{
|
|
@@ -590,7 +605,7 @@ var breadcrumbVariants = classVarianceAuthority.cva(
|
|
|
590
605
|
}
|
|
591
606
|
}
|
|
592
607
|
);
|
|
593
|
-
var Breadcrumb =
|
|
608
|
+
var Breadcrumb = React25__namespace.forwardRef(
|
|
594
609
|
({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
595
610
|
"nav",
|
|
596
611
|
{
|
|
@@ -602,9 +617,9 @@ var Breadcrumb = React24__namespace.forwardRef(
|
|
|
602
617
|
)
|
|
603
618
|
);
|
|
604
619
|
Breadcrumb.displayName = "Breadcrumb";
|
|
605
|
-
var BreadcrumbList =
|
|
620
|
+
var BreadcrumbList = React25__namespace.forwardRef(
|
|
606
621
|
({ className, collapsed, collapsedWidth = 3, ...props }, ref) => {
|
|
607
|
-
const childrenArray =
|
|
622
|
+
const childrenArray = React25__namespace.Children.toArray(props.children).filter(Boolean);
|
|
608
623
|
const childCount = childrenArray.length;
|
|
609
624
|
if (collapsed && childCount > collapsedWidth) {
|
|
610
625
|
const firstItem = childrenArray[0];
|
|
@@ -640,9 +655,9 @@ var BreadcrumbList = React24__namespace.forwardRef(
|
|
|
640
655
|
}
|
|
641
656
|
);
|
|
642
657
|
BreadcrumbList.displayName = "BreadcrumbList";
|
|
643
|
-
var BreadcrumbItem =
|
|
658
|
+
var BreadcrumbItem = React25__namespace.forwardRef(
|
|
644
659
|
({ className, isCurrent, href, asChild = false, ...props }, ref) => {
|
|
645
|
-
const Comp = asChild ?
|
|
660
|
+
const Comp = asChild ? React25__namespace.Fragment : href ? "a" : "span";
|
|
646
661
|
const itemProps = asChild ? {} : href ? { href } : {};
|
|
647
662
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
648
663
|
"li",
|
|
@@ -699,7 +714,7 @@ var BreadcrumbEllipsis = ({
|
|
|
699
714
|
}
|
|
700
715
|
);
|
|
701
716
|
BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
|
|
702
|
-
var BreadcrumbLink =
|
|
717
|
+
var BreadcrumbLink = React25__namespace.forwardRef(
|
|
703
718
|
({ className, href, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
704
719
|
"a",
|
|
705
720
|
{
|
|
@@ -714,7 +729,7 @@ var BreadcrumbLink = React24__namespace.forwardRef(
|
|
|
714
729
|
)
|
|
715
730
|
);
|
|
716
731
|
BreadcrumbLink.displayName = "BreadcrumbLink";
|
|
717
|
-
var BreadcrumbPage =
|
|
732
|
+
var BreadcrumbPage = React25__namespace.forwardRef(
|
|
718
733
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
719
734
|
"span",
|
|
720
735
|
{
|
|
@@ -877,7 +892,7 @@ var buttonVariants = classVarianceAuthority.cva(
|
|
|
877
892
|
}
|
|
878
893
|
}
|
|
879
894
|
);
|
|
880
|
-
var Button =
|
|
895
|
+
var Button = React25__namespace.forwardRef(
|
|
881
896
|
({
|
|
882
897
|
className,
|
|
883
898
|
variant,
|
|
@@ -1092,7 +1107,7 @@ var cardVariants = classVarianceAuthority.cva(
|
|
|
1092
1107
|
}
|
|
1093
1108
|
}
|
|
1094
1109
|
);
|
|
1095
|
-
var Card =
|
|
1110
|
+
var Card = React25__namespace.forwardRef(
|
|
1096
1111
|
({ className, variant, size, radius, interactive, microInteraction = "lift", ...props }, ref) => {
|
|
1097
1112
|
if (interactive && microInteraction !== "none") {
|
|
1098
1113
|
const interactionProps = {
|
|
@@ -1120,7 +1135,7 @@ var Card = React24__namespace.forwardRef(
|
|
|
1120
1135
|
}
|
|
1121
1136
|
);
|
|
1122
1137
|
Card.displayName = "Card";
|
|
1123
|
-
var CardHeader =
|
|
1138
|
+
var CardHeader = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1124
1139
|
"div",
|
|
1125
1140
|
{
|
|
1126
1141
|
ref,
|
|
@@ -1129,7 +1144,7 @@ var CardHeader = React24__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
1129
1144
|
}
|
|
1130
1145
|
));
|
|
1131
1146
|
CardHeader.displayName = "CardHeader";
|
|
1132
|
-
var CardTitle =
|
|
1147
|
+
var CardTitle = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1133
1148
|
"h3",
|
|
1134
1149
|
{
|
|
1135
1150
|
ref,
|
|
@@ -1138,7 +1153,7 @@ var CardTitle = React24__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
1138
1153
|
}
|
|
1139
1154
|
));
|
|
1140
1155
|
CardTitle.displayName = "CardTitle";
|
|
1141
|
-
var CardDescription =
|
|
1156
|
+
var CardDescription = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1142
1157
|
"p",
|
|
1143
1158
|
{
|
|
1144
1159
|
ref,
|
|
@@ -1147,9 +1162,9 @@ var CardDescription = React24__namespace.forwardRef(({ className, ...props }, re
|
|
|
1147
1162
|
}
|
|
1148
1163
|
));
|
|
1149
1164
|
CardDescription.displayName = "CardDescription";
|
|
1150
|
-
var CardContent =
|
|
1165
|
+
var CardContent = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("moonui-theme", "p-6 pt-0", className), ...props }));
|
|
1151
1166
|
CardContent.displayName = "CardContent";
|
|
1152
|
-
var CardFooter =
|
|
1167
|
+
var CardFooter = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1153
1168
|
"div",
|
|
1154
1169
|
{
|
|
1155
1170
|
ref,
|
|
@@ -1170,7 +1185,7 @@ function Calendar({
|
|
|
1170
1185
|
defaultMonth,
|
|
1171
1186
|
...props
|
|
1172
1187
|
}) {
|
|
1173
|
-
const [currentMonth, setCurrentMonth] =
|
|
1188
|
+
const [currentMonth, setCurrentMonth] = React25__namespace.useState(
|
|
1174
1189
|
defaultMonth || selected && selected || /* @__PURE__ */ new Date()
|
|
1175
1190
|
);
|
|
1176
1191
|
const weekDays = [
|
|
@@ -1384,9 +1399,9 @@ var formatCardNumber = (value, cardType) => {
|
|
|
1384
1399
|
}
|
|
1385
1400
|
return formatted;
|
|
1386
1401
|
};
|
|
1387
|
-
var CardNumberInput =
|
|
1402
|
+
var CardNumberInput = React25__namespace.forwardRef(
|
|
1388
1403
|
({ className, value = "", onChange, showIcon = true, size, ...props }, ref) => {
|
|
1389
|
-
const [cardType, setCardType] =
|
|
1404
|
+
const [cardType, setCardType] = React25__namespace.useState("unknown");
|
|
1390
1405
|
const handleChange = (e) => {
|
|
1391
1406
|
const rawValue = e.target.value.replace(/\D/g, "");
|
|
1392
1407
|
const detectedType = getCardType(rawValue);
|
|
@@ -1417,7 +1432,7 @@ var CardNumberInput = React24__namespace.forwardRef(
|
|
|
1417
1432
|
}
|
|
1418
1433
|
);
|
|
1419
1434
|
CardNumberInput.displayName = "CardNumberInput";
|
|
1420
|
-
var CardExpiryInput =
|
|
1435
|
+
var CardExpiryInput = React25__namespace.forwardRef(
|
|
1421
1436
|
({ className, value = "", onChange, size, ...props }, ref) => {
|
|
1422
1437
|
const handleChange = (e) => {
|
|
1423
1438
|
let rawValue = e.target.value.replace(/\D/g, "");
|
|
@@ -1455,7 +1470,7 @@ var CardExpiryInput = React24__namespace.forwardRef(
|
|
|
1455
1470
|
}
|
|
1456
1471
|
);
|
|
1457
1472
|
CardExpiryInput.displayName = "CardExpiryInput";
|
|
1458
|
-
var CardCVCInput =
|
|
1473
|
+
var CardCVCInput = React25__namespace.forwardRef(
|
|
1459
1474
|
({ className, value = "", onChange, cardType = "unknown", size, ...props }, ref) => {
|
|
1460
1475
|
const maxLength = cardType === "amex" ? 4 : 3;
|
|
1461
1476
|
const handleChange = (e) => {
|
|
@@ -1480,7 +1495,7 @@ var CardCVCInput = React24__namespace.forwardRef(
|
|
|
1480
1495
|
}
|
|
1481
1496
|
);
|
|
1482
1497
|
CardCVCInput.displayName = "CardCVCInput";
|
|
1483
|
-
var CardZipInput =
|
|
1498
|
+
var CardZipInput = React25__namespace.forwardRef(
|
|
1484
1499
|
({ className, value = "", onChange, format: format4 = "US", size, ...props }, ref) => {
|
|
1485
1500
|
const handleChange = (e) => {
|
|
1486
1501
|
let rawValue = e.target.value;
|
|
@@ -1531,15 +1546,15 @@ var CardZipInput = React24__namespace.forwardRef(
|
|
|
1531
1546
|
}
|
|
1532
1547
|
);
|
|
1533
1548
|
CardZipInput.displayName = "CardZipInput";
|
|
1534
|
-
var CarouselContext =
|
|
1549
|
+
var CarouselContext = React25__namespace.createContext(null);
|
|
1535
1550
|
function useCarousel() {
|
|
1536
|
-
const context =
|
|
1551
|
+
const context = React25__namespace.useContext(CarouselContext);
|
|
1537
1552
|
if (!context) {
|
|
1538
1553
|
throw new Error("useCarousel must be used within a <Carousel />");
|
|
1539
1554
|
}
|
|
1540
1555
|
return context;
|
|
1541
1556
|
}
|
|
1542
|
-
var Carousel =
|
|
1557
|
+
var Carousel = React25__namespace.forwardRef(
|
|
1543
1558
|
({
|
|
1544
1559
|
orientation = "horizontal",
|
|
1545
1560
|
opts,
|
|
@@ -1557,21 +1572,21 @@ var Carousel = React24__namespace.forwardRef(
|
|
|
1557
1572
|
},
|
|
1558
1573
|
plugins
|
|
1559
1574
|
);
|
|
1560
|
-
const [canScrollPrev, setCanScrollPrev] =
|
|
1561
|
-
const [canScrollNext, setCanScrollNext] =
|
|
1562
|
-
const onSelect =
|
|
1575
|
+
const [canScrollPrev, setCanScrollPrev] = React25__namespace.useState(false);
|
|
1576
|
+
const [canScrollNext, setCanScrollNext] = React25__namespace.useState(false);
|
|
1577
|
+
const onSelect = React25__namespace.useCallback((emblaApi) => {
|
|
1563
1578
|
if (!emblaApi)
|
|
1564
1579
|
return;
|
|
1565
1580
|
setCanScrollPrev(emblaApi.canScrollPrev());
|
|
1566
1581
|
setCanScrollNext(emblaApi.canScrollNext());
|
|
1567
1582
|
}, []);
|
|
1568
|
-
const scrollPrev =
|
|
1583
|
+
const scrollPrev = React25__namespace.useCallback(() => {
|
|
1569
1584
|
api?.scrollPrev();
|
|
1570
1585
|
}, [api]);
|
|
1571
|
-
const scrollNext =
|
|
1586
|
+
const scrollNext = React25__namespace.useCallback(() => {
|
|
1572
1587
|
api?.scrollNext();
|
|
1573
1588
|
}, [api]);
|
|
1574
|
-
const handleKeyDown =
|
|
1589
|
+
const handleKeyDown = React25__namespace.useCallback(
|
|
1575
1590
|
(event) => {
|
|
1576
1591
|
const prevKey = resolvedOrientation === "horizontal" ? "ArrowLeft" : "ArrowUp";
|
|
1577
1592
|
const nextKey = resolvedOrientation === "horizontal" ? "ArrowRight" : "ArrowDown";
|
|
@@ -1585,12 +1600,12 @@ var Carousel = React24__namespace.forwardRef(
|
|
|
1585
1600
|
},
|
|
1586
1601
|
[resolvedOrientation, scrollPrev, scrollNext]
|
|
1587
1602
|
);
|
|
1588
|
-
|
|
1603
|
+
React25__namespace.useEffect(() => {
|
|
1589
1604
|
if (!api || !setApi)
|
|
1590
1605
|
return;
|
|
1591
1606
|
setApi(api);
|
|
1592
1607
|
}, [api, setApi]);
|
|
1593
|
-
|
|
1608
|
+
React25__namespace.useEffect(() => {
|
|
1594
1609
|
if (!api)
|
|
1595
1610
|
return;
|
|
1596
1611
|
onSelect(api);
|
|
@@ -1642,7 +1657,7 @@ var carouselContentVariants = classVarianceAuthority.cva("flex", {
|
|
|
1642
1657
|
orientation: "horizontal"
|
|
1643
1658
|
}
|
|
1644
1659
|
});
|
|
1645
|
-
var CarouselContent =
|
|
1660
|
+
var CarouselContent = React25__namespace.forwardRef(
|
|
1646
1661
|
({ className, ...props }, ref) => {
|
|
1647
1662
|
const { carouselRef, orientation } = useCarousel();
|
|
1648
1663
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1667,7 +1682,7 @@ var carouselItemVariants = classVarianceAuthority.cva("min-w-0 shrink-0 grow-0 b
|
|
|
1667
1682
|
orientation: "horizontal"
|
|
1668
1683
|
}
|
|
1669
1684
|
});
|
|
1670
|
-
var CarouselItem =
|
|
1685
|
+
var CarouselItem = React25__namespace.forwardRef(
|
|
1671
1686
|
({ className, ...props }, ref) => {
|
|
1672
1687
|
const { orientation } = useCarousel();
|
|
1673
1688
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1683,7 +1698,7 @@ var CarouselItem = React24__namespace.forwardRef(
|
|
|
1683
1698
|
}
|
|
1684
1699
|
);
|
|
1685
1700
|
CarouselItem.displayName = "CarouselItem";
|
|
1686
|
-
var CarouselPrevious =
|
|
1701
|
+
var CarouselPrevious = React25__namespace.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
|
|
1687
1702
|
const { orientation, scrollPrev, canScrollPrev } = useCarousel();
|
|
1688
1703
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1689
1704
|
Button,
|
|
@@ -1708,7 +1723,7 @@ var CarouselPrevious = React24__namespace.forwardRef(({ className, variant = "ou
|
|
|
1708
1723
|
);
|
|
1709
1724
|
});
|
|
1710
1725
|
CarouselPrevious.displayName = "CarouselPrevious";
|
|
1711
|
-
var CarouselNext =
|
|
1726
|
+
var CarouselNext = React25__namespace.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
|
|
1712
1727
|
const { orientation, scrollNext, canScrollNext } = useCarousel();
|
|
1713
1728
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1714
1729
|
Button,
|
|
@@ -1771,7 +1786,7 @@ var checkboxVariants = classVarianceAuthority.cva(
|
|
|
1771
1786
|
}
|
|
1772
1787
|
}
|
|
1773
1788
|
);
|
|
1774
|
-
var Checkbox =
|
|
1789
|
+
var Checkbox = React25__namespace.forwardRef(({
|
|
1775
1790
|
className,
|
|
1776
1791
|
variant,
|
|
1777
1792
|
size,
|
|
@@ -1804,7 +1819,7 @@ var Checkbox = React24__namespace.forwardRef(({
|
|
|
1804
1819
|
);
|
|
1805
1820
|
});
|
|
1806
1821
|
Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
|
|
1807
|
-
var CheckboxGroup =
|
|
1822
|
+
var CheckboxGroup = React25__namespace.forwardRef(
|
|
1808
1823
|
({ className, orientation = "vertical", spacing = "1rem", children, ...props }, ref) => {
|
|
1809
1824
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1810
1825
|
"div",
|
|
@@ -1824,7 +1839,7 @@ var CheckboxGroup = React24__namespace.forwardRef(
|
|
|
1824
1839
|
}
|
|
1825
1840
|
);
|
|
1826
1841
|
CheckboxGroup.displayName = "CheckboxGroup";
|
|
1827
|
-
var CheckboxLabel =
|
|
1842
|
+
var CheckboxLabel = React25__namespace.forwardRef(
|
|
1828
1843
|
({ className, htmlFor, children, position = "end", disabled = false, ...props }, ref) => {
|
|
1829
1844
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1830
1845
|
"label",
|
|
@@ -1844,14 +1859,14 @@ var CheckboxLabel = React24__namespace.forwardRef(
|
|
|
1844
1859
|
}
|
|
1845
1860
|
);
|
|
1846
1861
|
CheckboxLabel.displayName = "CheckboxLabel";
|
|
1847
|
-
var CheckboxWithLabel =
|
|
1862
|
+
var CheckboxWithLabel = React25__namespace.forwardRef(({
|
|
1848
1863
|
id,
|
|
1849
1864
|
label,
|
|
1850
1865
|
labelPosition = "end",
|
|
1851
1866
|
labelClassName,
|
|
1852
1867
|
...checkboxProps
|
|
1853
1868
|
}, ref) => {
|
|
1854
|
-
const generatedId =
|
|
1869
|
+
const generatedId = React25__namespace.useId();
|
|
1855
1870
|
const checkboxId = id || generatedId;
|
|
1856
1871
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
|
|
1857
1872
|
labelPosition === "start" && /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1901,7 +1916,7 @@ var collapsibleTriggerVariants = classVarianceAuthority.cva(
|
|
|
1901
1916
|
}
|
|
1902
1917
|
}
|
|
1903
1918
|
);
|
|
1904
|
-
var CollapsibleTrigger =
|
|
1919
|
+
var CollapsibleTrigger = React25__namespace.forwardRef(({ className, children, variant, size, asChild, ...props }, ref) => {
|
|
1905
1920
|
if (asChild) {
|
|
1906
1921
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1907
1922
|
CollapsiblePrimitive__namespace.Trigger,
|
|
@@ -1950,7 +1965,7 @@ var collapsibleContentVariants = classVarianceAuthority.cva(
|
|
|
1950
1965
|
}
|
|
1951
1966
|
}
|
|
1952
1967
|
);
|
|
1953
|
-
var CollapsibleContent =
|
|
1968
|
+
var CollapsibleContent = React25__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1954
1969
|
CollapsiblePrimitive__namespace.Content,
|
|
1955
1970
|
{
|
|
1956
1971
|
ref,
|
|
@@ -2033,7 +2048,7 @@ var inputVariants = classVarianceAuthority.cva(
|
|
|
2033
2048
|
}
|
|
2034
2049
|
}
|
|
2035
2050
|
);
|
|
2036
|
-
var Input =
|
|
2051
|
+
var Input = React25__namespace.forwardRef(
|
|
2037
2052
|
({
|
|
2038
2053
|
className,
|
|
2039
2054
|
wrapperClassName,
|
|
@@ -2060,10 +2075,10 @@ var Input = React24__namespace.forwardRef(
|
|
|
2060
2075
|
placeholder,
|
|
2061
2076
|
...props
|
|
2062
2077
|
}, ref) => {
|
|
2063
|
-
const reactId =
|
|
2078
|
+
const reactId = React25__namespace.useId();
|
|
2064
2079
|
const fieldId = props.id || reactId;
|
|
2065
|
-
const [isFocused, setIsFocused] =
|
|
2066
|
-
const [internalValue, setInternalValue] =
|
|
2080
|
+
const [isFocused, setIsFocused] = React25__namespace.useState(false);
|
|
2081
|
+
const [internalValue, setInternalValue] = React25__namespace.useState(value || defaultValue || "");
|
|
2067
2082
|
const hasValue = internalValue !== "" && internalValue !== null && internalValue !== void 0;
|
|
2068
2083
|
const isLabelActive = isFocused || hasValue;
|
|
2069
2084
|
const handleFocus = (e) => {
|
|
@@ -2078,7 +2093,7 @@ var Input = React24__namespace.forwardRef(
|
|
|
2078
2093
|
setInternalValue(e.target.value);
|
|
2079
2094
|
onChange?.(e);
|
|
2080
2095
|
};
|
|
2081
|
-
|
|
2096
|
+
React25__namespace.useEffect(() => {
|
|
2082
2097
|
if (value !== void 0) {
|
|
2083
2098
|
setInternalValue(value);
|
|
2084
2099
|
}
|
|
@@ -2162,7 +2177,7 @@ Input.displayName = "Input";
|
|
|
2162
2177
|
var labelVariants = classVarianceAuthority.cva(
|
|
2163
2178
|
"text-sm font-medium leading-none text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:peer-disabled:opacity-60 transition-colors duration-200"
|
|
2164
2179
|
);
|
|
2165
|
-
var Label =
|
|
2180
|
+
var Label = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2166
2181
|
LabelPrimitive__namespace.Root,
|
|
2167
2182
|
{
|
|
2168
2183
|
ref,
|
|
@@ -2223,7 +2238,7 @@ var popoverContentVariants = classVarianceAuthority.cva(
|
|
|
2223
2238
|
var Popover = PopoverPrimitive__namespace.Root;
|
|
2224
2239
|
var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
|
|
2225
2240
|
var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
|
|
2226
|
-
var PopoverContent =
|
|
2241
|
+
var PopoverContent = React25__namespace.forwardRef(({
|
|
2227
2242
|
className,
|
|
2228
2243
|
variant,
|
|
2229
2244
|
size,
|
|
@@ -2291,7 +2306,7 @@ var PopoverFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
|
2291
2306
|
}
|
|
2292
2307
|
);
|
|
2293
2308
|
PopoverFooter.displayName = "PopoverFooter";
|
|
2294
|
-
var Tabs =
|
|
2309
|
+
var Tabs = React25__namespace.forwardRef(({ vertical = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2295
2310
|
TabsPrimitive__namespace.Root,
|
|
2296
2311
|
{
|
|
2297
2312
|
ref,
|
|
@@ -2332,7 +2347,7 @@ var tabsListVariants = classVarianceAuthority.cva(
|
|
|
2332
2347
|
}
|
|
2333
2348
|
}
|
|
2334
2349
|
);
|
|
2335
|
-
var TabsList =
|
|
2350
|
+
var TabsList = React25__namespace.forwardRef(({ className, variant, orientation, fullWidth, scrollable, ...props }, ref) => {
|
|
2336
2351
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2337
2352
|
TabsPrimitive__namespace.List,
|
|
2338
2353
|
{
|
|
@@ -2375,7 +2390,7 @@ var tabsTriggerVariants = classVarianceAuthority.cva(
|
|
|
2375
2390
|
}
|
|
2376
2391
|
}
|
|
2377
2392
|
);
|
|
2378
|
-
var TabsTrigger =
|
|
2393
|
+
var TabsTrigger = React25__namespace.forwardRef(({
|
|
2379
2394
|
className,
|
|
2380
2395
|
variant,
|
|
2381
2396
|
size,
|
|
@@ -2407,7 +2422,7 @@ var TabsTrigger = React24__namespace.forwardRef(({
|
|
|
2407
2422
|
}
|
|
2408
2423
|
));
|
|
2409
2424
|
TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
|
|
2410
|
-
var TabsContent =
|
|
2425
|
+
var TabsContent = React25__namespace.forwardRef(({ className, animated = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2411
2426
|
TabsPrimitive__namespace.Content,
|
|
2412
2427
|
{
|
|
2413
2428
|
ref,
|
|
@@ -2501,7 +2516,7 @@ var sliderThumbVariants = classVarianceAuthority.cva(
|
|
|
2501
2516
|
}
|
|
2502
2517
|
}
|
|
2503
2518
|
);
|
|
2504
|
-
var Slider =
|
|
2519
|
+
var Slider = React25__namespace.forwardRef(({
|
|
2505
2520
|
className,
|
|
2506
2521
|
size,
|
|
2507
2522
|
trackVariant,
|
|
@@ -2517,10 +2532,10 @@ var Slider = React24__namespace.forwardRef(({
|
|
|
2517
2532
|
disabled,
|
|
2518
2533
|
...props
|
|
2519
2534
|
}, ref) => {
|
|
2520
|
-
const [sliderValue, setSliderValue] =
|
|
2535
|
+
const [sliderValue, setSliderValue] = React25__namespace.useState(
|
|
2521
2536
|
value || defaultValue || [0]
|
|
2522
2537
|
);
|
|
2523
|
-
|
|
2538
|
+
React25__namespace.useEffect(() => {
|
|
2524
2539
|
if (value !== void 0) {
|
|
2525
2540
|
setSliderValue(value);
|
|
2526
2541
|
}
|
|
@@ -2535,7 +2550,7 @@ var Slider = React24__namespace.forwardRef(({
|
|
|
2535
2550
|
const calculateThumbPercent = (value2, min2, max2) => {
|
|
2536
2551
|
return (value2 - min2) / (max2 - min2) * 100;
|
|
2537
2552
|
};
|
|
2538
|
-
const trackRef =
|
|
2553
|
+
const trackRef = React25__namespace.useRef(null);
|
|
2539
2554
|
const min = props.min || 0;
|
|
2540
2555
|
const max = props.max || 100;
|
|
2541
2556
|
const step = props.step || 1;
|
|
@@ -2847,14 +2862,14 @@ function ColorPicker({
|
|
|
2847
2862
|
disabled,
|
|
2848
2863
|
...props
|
|
2849
2864
|
}) {
|
|
2850
|
-
const [open, setOpen] =
|
|
2851
|
-
const [color, setColor] =
|
|
2852
|
-
const [opacity, setOpacity] =
|
|
2853
|
-
const [copied, setCopied] =
|
|
2854
|
-
const [inputValue, setInputValue] =
|
|
2855
|
-
const hsl =
|
|
2856
|
-
const rgb =
|
|
2857
|
-
|
|
2865
|
+
const [open, setOpen] = React25__namespace.useState(false);
|
|
2866
|
+
const [color, setColor] = React25__namespace.useState(value);
|
|
2867
|
+
const [opacity, setOpacity] = React25__namespace.useState(100);
|
|
2868
|
+
const [copied, setCopied] = React25__namespace.useState(false);
|
|
2869
|
+
const [inputValue, setInputValue] = React25__namespace.useState(value);
|
|
2870
|
+
const hsl = React25__namespace.useMemo(() => hexToHsl(color) || { h: 0, s: 0, l: 0 }, [color]);
|
|
2871
|
+
const rgb = React25__namespace.useMemo(() => hexToRgb(color) || { r: 0, g: 0, b: 0 }, [color]);
|
|
2872
|
+
React25__namespace.useEffect(() => {
|
|
2858
2873
|
setColor(value);
|
|
2859
2874
|
setInputValue(value);
|
|
2860
2875
|
}, [value]);
|
|
@@ -3249,7 +3264,7 @@ function GradientPicker({
|
|
|
3249
3264
|
onChange,
|
|
3250
3265
|
className
|
|
3251
3266
|
}) {
|
|
3252
|
-
const [gradient, setGradient] =
|
|
3267
|
+
const [gradient, setGradient] = React25__namespace.useState(value);
|
|
3253
3268
|
const handleChange = (field, newValue) => {
|
|
3254
3269
|
const newGradient = { ...gradient, [field]: newValue };
|
|
3255
3270
|
setGradient(newGradient);
|
|
@@ -3335,7 +3350,7 @@ var overlayVariants = classVarianceAuthority.cva(
|
|
|
3335
3350
|
}
|
|
3336
3351
|
}
|
|
3337
3352
|
);
|
|
3338
|
-
var DialogOverlay =
|
|
3353
|
+
var DialogOverlay = React25__namespace.forwardRef(({ className, variant, animation, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3339
3354
|
DialogPrimitive__namespace.Overlay,
|
|
3340
3355
|
{
|
|
3341
3356
|
ref,
|
|
@@ -3394,7 +3409,7 @@ var dialogContentVariants = classVarianceAuthority.cva(
|
|
|
3394
3409
|
}
|
|
3395
3410
|
}
|
|
3396
3411
|
);
|
|
3397
|
-
var DialogContent =
|
|
3412
|
+
var DialogContent = React25__namespace.forwardRef(
|
|
3398
3413
|
({
|
|
3399
3414
|
className,
|
|
3400
3415
|
children,
|
|
@@ -3507,7 +3522,7 @@ var DialogFooter = ({
|
|
|
3507
3522
|
}
|
|
3508
3523
|
);
|
|
3509
3524
|
DialogFooter.displayName = "DialogFooter";
|
|
3510
|
-
var DialogTitle =
|
|
3525
|
+
var DialogTitle = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3511
3526
|
DialogPrimitive__namespace.Title,
|
|
3512
3527
|
{
|
|
3513
3528
|
ref,
|
|
@@ -3519,7 +3534,7 @@ var DialogTitle = React24__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
3519
3534
|
}
|
|
3520
3535
|
));
|
|
3521
3536
|
DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
|
|
3522
|
-
var DialogDescription =
|
|
3537
|
+
var DialogDescription = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3523
3538
|
DialogPrimitive__namespace.Description,
|
|
3524
3539
|
{
|
|
3525
3540
|
ref,
|
|
@@ -3531,7 +3546,7 @@ var DialogDescription = React24__namespace.forwardRef(({ className, ...props },
|
|
|
3531
3546
|
}
|
|
3532
3547
|
));
|
|
3533
3548
|
DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
|
|
3534
|
-
var DialogForm =
|
|
3549
|
+
var DialogForm = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3535
3550
|
"form",
|
|
3536
3551
|
{
|
|
3537
3552
|
ref,
|
|
@@ -3561,7 +3576,7 @@ var commandVariants = classVarianceAuthority.cva(
|
|
|
3561
3576
|
}
|
|
3562
3577
|
}
|
|
3563
3578
|
);
|
|
3564
|
-
var Command =
|
|
3579
|
+
var Command = React25__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3565
3580
|
cmdk.Command,
|
|
3566
3581
|
{
|
|
3567
3582
|
ref,
|
|
@@ -3583,7 +3598,7 @@ var CommandDialog = ({
|
|
|
3583
3598
|
), children })
|
|
3584
3599
|
] }) });
|
|
3585
3600
|
};
|
|
3586
|
-
var CommandInput =
|
|
3601
|
+
var CommandInput = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
|
|
3587
3602
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
|
|
3588
3603
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3589
3604
|
cmdk.Command.Input,
|
|
@@ -3598,7 +3613,7 @@ var CommandInput = React24__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
3598
3613
|
)
|
|
3599
3614
|
] }));
|
|
3600
3615
|
CommandInput.displayName = "CommandInput";
|
|
3601
|
-
var CommandList =
|
|
3616
|
+
var CommandList = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3602
3617
|
cmdk.Command.List,
|
|
3603
3618
|
{
|
|
3604
3619
|
ref,
|
|
@@ -3607,7 +3622,7 @@ var CommandList = React24__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
3607
3622
|
}
|
|
3608
3623
|
));
|
|
3609
3624
|
CommandList.displayName = "CommandList";
|
|
3610
|
-
var CommandEmpty =
|
|
3625
|
+
var CommandEmpty = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3611
3626
|
cmdk.Command.Empty,
|
|
3612
3627
|
{
|
|
3613
3628
|
ref,
|
|
@@ -3616,7 +3631,7 @@ var CommandEmpty = React24__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
3616
3631
|
}
|
|
3617
3632
|
));
|
|
3618
3633
|
CommandEmpty.displayName = "CommandEmpty";
|
|
3619
|
-
var CommandGroup =
|
|
3634
|
+
var CommandGroup = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3620
3635
|
cmdk.Command.Group,
|
|
3621
3636
|
{
|
|
3622
3637
|
ref,
|
|
@@ -3628,7 +3643,7 @@ var CommandGroup = React24__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
3628
3643
|
}
|
|
3629
3644
|
));
|
|
3630
3645
|
CommandGroup.displayName = "CommandGroup";
|
|
3631
|
-
var CommandSeparator =
|
|
3646
|
+
var CommandSeparator = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3632
3647
|
cmdk.Command.Separator,
|
|
3633
3648
|
{
|
|
3634
3649
|
ref,
|
|
@@ -3637,7 +3652,7 @@ var CommandSeparator = React24__namespace.forwardRef(({ className, ...props }, r
|
|
|
3637
3652
|
}
|
|
3638
3653
|
));
|
|
3639
3654
|
CommandSeparator.displayName = "CommandSeparator";
|
|
3640
|
-
var CommandItem =
|
|
3655
|
+
var CommandItem = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3641
3656
|
cmdk.Command.Item,
|
|
3642
3657
|
{
|
|
3643
3658
|
ref,
|
|
@@ -3688,7 +3703,7 @@ var tableVariants = classVarianceAuthority.cva(
|
|
|
3688
3703
|
}
|
|
3689
3704
|
}
|
|
3690
3705
|
);
|
|
3691
|
-
var Table =
|
|
3706
|
+
var Table = React25__namespace.forwardRef(({
|
|
3692
3707
|
className,
|
|
3693
3708
|
variant,
|
|
3694
3709
|
size,
|
|
@@ -3705,11 +3720,11 @@ var Table = React24__namespace.forwardRef(({
|
|
|
3705
3720
|
...props
|
|
3706
3721
|
}, ref) => {
|
|
3707
3722
|
const striped = variant === "striped";
|
|
3708
|
-
const childrenWithProps =
|
|
3709
|
-
if (
|
|
3723
|
+
const childrenWithProps = React25__namespace.Children.map(props.children, (child) => {
|
|
3724
|
+
if (React25__namespace.isValidElement(child)) {
|
|
3710
3725
|
if (child.type === "tbody") {
|
|
3711
3726
|
const tbodyProps = child.props;
|
|
3712
|
-
return
|
|
3727
|
+
return React25__namespace.cloneElement(child, {
|
|
3713
3728
|
className: cn(tbodyProps.className, striped && "even:[&>tr]:bg-muted/50")
|
|
3714
3729
|
});
|
|
3715
3730
|
}
|
|
@@ -3734,10 +3749,10 @@ var Table = React24__namespace.forwardRef(({
|
|
|
3734
3749
|
] });
|
|
3735
3750
|
});
|
|
3736
3751
|
Table.displayName = "Table";
|
|
3737
|
-
var TableHeader =
|
|
3752
|
+
var TableHeader = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("moonui-theme", "[&_tr]:border-b", className), ...props }));
|
|
3738
3753
|
TableHeader.displayName = "TableHeader";
|
|
3739
|
-
var TableBody =
|
|
3740
|
-
const hasChildren =
|
|
3754
|
+
var TableBody = React25__namespace.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
|
|
3755
|
+
const hasChildren = React25__namespace.Children.count(children) > 0;
|
|
3741
3756
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3742
3757
|
"tbody",
|
|
3743
3758
|
{
|
|
@@ -3749,7 +3764,7 @@ var TableBody = React24__namespace.forwardRef(({ className, emptyContent, emptyM
|
|
|
3749
3764
|
);
|
|
3750
3765
|
});
|
|
3751
3766
|
TableBody.displayName = "TableBody";
|
|
3752
|
-
var TableFooter =
|
|
3767
|
+
var TableFooter = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3753
3768
|
"tfoot",
|
|
3754
3769
|
{
|
|
3755
3770
|
ref,
|
|
@@ -3758,7 +3773,7 @@ var TableFooter = React24__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
3758
3773
|
}
|
|
3759
3774
|
));
|
|
3760
3775
|
TableFooter.displayName = "TableFooter";
|
|
3761
|
-
var TableRow =
|
|
3776
|
+
var TableRow = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3762
3777
|
"tr",
|
|
3763
3778
|
{
|
|
3764
3779
|
ref,
|
|
@@ -3770,7 +3785,7 @@ var TableRow = React24__namespace.forwardRef(({ className, ...props }, ref) => /
|
|
|
3770
3785
|
}
|
|
3771
3786
|
));
|
|
3772
3787
|
TableRow.displayName = "TableRow";
|
|
3773
|
-
var TableHead =
|
|
3788
|
+
var TableHead = React25__namespace.forwardRef(
|
|
3774
3789
|
({ className, sortable, sorted, onSort, align = "left", children, ...props }, ref) => {
|
|
3775
3790
|
const renderSortIcon = () => {
|
|
3776
3791
|
if (!sortable)
|
|
@@ -3858,7 +3873,7 @@ var TableHead = React24__namespace.forwardRef(
|
|
|
3858
3873
|
}
|
|
3859
3874
|
);
|
|
3860
3875
|
TableHead.displayName = "TableHead";
|
|
3861
|
-
var TableCell =
|
|
3876
|
+
var TableCell = React25__namespace.forwardRef(({ className, align = "left", ...props }, ref) => {
|
|
3862
3877
|
const alignmentClass = {
|
|
3863
3878
|
left: "text-left",
|
|
3864
3879
|
center: "text-center",
|
|
@@ -3874,7 +3889,7 @@ var TableCell = React24__namespace.forwardRef(({ className, align = "left", ...p
|
|
|
3874
3889
|
);
|
|
3875
3890
|
});
|
|
3876
3891
|
TableCell.displayName = "TableCell";
|
|
3877
|
-
var TableCaption =
|
|
3892
|
+
var TableCaption = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3878
3893
|
"caption",
|
|
3879
3894
|
{
|
|
3880
3895
|
ref,
|
|
@@ -3894,8 +3909,8 @@ function DataTableBasic({
|
|
|
3894
3909
|
emptyMessage = "No results found.",
|
|
3895
3910
|
className
|
|
3896
3911
|
}) {
|
|
3897
|
-
const [sorting, setSorting] =
|
|
3898
|
-
const [globalFilter, setGlobalFilter] =
|
|
3912
|
+
const [sorting, setSorting] = React25__namespace.useState([]);
|
|
3913
|
+
const [globalFilter, setGlobalFilter] = React25__namespace.useState("");
|
|
3899
3914
|
const table = reactTable.useReactTable({
|
|
3900
3915
|
data,
|
|
3901
3916
|
columns,
|
|
@@ -4058,7 +4073,7 @@ var datePickerVariants = classVarianceAuthority.cva(
|
|
|
4058
4073
|
}
|
|
4059
4074
|
}
|
|
4060
4075
|
);
|
|
4061
|
-
var DatePicker =
|
|
4076
|
+
var DatePicker = React25__namespace.forwardRef(function DatePicker2({
|
|
4062
4077
|
className,
|
|
4063
4078
|
variant,
|
|
4064
4079
|
size,
|
|
@@ -4081,9 +4096,9 @@ var DatePicker = React24__namespace.forwardRef(function DatePicker2({
|
|
|
4081
4096
|
disabled,
|
|
4082
4097
|
...props
|
|
4083
4098
|
}, ref) {
|
|
4084
|
-
const [open, setOpen] =
|
|
4085
|
-
const [internalDate, setInternalDate] =
|
|
4086
|
-
|
|
4099
|
+
const [open, setOpen] = React25__namespace.useState(false);
|
|
4100
|
+
const [internalDate, setInternalDate] = React25__namespace.useState(value);
|
|
4101
|
+
React25__namespace.useEffect(() => {
|
|
4087
4102
|
setInternalDate(value);
|
|
4088
4103
|
}, [value]);
|
|
4089
4104
|
const handleSelect = (date) => {
|
|
@@ -4231,7 +4246,7 @@ var DatePicker = React24__namespace.forwardRef(function DatePicker2({
|
|
|
4231
4246
|
] }) });
|
|
4232
4247
|
});
|
|
4233
4248
|
DatePicker.displayName = "DatePicker";
|
|
4234
|
-
var DateRangePicker =
|
|
4249
|
+
var DateRangePicker = React25__namespace.forwardRef(function DateRangePicker2({
|
|
4235
4250
|
className,
|
|
4236
4251
|
value,
|
|
4237
4252
|
onChange,
|
|
@@ -4240,9 +4255,9 @@ var DateRangePicker = React24__namespace.forwardRef(function DateRangePicker2({
|
|
|
4240
4255
|
separator = " - ",
|
|
4241
4256
|
...props
|
|
4242
4257
|
}, ref) {
|
|
4243
|
-
const [open, setOpen] =
|
|
4244
|
-
const [internalRange, setInternalRange] =
|
|
4245
|
-
|
|
4258
|
+
const [open, setOpen] = React25__namespace.useState(false);
|
|
4259
|
+
const [internalRange, setInternalRange] = React25__namespace.useState(value);
|
|
4260
|
+
React25__namespace.useEffect(() => {
|
|
4246
4261
|
setInternalRange(value);
|
|
4247
4262
|
}, [value]);
|
|
4248
4263
|
const handleSelect = (range) => {
|
|
@@ -4252,7 +4267,7 @@ var DateRangePicker = React24__namespace.forwardRef(function DateRangePicker2({
|
|
|
4252
4267
|
setOpen(false);
|
|
4253
4268
|
}
|
|
4254
4269
|
};
|
|
4255
|
-
const displayValue =
|
|
4270
|
+
const displayValue = React25__namespace.useMemo(() => {
|
|
4256
4271
|
if (!internalRange?.from)
|
|
4257
4272
|
return null;
|
|
4258
4273
|
if (!internalRange?.to) {
|
|
@@ -4300,7 +4315,7 @@ var DateRangePicker = React24__namespace.forwardRef(function DateRangePicker2({
|
|
|
4300
4315
|
] });
|
|
4301
4316
|
});
|
|
4302
4317
|
DateRangePicker.displayName = "DateRangePicker";
|
|
4303
|
-
var DateTimePicker =
|
|
4318
|
+
var DateTimePicker = React25__namespace.forwardRef(function DateTimePicker2({
|
|
4304
4319
|
value,
|
|
4305
4320
|
onChange,
|
|
4306
4321
|
// Saat ayrı bir <select> ile gösterildiği için buton yalnızca TARİHİ yazar;
|
|
@@ -4312,8 +4327,8 @@ var DateTimePicker = React24__namespace.forwardRef(function DateTimePicker2({
|
|
|
4312
4327
|
timeInterval = 15,
|
|
4313
4328
|
...props
|
|
4314
4329
|
}, ref) {
|
|
4315
|
-
const [date, setDate] =
|
|
4316
|
-
const [time, setTime] =
|
|
4330
|
+
const [date, setDate] = React25__namespace.useState(value);
|
|
4331
|
+
const [time, setTime] = React25__namespace.useState(
|
|
4317
4332
|
value ? dateFns.format(value, timeFormat === "24" ? "HH:mm" : "hh:mm a") : "00:00"
|
|
4318
4333
|
);
|
|
4319
4334
|
const handleDateChange = (newDate) => {
|
|
@@ -4338,7 +4353,7 @@ var DateTimePicker = React24__namespace.forwardRef(function DateTimePicker2({
|
|
|
4338
4353
|
onChange?.(newDate);
|
|
4339
4354
|
}
|
|
4340
4355
|
};
|
|
4341
|
-
const timeOptions =
|
|
4356
|
+
const timeOptions = React25__namespace.useMemo(() => {
|
|
4342
4357
|
const options = [];
|
|
4343
4358
|
for (let h = 0; h < 24; h++) {
|
|
4344
4359
|
for (let m = 0; m < 60; m += timeInterval) {
|
|
@@ -4392,15 +4407,15 @@ var DateTimePicker = React24__namespace.forwardRef(function DateTimePicker2({
|
|
|
4392
4407
|
] });
|
|
4393
4408
|
});
|
|
4394
4409
|
DateTimePicker.displayName = "DateTimePicker";
|
|
4395
|
-
var MonthPicker =
|
|
4410
|
+
var MonthPicker = React25__namespace.forwardRef(function MonthPicker2({
|
|
4396
4411
|
value,
|
|
4397
4412
|
onChange,
|
|
4398
4413
|
placeholder = "Pick a month",
|
|
4399
4414
|
formatString = "MMMM yyyy",
|
|
4400
4415
|
...props
|
|
4401
4416
|
}, ref) {
|
|
4402
|
-
const [open, setOpen] =
|
|
4403
|
-
const [viewDate, setViewDate] =
|
|
4417
|
+
const [open, setOpen] = React25__namespace.useState(false);
|
|
4418
|
+
const [viewDate, setViewDate] = React25__namespace.useState(value || /* @__PURE__ */ new Date());
|
|
4404
4419
|
const months = [
|
|
4405
4420
|
"January",
|
|
4406
4421
|
"February",
|
|
@@ -4496,7 +4511,7 @@ function DraggableList({
|
|
|
4496
4511
|
className,
|
|
4497
4512
|
disabled = false
|
|
4498
4513
|
}) {
|
|
4499
|
-
const [draggedIndex, setDraggedIndex] =
|
|
4514
|
+
const [draggedIndex, setDraggedIndex] = React25__namespace.useState(null);
|
|
4500
4515
|
const handleDragStart = (e, index) => {
|
|
4501
4516
|
if (disabled)
|
|
4502
4517
|
return;
|
|
@@ -4548,7 +4563,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
|
|
|
4548
4563
|
var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
|
|
4549
4564
|
var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
|
|
4550
4565
|
var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
|
|
4551
|
-
var DropdownMenuSubTrigger =
|
|
4566
|
+
var DropdownMenuSubTrigger = React25__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4552
4567
|
DropdownMenuPrimitive__namespace.SubTrigger,
|
|
4553
4568
|
{
|
|
4554
4569
|
ref,
|
|
@@ -4565,7 +4580,7 @@ var DropdownMenuSubTrigger = React24__namespace.forwardRef(({ className, inset,
|
|
|
4565
4580
|
}
|
|
4566
4581
|
));
|
|
4567
4582
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
|
|
4568
|
-
var DropdownMenuSubContent =
|
|
4583
|
+
var DropdownMenuSubContent = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4569
4584
|
DropdownMenuPrimitive__namespace.SubContent,
|
|
4570
4585
|
{
|
|
4571
4586
|
ref,
|
|
@@ -4577,7 +4592,7 @@ var DropdownMenuSubContent = React24__namespace.forwardRef(({ className, ...prop
|
|
|
4577
4592
|
}
|
|
4578
4593
|
));
|
|
4579
4594
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
|
|
4580
|
-
var DropdownMenuContent =
|
|
4595
|
+
var DropdownMenuContent = React25__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4581
4596
|
DropdownMenuPrimitive__namespace.Content,
|
|
4582
4597
|
{
|
|
4583
4598
|
ref,
|
|
@@ -4590,7 +4605,7 @@ var DropdownMenuContent = React24__namespace.forwardRef(({ className, sideOffset
|
|
|
4590
4605
|
}
|
|
4591
4606
|
) }));
|
|
4592
4607
|
DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
|
|
4593
|
-
var DropdownMenuItem =
|
|
4608
|
+
var DropdownMenuItem = React25__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4594
4609
|
DropdownMenuPrimitive__namespace.Item,
|
|
4595
4610
|
{
|
|
4596
4611
|
ref,
|
|
@@ -4603,7 +4618,7 @@ var DropdownMenuItem = React24__namespace.forwardRef(({ className, inset, ...pro
|
|
|
4603
4618
|
}
|
|
4604
4619
|
));
|
|
4605
4620
|
DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
|
|
4606
|
-
var DropdownMenuCheckboxItem =
|
|
4621
|
+
var DropdownMenuCheckboxItem = React25__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4607
4622
|
DropdownMenuPrimitive__namespace.CheckboxItem,
|
|
4608
4623
|
{
|
|
4609
4624
|
ref,
|
|
@@ -4620,7 +4635,7 @@ var DropdownMenuCheckboxItem = React24__namespace.forwardRef(({ className, child
|
|
|
4620
4635
|
}
|
|
4621
4636
|
));
|
|
4622
4637
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
|
|
4623
|
-
var DropdownMenuRadioItem =
|
|
4638
|
+
var DropdownMenuRadioItem = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4624
4639
|
DropdownMenuPrimitive__namespace.RadioItem,
|
|
4625
4640
|
{
|
|
4626
4641
|
ref,
|
|
@@ -4636,7 +4651,7 @@ var DropdownMenuRadioItem = React24__namespace.forwardRef(({ className, children
|
|
|
4636
4651
|
}
|
|
4637
4652
|
));
|
|
4638
4653
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
|
|
4639
|
-
var DropdownMenuLabel =
|
|
4654
|
+
var DropdownMenuLabel = React25__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4640
4655
|
DropdownMenuPrimitive__namespace.Label,
|
|
4641
4656
|
{
|
|
4642
4657
|
ref,
|
|
@@ -4649,7 +4664,7 @@ var DropdownMenuLabel = React24__namespace.forwardRef(({ className, inset, ...pr
|
|
|
4649
4664
|
}
|
|
4650
4665
|
));
|
|
4651
4666
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
|
|
4652
|
-
var DropdownMenuSeparator =
|
|
4667
|
+
var DropdownMenuSeparator = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4653
4668
|
DropdownMenuPrimitive__namespace.Separator,
|
|
4654
4669
|
{
|
|
4655
4670
|
ref,
|
|
@@ -4738,7 +4753,7 @@ var progressIndicatorVariants = classVarianceAuthority.cva(
|
|
|
4738
4753
|
}
|
|
4739
4754
|
}
|
|
4740
4755
|
);
|
|
4741
|
-
var Progress =
|
|
4756
|
+
var Progress = React25__namespace.forwardRef(({
|
|
4742
4757
|
className,
|
|
4743
4758
|
value = 0,
|
|
4744
4759
|
variant,
|
|
@@ -4868,7 +4883,7 @@ var FileItem = ({
|
|
|
4868
4883
|
}
|
|
4869
4884
|
);
|
|
4870
4885
|
};
|
|
4871
|
-
var FileUpload =
|
|
4886
|
+
var FileUpload = React25__namespace.default.forwardRef(
|
|
4872
4887
|
({
|
|
4873
4888
|
accept = "*",
|
|
4874
4889
|
multiple = true,
|
|
@@ -4882,9 +4897,9 @@ var FileUpload = React24__namespace.default.forwardRef(
|
|
|
4882
4897
|
children,
|
|
4883
4898
|
...props
|
|
4884
4899
|
}, ref) => {
|
|
4885
|
-
const [uploadedFiles, setUploadedFiles] =
|
|
4886
|
-
const [isDragOver, setIsDragOver] =
|
|
4887
|
-
const [error, setError] =
|
|
4900
|
+
const [uploadedFiles, setUploadedFiles] = React25.useState([]);
|
|
4901
|
+
const [isDragOver, setIsDragOver] = React25.useState(false);
|
|
4902
|
+
const [error, setError] = React25.useState(null);
|
|
4888
4903
|
const validateFile = (file) => {
|
|
4889
4904
|
if (file.size > maxSize) {
|
|
4890
4905
|
return `File size exceeds ${formatFileSize(maxSize)}`;
|
|
@@ -4900,7 +4915,7 @@ var FileUpload = React24__namespace.default.forwardRef(
|
|
|
4900
4915
|
}
|
|
4901
4916
|
return null;
|
|
4902
4917
|
};
|
|
4903
|
-
const processFiles =
|
|
4918
|
+
const processFiles = React25.useCallback(async (files) => {
|
|
4904
4919
|
const fileArray = Array.from(files);
|
|
4905
4920
|
setError(null);
|
|
4906
4921
|
if (uploadedFiles.length + fileArray.length > maxFiles) {
|
|
@@ -4963,7 +4978,7 @@ var FileUpload = React24__namespace.default.forwardRef(
|
|
|
4963
4978
|
}
|
|
4964
4979
|
}
|
|
4965
4980
|
}, [uploadedFiles.length, maxFiles, maxSize, accept, onUpload]);
|
|
4966
|
-
const handleDrop =
|
|
4981
|
+
const handleDrop = React25.useCallback((e) => {
|
|
4967
4982
|
e.preventDefault();
|
|
4968
4983
|
setIsDragOver(false);
|
|
4969
4984
|
if (disabled)
|
|
@@ -4973,24 +4988,24 @@ var FileUpload = React24__namespace.default.forwardRef(
|
|
|
4973
4988
|
processFiles(files);
|
|
4974
4989
|
}
|
|
4975
4990
|
}, [processFiles, disabled]);
|
|
4976
|
-
const handleDragOver =
|
|
4991
|
+
const handleDragOver = React25.useCallback((e) => {
|
|
4977
4992
|
e.preventDefault();
|
|
4978
4993
|
if (!disabled) {
|
|
4979
4994
|
setIsDragOver(true);
|
|
4980
4995
|
}
|
|
4981
4996
|
}, [disabled]);
|
|
4982
|
-
const handleDragLeave =
|
|
4997
|
+
const handleDragLeave = React25.useCallback((e) => {
|
|
4983
4998
|
e.preventDefault();
|
|
4984
4999
|
setIsDragOver(false);
|
|
4985
5000
|
}, []);
|
|
4986
|
-
const handleFileSelect =
|
|
5001
|
+
const handleFileSelect = React25.useCallback((e) => {
|
|
4987
5002
|
const files = e.target.files;
|
|
4988
5003
|
if (files && files.length > 0) {
|
|
4989
5004
|
processFiles(files);
|
|
4990
5005
|
}
|
|
4991
5006
|
e.target.value = "";
|
|
4992
5007
|
}, [processFiles]);
|
|
4993
|
-
const removeFile =
|
|
5008
|
+
const removeFile = React25.useCallback((fileId) => {
|
|
4994
5009
|
setUploadedFiles((prev) => {
|
|
4995
5010
|
const fileToRemove = prev.find((f) => f.id === fileId);
|
|
4996
5011
|
if (fileToRemove?.preview) {
|
|
@@ -5091,7 +5106,7 @@ var FileUpload = React24__namespace.default.forwardRef(
|
|
|
5091
5106
|
}
|
|
5092
5107
|
);
|
|
5093
5108
|
FileUpload.displayName = "FileUpload";
|
|
5094
|
-
var GestureDrawer =
|
|
5109
|
+
var GestureDrawer = React25__namespace.default.forwardRef(
|
|
5095
5110
|
({
|
|
5096
5111
|
children,
|
|
5097
5112
|
isOpen,
|
|
@@ -5213,9 +5228,9 @@ function GitHubStars({
|
|
|
5213
5228
|
showWatchers = false,
|
|
5214
5229
|
repoUrl = "https://github.com/moonui/moonui"
|
|
5215
5230
|
}) {
|
|
5216
|
-
const [stats, setStats] =
|
|
5217
|
-
const [isLoading, setIsLoading] =
|
|
5218
|
-
|
|
5231
|
+
const [stats, setStats] = React25.useState(null);
|
|
5232
|
+
const [isLoading, setIsLoading] = React25.useState(true);
|
|
5233
|
+
React25.useEffect(() => {
|
|
5219
5234
|
const fetchStats = async () => {
|
|
5220
5235
|
try {
|
|
5221
5236
|
const response = await fetch("/api/github-stars");
|
|
@@ -5314,9 +5329,9 @@ function GitHubStarButton({
|
|
|
5314
5329
|
size = "md",
|
|
5315
5330
|
repoUrl = "https://github.com/moonui/moonui"
|
|
5316
5331
|
}) {
|
|
5317
|
-
const [stars, setStars] =
|
|
5318
|
-
const [isLoading, setIsLoading] =
|
|
5319
|
-
|
|
5332
|
+
const [stars, setStars] = React25.useState(null);
|
|
5333
|
+
const [isLoading, setIsLoading] = React25.useState(true);
|
|
5334
|
+
React25.useEffect(() => {
|
|
5320
5335
|
const fetchStats = async () => {
|
|
5321
5336
|
try {
|
|
5322
5337
|
const response = await fetch("/api/github-stars");
|
|
@@ -5362,7 +5377,7 @@ function GitHubStarButton({
|
|
|
5362
5377
|
}
|
|
5363
5378
|
);
|
|
5364
5379
|
}
|
|
5365
|
-
var InputOTP =
|
|
5380
|
+
var InputOTP = React25__namespace.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5366
5381
|
inputOtp.OTPInput,
|
|
5367
5382
|
{
|
|
5368
5383
|
ref,
|
|
@@ -5377,7 +5392,7 @@ var InputOTP = React24__namespace.forwardRef(({ className, containerClassName, .
|
|
|
5377
5392
|
}
|
|
5378
5393
|
));
|
|
5379
5394
|
InputOTP.displayName = "InputOTP";
|
|
5380
|
-
var InputOTPGroup =
|
|
5395
|
+
var InputOTPGroup = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center", className), ...props }));
|
|
5381
5396
|
InputOTPGroup.displayName = "InputOTPGroup";
|
|
5382
5397
|
var inputOTPSlotVariants = classVarianceAuthority.cva(
|
|
5383
5398
|
[
|
|
@@ -5399,9 +5414,9 @@ var inputOTPSlotVariants = classVarianceAuthority.cva(
|
|
|
5399
5414
|
}
|
|
5400
5415
|
}
|
|
5401
5416
|
);
|
|
5402
|
-
var InputOTPSlot =
|
|
5417
|
+
var InputOTPSlot = React25__namespace.forwardRef(
|
|
5403
5418
|
({ index, className, ...props }, ref) => {
|
|
5404
|
-
const inputOTPContext =
|
|
5419
|
+
const inputOTPContext = React25__namespace.useContext(inputOtp.OTPInputContext);
|
|
5405
5420
|
const slot = inputOTPContext?.slots?.[index];
|
|
5406
5421
|
const char = slot?.char;
|
|
5407
5422
|
const hasFakeCaret = slot?.hasFakeCaret;
|
|
@@ -5423,7 +5438,7 @@ var InputOTPSlot = React24__namespace.forwardRef(
|
|
|
5423
5438
|
}
|
|
5424
5439
|
);
|
|
5425
5440
|
InputOTPSlot.displayName = "InputOTPSlot";
|
|
5426
|
-
var InputOTPSeparator =
|
|
5441
|
+
var InputOTPSeparator = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5427
5442
|
"div",
|
|
5428
5443
|
{
|
|
5429
5444
|
ref,
|
|
@@ -5441,8 +5456,8 @@ function LockedComponent({
|
|
|
5441
5456
|
showPreview = true,
|
|
5442
5457
|
previewDuration = 2e3
|
|
5443
5458
|
}) {
|
|
5444
|
-
const [isPreviewActive, setIsPreviewActive] =
|
|
5445
|
-
const [previewTimeout, setPreviewTimeout] =
|
|
5459
|
+
const [isPreviewActive, setIsPreviewActive] = React25.useState(false);
|
|
5460
|
+
const [previewTimeout, setPreviewTimeout] = React25.useState(null);
|
|
5446
5461
|
const handleMouseEnter = () => {
|
|
5447
5462
|
if (!showPreview)
|
|
5448
5463
|
return;
|
|
@@ -5539,13 +5554,13 @@ function ProComponentWrapper({
|
|
|
5539
5554
|
fallback,
|
|
5540
5555
|
requireCLI = true
|
|
5541
5556
|
}) {
|
|
5542
|
-
const [authState, setAuthState] =
|
|
5557
|
+
const [authState, setAuthState] = React25.useState({
|
|
5543
5558
|
isAuthenticated: false,
|
|
5544
5559
|
deviceValid: false,
|
|
5545
5560
|
hasProAccess: false,
|
|
5546
5561
|
loading: true
|
|
5547
5562
|
});
|
|
5548
|
-
|
|
5563
|
+
React25.useEffect(() => {
|
|
5549
5564
|
const isDevelopment2 = () => {
|
|
5550
5565
|
const checks = {
|
|
5551
5566
|
nodeEnv: process.env.NODE_ENV === "development",
|
|
@@ -5722,7 +5737,7 @@ function MoonLogo({
|
|
|
5722
5737
|
showText = true,
|
|
5723
5738
|
...props
|
|
5724
5739
|
}) {
|
|
5725
|
-
const logoId =
|
|
5740
|
+
const logoId = React25__namespace.useId();
|
|
5726
5741
|
const gradientId = `moon-gradient-${logoId}`;
|
|
5727
5742
|
const maskId = `moon-mask-${logoId}`;
|
|
5728
5743
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-2", className), children: [
|
|
@@ -5804,7 +5819,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
|
5804
5819
|
}
|
|
5805
5820
|
);
|
|
5806
5821
|
Pagination.displayName = "Pagination";
|
|
5807
|
-
var PaginationContent =
|
|
5822
|
+
var PaginationContent = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5808
5823
|
"ul",
|
|
5809
5824
|
{
|
|
5810
5825
|
ref,
|
|
@@ -5813,7 +5828,7 @@ var PaginationContent = React24__namespace.forwardRef(({ className, ...props },
|
|
|
5813
5828
|
}
|
|
5814
5829
|
));
|
|
5815
5830
|
PaginationContent.displayName = "PaginationContent";
|
|
5816
|
-
var PaginationItem =
|
|
5831
|
+
var PaginationItem = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("moonui-theme", "", className), ...props }));
|
|
5817
5832
|
PaginationItem.displayName = "PaginationItem";
|
|
5818
5833
|
var PaginationLink = ({
|
|
5819
5834
|
className,
|
|
@@ -5921,7 +5936,7 @@ var selectTriggerVariants = classVarianceAuthority.cva(
|
|
|
5921
5936
|
}
|
|
5922
5937
|
}
|
|
5923
5938
|
);
|
|
5924
|
-
var SelectTrigger =
|
|
5939
|
+
var SelectTrigger = React25__namespace.forwardRef(({ className, children, variant, size, error, success, loading, leftIcon, rightIcon, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5925
5940
|
SelectPrimitive__namespace.Trigger,
|
|
5926
5941
|
{
|
|
5927
5942
|
ref,
|
|
@@ -5952,7 +5967,7 @@ var SelectTrigger = React24__namespace.forwardRef(({ className, children, varian
|
|
|
5952
5967
|
}
|
|
5953
5968
|
));
|
|
5954
5969
|
SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
|
|
5955
|
-
var SelectScrollUpButton =
|
|
5970
|
+
var SelectScrollUpButton = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5956
5971
|
SelectPrimitive__namespace.ScrollUpButton,
|
|
5957
5972
|
{
|
|
5958
5973
|
ref,
|
|
@@ -5965,7 +5980,7 @@ var SelectScrollUpButton = React24__namespace.forwardRef(({ className, ...props
|
|
|
5965
5980
|
}
|
|
5966
5981
|
));
|
|
5967
5982
|
SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
|
|
5968
|
-
var SelectScrollDownButton =
|
|
5983
|
+
var SelectScrollDownButton = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5969
5984
|
SelectPrimitive__namespace.ScrollDownButton,
|
|
5970
5985
|
{
|
|
5971
5986
|
ref,
|
|
@@ -5978,7 +5993,7 @@ var SelectScrollDownButton = React24__namespace.forwardRef(({ className, ...prop
|
|
|
5978
5993
|
}
|
|
5979
5994
|
));
|
|
5980
5995
|
SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
|
|
5981
|
-
var SelectContent =
|
|
5996
|
+
var SelectContent = React25__namespace.forwardRef(({ className, children, position = "popper", side = "bottom", sideOffset = 4, align = "start", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5982
5997
|
SelectPrimitive__namespace.Content,
|
|
5983
5998
|
{
|
|
5984
5999
|
ref,
|
|
@@ -6019,7 +6034,7 @@ var SelectContent = React24__namespace.forwardRef(({ className, children, positi
|
|
|
6019
6034
|
}
|
|
6020
6035
|
) }));
|
|
6021
6036
|
SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
|
|
6022
|
-
var SelectLabel =
|
|
6037
|
+
var SelectLabel = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
6023
6038
|
SelectPrimitive__namespace.Label,
|
|
6024
6039
|
{
|
|
6025
6040
|
ref,
|
|
@@ -6028,7 +6043,7 @@ var SelectLabel = React24__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
6028
6043
|
}
|
|
6029
6044
|
));
|
|
6030
6045
|
SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
|
|
6031
|
-
var SelectItem =
|
|
6046
|
+
var SelectItem = React25__namespace.forwardRef(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6032
6047
|
SelectPrimitive__namespace.Item,
|
|
6033
6048
|
{
|
|
6034
6049
|
ref,
|
|
@@ -6058,7 +6073,7 @@ var SelectItem = React24__namespace.forwardRef(({ className, children, variant =
|
|
|
6058
6073
|
}
|
|
6059
6074
|
));
|
|
6060
6075
|
SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
|
|
6061
|
-
var SelectSeparator =
|
|
6076
|
+
var SelectSeparator = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
6062
6077
|
SelectPrimitive__namespace.Separator,
|
|
6063
6078
|
{
|
|
6064
6079
|
ref,
|
|
@@ -6140,7 +6155,7 @@ var getMaxLength = (countryCode) => {
|
|
|
6140
6155
|
return 15;
|
|
6141
6156
|
}
|
|
6142
6157
|
};
|
|
6143
|
-
var PhoneInput =
|
|
6158
|
+
var PhoneInput = React25__namespace.forwardRef(
|
|
6144
6159
|
({
|
|
6145
6160
|
className,
|
|
6146
6161
|
value = "",
|
|
@@ -6152,8 +6167,8 @@ var PhoneInput = React24__namespace.forwardRef(
|
|
|
6152
6167
|
size,
|
|
6153
6168
|
...props
|
|
6154
6169
|
}, ref) => {
|
|
6155
|
-
const [countryCode, setCountryCode] =
|
|
6156
|
-
const [phoneNumber, setPhoneNumber] =
|
|
6170
|
+
const [countryCode, setCountryCode] = React25__namespace.useState(defaultCountry);
|
|
6171
|
+
const [phoneNumber, setPhoneNumber] = React25__namespace.useState(value);
|
|
6157
6172
|
const selectedCountry = countries.find((c) => c.code === countryCode) || countries[0];
|
|
6158
6173
|
const handlePhoneChange = (e) => {
|
|
6159
6174
|
const rawValue = e.target.value.replace(/\D/g, "");
|
|
@@ -6224,15 +6239,15 @@ var radioGroupItemVariants = classVarianceAuthority.cva(
|
|
|
6224
6239
|
}
|
|
6225
6240
|
}
|
|
6226
6241
|
);
|
|
6227
|
-
var RadioGroupContext =
|
|
6228
|
-
var RadioGroup2 =
|
|
6242
|
+
var RadioGroupContext = React25__namespace.createContext({});
|
|
6243
|
+
var RadioGroup2 = React25__namespace.forwardRef(
|
|
6229
6244
|
({ className, value, defaultValue, onValueChange, disabled, name, ...props }, ref) => {
|
|
6230
|
-
const [internalValue, setInternalValue] =
|
|
6245
|
+
const [internalValue, setInternalValue] = React25__namespace.useState(
|
|
6231
6246
|
defaultValue
|
|
6232
6247
|
);
|
|
6233
6248
|
const isControlled = value !== void 0;
|
|
6234
6249
|
const currentValue = isControlled ? value : internalValue;
|
|
6235
|
-
const handleValueChange =
|
|
6250
|
+
const handleValueChange = React25__namespace.useCallback(
|
|
6236
6251
|
(next) => {
|
|
6237
6252
|
if (!isControlled) {
|
|
6238
6253
|
setInternalValue(next);
|
|
@@ -6264,9 +6279,9 @@ var RadioGroup2 = React24__namespace.forwardRef(
|
|
|
6264
6279
|
}
|
|
6265
6280
|
);
|
|
6266
6281
|
RadioGroup2.displayName = "RadioGroup";
|
|
6267
|
-
var RadioGroupItem =
|
|
6268
|
-
const radioGroup =
|
|
6269
|
-
const generatedId =
|
|
6282
|
+
var RadioGroupItem = React25__namespace.forwardRef(({ className, variant, size, indicator, id, value, disabled, ...props }, ref) => {
|
|
6283
|
+
const radioGroup = React25__namespace.useContext(RadioGroupContext);
|
|
6284
|
+
const generatedId = React25__namespace.useId();
|
|
6270
6285
|
const radioId = id || generatedId;
|
|
6271
6286
|
const isChecked = radioGroup.value === value;
|
|
6272
6287
|
const handleChange = (e) => {
|
|
@@ -6319,7 +6334,7 @@ var RadioGroupItem = React24__namespace.forwardRef(({ className, variant, size,
|
|
|
6319
6334
|
] });
|
|
6320
6335
|
});
|
|
6321
6336
|
RadioGroupItem.displayName = "RadioGroupItem";
|
|
6322
|
-
var RadioLabel =
|
|
6337
|
+
var RadioLabel = React25__namespace.forwardRef(
|
|
6323
6338
|
({ className, htmlFor, children, disabled = false, ...props }, ref) => {
|
|
6324
6339
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6325
6340
|
"label",
|
|
@@ -6338,13 +6353,13 @@ var RadioLabel = React24__namespace.forwardRef(
|
|
|
6338
6353
|
}
|
|
6339
6354
|
);
|
|
6340
6355
|
RadioLabel.displayName = "RadioLabel";
|
|
6341
|
-
var RadioItemWithLabel =
|
|
6356
|
+
var RadioItemWithLabel = React25__namespace.forwardRef(({
|
|
6342
6357
|
id,
|
|
6343
6358
|
label,
|
|
6344
6359
|
labelClassName,
|
|
6345
6360
|
...radioProps
|
|
6346
6361
|
}, ref) => {
|
|
6347
|
-
const generatedId =
|
|
6362
|
+
const generatedId = React25__namespace.useId();
|
|
6348
6363
|
const radioId = id || generatedId;
|
|
6349
6364
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
|
|
6350
6365
|
/* @__PURE__ */ jsxRuntime.jsx(RadioGroupItem, { ref, id: radioId, ...radioProps }),
|
|
@@ -6421,7 +6436,7 @@ function RichTextEditor({
|
|
|
6421
6436
|
)
|
|
6422
6437
|
] });
|
|
6423
6438
|
}
|
|
6424
|
-
var ScrollArea =
|
|
6439
|
+
var ScrollArea = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6425
6440
|
ScrollAreaPrimitive__namespace.Root,
|
|
6426
6441
|
{
|
|
6427
6442
|
ref,
|
|
@@ -6435,7 +6450,7 @@ var ScrollArea = React24__namespace.forwardRef(({ className, children, ...props
|
|
|
6435
6450
|
}
|
|
6436
6451
|
));
|
|
6437
6452
|
ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
|
|
6438
|
-
var ScrollBar =
|
|
6453
|
+
var ScrollBar = React25__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
6439
6454
|
ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
|
|
6440
6455
|
{
|
|
6441
6456
|
ref,
|
|
@@ -6489,7 +6504,7 @@ var defaultTransition = {
|
|
|
6489
6504
|
ease: [0.25, 0.46, 0.45, 0.94]
|
|
6490
6505
|
// Custom cubic-bezier for smooth motion
|
|
6491
6506
|
};
|
|
6492
|
-
var ScrollReveal =
|
|
6507
|
+
var ScrollReveal = React25__namespace.forwardRef(
|
|
6493
6508
|
({
|
|
6494
6509
|
children,
|
|
6495
6510
|
direction = "up",
|
|
@@ -6510,17 +6525,17 @@ var ScrollReveal = React24__namespace.forwardRef(
|
|
|
6510
6525
|
viewport
|
|
6511
6526
|
}, ref) => {
|
|
6512
6527
|
const shouldTriggerOnce = triggerOnce !== void 0 ? triggerOnce : once;
|
|
6513
|
-
const animationVariants =
|
|
6528
|
+
const animationVariants = React25__namespace.useMemo(() => {
|
|
6514
6529
|
if (variants)
|
|
6515
6530
|
return variants;
|
|
6516
6531
|
return createDefaultVariants(direction, distance);
|
|
6517
6532
|
}, [direction, distance, variants]);
|
|
6518
|
-
const transition =
|
|
6533
|
+
const transition = React25__namespace.useMemo(() => ({
|
|
6519
6534
|
...defaultTransition,
|
|
6520
6535
|
duration,
|
|
6521
6536
|
delay: delay + stagger
|
|
6522
6537
|
}), [duration, delay, stagger]);
|
|
6523
|
-
const viewportConfig =
|
|
6538
|
+
const viewportConfig = React25__namespace.useMemo(() => ({
|
|
6524
6539
|
once: shouldTriggerOnce,
|
|
6525
6540
|
amount: threshold,
|
|
6526
6541
|
...viewport
|
|
@@ -6555,7 +6570,7 @@ var ScrollReveal = React24__namespace.forwardRef(
|
|
|
6555
6570
|
}
|
|
6556
6571
|
);
|
|
6557
6572
|
ScrollReveal.displayName = "ScrollReveal";
|
|
6558
|
-
var ScrollRevealContainer =
|
|
6573
|
+
var ScrollRevealContainer = React25__namespace.forwardRef(
|
|
6559
6574
|
({
|
|
6560
6575
|
children,
|
|
6561
6576
|
stagger = 0.1,
|
|
@@ -6568,7 +6583,7 @@ var ScrollRevealContainer = React24__namespace.forwardRef(
|
|
|
6568
6583
|
viewport
|
|
6569
6584
|
}, ref) => {
|
|
6570
6585
|
const shouldTriggerOnce = triggerOnce !== void 0 ? triggerOnce : once;
|
|
6571
|
-
const viewportConfig =
|
|
6586
|
+
const viewportConfig = React25__namespace.useMemo(() => ({
|
|
6572
6587
|
once: shouldTriggerOnce,
|
|
6573
6588
|
amount: threshold,
|
|
6574
6589
|
...viewport
|
|
@@ -6599,7 +6614,7 @@ var ScrollRevealContainer = React24__namespace.forwardRef(
|
|
|
6599
6614
|
}
|
|
6600
6615
|
);
|
|
6601
6616
|
ScrollRevealContainer.displayName = "ScrollRevealContainer";
|
|
6602
|
-
var ScrollRevealItem =
|
|
6617
|
+
var ScrollRevealItem = React25__namespace.forwardRef(
|
|
6603
6618
|
({
|
|
6604
6619
|
children,
|
|
6605
6620
|
direction = "up",
|
|
@@ -6610,12 +6625,12 @@ var ScrollRevealItem = React24__namespace.forwardRef(
|
|
|
6610
6625
|
style,
|
|
6611
6626
|
id
|
|
6612
6627
|
}, ref) => {
|
|
6613
|
-
const animationVariants =
|
|
6628
|
+
const animationVariants = React25__namespace.useMemo(() => {
|
|
6614
6629
|
if (variants)
|
|
6615
6630
|
return variants;
|
|
6616
6631
|
return createDefaultVariants(direction, distance);
|
|
6617
6632
|
}, [direction, distance, variants]);
|
|
6618
|
-
const transition =
|
|
6633
|
+
const transition = React25__namespace.useMemo(() => ({
|
|
6619
6634
|
...defaultTransition,
|
|
6620
6635
|
duration
|
|
6621
6636
|
}), [duration]);
|
|
@@ -6731,7 +6746,7 @@ var separatorVariants = classVarianceAuthority.cva(
|
|
|
6731
6746
|
}
|
|
6732
6747
|
}
|
|
6733
6748
|
);
|
|
6734
|
-
var Separator3 =
|
|
6749
|
+
var Separator3 = React25__namespace.forwardRef(
|
|
6735
6750
|
({
|
|
6736
6751
|
className,
|
|
6737
6752
|
orientation = "horizontal",
|
|
@@ -6774,7 +6789,7 @@ var toggleVariants = classVarianceAuthority.cva(
|
|
|
6774
6789
|
}
|
|
6775
6790
|
}
|
|
6776
6791
|
);
|
|
6777
|
-
var Toggle =
|
|
6792
|
+
var Toggle = React25__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
6778
6793
|
TogglePrimitive__namespace.Root,
|
|
6779
6794
|
{
|
|
6780
6795
|
ref,
|
|
@@ -6810,7 +6825,7 @@ var tooltipVariants = classVarianceAuthority.cva(
|
|
|
6810
6825
|
);
|
|
6811
6826
|
var Tooltip = TooltipPrimitive__namespace.Root;
|
|
6812
6827
|
var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
|
|
6813
|
-
var TooltipArrow =
|
|
6828
|
+
var TooltipArrow = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
6814
6829
|
TooltipPrimitive__namespace.Arrow,
|
|
6815
6830
|
{
|
|
6816
6831
|
ref,
|
|
@@ -6819,7 +6834,7 @@ var TooltipArrow = React24__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
6819
6834
|
}
|
|
6820
6835
|
));
|
|
6821
6836
|
TooltipArrow.displayName = TooltipPrimitive__namespace.Arrow.displayName;
|
|
6822
|
-
var TooltipContent =
|
|
6837
|
+
var TooltipContent = React25__namespace.forwardRef(({ className, variant, size, showArrow = false, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6823
6838
|
TooltipPrimitive__namespace.Content,
|
|
6824
6839
|
{
|
|
6825
6840
|
ref,
|
|
@@ -6833,7 +6848,7 @@ var TooltipContent = React24__namespace.forwardRef(({ className, variant, size,
|
|
|
6833
6848
|
}
|
|
6834
6849
|
));
|
|
6835
6850
|
TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
|
|
6836
|
-
var SimpleTooltip =
|
|
6851
|
+
var SimpleTooltip = React25__namespace.forwardRef(
|
|
6837
6852
|
({
|
|
6838
6853
|
children,
|
|
6839
6854
|
content,
|
|
@@ -6921,7 +6936,7 @@ var ColorPicker2 = ({ onColorSelect }) => {
|
|
|
6921
6936
|
color
|
|
6922
6937
|
)) });
|
|
6923
6938
|
};
|
|
6924
|
-
var SimpleEditor =
|
|
6939
|
+
var SimpleEditor = React25__namespace.default.forwardRef(
|
|
6925
6940
|
({
|
|
6926
6941
|
value = "",
|
|
6927
6942
|
onChange,
|
|
@@ -6934,13 +6949,13 @@ var SimpleEditor = React24__namespace.default.forwardRef(
|
|
|
6934
6949
|
showPreview = true,
|
|
6935
6950
|
...props
|
|
6936
6951
|
}, ref) => {
|
|
6937
|
-
const [content, setContent] =
|
|
6938
|
-
const [isPreview, setIsPreview] =
|
|
6939
|
-
const [sourceContent, setSourceContent] =
|
|
6940
|
-
|
|
6941
|
-
const editorRef =
|
|
6942
|
-
const sourceRef =
|
|
6943
|
-
const [formatState, setFormatState] =
|
|
6952
|
+
const [content, setContent] = React25.useState(value);
|
|
6953
|
+
const [isPreview, setIsPreview] = React25.useState(false);
|
|
6954
|
+
const [sourceContent, setSourceContent] = React25.useState(value);
|
|
6955
|
+
React25.useState(null);
|
|
6956
|
+
const editorRef = React25__namespace.default.useRef(null);
|
|
6957
|
+
const sourceRef = React25__namespace.default.useRef(null);
|
|
6958
|
+
const [formatState, setFormatState] = React25.useState({
|
|
6944
6959
|
bold: false,
|
|
6945
6960
|
italic: false,
|
|
6946
6961
|
underline: false,
|
|
@@ -6954,18 +6969,18 @@ var SimpleEditor = React24__namespace.default.forwardRef(
|
|
|
6954
6969
|
quote: false,
|
|
6955
6970
|
code: false
|
|
6956
6971
|
});
|
|
6957
|
-
const updateContent =
|
|
6972
|
+
const updateContent = React25.useCallback((newContent) => {
|
|
6958
6973
|
setContent(newContent);
|
|
6959
6974
|
onChange?.(newContent);
|
|
6960
6975
|
}, [onChange]);
|
|
6961
|
-
const saveSelection =
|
|
6976
|
+
const saveSelection = React25.useCallback(() => {
|
|
6962
6977
|
const selection2 = window.getSelection();
|
|
6963
6978
|
if (selection2 && selection2.rangeCount > 0) {
|
|
6964
6979
|
return selection2.getRangeAt(0);
|
|
6965
6980
|
}
|
|
6966
6981
|
return null;
|
|
6967
6982
|
}, []);
|
|
6968
|
-
|
|
6983
|
+
React25.useCallback((range) => {
|
|
6969
6984
|
if (!range)
|
|
6970
6985
|
return;
|
|
6971
6986
|
const selection2 = window.getSelection();
|
|
@@ -6974,7 +6989,7 @@ var SimpleEditor = React24__namespace.default.forwardRef(
|
|
|
6974
6989
|
selection2.addRange(range);
|
|
6975
6990
|
}
|
|
6976
6991
|
}, []);
|
|
6977
|
-
const executeCommand =
|
|
6992
|
+
const executeCommand = React25.useCallback((command, value2) => {
|
|
6978
6993
|
if (disabled)
|
|
6979
6994
|
return;
|
|
6980
6995
|
if (editorRef.current) {
|
|
@@ -7007,11 +7022,11 @@ var SimpleEditor = React24__namespace.default.forwardRef(
|
|
|
7007
7022
|
editorRef.current.focus();
|
|
7008
7023
|
}
|
|
7009
7024
|
}, [disabled, saveSelection, updateContent]);
|
|
7010
|
-
const handleInput =
|
|
7025
|
+
const handleInput = React25.useCallback((e) => {
|
|
7011
7026
|
const newContent = e.currentTarget.innerHTML;
|
|
7012
7027
|
updateContent(newContent);
|
|
7013
7028
|
}, [updateContent]);
|
|
7014
|
-
const handleKeyDown =
|
|
7029
|
+
const handleKeyDown = React25.useCallback((e) => {
|
|
7015
7030
|
if (e.ctrlKey || e.metaKey) {
|
|
7016
7031
|
switch (e.key) {
|
|
7017
7032
|
case "b":
|
|
@@ -7041,22 +7056,22 @@ var SimpleEditor = React24__namespace.default.forwardRef(
|
|
|
7041
7056
|
executeCommand("insertHTML", " ");
|
|
7042
7057
|
}
|
|
7043
7058
|
}, [executeCommand]);
|
|
7044
|
-
const insertLink =
|
|
7059
|
+
const insertLink = React25.useCallback(() => {
|
|
7045
7060
|
const url = prompt("Enter URL:");
|
|
7046
7061
|
if (url) {
|
|
7047
7062
|
executeCommand("createLink", url);
|
|
7048
7063
|
}
|
|
7049
7064
|
}, [executeCommand]);
|
|
7050
|
-
const insertImage =
|
|
7065
|
+
const insertImage = React25.useCallback(() => {
|
|
7051
7066
|
const url = prompt("Enter image URL:");
|
|
7052
7067
|
if (url) {
|
|
7053
7068
|
executeCommand("insertImage", url);
|
|
7054
7069
|
}
|
|
7055
7070
|
}, [executeCommand]);
|
|
7056
|
-
const formatHeading =
|
|
7071
|
+
const formatHeading = React25.useCallback((level) => {
|
|
7057
7072
|
executeCommand("formatBlock", `<h${level}>`);
|
|
7058
7073
|
}, [executeCommand]);
|
|
7059
|
-
const setTextColor =
|
|
7074
|
+
const setTextColor = React25.useCallback((color) => {
|
|
7060
7075
|
const selection2 = window.getSelection();
|
|
7061
7076
|
if (selection2 && selection2.rangeCount > 0) {
|
|
7062
7077
|
const range = selection2.getRangeAt(0);
|
|
@@ -7073,12 +7088,12 @@ var SimpleEditor = React24__namespace.default.forwardRef(
|
|
|
7073
7088
|
}
|
|
7074
7089
|
}
|
|
7075
7090
|
}, [executeCommand, updateContent]);
|
|
7076
|
-
|
|
7091
|
+
React25__namespace.default.useEffect(() => {
|
|
7077
7092
|
if (editorRef.current && content && content !== editorRef.current.innerHTML) {
|
|
7078
7093
|
editorRef.current.innerHTML = content;
|
|
7079
7094
|
}
|
|
7080
7095
|
}, [content]);
|
|
7081
|
-
|
|
7096
|
+
React25__namespace.default.useEffect(() => {
|
|
7082
7097
|
if (value !== void 0 && value !== content) {
|
|
7083
7098
|
setContent(value);
|
|
7084
7099
|
setSourceContent(value);
|
|
@@ -7440,8 +7455,8 @@ var SimpleEditor = React24__namespace.default.forwardRef(
|
|
|
7440
7455
|
);
|
|
7441
7456
|
SimpleEditor.displayName = "SimpleEditor";
|
|
7442
7457
|
var CharacterCount = ({ content }) => {
|
|
7443
|
-
const [count, setCount] =
|
|
7444
|
-
|
|
7458
|
+
const [count, setCount] = React25.useState(0);
|
|
7459
|
+
React25.useEffect(() => {
|
|
7445
7460
|
const getPlainText = (html) => {
|
|
7446
7461
|
const div = document.createElement("div");
|
|
7447
7462
|
div.innerHTML = html;
|
|
@@ -7488,7 +7503,7 @@ var skeletonVariants = classVarianceAuthority.cva(
|
|
|
7488
7503
|
}
|
|
7489
7504
|
}
|
|
7490
7505
|
);
|
|
7491
|
-
var Skeleton =
|
|
7506
|
+
var Skeleton = React25__namespace.forwardRef(
|
|
7492
7507
|
({
|
|
7493
7508
|
className,
|
|
7494
7509
|
variant,
|
|
@@ -7572,7 +7587,7 @@ var Skeleton = React24__namespace.forwardRef(
|
|
|
7572
7587
|
}
|
|
7573
7588
|
);
|
|
7574
7589
|
Skeleton.displayName = "Skeleton";
|
|
7575
|
-
var SkeletonText =
|
|
7590
|
+
var SkeletonText = React25__namespace.forwardRef(
|
|
7576
7591
|
({
|
|
7577
7592
|
className,
|
|
7578
7593
|
lines = 3,
|
|
@@ -7613,7 +7628,7 @@ var SkeletonText = React24__namespace.forwardRef(
|
|
|
7613
7628
|
}
|
|
7614
7629
|
);
|
|
7615
7630
|
SkeletonText.displayName = "SkeletonText";
|
|
7616
|
-
var SkeletonAvatar =
|
|
7631
|
+
var SkeletonAvatar = React25__namespace.forwardRef(
|
|
7617
7632
|
({
|
|
7618
7633
|
className,
|
|
7619
7634
|
size = "2.5rem",
|
|
@@ -7639,7 +7654,7 @@ var SkeletonAvatar = React24__namespace.forwardRef(
|
|
|
7639
7654
|
}
|
|
7640
7655
|
);
|
|
7641
7656
|
SkeletonAvatar.displayName = "SkeletonAvatar";
|
|
7642
|
-
var SkeletonCard =
|
|
7657
|
+
var SkeletonCard = React25__namespace.forwardRef(
|
|
7643
7658
|
({
|
|
7644
7659
|
className,
|
|
7645
7660
|
showHeader = true,
|
|
@@ -7713,11 +7728,11 @@ var SkeletonCard = React24__namespace.forwardRef(
|
|
|
7713
7728
|
}
|
|
7714
7729
|
);
|
|
7715
7730
|
SkeletonCard.displayName = "SkeletonCard";
|
|
7716
|
-
var SwipeableCard =
|
|
7731
|
+
var SwipeableCard = React25__namespace.forwardRef(
|
|
7717
7732
|
({ className, children, onSwipeLeft, onSwipeRight, threshold = 100, disabled = false, ...props }, ref) => {
|
|
7718
|
-
const [startX, setStartX] =
|
|
7719
|
-
const [currentX, setCurrentX] =
|
|
7720
|
-
const [isSwiping, setIsSwiping] =
|
|
7733
|
+
const [startX, setStartX] = React25__namespace.useState(0);
|
|
7734
|
+
const [currentX, setCurrentX] = React25__namespace.useState(0);
|
|
7735
|
+
const [isSwiping, setIsSwiping] = React25__namespace.useState(false);
|
|
7721
7736
|
const handleTouchStart = (e) => {
|
|
7722
7737
|
if (disabled)
|
|
7723
7738
|
return;
|
|
@@ -7812,7 +7827,7 @@ var switchThumbVariants = classVarianceAuthority.cva(
|
|
|
7812
7827
|
}
|
|
7813
7828
|
}
|
|
7814
7829
|
);
|
|
7815
|
-
var Switch =
|
|
7830
|
+
var Switch = React25__namespace.forwardRef(({
|
|
7816
7831
|
className,
|
|
7817
7832
|
size,
|
|
7818
7833
|
variant,
|
|
@@ -7823,7 +7838,7 @@ var Switch = React24__namespace.forwardRef(({
|
|
|
7823
7838
|
"aria-describedby": ariaDescribedBy,
|
|
7824
7839
|
...props
|
|
7825
7840
|
}, ref) => {
|
|
7826
|
-
const reactId =
|
|
7841
|
+
const reactId = React25__namespace.useId();
|
|
7827
7842
|
const descriptionId = description ? `${reactId}-description` : void 0;
|
|
7828
7843
|
const describedBy = [ariaDescribedBy, descriptionId].filter(Boolean).join(" ") || void 0;
|
|
7829
7844
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "moonui-theme inline-flex items-center gap-2", children: [
|
|
@@ -7851,7 +7866,7 @@ var Switch = React24__namespace.forwardRef(({
|
|
|
7851
7866
|
] });
|
|
7852
7867
|
});
|
|
7853
7868
|
Switch.displayName = SwitchPrimitives__namespace.Root.displayName;
|
|
7854
|
-
var TagsInput =
|
|
7869
|
+
var TagsInput = React25__namespace.forwardRef(
|
|
7855
7870
|
({
|
|
7856
7871
|
value = [],
|
|
7857
7872
|
onChange,
|
|
@@ -7864,12 +7879,12 @@ var TagsInput = React24__namespace.forwardRef(
|
|
|
7864
7879
|
disabled,
|
|
7865
7880
|
...props
|
|
7866
7881
|
}, ref) => {
|
|
7867
|
-
const [inputValue, setInputValue] =
|
|
7868
|
-
const [error, setError] =
|
|
7869
|
-
const innerInputRef =
|
|
7870
|
-
|
|
7871
|
-
const tagButtonRefs =
|
|
7872
|
-
const errorId =
|
|
7882
|
+
const [inputValue, setInputValue] = React25__namespace.useState("");
|
|
7883
|
+
const [error, setError] = React25__namespace.useState("");
|
|
7884
|
+
const innerInputRef = React25__namespace.useRef(null);
|
|
7885
|
+
React25__namespace.useImperativeHandle(ref, () => innerInputRef.current);
|
|
7886
|
+
const tagButtonRefs = React25__namespace.useRef([]);
|
|
7887
|
+
const errorId = React25__namespace.useId();
|
|
7873
7888
|
const focusTag = (index) => {
|
|
7874
7889
|
if (value.length === 0)
|
|
7875
7890
|
return;
|
|
@@ -8046,7 +8061,7 @@ var textareaVariants = classVarianceAuthority.cva(
|
|
|
8046
8061
|
}
|
|
8047
8062
|
}
|
|
8048
8063
|
);
|
|
8049
|
-
var Textarea =
|
|
8064
|
+
var Textarea = React25__namespace.forwardRef(
|
|
8050
8065
|
({
|
|
8051
8066
|
className,
|
|
8052
8067
|
wrapperClassName,
|
|
@@ -8066,12 +8081,12 @@ var Textarea = React24__namespace.forwardRef(
|
|
|
8066
8081
|
onChange,
|
|
8067
8082
|
...props
|
|
8068
8083
|
}, ref) => {
|
|
8069
|
-
const reactId =
|
|
8084
|
+
const reactId = React25__namespace.useId();
|
|
8070
8085
|
const fieldId = props.id || reactId;
|
|
8071
|
-
const textareaRef =
|
|
8072
|
-
const [internalValue, setInternalValue] =
|
|
8073
|
-
|
|
8074
|
-
const adjustHeight =
|
|
8086
|
+
const textareaRef = React25__namespace.useRef(null);
|
|
8087
|
+
const [internalValue, setInternalValue] = React25__namespace.useState(value || defaultValue || "");
|
|
8088
|
+
React25__namespace.useImperativeHandle(ref, () => textareaRef.current);
|
|
8089
|
+
const adjustHeight = React25__namespace.useCallback(() => {
|
|
8075
8090
|
const textarea = textareaRef.current;
|
|
8076
8091
|
if (!textarea || !autoResize)
|
|
8077
8092
|
return;
|
|
@@ -8085,10 +8100,10 @@ var Textarea = React24__namespace.forwardRef(
|
|
|
8085
8100
|
textarea.style.overflowY = "hidden";
|
|
8086
8101
|
}
|
|
8087
8102
|
}, [autoResize, maxHeight]);
|
|
8088
|
-
|
|
8103
|
+
React25__namespace.useEffect(() => {
|
|
8089
8104
|
adjustHeight();
|
|
8090
8105
|
}, [internalValue, adjustHeight]);
|
|
8091
|
-
|
|
8106
|
+
React25__namespace.useEffect(() => {
|
|
8092
8107
|
if (value !== void 0) {
|
|
8093
8108
|
setInternalValue(value);
|
|
8094
8109
|
}
|
|
@@ -8154,7 +8169,7 @@ var Textarea = React24__namespace.forwardRef(
|
|
|
8154
8169
|
);
|
|
8155
8170
|
Textarea.displayName = "Textarea";
|
|
8156
8171
|
var ToastProvider = ToastPrimitives__namespace.Provider;
|
|
8157
|
-
var ToastViewport =
|
|
8172
|
+
var ToastViewport = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
8158
8173
|
ToastPrimitives__namespace.Viewport,
|
|
8159
8174
|
{
|
|
8160
8175
|
ref,
|
|
@@ -8183,7 +8198,7 @@ var toastVariants = classVarianceAuthority.cva(
|
|
|
8183
8198
|
}
|
|
8184
8199
|
}
|
|
8185
8200
|
);
|
|
8186
|
-
var Toast =
|
|
8201
|
+
var Toast = React25__namespace.forwardRef(({ className, variant, ...props }, ref) => {
|
|
8187
8202
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8188
8203
|
ToastPrimitives__namespace.Root,
|
|
8189
8204
|
{
|
|
@@ -8194,7 +8209,7 @@ var Toast = React24__namespace.forwardRef(({ className, variant, ...props }, ref
|
|
|
8194
8209
|
);
|
|
8195
8210
|
});
|
|
8196
8211
|
Toast.displayName = ToastPrimitives__namespace.Root.displayName;
|
|
8197
|
-
var ToastAction =
|
|
8212
|
+
var ToastAction = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
8198
8213
|
ToastPrimitives__namespace.Action,
|
|
8199
8214
|
{
|
|
8200
8215
|
ref,
|
|
@@ -8206,7 +8221,7 @@ var ToastAction = React24__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
8206
8221
|
}
|
|
8207
8222
|
));
|
|
8208
8223
|
ToastAction.displayName = ToastPrimitives__namespace.Action.displayName;
|
|
8209
|
-
var ToastClose =
|
|
8224
|
+
var ToastClose = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
8210
8225
|
ToastPrimitives__namespace.Close,
|
|
8211
8226
|
{
|
|
8212
8227
|
ref,
|
|
@@ -8223,7 +8238,7 @@ var ToastClose = React24__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
8223
8238
|
}
|
|
8224
8239
|
));
|
|
8225
8240
|
ToastClose.displayName = ToastPrimitives__namespace.Close.displayName;
|
|
8226
|
-
var ToastTitle =
|
|
8241
|
+
var ToastTitle = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
8227
8242
|
ToastPrimitives__namespace.Title,
|
|
8228
8243
|
{
|
|
8229
8244
|
ref,
|
|
@@ -8232,7 +8247,7 @@ var ToastTitle = React24__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
8232
8247
|
}
|
|
8233
8248
|
));
|
|
8234
8249
|
ToastTitle.displayName = ToastPrimitives__namespace.Title.displayName;
|
|
8235
|
-
var ToastDescription =
|
|
8250
|
+
var ToastDescription = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
8236
8251
|
ToastPrimitives__namespace.Description,
|
|
8237
8252
|
{
|
|
8238
8253
|
ref,
|
|
@@ -8340,8 +8355,8 @@ function toast({ ...props }) {
|
|
|
8340
8355
|
};
|
|
8341
8356
|
}
|
|
8342
8357
|
function useToast() {
|
|
8343
|
-
const [state, setState] =
|
|
8344
|
-
|
|
8358
|
+
const [state, setState] = React25__namespace.useState(memoryState);
|
|
8359
|
+
React25__namespace.useEffect(() => {
|
|
8345
8360
|
listeners.push(setState);
|
|
8346
8361
|
return () => {
|
|
8347
8362
|
const index = listeners.indexOf(setState);
|
|
@@ -8394,7 +8409,7 @@ var kbdVariants = classVarianceAuthority.cva(
|
|
|
8394
8409
|
}
|
|
8395
8410
|
}
|
|
8396
8411
|
);
|
|
8397
|
-
var Kbd =
|
|
8412
|
+
var Kbd = React25__namespace.forwardRef(
|
|
8398
8413
|
({ className, size, children, ...props }, ref) => {
|
|
8399
8414
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8400
8415
|
"kbd",
|
|
@@ -8431,7 +8446,7 @@ var iconSizeMap = {
|
|
|
8431
8446
|
md: "h-5 w-5",
|
|
8432
8447
|
lg: "h-6 w-6"
|
|
8433
8448
|
};
|
|
8434
|
-
var Rating =
|
|
8449
|
+
var Rating = React25__namespace.forwardRef(
|
|
8435
8450
|
({
|
|
8436
8451
|
className,
|
|
8437
8452
|
value,
|
|
@@ -8449,11 +8464,11 @@ var Rating = React24__namespace.forwardRef(
|
|
|
8449
8464
|
const iconSizeClass = iconSizeMap[resolvedSize];
|
|
8450
8465
|
const step = precision === "half" ? 0.5 : 1;
|
|
8451
8466
|
const isControlled = value !== void 0;
|
|
8452
|
-
const [internalValue, setInternalValue] =
|
|
8467
|
+
const [internalValue, setInternalValue] = React25__namespace.useState(defaultValue ?? 0);
|
|
8453
8468
|
const currentValue = isControlled ? value ?? 0 : internalValue;
|
|
8454
|
-
const [hoverValue, setHoverValue] =
|
|
8469
|
+
const [hoverValue, setHoverValue] = React25__namespace.useState(null);
|
|
8455
8470
|
const displayValue = hoverValue !== null ? hoverValue : currentValue;
|
|
8456
|
-
const commit =
|
|
8471
|
+
const commit = React25__namespace.useCallback(
|
|
8457
8472
|
(next) => {
|
|
8458
8473
|
if (readOnly)
|
|
8459
8474
|
return;
|
|
@@ -8463,7 +8478,7 @@ var Rating = React24__namespace.forwardRef(
|
|
|
8463
8478
|
},
|
|
8464
8479
|
[readOnly, isControlled, onValueChange]
|
|
8465
8480
|
);
|
|
8466
|
-
const handleKeyDown =
|
|
8481
|
+
const handleKeyDown = React25__namespace.useCallback(
|
|
8467
8482
|
(event) => {
|
|
8468
8483
|
if (readOnly)
|
|
8469
8484
|
return;
|
|
@@ -8492,9 +8507,9 @@ var Rating = React24__namespace.forwardRef(
|
|
|
8492
8507
|
[readOnly, max, currentValue, step, commit]
|
|
8493
8508
|
);
|
|
8494
8509
|
const renderIcon = (filled) => {
|
|
8495
|
-
if (
|
|
8510
|
+
if (React25__namespace.isValidElement(icon)) {
|
|
8496
8511
|
const element = icon;
|
|
8497
|
-
return
|
|
8512
|
+
return React25__namespace.cloneElement(element, {
|
|
8498
8513
|
className: cn(
|
|
8499
8514
|
iconSizeClass,
|
|
8500
8515
|
"shrink-0",
|
|
@@ -8628,7 +8643,7 @@ var dotSizeMap = {
|
|
|
8628
8643
|
lg: "h-2 w-2",
|
|
8629
8644
|
xl: "h-2.5 w-2.5"
|
|
8630
8645
|
};
|
|
8631
|
-
var Spinner =
|
|
8646
|
+
var Spinner = React25__namespace.forwardRef(
|
|
8632
8647
|
({ className, size, variant = "default", label = "Loading", ...props }, ref) => {
|
|
8633
8648
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
8634
8649
|
"div",
|
|
@@ -8707,15 +8722,15 @@ var buttonGroupVariants = classVarianceAuthority.cva(
|
|
|
8707
8722
|
}
|
|
8708
8723
|
}
|
|
8709
8724
|
);
|
|
8710
|
-
var ButtonGroup =
|
|
8725
|
+
var ButtonGroup = React25__namespace.forwardRef(
|
|
8711
8726
|
({ className, orientation, attached, size, variant, children, ...props }, ref) => {
|
|
8712
8727
|
const shouldPropagate = size !== void 0 || variant !== void 0;
|
|
8713
|
-
const enhancedChildren = shouldPropagate ?
|
|
8714
|
-
if (!
|
|
8728
|
+
const enhancedChildren = shouldPropagate ? React25__namespace.Children.map(children, (child) => {
|
|
8729
|
+
if (!React25__namespace.isValidElement(child) || child.type !== Button) {
|
|
8715
8730
|
return child;
|
|
8716
8731
|
}
|
|
8717
8732
|
const childProps = child.props;
|
|
8718
|
-
return
|
|
8733
|
+
return React25__namespace.cloneElement(child, {
|
|
8719
8734
|
size: childProps.size ?? size,
|
|
8720
8735
|
variant: childProps.variant ?? variant
|
|
8721
8736
|
});
|
|
@@ -8733,11 +8748,11 @@ var ButtonGroup = React24__namespace.forwardRef(
|
|
|
8733
8748
|
}
|
|
8734
8749
|
);
|
|
8735
8750
|
ButtonGroup.displayName = "ButtonGroup";
|
|
8736
|
-
var ToggleGroupContext =
|
|
8751
|
+
var ToggleGroupContext = React25__namespace.createContext({
|
|
8737
8752
|
size: "default",
|
|
8738
8753
|
variant: "default"
|
|
8739
8754
|
});
|
|
8740
|
-
var ToggleGroup =
|
|
8755
|
+
var ToggleGroup = React25__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
8741
8756
|
ToggleGroupPrimitive__namespace.Root,
|
|
8742
8757
|
{
|
|
8743
8758
|
ref,
|
|
@@ -8754,8 +8769,8 @@ var ToggleGroup = React24__namespace.forwardRef(({ className, variant, size, chi
|
|
|
8754
8769
|
}
|
|
8755
8770
|
));
|
|
8756
8771
|
ToggleGroup.displayName = "ToggleGroup";
|
|
8757
|
-
var ToggleGroupItem =
|
|
8758
|
-
const context =
|
|
8772
|
+
var ToggleGroupItem = React25__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
|
|
8773
|
+
const context = React25__namespace.useContext(ToggleGroupContext);
|
|
8759
8774
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8760
8775
|
ToggleGroupPrimitive__namespace.Item,
|
|
8761
8776
|
{
|