@pactor-app/ui 1.20.0 → 1.22.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/{chunk-COMLXFWS.js → chunk-44DAGWXZ.js} +13 -3
- package/dist/chunk-EDUMGNT6.js +10951 -0
- package/dist/{chunk-XA6OJ54X.js → chunk-JWZHJEUS.js} +368 -283
- package/dist/{chunk-IMRMBMHI.js → chunk-QQBAMERO.js} +1 -1
- package/dist/components/index.cjs +8738 -1507
- package/dist/components/index.d.cts +2439 -40
- package/dist/components/index.d.ts +2439 -40
- package/dist/components/index.js +163 -5
- package/dist/index.cjs +8865 -1634
- package/dist/index.d.cts +5 -2
- package/dist/index.d.ts +5 -2
- package/dist/index.js +164 -6
- package/dist/layout/index.cjs +7 -2
- package/dist/layout/index.js +2 -2
- package/dist/{typography-BYDh5oku.d.cts → typography-BYdZkkP5.d.cts} +27 -2
- package/dist/{typography-BYDh5oku.d.ts → typography-BYdZkkP5.d.ts} +27 -2
- package/dist/ui/index.cjs +335 -371
- package/dist/ui/index.d.cts +6 -38
- package/dist/ui/index.d.ts +6 -38
- package/dist/ui/index.js +12 -128
- package/package.json +10 -6
- package/styles.css +652 -2
- package/dist/chunk-MHM7LTV2.js +0 -3820
package/dist/ui/index.cjs
CHANGED
|
@@ -75,7 +75,6 @@ __export(ui_exports, {
|
|
|
75
75
|
BubbleReactions: () => BubbleReactions,
|
|
76
76
|
Button: () => Button,
|
|
77
77
|
ButtonGroup: () => ButtonGroup,
|
|
78
|
-
CHART_TOKEN_COLORS: () => CHART_TOKEN_COLORS,
|
|
79
78
|
Calendar: () => Calendar,
|
|
80
79
|
Card: () => Card,
|
|
81
80
|
CardAction: () => CardAction,
|
|
@@ -89,7 +88,6 @@ __export(ui_exports, {
|
|
|
89
88
|
CarouselItem: () => CarouselItem,
|
|
90
89
|
CarouselNext: () => CarouselNext,
|
|
91
90
|
CarouselPrevious: () => CarouselPrevious,
|
|
92
|
-
ChartContainer: () => ChartContainer,
|
|
93
91
|
Checkbox: () => Checkbox,
|
|
94
92
|
Collapsible: () => Collapsible,
|
|
95
93
|
CollapsibleContent: () => CollapsibleContent,
|
|
@@ -279,7 +277,6 @@ __export(ui_exports, {
|
|
|
279
277
|
Typography: () => Typography,
|
|
280
278
|
badgeVariants: () => badgeVariants,
|
|
281
279
|
buttonVariants: () => buttonVariants,
|
|
282
|
-
chartColor: () => chartColor,
|
|
283
280
|
navigationMenuTriggerStyle: () => navigationMenuTriggerStyle,
|
|
284
281
|
toast: () => toast,
|
|
285
282
|
toastManager: () => toastManager,
|
|
@@ -1240,43 +1237,11 @@ function Calendar({
|
|
|
1240
1237
|
);
|
|
1241
1238
|
}
|
|
1242
1239
|
|
|
1243
|
-
// src/ui/chart.tsx
|
|
1244
|
-
var import_recharts = require("recharts");
|
|
1245
|
-
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
1246
|
-
var CHART_TOKEN_COLORS = [
|
|
1247
|
-
"var(--chart-1)",
|
|
1248
|
-
"var(--chart-2)",
|
|
1249
|
-
"var(--chart-3)",
|
|
1250
|
-
"var(--chart-4)",
|
|
1251
|
-
"var(--chart-5)"
|
|
1252
|
-
];
|
|
1253
|
-
function chartColor(index, colors) {
|
|
1254
|
-
if (colors && colors.length > 0) {
|
|
1255
|
-
return colors[index % colors.length];
|
|
1256
|
-
}
|
|
1257
|
-
return CHART_TOKEN_COLORS[index % CHART_TOKEN_COLORS.length];
|
|
1258
|
-
}
|
|
1259
|
-
function ChartContainer({
|
|
1260
|
-
className,
|
|
1261
|
-
children,
|
|
1262
|
-
...props
|
|
1263
|
-
}) {
|
|
1264
|
-
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
1265
|
-
"div",
|
|
1266
|
-
{
|
|
1267
|
-
"data-slot": "chart-container",
|
|
1268
|
-
className: cn("h-64 w-full", className),
|
|
1269
|
-
...props,
|
|
1270
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", children })
|
|
1271
|
-
}
|
|
1272
|
-
);
|
|
1273
|
-
}
|
|
1274
|
-
|
|
1275
1240
|
// src/ui/carousel.tsx
|
|
1276
1241
|
var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
|
|
1277
1242
|
var import_lucide_react4 = require("lucide-react");
|
|
1278
1243
|
var React5 = __toESM(require("react"), 1);
|
|
1279
|
-
var
|
|
1244
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
1280
1245
|
var CarouselContext = React5.createContext(null);
|
|
1281
1246
|
function useCarousel() {
|
|
1282
1247
|
const context = React5.useContext(CarouselContext);
|
|
@@ -1331,7 +1296,7 @@ function Carousel({
|
|
|
1331
1296
|
api.off("select", onSelect);
|
|
1332
1297
|
};
|
|
1333
1298
|
}, [api, onSelect]);
|
|
1334
|
-
return /* @__PURE__ */ (0,
|
|
1299
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
1335
1300
|
CarouselContext.Provider,
|
|
1336
1301
|
{
|
|
1337
1302
|
value: {
|
|
@@ -1344,7 +1309,7 @@ function Carousel({
|
|
|
1344
1309
|
canScrollPrev,
|
|
1345
1310
|
canScrollNext
|
|
1346
1311
|
},
|
|
1347
|
-
children: /* @__PURE__ */ (0,
|
|
1312
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
1348
1313
|
"div",
|
|
1349
1314
|
{
|
|
1350
1315
|
onKeyDownCapture: handleKeyDown,
|
|
@@ -1361,7 +1326,7 @@ function Carousel({
|
|
|
1361
1326
|
}
|
|
1362
1327
|
function CarouselContent({ className, ...props }) {
|
|
1363
1328
|
const { carouselRef, orientation } = useCarousel();
|
|
1364
|
-
return /* @__PURE__ */ (0,
|
|
1329
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-viewport", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
1365
1330
|
"div",
|
|
1366
1331
|
{
|
|
1367
1332
|
className: cn(
|
|
@@ -1375,7 +1340,7 @@ function CarouselContent({ className, ...props }) {
|
|
|
1375
1340
|
}
|
|
1376
1341
|
function CarouselItem({ className, ...props }) {
|
|
1377
1342
|
const { orientation } = useCarousel();
|
|
1378
|
-
return /* @__PURE__ */ (0,
|
|
1343
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
1379
1344
|
"div",
|
|
1380
1345
|
{
|
|
1381
1346
|
role: "group",
|
|
@@ -1397,7 +1362,7 @@ function CarouselPrevious({
|
|
|
1397
1362
|
...props
|
|
1398
1363
|
}) {
|
|
1399
1364
|
const { orientation, scrollPrev, canScrollPrev } = useCarousel();
|
|
1400
|
-
return /* @__PURE__ */ (0,
|
|
1365
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
1401
1366
|
Button,
|
|
1402
1367
|
{
|
|
1403
1368
|
"data-slot": "carousel-previous",
|
|
@@ -1412,8 +1377,8 @@ function CarouselPrevious({
|
|
|
1412
1377
|
onClick: scrollPrev,
|
|
1413
1378
|
...props,
|
|
1414
1379
|
children: [
|
|
1415
|
-
/* @__PURE__ */ (0,
|
|
1416
|
-
/* @__PURE__ */ (0,
|
|
1380
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.ChevronLeftIcon, {}),
|
|
1381
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sr-only", children: "Previous slide" })
|
|
1417
1382
|
]
|
|
1418
1383
|
}
|
|
1419
1384
|
);
|
|
@@ -1425,7 +1390,7 @@ function CarouselNext({
|
|
|
1425
1390
|
...props
|
|
1426
1391
|
}) {
|
|
1427
1392
|
const { orientation, scrollNext, canScrollNext } = useCarousel();
|
|
1428
|
-
return /* @__PURE__ */ (0,
|
|
1393
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
1429
1394
|
Button,
|
|
1430
1395
|
{
|
|
1431
1396
|
"data-slot": "carousel-next",
|
|
@@ -1440,8 +1405,8 @@ function CarouselNext({
|
|
|
1440
1405
|
onClick: scrollNext,
|
|
1441
1406
|
...props,
|
|
1442
1407
|
children: [
|
|
1443
|
-
/* @__PURE__ */ (0,
|
|
1444
|
-
/* @__PURE__ */ (0,
|
|
1408
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.ChevronRightIcon, {}),
|
|
1409
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sr-only", children: "Next slide" })
|
|
1445
1410
|
]
|
|
1446
1411
|
}
|
|
1447
1412
|
);
|
|
@@ -1450,9 +1415,9 @@ function CarouselNext({
|
|
|
1450
1415
|
// src/ui/checkbox.tsx
|
|
1451
1416
|
var import_checkbox = require("@base-ui/react/checkbox");
|
|
1452
1417
|
var import_lucide_react5 = require("lucide-react");
|
|
1453
|
-
var
|
|
1418
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
1454
1419
|
function Checkbox({ className, ...props }) {
|
|
1455
|
-
return /* @__PURE__ */ (0,
|
|
1420
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
1456
1421
|
import_checkbox.Checkbox.Root,
|
|
1457
1422
|
{
|
|
1458
1423
|
"data-slot": "checkbox",
|
|
@@ -1461,12 +1426,12 @@ function Checkbox({ className, ...props }) {
|
|
|
1461
1426
|
className
|
|
1462
1427
|
),
|
|
1463
1428
|
...props,
|
|
1464
|
-
children: /* @__PURE__ */ (0,
|
|
1429
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
1465
1430
|
import_checkbox.Checkbox.Indicator,
|
|
1466
1431
|
{
|
|
1467
1432
|
"data-slot": "checkbox-indicator",
|
|
1468
1433
|
className: "flex items-center justify-center text-current",
|
|
1469
|
-
children: /* @__PURE__ */ (0,
|
|
1434
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react5.CheckIcon, { className: "size-3.5" })
|
|
1470
1435
|
}
|
|
1471
1436
|
)
|
|
1472
1437
|
}
|
|
@@ -1476,18 +1441,18 @@ function Checkbox({ className, ...props }) {
|
|
|
1476
1441
|
// src/ui/collapsible.tsx
|
|
1477
1442
|
var import_collapsible = require("@base-ui/react/collapsible");
|
|
1478
1443
|
var import_lucide_react6 = require("lucide-react");
|
|
1479
|
-
var
|
|
1444
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
1480
1445
|
function Collapsible({
|
|
1481
1446
|
...props
|
|
1482
1447
|
}) {
|
|
1483
|
-
return /* @__PURE__ */ (0,
|
|
1448
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_collapsible.Collapsible.Root, { "data-slot": "collapsible", ...props });
|
|
1484
1449
|
}
|
|
1485
1450
|
function CollapsibleTrigger({
|
|
1486
1451
|
className,
|
|
1487
1452
|
children,
|
|
1488
1453
|
...props
|
|
1489
1454
|
}) {
|
|
1490
|
-
return /* @__PURE__ */ (0,
|
|
1455
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
1491
1456
|
import_collapsible.Collapsible.Trigger,
|
|
1492
1457
|
{
|
|
1493
1458
|
"data-slot": "collapsible-trigger",
|
|
@@ -1498,7 +1463,7 @@ function CollapsibleTrigger({
|
|
|
1498
1463
|
...props,
|
|
1499
1464
|
children: [
|
|
1500
1465
|
children,
|
|
1501
|
-
/* @__PURE__ */ (0,
|
|
1466
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
|
|
1502
1467
|
]
|
|
1503
1468
|
}
|
|
1504
1469
|
);
|
|
@@ -1507,7 +1472,7 @@ function CollapsibleContent({
|
|
|
1507
1472
|
className,
|
|
1508
1473
|
...props
|
|
1509
1474
|
}) {
|
|
1510
|
-
return /* @__PURE__ */ (0,
|
|
1475
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
1511
1476
|
import_collapsible.Collapsible.Panel,
|
|
1512
1477
|
{
|
|
1513
1478
|
"data-slot": "collapsible-content",
|
|
@@ -1525,16 +1490,16 @@ var import_lucide_react7 = require("lucide-react");
|
|
|
1525
1490
|
|
|
1526
1491
|
// src/ui/popover.tsx
|
|
1527
1492
|
var import_popover = require("@base-ui/react/popover");
|
|
1528
|
-
var
|
|
1493
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
1529
1494
|
function Popover({
|
|
1530
1495
|
...props
|
|
1531
1496
|
}) {
|
|
1532
|
-
return /* @__PURE__ */ (0,
|
|
1497
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
|
|
1533
1498
|
}
|
|
1534
1499
|
function PopoverTrigger({
|
|
1535
1500
|
...props
|
|
1536
1501
|
}) {
|
|
1537
|
-
return /* @__PURE__ */ (0,
|
|
1502
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
|
|
1538
1503
|
}
|
|
1539
1504
|
function PopoverContent({
|
|
1540
1505
|
className,
|
|
@@ -1544,7 +1509,7 @@ function PopoverContent({
|
|
|
1544
1509
|
anchor,
|
|
1545
1510
|
...props
|
|
1546
1511
|
}) {
|
|
1547
|
-
return /* @__PURE__ */ (0,
|
|
1512
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1548
1513
|
import_popover.Popover.Positioner,
|
|
1549
1514
|
{
|
|
1550
1515
|
align,
|
|
@@ -1552,7 +1517,7 @@ function PopoverContent({
|
|
|
1552
1517
|
sideOffset,
|
|
1553
1518
|
anchor,
|
|
1554
1519
|
className: "isolate z-50",
|
|
1555
|
-
children: /* @__PURE__ */ (0,
|
|
1520
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1556
1521
|
import_popover.Popover.Popup,
|
|
1557
1522
|
{
|
|
1558
1523
|
"data-slot": "popover-content",
|
|
@@ -1568,20 +1533,20 @@ function PopoverContent({
|
|
|
1568
1533
|
}
|
|
1569
1534
|
|
|
1570
1535
|
// src/ui/combobox.tsx
|
|
1571
|
-
var
|
|
1536
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
1572
1537
|
function Combobox({
|
|
1573
1538
|
open,
|
|
1574
1539
|
onOpenChange,
|
|
1575
1540
|
children
|
|
1576
1541
|
}) {
|
|
1577
|
-
return /* @__PURE__ */ (0,
|
|
1542
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Popover, { open, onOpenChange: (next) => onOpenChange?.(next), children });
|
|
1578
1543
|
}
|
|
1579
1544
|
function ComboboxTrigger({
|
|
1580
1545
|
className,
|
|
1581
1546
|
children,
|
|
1582
1547
|
...props
|
|
1583
1548
|
}) {
|
|
1584
|
-
return /* @__PURE__ */ (0,
|
|
1549
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
|
|
1585
1550
|
PopoverTrigger,
|
|
1586
1551
|
{
|
|
1587
1552
|
"data-slot": "combobox-trigger",
|
|
@@ -1591,8 +1556,8 @@ function ComboboxTrigger({
|
|
|
1591
1556
|
),
|
|
1592
1557
|
...props,
|
|
1593
1558
|
children: [
|
|
1594
|
-
/* @__PURE__ */ (0,
|
|
1595
|
-
/* @__PURE__ */ (0,
|
|
1559
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "min-w-0 flex-1 truncate text-left", children }),
|
|
1560
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.ChevronsUpDownIcon, { className: "size-4 shrink-0 opacity-50" })
|
|
1596
1561
|
]
|
|
1597
1562
|
}
|
|
1598
1563
|
);
|
|
@@ -1602,7 +1567,7 @@ function ComboboxContent({
|
|
|
1602
1567
|
children,
|
|
1603
1568
|
...props
|
|
1604
1569
|
}) {
|
|
1605
|
-
return /* @__PURE__ */ (0,
|
|
1570
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
1606
1571
|
PopoverContent,
|
|
1607
1572
|
{
|
|
1608
1573
|
"data-slot": "combobox-content",
|
|
@@ -1616,12 +1581,12 @@ function ComboboxContent({
|
|
|
1616
1581
|
// src/ui/command.tsx
|
|
1617
1582
|
var import_cmdk = require("cmdk");
|
|
1618
1583
|
var import_lucide_react8 = require("lucide-react");
|
|
1619
|
-
var
|
|
1584
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
1620
1585
|
function Command({
|
|
1621
1586
|
className,
|
|
1622
1587
|
...props
|
|
1623
1588
|
}) {
|
|
1624
|
-
return /* @__PURE__ */ (0,
|
|
1589
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1625
1590
|
import_cmdk.Command,
|
|
1626
1591
|
{
|
|
1627
1592
|
"data-slot": "command",
|
|
@@ -1637,14 +1602,14 @@ function CommandInput({
|
|
|
1637
1602
|
className,
|
|
1638
1603
|
...props
|
|
1639
1604
|
}) {
|
|
1640
|
-
return /* @__PURE__ */ (0,
|
|
1605
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
|
|
1641
1606
|
"div",
|
|
1642
1607
|
{
|
|
1643
1608
|
"data-slot": "command-input-wrapper",
|
|
1644
1609
|
className: "flex items-center gap-2 border-b border-border px-3",
|
|
1645
1610
|
children: [
|
|
1646
|
-
/* @__PURE__ */ (0,
|
|
1647
|
-
/* @__PURE__ */ (0,
|
|
1611
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
|
|
1612
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1648
1613
|
import_cmdk.Command.Input,
|
|
1649
1614
|
{
|
|
1650
1615
|
"data-slot": "command-input",
|
|
@@ -1663,7 +1628,7 @@ function CommandList({
|
|
|
1663
1628
|
className,
|
|
1664
1629
|
...props
|
|
1665
1630
|
}) {
|
|
1666
|
-
return /* @__PURE__ */ (0,
|
|
1631
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1667
1632
|
import_cmdk.Command.List,
|
|
1668
1633
|
{
|
|
1669
1634
|
"data-slot": "command-list",
|
|
@@ -1678,7 +1643,7 @@ function CommandList({
|
|
|
1678
1643
|
function CommandEmpty({
|
|
1679
1644
|
...props
|
|
1680
1645
|
}) {
|
|
1681
|
-
return /* @__PURE__ */ (0,
|
|
1646
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1682
1647
|
import_cmdk.Command.Empty,
|
|
1683
1648
|
{
|
|
1684
1649
|
"data-slot": "command-empty",
|
|
@@ -1691,7 +1656,7 @@ function CommandGroup({
|
|
|
1691
1656
|
className,
|
|
1692
1657
|
...props
|
|
1693
1658
|
}) {
|
|
1694
|
-
return /* @__PURE__ */ (0,
|
|
1659
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1695
1660
|
import_cmdk.Command.Group,
|
|
1696
1661
|
{
|
|
1697
1662
|
"data-slot": "command-group",
|
|
@@ -1707,7 +1672,7 @@ function CommandItem({
|
|
|
1707
1672
|
className,
|
|
1708
1673
|
...props
|
|
1709
1674
|
}) {
|
|
1710
|
-
return /* @__PURE__ */ (0,
|
|
1675
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1711
1676
|
import_cmdk.Command.Item,
|
|
1712
1677
|
{
|
|
1713
1678
|
"data-slot": "command-item",
|
|
@@ -1722,22 +1687,22 @@ function CommandItem({
|
|
|
1722
1687
|
|
|
1723
1688
|
// src/ui/context-menu.tsx
|
|
1724
1689
|
var import_context_menu = require("@base-ui/react/context-menu");
|
|
1725
|
-
var
|
|
1690
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
1726
1691
|
function ContextMenu({
|
|
1727
1692
|
...props
|
|
1728
1693
|
}) {
|
|
1729
|
-
return /* @__PURE__ */ (0,
|
|
1694
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_context_menu.ContextMenu.Root, { "data-slot": "context-menu", ...props });
|
|
1730
1695
|
}
|
|
1731
1696
|
function ContextMenuTrigger({
|
|
1732
1697
|
...props
|
|
1733
1698
|
}) {
|
|
1734
|
-
return /* @__PURE__ */ (0,
|
|
1699
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_context_menu.ContextMenu.Trigger, { "data-slot": "context-menu-trigger", ...props });
|
|
1735
1700
|
}
|
|
1736
1701
|
function ContextMenuContent({
|
|
1737
1702
|
className,
|
|
1738
1703
|
...props
|
|
1739
1704
|
}) {
|
|
1740
|
-
return /* @__PURE__ */ (0,
|
|
1705
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_context_menu.ContextMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_context_menu.ContextMenu.Positioner, { className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
1741
1706
|
import_context_menu.ContextMenu.Popup,
|
|
1742
1707
|
{
|
|
1743
1708
|
"data-slot": "context-menu-content",
|
|
@@ -1754,7 +1719,7 @@ function ContextMenuItem({
|
|
|
1754
1719
|
variant = "default",
|
|
1755
1720
|
...props
|
|
1756
1721
|
}) {
|
|
1757
|
-
return /* @__PURE__ */ (0,
|
|
1722
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
1758
1723
|
import_context_menu.ContextMenu.Item,
|
|
1759
1724
|
{
|
|
1760
1725
|
"data-slot": "context-menu-item",
|
|
@@ -1771,7 +1736,7 @@ function ContextMenuSeparator({
|
|
|
1771
1736
|
className,
|
|
1772
1737
|
...props
|
|
1773
1738
|
}) {
|
|
1774
|
-
return /* @__PURE__ */ (0,
|
|
1739
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
1775
1740
|
import_context_menu.ContextMenu.Separator,
|
|
1776
1741
|
{
|
|
1777
1742
|
"data-slot": "context-menu-separator",
|
|
@@ -1783,32 +1748,32 @@ function ContextMenuSeparator({
|
|
|
1783
1748
|
|
|
1784
1749
|
// src/ui/drawer.tsx
|
|
1785
1750
|
var import_vaul = require("vaul");
|
|
1786
|
-
var
|
|
1751
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
1787
1752
|
function Drawer({
|
|
1788
1753
|
...props
|
|
1789
1754
|
}) {
|
|
1790
|
-
return /* @__PURE__ */ (0,
|
|
1755
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_vaul.Drawer.Root, { "data-slot": "drawer", ...props });
|
|
1791
1756
|
}
|
|
1792
1757
|
function DrawerTrigger({
|
|
1793
1758
|
...props
|
|
1794
1759
|
}) {
|
|
1795
|
-
return /* @__PURE__ */ (0,
|
|
1760
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_vaul.Drawer.Trigger, { "data-slot": "drawer-trigger", ...props });
|
|
1796
1761
|
}
|
|
1797
1762
|
function DrawerPortal({
|
|
1798
1763
|
...props
|
|
1799
1764
|
}) {
|
|
1800
|
-
return /* @__PURE__ */ (0,
|
|
1765
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
|
|
1801
1766
|
}
|
|
1802
1767
|
function DrawerClose({
|
|
1803
1768
|
...props
|
|
1804
1769
|
}) {
|
|
1805
|
-
return /* @__PURE__ */ (0,
|
|
1770
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_vaul.Drawer.Close, { "data-slot": "drawer-close", ...props });
|
|
1806
1771
|
}
|
|
1807
1772
|
function DrawerOverlay({
|
|
1808
1773
|
className,
|
|
1809
1774
|
...props
|
|
1810
1775
|
}) {
|
|
1811
|
-
return /* @__PURE__ */ (0,
|
|
1776
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
1812
1777
|
import_vaul.Drawer.Overlay,
|
|
1813
1778
|
{
|
|
1814
1779
|
"data-slot": "drawer-overlay",
|
|
@@ -1822,9 +1787,9 @@ function DrawerContent({
|
|
|
1822
1787
|
children,
|
|
1823
1788
|
...props
|
|
1824
1789
|
}) {
|
|
1825
|
-
return /* @__PURE__ */ (0,
|
|
1826
|
-
/* @__PURE__ */ (0,
|
|
1827
|
-
/* @__PURE__ */ (0,
|
|
1790
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
|
|
1791
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DrawerOverlay, {}),
|
|
1792
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
|
|
1828
1793
|
import_vaul.Drawer.Content,
|
|
1829
1794
|
{
|
|
1830
1795
|
"data-slot": "drawer-content",
|
|
@@ -1838,7 +1803,7 @@ function DrawerContent({
|
|
|
1838
1803
|
),
|
|
1839
1804
|
...props,
|
|
1840
1805
|
children: [
|
|
1841
|
-
/* @__PURE__ */ (0,
|
|
1806
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
|
|
1842
1807
|
children
|
|
1843
1808
|
]
|
|
1844
1809
|
}
|
|
@@ -1846,7 +1811,7 @@ function DrawerContent({
|
|
|
1846
1811
|
] });
|
|
1847
1812
|
}
|
|
1848
1813
|
function DrawerHeader({ className, ...props }) {
|
|
1849
|
-
return /* @__PURE__ */ (0,
|
|
1814
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
1850
1815
|
"div",
|
|
1851
1816
|
{
|
|
1852
1817
|
"data-slot": "drawer-header",
|
|
@@ -1856,7 +1821,7 @@ function DrawerHeader({ className, ...props }) {
|
|
|
1856
1821
|
);
|
|
1857
1822
|
}
|
|
1858
1823
|
function DrawerFooter({ className, ...props }) {
|
|
1859
|
-
return /* @__PURE__ */ (0,
|
|
1824
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
1860
1825
|
"div",
|
|
1861
1826
|
{
|
|
1862
1827
|
"data-slot": "drawer-footer",
|
|
@@ -1869,7 +1834,7 @@ function DrawerTitle({
|
|
|
1869
1834
|
className,
|
|
1870
1835
|
...props
|
|
1871
1836
|
}) {
|
|
1872
|
-
return /* @__PURE__ */ (0,
|
|
1837
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
1873
1838
|
import_vaul.Drawer.Title,
|
|
1874
1839
|
{
|
|
1875
1840
|
"data-slot": "drawer-title",
|
|
@@ -1882,7 +1847,7 @@ function DrawerDescription({
|
|
|
1882
1847
|
className,
|
|
1883
1848
|
...props
|
|
1884
1849
|
}) {
|
|
1885
|
-
return /* @__PURE__ */ (0,
|
|
1850
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
1886
1851
|
import_vaul.Drawer.Description,
|
|
1887
1852
|
{
|
|
1888
1853
|
"data-slot": "drawer-description",
|
|
@@ -1895,16 +1860,16 @@ function DrawerDescription({
|
|
|
1895
1860
|
// src/ui/dropdown-menu.tsx
|
|
1896
1861
|
var import_menu = require("@base-ui/react/menu");
|
|
1897
1862
|
var import_lucide_react9 = require("lucide-react");
|
|
1898
|
-
var
|
|
1863
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
1899
1864
|
function DropdownMenu({
|
|
1900
1865
|
...props
|
|
1901
1866
|
}) {
|
|
1902
|
-
return /* @__PURE__ */ (0,
|
|
1867
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_menu.Menu.Root, { "data-slot": "dropdown-menu", ...props });
|
|
1903
1868
|
}
|
|
1904
1869
|
function DropdownMenuTrigger({
|
|
1905
1870
|
...props
|
|
1906
1871
|
}) {
|
|
1907
|
-
return /* @__PURE__ */ (0,
|
|
1872
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_menu.Menu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
|
|
1908
1873
|
}
|
|
1909
1874
|
function DropdownMenuContent({
|
|
1910
1875
|
className,
|
|
@@ -1913,14 +1878,14 @@ function DropdownMenuContent({
|
|
|
1913
1878
|
sideOffset = 4,
|
|
1914
1879
|
...props
|
|
1915
1880
|
}) {
|
|
1916
|
-
return /* @__PURE__ */ (0,
|
|
1881
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
1917
1882
|
import_menu.Menu.Positioner,
|
|
1918
1883
|
{
|
|
1919
1884
|
align,
|
|
1920
1885
|
side,
|
|
1921
1886
|
sideOffset,
|
|
1922
1887
|
className: "isolate z-50",
|
|
1923
|
-
children: /* @__PURE__ */ (0,
|
|
1888
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
1924
1889
|
import_menu.Menu.Popup,
|
|
1925
1890
|
{
|
|
1926
1891
|
"data-slot": "dropdown-menu-content",
|
|
@@ -1939,7 +1904,7 @@ function DropdownMenuItem({
|
|
|
1939
1904
|
variant = "default",
|
|
1940
1905
|
...props
|
|
1941
1906
|
}) {
|
|
1942
|
-
return /* @__PURE__ */ (0,
|
|
1907
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
1943
1908
|
import_menu.Menu.Item,
|
|
1944
1909
|
{
|
|
1945
1910
|
"data-slot": "dropdown-menu-item",
|
|
@@ -1956,7 +1921,7 @@ function DropdownMenuSeparator({
|
|
|
1956
1921
|
className,
|
|
1957
1922
|
...props
|
|
1958
1923
|
}) {
|
|
1959
|
-
return /* @__PURE__ */ (0,
|
|
1924
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
1960
1925
|
import_menu.Menu.Separator,
|
|
1961
1926
|
{
|
|
1962
1927
|
"data-slot": "dropdown-menu-separator",
|
|
@@ -1968,14 +1933,14 @@ function DropdownMenuSeparator({
|
|
|
1968
1933
|
function DropdownMenuSub({
|
|
1969
1934
|
...props
|
|
1970
1935
|
}) {
|
|
1971
|
-
return /* @__PURE__ */ (0,
|
|
1936
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_menu.Menu.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
|
|
1972
1937
|
}
|
|
1973
1938
|
function DropdownMenuSubTrigger({
|
|
1974
1939
|
className,
|
|
1975
1940
|
children,
|
|
1976
1941
|
...props
|
|
1977
1942
|
}) {
|
|
1978
|
-
return /* @__PURE__ */ (0,
|
|
1943
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
1979
1944
|
import_menu.Menu.SubmenuTrigger,
|
|
1980
1945
|
{
|
|
1981
1946
|
"data-slot": "dropdown-menu-sub-trigger",
|
|
@@ -1986,7 +1951,7 @@ function DropdownMenuSubTrigger({
|
|
|
1986
1951
|
...props,
|
|
1987
1952
|
children: [
|
|
1988
1953
|
children,
|
|
1989
|
-
/* @__PURE__ */ (0,
|
|
1954
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.ChevronRightIcon, { className: "ml-auto" })
|
|
1990
1955
|
]
|
|
1991
1956
|
}
|
|
1992
1957
|
);
|
|
@@ -1996,7 +1961,7 @@ function DropdownMenuSubContent({
|
|
|
1996
1961
|
sideOffset = 2,
|
|
1997
1962
|
...props
|
|
1998
1963
|
}) {
|
|
1999
|
-
return /* @__PURE__ */ (0,
|
|
1964
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_menu.Menu.Positioner, { sideOffset, className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
2000
1965
|
import_menu.Menu.Popup,
|
|
2001
1966
|
{
|
|
2002
1967
|
"data-slot": "dropdown-menu-sub-content",
|
|
@@ -2011,16 +1976,16 @@ function DropdownMenuSubContent({
|
|
|
2011
1976
|
|
|
2012
1977
|
// src/ui/hover-card.tsx
|
|
2013
1978
|
var import_preview_card = require("@base-ui/react/preview-card");
|
|
2014
|
-
var
|
|
1979
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
2015
1980
|
function HoverCard({
|
|
2016
1981
|
...props
|
|
2017
1982
|
}) {
|
|
2018
|
-
return /* @__PURE__ */ (0,
|
|
1983
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_preview_card.PreviewCard.Root, { "data-slot": "hover-card", ...props });
|
|
2019
1984
|
}
|
|
2020
1985
|
function HoverCardTrigger({
|
|
2021
1986
|
...props
|
|
2022
1987
|
}) {
|
|
2023
|
-
return /* @__PURE__ */ (0,
|
|
1988
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_preview_card.PreviewCard.Trigger, { "data-slot": "hover-card-trigger", ...props });
|
|
2024
1989
|
}
|
|
2025
1990
|
function HoverCardContent({
|
|
2026
1991
|
className,
|
|
@@ -2029,14 +1994,14 @@ function HoverCardContent({
|
|
|
2029
1994
|
sideOffset = 4,
|
|
2030
1995
|
...props
|
|
2031
1996
|
}) {
|
|
2032
|
-
return /* @__PURE__ */ (0,
|
|
1997
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_preview_card.PreviewCard.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2033
1998
|
import_preview_card.PreviewCard.Positioner,
|
|
2034
1999
|
{
|
|
2035
2000
|
align,
|
|
2036
2001
|
side,
|
|
2037
2002
|
sideOffset,
|
|
2038
2003
|
className: "isolate z-50",
|
|
2039
|
-
children: /* @__PURE__ */ (0,
|
|
2004
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2040
2005
|
import_preview_card.PreviewCard.Popup,
|
|
2041
2006
|
{
|
|
2042
2007
|
"data-slot": "hover-card-content",
|
|
@@ -2054,12 +2019,12 @@ function HoverCardContent({
|
|
|
2054
2019
|
// src/ui/menubar.tsx
|
|
2055
2020
|
var import_menu2 = require("@base-ui/react/menu");
|
|
2056
2021
|
var import_menubar = require("@base-ui/react/menubar");
|
|
2057
|
-
var
|
|
2022
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
2058
2023
|
function Menubar({
|
|
2059
2024
|
className,
|
|
2060
2025
|
...props
|
|
2061
2026
|
}) {
|
|
2062
|
-
return /* @__PURE__ */ (0,
|
|
2027
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
2063
2028
|
import_menubar.Menubar,
|
|
2064
2029
|
{
|
|
2065
2030
|
"data-slot": "menubar",
|
|
@@ -2074,13 +2039,13 @@ function Menubar({
|
|
|
2074
2039
|
function MenubarMenu({
|
|
2075
2040
|
...props
|
|
2076
2041
|
}) {
|
|
2077
|
-
return /* @__PURE__ */ (0,
|
|
2042
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_menu2.Menu.Root, { "data-slot": "menubar-menu", ...props });
|
|
2078
2043
|
}
|
|
2079
2044
|
function MenubarTrigger({
|
|
2080
2045
|
className,
|
|
2081
2046
|
...props
|
|
2082
2047
|
}) {
|
|
2083
|
-
return /* @__PURE__ */ (0,
|
|
2048
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
2084
2049
|
import_menu2.Menu.Trigger,
|
|
2085
2050
|
{
|
|
2086
2051
|
"data-slot": "menubar-trigger",
|
|
@@ -2099,14 +2064,14 @@ function MenubarContent({
|
|
|
2099
2064
|
sideOffset = 8,
|
|
2100
2065
|
...props
|
|
2101
2066
|
}) {
|
|
2102
|
-
return /* @__PURE__ */ (0,
|
|
2067
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_menu2.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
2103
2068
|
import_menu2.Menu.Positioner,
|
|
2104
2069
|
{
|
|
2105
2070
|
align,
|
|
2106
2071
|
side,
|
|
2107
2072
|
sideOffset,
|
|
2108
2073
|
className: "isolate z-50",
|
|
2109
|
-
children: /* @__PURE__ */ (0,
|
|
2074
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
2110
2075
|
import_menu2.Menu.Popup,
|
|
2111
2076
|
{
|
|
2112
2077
|
"data-slot": "menubar-content",
|
|
@@ -2125,7 +2090,7 @@ function MenubarItem({
|
|
|
2125
2090
|
variant = "default",
|
|
2126
2091
|
...props
|
|
2127
2092
|
}) {
|
|
2128
|
-
return /* @__PURE__ */ (0,
|
|
2093
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
2129
2094
|
import_menu2.Menu.Item,
|
|
2130
2095
|
{
|
|
2131
2096
|
"data-slot": "menubar-item",
|
|
@@ -2142,7 +2107,7 @@ function MenubarSeparator({
|
|
|
2142
2107
|
className,
|
|
2143
2108
|
...props
|
|
2144
2109
|
}) {
|
|
2145
|
-
return /* @__PURE__ */ (0,
|
|
2110
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
2146
2111
|
import_menu2.Menu.Separator,
|
|
2147
2112
|
{
|
|
2148
2113
|
"data-slot": "menubar-separator",
|
|
@@ -2156,13 +2121,13 @@ function MenubarSeparator({
|
|
|
2156
2121
|
var import_navigation_menu = require("@base-ui/react/navigation-menu");
|
|
2157
2122
|
var import_lucide_react10 = require("lucide-react");
|
|
2158
2123
|
var import_class_variance_authority6 = require("class-variance-authority");
|
|
2159
|
-
var
|
|
2124
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
2160
2125
|
function NavigationMenu({
|
|
2161
2126
|
className,
|
|
2162
2127
|
children,
|
|
2163
2128
|
...props
|
|
2164
2129
|
}) {
|
|
2165
|
-
return /* @__PURE__ */ (0,
|
|
2130
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
|
|
2166
2131
|
import_navigation_menu.NavigationMenu.Root,
|
|
2167
2132
|
{
|
|
2168
2133
|
"data-slot": "navigation-menu",
|
|
@@ -2170,7 +2135,7 @@ function NavigationMenu({
|
|
|
2170
2135
|
...props,
|
|
2171
2136
|
children: [
|
|
2172
2137
|
children,
|
|
2173
|
-
/* @__PURE__ */ (0,
|
|
2138
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(NavigationMenuViewport, {})
|
|
2174
2139
|
]
|
|
2175
2140
|
}
|
|
2176
2141
|
);
|
|
@@ -2179,7 +2144,7 @@ function NavigationMenuList({
|
|
|
2179
2144
|
className,
|
|
2180
2145
|
...props
|
|
2181
2146
|
}) {
|
|
2182
|
-
return /* @__PURE__ */ (0,
|
|
2147
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2183
2148
|
import_navigation_menu.NavigationMenu.List,
|
|
2184
2149
|
{
|
|
2185
2150
|
"data-slot": "navigation-menu-list",
|
|
@@ -2192,7 +2157,7 @@ function NavigationMenuItem({
|
|
|
2192
2157
|
className,
|
|
2193
2158
|
...props
|
|
2194
2159
|
}) {
|
|
2195
|
-
return /* @__PURE__ */ (0,
|
|
2160
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2196
2161
|
import_navigation_menu.NavigationMenu.Item,
|
|
2197
2162
|
{
|
|
2198
2163
|
"data-slot": "navigation-menu-item",
|
|
@@ -2209,7 +2174,7 @@ function NavigationMenuTrigger({
|
|
|
2209
2174
|
children,
|
|
2210
2175
|
...props
|
|
2211
2176
|
}) {
|
|
2212
|
-
return /* @__PURE__ */ (0,
|
|
2177
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
|
|
2213
2178
|
import_navigation_menu.NavigationMenu.Trigger,
|
|
2214
2179
|
{
|
|
2215
2180
|
"data-slot": "navigation-menu-trigger",
|
|
@@ -2217,7 +2182,7 @@ function NavigationMenuTrigger({
|
|
|
2217
2182
|
...props,
|
|
2218
2183
|
children: [
|
|
2219
2184
|
children,
|
|
2220
|
-
/* @__PURE__ */ (0,
|
|
2185
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2221
2186
|
import_lucide_react10.ChevronDownIcon,
|
|
2222
2187
|
{
|
|
2223
2188
|
className: "relative top-px ml-1 size-3 transition-transform duration-200 group-data-open/navigation-menu-trigger:rotate-180",
|
|
@@ -2232,7 +2197,7 @@ function NavigationMenuContent({
|
|
|
2232
2197
|
className,
|
|
2233
2198
|
...props
|
|
2234
2199
|
}) {
|
|
2235
|
-
return /* @__PURE__ */ (0,
|
|
2200
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2236
2201
|
import_navigation_menu.NavigationMenu.Content,
|
|
2237
2202
|
{
|
|
2238
2203
|
"data-slot": "navigation-menu-content",
|
|
@@ -2245,13 +2210,13 @@ function NavigationMenuContent({
|
|
|
2245
2210
|
);
|
|
2246
2211
|
}
|
|
2247
2212
|
function NavigationMenuViewport({ className }) {
|
|
2248
|
-
return /* @__PURE__ */ (0,
|
|
2213
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_navigation_menu.NavigationMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2249
2214
|
import_navigation_menu.NavigationMenu.Positioner,
|
|
2250
2215
|
{
|
|
2251
2216
|
side: "bottom",
|
|
2252
2217
|
align: "start",
|
|
2253
2218
|
className: "isolate z-50",
|
|
2254
|
-
children: /* @__PURE__ */ (0,
|
|
2219
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2255
2220
|
import_navigation_menu.NavigationMenu.Popup,
|
|
2256
2221
|
{
|
|
2257
2222
|
"data-slot": "navigation-menu-popup",
|
|
@@ -2259,7 +2224,7 @@ function NavigationMenuViewport({ className }) {
|
|
|
2259
2224
|
"origin-(--transform-origin) overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md shadow-(color:--shadow-color) duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fill-mode-forwards data-closed:fade-out-0 data-closed:zoom-out-95",
|
|
2260
2225
|
className
|
|
2261
2226
|
),
|
|
2262
|
-
children: /* @__PURE__ */ (0,
|
|
2227
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_navigation_menu.NavigationMenu.Viewport, { "data-slot": "navigation-menu-viewport" })
|
|
2263
2228
|
}
|
|
2264
2229
|
)
|
|
2265
2230
|
}
|
|
@@ -2269,7 +2234,7 @@ function NavigationMenuLink({
|
|
|
2269
2234
|
className,
|
|
2270
2235
|
...props
|
|
2271
2236
|
}) {
|
|
2272
|
-
return /* @__PURE__ */ (0,
|
|
2237
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2273
2238
|
import_navigation_menu.NavigationMenu.Link,
|
|
2274
2239
|
{
|
|
2275
2240
|
"data-slot": "navigation-menu-link",
|
|
@@ -2284,9 +2249,9 @@ function NavigationMenuLink({
|
|
|
2284
2249
|
|
|
2285
2250
|
// src/ui/pagination.tsx
|
|
2286
2251
|
var import_lucide_react11 = require("lucide-react");
|
|
2287
|
-
var
|
|
2252
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
2288
2253
|
function Pagination({ className, ...props }) {
|
|
2289
|
-
return /* @__PURE__ */ (0,
|
|
2254
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2290
2255
|
"nav",
|
|
2291
2256
|
{
|
|
2292
2257
|
role: "navigation",
|
|
@@ -2298,7 +2263,7 @@ function Pagination({ className, ...props }) {
|
|
|
2298
2263
|
);
|
|
2299
2264
|
}
|
|
2300
2265
|
function PaginationContent({ className, ...props }) {
|
|
2301
|
-
return /* @__PURE__ */ (0,
|
|
2266
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2302
2267
|
"ul",
|
|
2303
2268
|
{
|
|
2304
2269
|
"data-slot": "pagination-content",
|
|
@@ -2308,7 +2273,7 @@ function PaginationContent({ className, ...props }) {
|
|
|
2308
2273
|
);
|
|
2309
2274
|
}
|
|
2310
2275
|
function PaginationItem({ ...props }) {
|
|
2311
|
-
return /* @__PURE__ */ (0,
|
|
2276
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("li", { "data-slot": "pagination-item", ...props });
|
|
2312
2277
|
}
|
|
2313
2278
|
function PaginationLink({
|
|
2314
2279
|
className,
|
|
@@ -2316,7 +2281,7 @@ function PaginationLink({
|
|
|
2316
2281
|
disabled,
|
|
2317
2282
|
...props
|
|
2318
2283
|
}) {
|
|
2319
|
-
return /* @__PURE__ */ (0,
|
|
2284
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2320
2285
|
"a",
|
|
2321
2286
|
{
|
|
2322
2287
|
"aria-current": isActive ? "page" : void 0,
|
|
@@ -2340,15 +2305,15 @@ function PaginationPrevious({
|
|
|
2340
2305
|
className,
|
|
2341
2306
|
...props
|
|
2342
2307
|
}) {
|
|
2343
|
-
return /* @__PURE__ */ (0,
|
|
2308
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
2344
2309
|
PaginationLink,
|
|
2345
2310
|
{
|
|
2346
2311
|
"aria-label": "Go to previous page",
|
|
2347
2312
|
className: cn("gap-1 px-2.5 sm:pl-2.5", className),
|
|
2348
2313
|
...props,
|
|
2349
2314
|
children: [
|
|
2350
|
-
/* @__PURE__ */ (0,
|
|
2351
|
-
/* @__PURE__ */ (0,
|
|
2315
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.ChevronLeftIcon, {}),
|
|
2316
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "hidden sm:block", children: "Previous" })
|
|
2352
2317
|
]
|
|
2353
2318
|
}
|
|
2354
2319
|
);
|
|
@@ -2357,21 +2322,21 @@ function PaginationNext({
|
|
|
2357
2322
|
className,
|
|
2358
2323
|
...props
|
|
2359
2324
|
}) {
|
|
2360
|
-
return /* @__PURE__ */ (0,
|
|
2325
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
2361
2326
|
PaginationLink,
|
|
2362
2327
|
{
|
|
2363
2328
|
"aria-label": "Go to next page",
|
|
2364
2329
|
className: cn("gap-1 px-2.5 sm:pr-2.5", className),
|
|
2365
2330
|
...props,
|
|
2366
2331
|
children: [
|
|
2367
|
-
/* @__PURE__ */ (0,
|
|
2368
|
-
/* @__PURE__ */ (0,
|
|
2332
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "hidden sm:block", children: "Next" }),
|
|
2333
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.ChevronRightIcon, {})
|
|
2369
2334
|
]
|
|
2370
2335
|
}
|
|
2371
2336
|
);
|
|
2372
2337
|
}
|
|
2373
2338
|
function PaginationEllipsis({ className, ...props }) {
|
|
2374
|
-
return /* @__PURE__ */ (0,
|
|
2339
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
2375
2340
|
"span",
|
|
2376
2341
|
{
|
|
2377
2342
|
"aria-hidden": true,
|
|
@@ -2379,8 +2344,8 @@ function PaginationEllipsis({ className, ...props }) {
|
|
|
2379
2344
|
className: cn("flex size-9 items-center justify-center", className),
|
|
2380
2345
|
...props,
|
|
2381
2346
|
children: [
|
|
2382
|
-
/* @__PURE__ */ (0,
|
|
2383
|
-
/* @__PURE__ */ (0,
|
|
2347
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.MoreHorizontalIcon, { className: "size-4" }),
|
|
2348
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "More pages" })
|
|
2384
2349
|
]
|
|
2385
2350
|
}
|
|
2386
2351
|
);
|
|
@@ -2390,32 +2355,32 @@ function PaginationEllipsis({ className, ...props }) {
|
|
|
2390
2355
|
var import_dialog = require("@base-ui/react/dialog");
|
|
2391
2356
|
var import_lucide_react12 = require("lucide-react");
|
|
2392
2357
|
var import_class_variance_authority7 = require("class-variance-authority");
|
|
2393
|
-
var
|
|
2358
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
2394
2359
|
function Sheet({
|
|
2395
2360
|
...props
|
|
2396
2361
|
}) {
|
|
2397
|
-
return /* @__PURE__ */ (0,
|
|
2362
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_dialog.Dialog.Root, { "data-slot": "sheet", ...props });
|
|
2398
2363
|
}
|
|
2399
2364
|
function SheetTrigger({
|
|
2400
2365
|
...props
|
|
2401
2366
|
}) {
|
|
2402
|
-
return /* @__PURE__ */ (0,
|
|
2367
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_dialog.Dialog.Trigger, { "data-slot": "sheet-trigger", ...props });
|
|
2403
2368
|
}
|
|
2404
2369
|
function SheetClose({
|
|
2405
2370
|
...props
|
|
2406
2371
|
}) {
|
|
2407
|
-
return /* @__PURE__ */ (0,
|
|
2372
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_dialog.Dialog.Close, { "data-slot": "sheet-close", ...props });
|
|
2408
2373
|
}
|
|
2409
2374
|
function SheetPortal({
|
|
2410
2375
|
...props
|
|
2411
2376
|
}) {
|
|
2412
|
-
return /* @__PURE__ */ (0,
|
|
2377
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_dialog.Dialog.Portal, { "data-slot": "sheet-portal", ...props });
|
|
2413
2378
|
}
|
|
2414
2379
|
function SheetOverlay({
|
|
2415
2380
|
className,
|
|
2416
2381
|
...props
|
|
2417
2382
|
}) {
|
|
2418
|
-
return /* @__PURE__ */ (0,
|
|
2383
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2419
2384
|
import_dialog.Dialog.Backdrop,
|
|
2420
2385
|
{
|
|
2421
2386
|
"data-slot": "sheet-overlay",
|
|
@@ -2449,9 +2414,9 @@ function SheetContent({
|
|
|
2449
2414
|
side = "right",
|
|
2450
2415
|
...props
|
|
2451
2416
|
}) {
|
|
2452
|
-
return /* @__PURE__ */ (0,
|
|
2453
|
-
/* @__PURE__ */ (0,
|
|
2454
|
-
/* @__PURE__ */ (0,
|
|
2417
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(SheetPortal, { "data-slot": "sheet-portal", children: [
|
|
2418
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SheetOverlay, {}),
|
|
2419
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
|
|
2455
2420
|
import_dialog.Dialog.Popup,
|
|
2456
2421
|
{
|
|
2457
2422
|
"data-slot": "sheet-content",
|
|
@@ -2459,11 +2424,11 @@ function SheetContent({
|
|
|
2459
2424
|
...props,
|
|
2460
2425
|
children: [
|
|
2461
2426
|
children,
|
|
2462
|
-
/* @__PURE__ */ (0,
|
|
2427
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
|
|
2463
2428
|
import_dialog.Dialog.Close,
|
|
2464
2429
|
{
|
|
2465
2430
|
"data-slot": "sheet-close",
|
|
2466
|
-
render: /* @__PURE__ */ (0,
|
|
2431
|
+
render: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2467
2432
|
"button",
|
|
2468
2433
|
{
|
|
2469
2434
|
type: "button",
|
|
@@ -2471,8 +2436,8 @@ function SheetContent({
|
|
|
2471
2436
|
}
|
|
2472
2437
|
),
|
|
2473
2438
|
children: [
|
|
2474
|
-
/* @__PURE__ */ (0,
|
|
2475
|
-
/* @__PURE__ */ (0,
|
|
2439
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.XIcon, {}),
|
|
2440
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sr-only", children: "Close" })
|
|
2476
2441
|
]
|
|
2477
2442
|
}
|
|
2478
2443
|
)
|
|
@@ -2482,7 +2447,7 @@ function SheetContent({
|
|
|
2482
2447
|
] });
|
|
2483
2448
|
}
|
|
2484
2449
|
function SheetHeader({ className, ...props }) {
|
|
2485
|
-
return /* @__PURE__ */ (0,
|
|
2450
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2486
2451
|
"div",
|
|
2487
2452
|
{
|
|
2488
2453
|
"data-slot": "sheet-header",
|
|
@@ -2492,7 +2457,7 @@ function SheetHeader({ className, ...props }) {
|
|
|
2492
2457
|
);
|
|
2493
2458
|
}
|
|
2494
2459
|
function SheetFooter({ className, ...props }) {
|
|
2495
|
-
return /* @__PURE__ */ (0,
|
|
2460
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2496
2461
|
"div",
|
|
2497
2462
|
{
|
|
2498
2463
|
"data-slot": "sheet-footer",
|
|
@@ -2505,7 +2470,7 @@ function SheetTitle({
|
|
|
2505
2470
|
className,
|
|
2506
2471
|
...props
|
|
2507
2472
|
}) {
|
|
2508
|
-
return /* @__PURE__ */ (0,
|
|
2473
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2509
2474
|
import_dialog.Dialog.Title,
|
|
2510
2475
|
{
|
|
2511
2476
|
"data-slot": "sheet-title",
|
|
@@ -2518,7 +2483,7 @@ function SheetDescription({
|
|
|
2518
2483
|
className,
|
|
2519
2484
|
...props
|
|
2520
2485
|
}) {
|
|
2521
|
-
return /* @__PURE__ */ (0,
|
|
2486
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2522
2487
|
import_dialog.Dialog.Description,
|
|
2523
2488
|
{
|
|
2524
2489
|
"data-slot": "sheet-description",
|
|
@@ -2531,23 +2496,25 @@ function SheetDescription({
|
|
|
2531
2496
|
// src/ui/toast.tsx
|
|
2532
2497
|
var import_toast = require("@base-ui/react/toast");
|
|
2533
2498
|
var import_lucide_react13 = require("lucide-react");
|
|
2534
|
-
var
|
|
2499
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
2535
2500
|
var toastManager = import_toast.Toast.createToastManager();
|
|
2536
2501
|
function toast(message, options = {}) {
|
|
2537
2502
|
return toastManager.add({
|
|
2538
2503
|
title: message,
|
|
2539
2504
|
description: options.description,
|
|
2540
|
-
type: options.variant ?? "info"
|
|
2505
|
+
type: options.variant ?? "info",
|
|
2506
|
+
timeout: options.duration
|
|
2541
2507
|
});
|
|
2542
2508
|
}
|
|
2543
2509
|
var toastVariantClass = {
|
|
2544
2510
|
success: "border-l-4 border-l-success",
|
|
2545
2511
|
error: "border-l-4 border-l-destructive",
|
|
2546
|
-
info: "border-l-4 border-l-info"
|
|
2512
|
+
info: "border-l-4 border-l-info",
|
|
2513
|
+
warning: "border-l-4 border-l-warning"
|
|
2547
2514
|
};
|
|
2548
2515
|
function ToasterViewport({ className }) {
|
|
2549
2516
|
const { toasts } = import_toast.Toast.useToastManager();
|
|
2550
|
-
return /* @__PURE__ */ (0,
|
|
2517
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_toast.Toast.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2551
2518
|
import_toast.Toast.Viewport,
|
|
2552
2519
|
{
|
|
2553
2520
|
"data-slot": "toast-viewport",
|
|
@@ -2555,7 +2522,7 @@ function ToasterViewport({ className }) {
|
|
|
2555
2522
|
"fixed top-4 right-4 z-[100] flex w-80 flex-col gap-2 outline-none",
|
|
2556
2523
|
className
|
|
2557
2524
|
),
|
|
2558
|
-
children: toasts.map((item) => /* @__PURE__ */ (0,
|
|
2525
|
+
children: toasts.map((item) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2559
2526
|
import_toast.Toast.Root,
|
|
2560
2527
|
{
|
|
2561
2528
|
toast: item,
|
|
@@ -2565,16 +2532,16 @@ function ToasterViewport({ className }) {
|
|
|
2565
2532
|
"rounded-md border border-border bg-popover px-4 py-3 text-sm text-popover-foreground shadow-md shadow-(color:--shadow-color) transition-[opacity,transform] duration-200 data-ending-style:animate-toast-out data-starting-style:animate-toast-in",
|
|
2566
2533
|
toastVariantClass[item.type ?? "info"] ?? toastVariantClass.info
|
|
2567
2534
|
),
|
|
2568
|
-
children: /* @__PURE__ */ (0,
|
|
2569
|
-
/* @__PURE__ */ (0,
|
|
2570
|
-
/* @__PURE__ */ (0,
|
|
2535
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_toast.Toast.Content, { className: "flex items-start justify-between gap-2", children: [
|
|
2536
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "grid gap-0.5", children: [
|
|
2537
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2571
2538
|
import_toast.Toast.Title,
|
|
2572
2539
|
{
|
|
2573
2540
|
"data-slot": "toast-title",
|
|
2574
2541
|
className: "font-medium"
|
|
2575
2542
|
}
|
|
2576
2543
|
),
|
|
2577
|
-
/* @__PURE__ */ (0,
|
|
2544
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2578
2545
|
import_toast.Toast.Description,
|
|
2579
2546
|
{
|
|
2580
2547
|
"data-slot": "toast-description",
|
|
@@ -2582,13 +2549,13 @@ function ToasterViewport({ className }) {
|
|
|
2582
2549
|
}
|
|
2583
2550
|
)
|
|
2584
2551
|
] }),
|
|
2585
|
-
/* @__PURE__ */ (0,
|
|
2552
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2586
2553
|
import_toast.Toast.Close,
|
|
2587
2554
|
{
|
|
2588
2555
|
"data-slot": "toast-close",
|
|
2589
2556
|
"aria-label": "Close",
|
|
2590
2557
|
className: "cursor-pointer rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none [&_svg]:size-3.5",
|
|
2591
|
-
children: /* @__PURE__ */ (0,
|
|
2558
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.XIcon, {})
|
|
2592
2559
|
}
|
|
2593
2560
|
)
|
|
2594
2561
|
] })
|
|
@@ -2599,17 +2566,17 @@ function ToasterViewport({ className }) {
|
|
|
2599
2566
|
) });
|
|
2600
2567
|
}
|
|
2601
2568
|
function Toaster({ className }) {
|
|
2602
|
-
return /* @__PURE__ */ (0,
|
|
2569
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_toast.Toast.Provider, { toastManager, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ToasterViewport, { className }) });
|
|
2603
2570
|
}
|
|
2604
2571
|
|
|
2605
2572
|
// src/ui/tooltip.tsx
|
|
2606
2573
|
var import_tooltip = require("@base-ui/react/tooltip");
|
|
2607
|
-
var
|
|
2574
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
2608
2575
|
function TooltipProvider({
|
|
2609
2576
|
delay = 0,
|
|
2610
2577
|
...props
|
|
2611
2578
|
}) {
|
|
2612
|
-
return /* @__PURE__ */ (0,
|
|
2579
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2613
2580
|
import_tooltip.Tooltip.Provider,
|
|
2614
2581
|
{
|
|
2615
2582
|
"data-slot": "tooltip-provider",
|
|
@@ -2621,12 +2588,12 @@ function TooltipProvider({
|
|
|
2621
2588
|
function Tooltip({
|
|
2622
2589
|
...props
|
|
2623
2590
|
}) {
|
|
2624
|
-
return /* @__PURE__ */ (0,
|
|
2591
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tooltip.Tooltip.Root, { "data-slot": "tooltip", ...props }) });
|
|
2625
2592
|
}
|
|
2626
2593
|
function TooltipTrigger({
|
|
2627
2594
|
...props
|
|
2628
2595
|
}) {
|
|
2629
|
-
return /* @__PURE__ */ (0,
|
|
2596
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tooltip.Tooltip.Trigger, { "data-slot": "tooltip-trigger", ...props });
|
|
2630
2597
|
}
|
|
2631
2598
|
function TooltipContent({
|
|
2632
2599
|
className,
|
|
@@ -2636,14 +2603,14 @@ function TooltipContent({
|
|
|
2636
2603
|
children,
|
|
2637
2604
|
...props
|
|
2638
2605
|
}) {
|
|
2639
|
-
return /* @__PURE__ */ (0,
|
|
2606
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2640
2607
|
import_tooltip.Tooltip.Positioner,
|
|
2641
2608
|
{
|
|
2642
2609
|
align,
|
|
2643
2610
|
side,
|
|
2644
2611
|
sideOffset,
|
|
2645
2612
|
className: "isolate z-50",
|
|
2646
|
-
children: /* @__PURE__ */ (0,
|
|
2613
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
|
|
2647
2614
|
import_tooltip.Tooltip.Popup,
|
|
2648
2615
|
{
|
|
2649
2616
|
"data-slot": "tooltip-content",
|
|
@@ -2654,7 +2621,7 @@ function TooltipContent({
|
|
|
2654
2621
|
...props,
|
|
2655
2622
|
children: [
|
|
2656
2623
|
children,
|
|
2657
|
-
/* @__PURE__ */ (0,
|
|
2624
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tooltip.Tooltip.Arrow, { className: "z-50 size-2.5 rotate-45 rounded-[2px] bg-primary fill-primary data-[side=top]:-bottom-1 data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1" })
|
|
2658
2625
|
]
|
|
2659
2626
|
}
|
|
2660
2627
|
)
|
|
@@ -2663,7 +2630,7 @@ function TooltipContent({
|
|
|
2663
2630
|
}
|
|
2664
2631
|
|
|
2665
2632
|
// src/ui/card.tsx
|
|
2666
|
-
var
|
|
2633
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
2667
2634
|
var cardRoundedClasses = {
|
|
2668
2635
|
none: "rounded-none",
|
|
2669
2636
|
sm: "rounded-sm",
|
|
@@ -2678,7 +2645,7 @@ function Card({
|
|
|
2678
2645
|
rounded = "lg",
|
|
2679
2646
|
...props
|
|
2680
2647
|
}) {
|
|
2681
|
-
return /* @__PURE__ */ (0,
|
|
2648
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2682
2649
|
"div",
|
|
2683
2650
|
{
|
|
2684
2651
|
"data-slot": "card",
|
|
@@ -2692,7 +2659,7 @@ function Card({
|
|
|
2692
2659
|
);
|
|
2693
2660
|
}
|
|
2694
2661
|
function CardHeader({ className, ...props }) {
|
|
2695
|
-
return /* @__PURE__ */ (0,
|
|
2662
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2696
2663
|
"div",
|
|
2697
2664
|
{
|
|
2698
2665
|
"data-slot": "card-header",
|
|
@@ -2705,7 +2672,7 @@ function CardHeader({ className, ...props }) {
|
|
|
2705
2672
|
);
|
|
2706
2673
|
}
|
|
2707
2674
|
function CardTitle({ className, ...props }) {
|
|
2708
|
-
return /* @__PURE__ */ (0,
|
|
2675
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2709
2676
|
"div",
|
|
2710
2677
|
{
|
|
2711
2678
|
"data-slot": "card-title",
|
|
@@ -2715,7 +2682,7 @@ function CardTitle({ className, ...props }) {
|
|
|
2715
2682
|
);
|
|
2716
2683
|
}
|
|
2717
2684
|
function CardDescription({ className, ...props }) {
|
|
2718
|
-
return /* @__PURE__ */ (0,
|
|
2685
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2719
2686
|
"div",
|
|
2720
2687
|
{
|
|
2721
2688
|
"data-slot": "card-description",
|
|
@@ -2725,7 +2692,7 @@ function CardDescription({ className, ...props }) {
|
|
|
2725
2692
|
);
|
|
2726
2693
|
}
|
|
2727
2694
|
function CardAction({ className, ...props }) {
|
|
2728
|
-
return /* @__PURE__ */ (0,
|
|
2695
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2729
2696
|
"div",
|
|
2730
2697
|
{
|
|
2731
2698
|
"data-slot": "card-action",
|
|
@@ -2738,7 +2705,7 @@ function CardAction({ className, ...props }) {
|
|
|
2738
2705
|
);
|
|
2739
2706
|
}
|
|
2740
2707
|
function CardContent({ className, ...props }) {
|
|
2741
|
-
return /* @__PURE__ */ (0,
|
|
2708
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2742
2709
|
"div",
|
|
2743
2710
|
{
|
|
2744
2711
|
"data-slot": "card-content",
|
|
@@ -2748,7 +2715,7 @@ function CardContent({ className, ...props }) {
|
|
|
2748
2715
|
);
|
|
2749
2716
|
}
|
|
2750
2717
|
function CardFooter({ className, ...props }) {
|
|
2751
|
-
return /* @__PURE__ */ (0,
|
|
2718
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2752
2719
|
"div",
|
|
2753
2720
|
{
|
|
2754
2721
|
"data-slot": "card-footer",
|
|
@@ -2761,32 +2728,32 @@ function CardFooter({ className, ...props }) {
|
|
|
2761
2728
|
// src/ui/dialog.tsx
|
|
2762
2729
|
var import_dialog2 = require("@base-ui/react/dialog");
|
|
2763
2730
|
var import_lucide_react14 = require("lucide-react");
|
|
2764
|
-
var
|
|
2731
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
2765
2732
|
function Dialog({
|
|
2766
2733
|
...props
|
|
2767
2734
|
}) {
|
|
2768
|
-
return /* @__PURE__ */ (0,
|
|
2735
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_dialog2.Dialog.Root, { "data-slot": "dialog", ...props });
|
|
2769
2736
|
}
|
|
2770
2737
|
function DialogTrigger({
|
|
2771
2738
|
...props
|
|
2772
2739
|
}) {
|
|
2773
|
-
return /* @__PURE__ */ (0,
|
|
2740
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_dialog2.Dialog.Trigger, { "data-slot": "dialog-trigger", ...props });
|
|
2774
2741
|
}
|
|
2775
2742
|
function DialogPortal({
|
|
2776
2743
|
...props
|
|
2777
2744
|
}) {
|
|
2778
|
-
return /* @__PURE__ */ (0,
|
|
2745
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_dialog2.Dialog.Portal, { "data-slot": "dialog-portal", ...props });
|
|
2779
2746
|
}
|
|
2780
2747
|
function DialogClose({
|
|
2781
2748
|
...props
|
|
2782
2749
|
}) {
|
|
2783
|
-
return /* @__PURE__ */ (0,
|
|
2750
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_dialog2.Dialog.Close, { "data-slot": "dialog-close", ...props });
|
|
2784
2751
|
}
|
|
2785
2752
|
function DialogOverlay({
|
|
2786
2753
|
className,
|
|
2787
2754
|
...props
|
|
2788
2755
|
}) {
|
|
2789
|
-
return /* @__PURE__ */ (0,
|
|
2756
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2790
2757
|
import_dialog2.Dialog.Backdrop,
|
|
2791
2758
|
{
|
|
2792
2759
|
"data-slot": "dialog-overlay",
|
|
@@ -2804,9 +2771,9 @@ function DialogContent({
|
|
|
2804
2771
|
showCloseButton = true,
|
|
2805
2772
|
...props
|
|
2806
2773
|
}) {
|
|
2807
|
-
return /* @__PURE__ */ (0,
|
|
2808
|
-
/* @__PURE__ */ (0,
|
|
2809
|
-
/* @__PURE__ */ (0,
|
|
2774
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
|
|
2775
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DialogOverlay, {}),
|
|
2776
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
2810
2777
|
import_dialog2.Dialog.Popup,
|
|
2811
2778
|
{
|
|
2812
2779
|
"data-slot": "dialog-content",
|
|
@@ -2817,11 +2784,11 @@ function DialogContent({
|
|
|
2817
2784
|
...props,
|
|
2818
2785
|
children: [
|
|
2819
2786
|
children,
|
|
2820
|
-
showCloseButton && /* @__PURE__ */ (0,
|
|
2787
|
+
showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
2821
2788
|
import_dialog2.Dialog.Close,
|
|
2822
2789
|
{
|
|
2823
2790
|
"data-slot": "dialog-close",
|
|
2824
|
-
render: /* @__PURE__ */ (0,
|
|
2791
|
+
render: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2825
2792
|
"button",
|
|
2826
2793
|
{
|
|
2827
2794
|
type: "button",
|
|
@@ -2829,8 +2796,8 @@ function DialogContent({
|
|
|
2829
2796
|
}
|
|
2830
2797
|
),
|
|
2831
2798
|
children: [
|
|
2832
|
-
/* @__PURE__ */ (0,
|
|
2833
|
-
/* @__PURE__ */ (0,
|
|
2799
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react14.XIcon, {}),
|
|
2800
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "Close" })
|
|
2834
2801
|
]
|
|
2835
2802
|
}
|
|
2836
2803
|
)
|
|
@@ -2840,7 +2807,7 @@ function DialogContent({
|
|
|
2840
2807
|
] });
|
|
2841
2808
|
}
|
|
2842
2809
|
function DialogHeader({ className, ...props }) {
|
|
2843
|
-
return /* @__PURE__ */ (0,
|
|
2810
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2844
2811
|
"div",
|
|
2845
2812
|
{
|
|
2846
2813
|
"data-slot": "dialog-header",
|
|
@@ -2850,7 +2817,7 @@ function DialogHeader({ className, ...props }) {
|
|
|
2850
2817
|
);
|
|
2851
2818
|
}
|
|
2852
2819
|
function DialogFooter({ className, ...props }) {
|
|
2853
|
-
return /* @__PURE__ */ (0,
|
|
2820
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2854
2821
|
"div",
|
|
2855
2822
|
{
|
|
2856
2823
|
"data-slot": "dialog-footer",
|
|
@@ -2866,7 +2833,7 @@ function DialogTitle({
|
|
|
2866
2833
|
className,
|
|
2867
2834
|
...props
|
|
2868
2835
|
}) {
|
|
2869
|
-
return /* @__PURE__ */ (0,
|
|
2836
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2870
2837
|
import_dialog2.Dialog.Title,
|
|
2871
2838
|
{
|
|
2872
2839
|
"data-slot": "dialog-title",
|
|
@@ -2879,7 +2846,7 @@ function DialogDescription({
|
|
|
2879
2846
|
className,
|
|
2880
2847
|
...props
|
|
2881
2848
|
}) {
|
|
2882
|
-
return /* @__PURE__ */ (0,
|
|
2849
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2883
2850
|
import_dialog2.Dialog.Description,
|
|
2884
2851
|
{
|
|
2885
2852
|
"data-slot": "dialog-description",
|
|
@@ -2890,9 +2857,9 @@ function DialogDescription({
|
|
|
2890
2857
|
}
|
|
2891
2858
|
|
|
2892
2859
|
// src/ui/empty.tsx
|
|
2893
|
-
var
|
|
2860
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
2894
2861
|
function Empty({ className, ...props }) {
|
|
2895
|
-
return /* @__PURE__ */ (0,
|
|
2862
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
2896
2863
|
"div",
|
|
2897
2864
|
{
|
|
2898
2865
|
"data-slot": "empty",
|
|
@@ -2905,7 +2872,7 @@ function Empty({ className, ...props }) {
|
|
|
2905
2872
|
);
|
|
2906
2873
|
}
|
|
2907
2874
|
function EmptyHeader({ className, ...props }) {
|
|
2908
|
-
return /* @__PURE__ */ (0,
|
|
2875
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
2909
2876
|
"div",
|
|
2910
2877
|
{
|
|
2911
2878
|
"data-slot": "empty-header",
|
|
@@ -2915,7 +2882,7 @@ function EmptyHeader({ className, ...props }) {
|
|
|
2915
2882
|
);
|
|
2916
2883
|
}
|
|
2917
2884
|
function EmptyTitle({ className, ...props }) {
|
|
2918
|
-
return /* @__PURE__ */ (0,
|
|
2885
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
2919
2886
|
"div",
|
|
2920
2887
|
{
|
|
2921
2888
|
"data-slot": "empty-title",
|
|
@@ -2925,7 +2892,7 @@ function EmptyTitle({ className, ...props }) {
|
|
|
2925
2892
|
);
|
|
2926
2893
|
}
|
|
2927
2894
|
function EmptyDescription({ className, ...props }) {
|
|
2928
|
-
return /* @__PURE__ */ (0,
|
|
2895
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
2929
2896
|
"p",
|
|
2930
2897
|
{
|
|
2931
2898
|
"data-slot": "empty-description",
|
|
@@ -2935,7 +2902,7 @@ function EmptyDescription({ className, ...props }) {
|
|
|
2935
2902
|
);
|
|
2936
2903
|
}
|
|
2937
2904
|
function EmptyContent({ className, ...props }) {
|
|
2938
|
-
return /* @__PURE__ */ (0,
|
|
2905
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
2939
2906
|
"div",
|
|
2940
2907
|
{
|
|
2941
2908
|
"data-slot": "empty-content",
|
|
@@ -2950,9 +2917,9 @@ function EmptyContent({ className, ...props }) {
|
|
|
2950
2917
|
|
|
2951
2918
|
// src/ui/field.tsx
|
|
2952
2919
|
var import_field = require("@base-ui/react/field");
|
|
2953
|
-
var
|
|
2920
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
2954
2921
|
function Field({ className, ...props }) {
|
|
2955
|
-
return /* @__PURE__ */ (0,
|
|
2922
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
2956
2923
|
import_field.Field.Root,
|
|
2957
2924
|
{
|
|
2958
2925
|
"data-slot": "field",
|
|
@@ -2962,7 +2929,7 @@ function Field({ className, ...props }) {
|
|
|
2962
2929
|
);
|
|
2963
2930
|
}
|
|
2964
2931
|
function FieldLabel({ className, ...props }) {
|
|
2965
|
-
return /* @__PURE__ */ (0,
|
|
2932
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
2966
2933
|
import_field.Field.Label,
|
|
2967
2934
|
{
|
|
2968
2935
|
"data-slot": "field-label",
|
|
@@ -2972,7 +2939,7 @@ function FieldLabel({ className, ...props }) {
|
|
|
2972
2939
|
);
|
|
2973
2940
|
}
|
|
2974
2941
|
function FieldDescription({ className, ...props }) {
|
|
2975
|
-
return /* @__PURE__ */ (0,
|
|
2942
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
2976
2943
|
import_field.Field.Description,
|
|
2977
2944
|
{
|
|
2978
2945
|
"data-slot": "field-description",
|
|
@@ -2982,7 +2949,7 @@ function FieldDescription({ className, ...props }) {
|
|
|
2982
2949
|
);
|
|
2983
2950
|
}
|
|
2984
2951
|
function FieldError({ className, ...props }) {
|
|
2985
|
-
return /* @__PURE__ */ (0,
|
|
2952
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
2986
2953
|
import_field.Field.Error,
|
|
2987
2954
|
{
|
|
2988
2955
|
"data-slot": "field-error",
|
|
@@ -2993,9 +2960,9 @@ function FieldError({ className, ...props }) {
|
|
|
2993
2960
|
}
|
|
2994
2961
|
|
|
2995
2962
|
// src/ui/input.tsx
|
|
2996
|
-
var
|
|
2963
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
2997
2964
|
function Input({ className, type, ...props }) {
|
|
2998
|
-
return /* @__PURE__ */ (0,
|
|
2965
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
2999
2966
|
"input",
|
|
3000
2967
|
{
|
|
3001
2968
|
type,
|
|
@@ -3010,9 +2977,9 @@ function Input({ className, type, ...props }) {
|
|
|
3010
2977
|
}
|
|
3011
2978
|
|
|
3012
2979
|
// src/ui/input-group.tsx
|
|
3013
|
-
var
|
|
2980
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
3014
2981
|
function InputGroup({ className, ...props }) {
|
|
3015
|
-
return /* @__PURE__ */ (0,
|
|
2982
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
3016
2983
|
"div",
|
|
3017
2984
|
{
|
|
3018
2985
|
"data-slot": "input-group",
|
|
@@ -3034,7 +3001,7 @@ function InputGroupAddon({
|
|
|
3034
3001
|
align = "inline-start",
|
|
3035
3002
|
...props
|
|
3036
3003
|
}) {
|
|
3037
|
-
return /* @__PURE__ */ (0,
|
|
3004
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
3038
3005
|
"div",
|
|
3039
3006
|
{
|
|
3040
3007
|
role: "group",
|
|
@@ -3053,7 +3020,7 @@ function InputGroupInput({
|
|
|
3053
3020
|
className,
|
|
3054
3021
|
...props
|
|
3055
3022
|
}) {
|
|
3056
|
-
return /* @__PURE__ */ (0,
|
|
3023
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
3057
3024
|
"input",
|
|
3058
3025
|
{
|
|
3059
3026
|
"data-slot": "input-group-input",
|
|
@@ -3070,13 +3037,13 @@ function InputGroupInput({
|
|
|
3070
3037
|
var import_input_otp = require("input-otp");
|
|
3071
3038
|
var import_lucide_react15 = require("lucide-react");
|
|
3072
3039
|
var React6 = __toESM(require("react"), 1);
|
|
3073
|
-
var
|
|
3040
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
3074
3041
|
function InputOTP({
|
|
3075
3042
|
className,
|
|
3076
3043
|
containerClassName,
|
|
3077
3044
|
...props
|
|
3078
3045
|
}) {
|
|
3079
|
-
return /* @__PURE__ */ (0,
|
|
3046
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
3080
3047
|
import_input_otp.OTPInput,
|
|
3081
3048
|
{
|
|
3082
3049
|
"data-slot": "input-otp",
|
|
@@ -3090,7 +3057,7 @@ function InputOTP({
|
|
|
3090
3057
|
);
|
|
3091
3058
|
}
|
|
3092
3059
|
function InputOTPGroup({ className, ...props }) {
|
|
3093
|
-
return /* @__PURE__ */ (0,
|
|
3060
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
3094
3061
|
"div",
|
|
3095
3062
|
{
|
|
3096
3063
|
"data-slot": "input-otp-group",
|
|
@@ -3106,7 +3073,7 @@ function InputOTPSlot({
|
|
|
3106
3073
|
}) {
|
|
3107
3074
|
const inputOTPContext = React6.useContext(import_input_otp.OTPInputContext);
|
|
3108
3075
|
const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
|
|
3109
|
-
return /* @__PURE__ */ (0,
|
|
3076
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
|
|
3110
3077
|
"div",
|
|
3111
3078
|
{
|
|
3112
3079
|
"data-slot": "input-otp-slot",
|
|
@@ -3118,19 +3085,19 @@ function InputOTPSlot({
|
|
|
3118
3085
|
...props,
|
|
3119
3086
|
children: [
|
|
3120
3087
|
char,
|
|
3121
|
-
hasFakeCaret ? /* @__PURE__ */ (0,
|
|
3088
|
+
hasFakeCaret ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }) : null
|
|
3122
3089
|
]
|
|
3123
3090
|
}
|
|
3124
3091
|
);
|
|
3125
3092
|
}
|
|
3126
3093
|
function InputOTPSeparator({ ...props }) {
|
|
3127
|
-
return /* @__PURE__ */ (0,
|
|
3094
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react15.MinusIcon, {}) });
|
|
3128
3095
|
}
|
|
3129
3096
|
|
|
3130
3097
|
// src/ui/item.tsx
|
|
3131
|
-
var
|
|
3098
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
3132
3099
|
function Item({ className, ...props }) {
|
|
3133
|
-
return /* @__PURE__ */ (0,
|
|
3100
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3134
3101
|
"div",
|
|
3135
3102
|
{
|
|
3136
3103
|
"data-slot": "item",
|
|
@@ -3143,7 +3110,7 @@ function Item({ className, ...props }) {
|
|
|
3143
3110
|
);
|
|
3144
3111
|
}
|
|
3145
3112
|
function ItemMedia({ className, ...props }) {
|
|
3146
|
-
return /* @__PURE__ */ (0,
|
|
3113
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3147
3114
|
"div",
|
|
3148
3115
|
{
|
|
3149
3116
|
"data-slot": "item-media",
|
|
@@ -3156,7 +3123,7 @@ function ItemMedia({ className, ...props }) {
|
|
|
3156
3123
|
);
|
|
3157
3124
|
}
|
|
3158
3125
|
function ItemContent({ className, ...props }) {
|
|
3159
|
-
return /* @__PURE__ */ (0,
|
|
3126
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3160
3127
|
"div",
|
|
3161
3128
|
{
|
|
3162
3129
|
"data-slot": "item-content",
|
|
@@ -3166,7 +3133,7 @@ function ItemContent({ className, ...props }) {
|
|
|
3166
3133
|
);
|
|
3167
3134
|
}
|
|
3168
3135
|
function ItemTitle({ className, ...props }) {
|
|
3169
|
-
return /* @__PURE__ */ (0,
|
|
3136
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3170
3137
|
"div",
|
|
3171
3138
|
{
|
|
3172
3139
|
"data-slot": "item-title",
|
|
@@ -3176,7 +3143,7 @@ function ItemTitle({ className, ...props }) {
|
|
|
3176
3143
|
);
|
|
3177
3144
|
}
|
|
3178
3145
|
function ItemDescription({ className, ...props }) {
|
|
3179
|
-
return /* @__PURE__ */ (0,
|
|
3146
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3180
3147
|
"p",
|
|
3181
3148
|
{
|
|
3182
3149
|
"data-slot": "item-description",
|
|
@@ -3186,7 +3153,7 @@ function ItemDescription({ className, ...props }) {
|
|
|
3186
3153
|
);
|
|
3187
3154
|
}
|
|
3188
3155
|
function ItemActions({ className, ...props }) {
|
|
3189
|
-
return /* @__PURE__ */ (0,
|
|
3156
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3190
3157
|
"div",
|
|
3191
3158
|
{
|
|
3192
3159
|
"data-slot": "item-actions",
|
|
@@ -3197,9 +3164,9 @@ function ItemActions({ className, ...props }) {
|
|
|
3197
3164
|
}
|
|
3198
3165
|
|
|
3199
3166
|
// src/ui/kbd.tsx
|
|
3200
|
-
var
|
|
3167
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
3201
3168
|
function Kbd({ className, ...props }) {
|
|
3202
|
-
return /* @__PURE__ */ (0,
|
|
3169
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
3203
3170
|
"kbd",
|
|
3204
3171
|
{
|
|
3205
3172
|
"data-slot": "kbd",
|
|
@@ -3213,12 +3180,12 @@ function Kbd({ className, ...props }) {
|
|
|
3213
3180
|
}
|
|
3214
3181
|
|
|
3215
3182
|
// src/ui/label.tsx
|
|
3216
|
-
var
|
|
3183
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
3217
3184
|
function Label({
|
|
3218
3185
|
className,
|
|
3219
3186
|
...props
|
|
3220
3187
|
}) {
|
|
3221
|
-
return /* @__PURE__ */ (0,
|
|
3188
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3222
3189
|
"label",
|
|
3223
3190
|
{
|
|
3224
3191
|
"data-slot": "label",
|
|
@@ -3232,9 +3199,9 @@ function Label({
|
|
|
3232
3199
|
}
|
|
3233
3200
|
|
|
3234
3201
|
// src/ui/message.tsx
|
|
3235
|
-
var
|
|
3202
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
3236
3203
|
function MessageGroup({ className, ...props }) {
|
|
3237
|
-
return /* @__PURE__ */ (0,
|
|
3204
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
3238
3205
|
"div",
|
|
3239
3206
|
{
|
|
3240
3207
|
"data-slot": "message-group",
|
|
@@ -3248,7 +3215,7 @@ function Message({
|
|
|
3248
3215
|
align = "start",
|
|
3249
3216
|
...props
|
|
3250
3217
|
}) {
|
|
3251
|
-
return /* @__PURE__ */ (0,
|
|
3218
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
3252
3219
|
"div",
|
|
3253
3220
|
{
|
|
3254
3221
|
"data-slot": "message",
|
|
@@ -3262,7 +3229,7 @@ function Message({
|
|
|
3262
3229
|
);
|
|
3263
3230
|
}
|
|
3264
3231
|
function MessageAvatar({ className, ...props }) {
|
|
3265
|
-
return /* @__PURE__ */ (0,
|
|
3232
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
3266
3233
|
"div",
|
|
3267
3234
|
{
|
|
3268
3235
|
"data-slot": "message-avatar",
|
|
@@ -3275,7 +3242,7 @@ function MessageAvatar({ className, ...props }) {
|
|
|
3275
3242
|
);
|
|
3276
3243
|
}
|
|
3277
3244
|
function MessageContent({ className, ...props }) {
|
|
3278
|
-
return /* @__PURE__ */ (0,
|
|
3245
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
3279
3246
|
"div",
|
|
3280
3247
|
{
|
|
3281
3248
|
"data-slot": "message-content",
|
|
@@ -3288,7 +3255,7 @@ function MessageContent({ className, ...props }) {
|
|
|
3288
3255
|
);
|
|
3289
3256
|
}
|
|
3290
3257
|
function MessageHeader({ className, ...props }) {
|
|
3291
|
-
return /* @__PURE__ */ (0,
|
|
3258
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
3292
3259
|
"div",
|
|
3293
3260
|
{
|
|
3294
3261
|
"data-slot": "message-header",
|
|
@@ -3301,7 +3268,7 @@ function MessageHeader({ className, ...props }) {
|
|
|
3301
3268
|
);
|
|
3302
3269
|
}
|
|
3303
3270
|
function MessageFooter({ className, ...props }) {
|
|
3304
|
-
return /* @__PURE__ */ (0,
|
|
3271
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
3305
3272
|
"div",
|
|
3306
3273
|
{
|
|
3307
3274
|
"data-slot": "message-footer",
|
|
@@ -3316,9 +3283,9 @@ function MessageFooter({ className, ...props }) {
|
|
|
3316
3283
|
|
|
3317
3284
|
// src/ui/progress.tsx
|
|
3318
3285
|
var import_progress = require("@base-ui/react/progress");
|
|
3319
|
-
var
|
|
3286
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
3320
3287
|
function Progress({ className, ...props }) {
|
|
3321
|
-
return /* @__PURE__ */ (0,
|
|
3288
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3322
3289
|
import_progress.Progress.Root,
|
|
3323
3290
|
{
|
|
3324
3291
|
"data-slot": "progress",
|
|
@@ -3328,7 +3295,7 @@ function Progress({ className, ...props }) {
|
|
|
3328
3295
|
);
|
|
3329
3296
|
}
|
|
3330
3297
|
function ProgressTrack({ className, ...props }) {
|
|
3331
|
-
return /* @__PURE__ */ (0,
|
|
3298
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3332
3299
|
import_progress.Progress.Track,
|
|
3333
3300
|
{
|
|
3334
3301
|
"data-slot": "progress-track",
|
|
@@ -3341,7 +3308,7 @@ function ProgressIndicator({
|
|
|
3341
3308
|
className,
|
|
3342
3309
|
...props
|
|
3343
3310
|
}) {
|
|
3344
|
-
return /* @__PURE__ */ (0,
|
|
3311
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3345
3312
|
import_progress.Progress.Indicator,
|
|
3346
3313
|
{
|
|
3347
3314
|
"data-slot": "progress-indicator",
|
|
@@ -3357,9 +3324,9 @@ function ProgressIndicator({
|
|
|
3357
3324
|
// src/ui/radio-group.tsx
|
|
3358
3325
|
var import_radio = require("@base-ui/react/radio");
|
|
3359
3326
|
var import_radio_group = require("@base-ui/react/radio-group");
|
|
3360
|
-
var
|
|
3327
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
3361
3328
|
function RadioGroup({ className, ...props }) {
|
|
3362
|
-
return /* @__PURE__ */ (0,
|
|
3329
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
3363
3330
|
import_radio_group.RadioGroup,
|
|
3364
3331
|
{
|
|
3365
3332
|
"data-slot": "radio-group",
|
|
@@ -3369,7 +3336,7 @@ function RadioGroup({ className, ...props }) {
|
|
|
3369
3336
|
);
|
|
3370
3337
|
}
|
|
3371
3338
|
function RadioGroupItem({ className, ...props }) {
|
|
3372
|
-
return /* @__PURE__ */ (0,
|
|
3339
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
3373
3340
|
import_radio.Radio.Root,
|
|
3374
3341
|
{
|
|
3375
3342
|
"data-slot": "radio-group-item",
|
|
@@ -3378,12 +3345,12 @@ function RadioGroupItem({ className, ...props }) {
|
|
|
3378
3345
|
className
|
|
3379
3346
|
),
|
|
3380
3347
|
...props,
|
|
3381
|
-
children: /* @__PURE__ */ (0,
|
|
3348
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
3382
3349
|
import_radio.Radio.Indicator,
|
|
3383
3350
|
{
|
|
3384
3351
|
"data-slot": "radio-group-indicator",
|
|
3385
3352
|
className: "flex items-center justify-center",
|
|
3386
|
-
children: /* @__PURE__ */ (0,
|
|
3353
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "size-2 rounded-full bg-(--radio-checked)" })
|
|
3387
3354
|
}
|
|
3388
3355
|
)
|
|
3389
3356
|
}
|
|
@@ -3393,12 +3360,12 @@ function RadioGroupItem({ className, ...props }) {
|
|
|
3393
3360
|
// src/ui/resizable.tsx
|
|
3394
3361
|
var import_lucide_react16 = require("lucide-react");
|
|
3395
3362
|
var import_react_resizable_panels = require("react-resizable-panels");
|
|
3396
|
-
var
|
|
3363
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
3397
3364
|
function PanelGroup({
|
|
3398
3365
|
className,
|
|
3399
3366
|
...props
|
|
3400
3367
|
}) {
|
|
3401
|
-
return /* @__PURE__ */ (0,
|
|
3368
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3402
3369
|
import_react_resizable_panels.Group,
|
|
3403
3370
|
{
|
|
3404
3371
|
"data-slot": "resizable-panel-group",
|
|
@@ -3411,14 +3378,14 @@ function PanelGroup({
|
|
|
3411
3378
|
);
|
|
3412
3379
|
}
|
|
3413
3380
|
function Panel({ ...props }) {
|
|
3414
|
-
return /* @__PURE__ */ (0,
|
|
3381
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_resizable_panels.Panel, { "data-slot": "resizable-panel", ...props });
|
|
3415
3382
|
}
|
|
3416
3383
|
function ResizableHandle({
|
|
3417
3384
|
withHandle,
|
|
3418
3385
|
className,
|
|
3419
3386
|
...props
|
|
3420
3387
|
}) {
|
|
3421
|
-
return /* @__PURE__ */ (0,
|
|
3388
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3422
3389
|
import_react_resizable_panels.Separator,
|
|
3423
3390
|
{
|
|
3424
3391
|
"data-slot": "resizable-handle",
|
|
@@ -3427,27 +3394,27 @@ function ResizableHandle({
|
|
|
3427
3394
|
className
|
|
3428
3395
|
),
|
|
3429
3396
|
...props,
|
|
3430
|
-
children: withHandle ? /* @__PURE__ */ (0,
|
|
3397
|
+
children: withHandle ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border border-border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react16.GripVerticalIcon, { className: "size-2.5" }) }) : null
|
|
3431
3398
|
}
|
|
3432
3399
|
);
|
|
3433
3400
|
}
|
|
3434
3401
|
|
|
3435
3402
|
// src/ui/scroll-area.tsx
|
|
3436
3403
|
var import_scroll_area = require("@base-ui/react/scroll-area");
|
|
3437
|
-
var
|
|
3404
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
3438
3405
|
function ScrollArea({
|
|
3439
3406
|
className,
|
|
3440
3407
|
children,
|
|
3441
3408
|
...props
|
|
3442
3409
|
}) {
|
|
3443
|
-
return /* @__PURE__ */ (0,
|
|
3410
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
|
|
3444
3411
|
import_scroll_area.ScrollArea.Root,
|
|
3445
3412
|
{
|
|
3446
3413
|
"data-slot": "scroll-area",
|
|
3447
3414
|
className: cn("relative overflow-hidden", className),
|
|
3448
3415
|
...props,
|
|
3449
3416
|
children: [
|
|
3450
|
-
/* @__PURE__ */ (0,
|
|
3417
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3451
3418
|
import_scroll_area.ScrollArea.Viewport,
|
|
3452
3419
|
{
|
|
3453
3420
|
"data-slot": "scroll-area-viewport",
|
|
@@ -3455,8 +3422,8 @@ function ScrollArea({
|
|
|
3455
3422
|
children
|
|
3456
3423
|
}
|
|
3457
3424
|
),
|
|
3458
|
-
/* @__PURE__ */ (0,
|
|
3459
|
-
/* @__PURE__ */ (0,
|
|
3425
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ScrollBar, {}),
|
|
3426
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_scroll_area.ScrollArea.Corner, {})
|
|
3460
3427
|
]
|
|
3461
3428
|
}
|
|
3462
3429
|
);
|
|
@@ -3466,7 +3433,7 @@ function ScrollBar({
|
|
|
3466
3433
|
orientation = "vertical",
|
|
3467
3434
|
...props
|
|
3468
3435
|
}) {
|
|
3469
|
-
return /* @__PURE__ */ (0,
|
|
3436
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3470
3437
|
import_scroll_area.ScrollArea.Scrollbar,
|
|
3471
3438
|
{
|
|
3472
3439
|
"data-slot": "scroll-area-scrollbar",
|
|
@@ -3478,7 +3445,7 @@ function ScrollBar({
|
|
|
3478
3445
|
className
|
|
3479
3446
|
),
|
|
3480
3447
|
...props,
|
|
3481
|
-
children: /* @__PURE__ */ (0,
|
|
3448
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3482
3449
|
import_scroll_area.ScrollArea.Thumb,
|
|
3483
3450
|
{
|
|
3484
3451
|
"data-slot": "scroll-area-thumb",
|
|
@@ -3492,17 +3459,17 @@ function ScrollBar({
|
|
|
3492
3459
|
// src/ui/select.tsx
|
|
3493
3460
|
var import_select = require("@base-ui/react/select");
|
|
3494
3461
|
var import_lucide_react17 = require("lucide-react");
|
|
3495
|
-
var
|
|
3462
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
3496
3463
|
var Select = import_select.Select.Root;
|
|
3497
3464
|
function SelectGroup({
|
|
3498
3465
|
...props
|
|
3499
3466
|
}) {
|
|
3500
|
-
return /* @__PURE__ */ (0,
|
|
3467
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_select.Select.Group, { "data-slot": "select-group", ...props });
|
|
3501
3468
|
}
|
|
3502
3469
|
function SelectValue({
|
|
3503
3470
|
...props
|
|
3504
3471
|
}) {
|
|
3505
|
-
return /* @__PURE__ */ (0,
|
|
3472
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_select.Select.Value, { "data-slot": "select-value", ...props });
|
|
3506
3473
|
}
|
|
3507
3474
|
function SelectTrigger({
|
|
3508
3475
|
className,
|
|
@@ -3510,7 +3477,7 @@ function SelectTrigger({
|
|
|
3510
3477
|
children,
|
|
3511
3478
|
...props
|
|
3512
3479
|
}) {
|
|
3513
|
-
return /* @__PURE__ */ (0,
|
|
3480
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
3514
3481
|
import_select.Select.Trigger,
|
|
3515
3482
|
{
|
|
3516
3483
|
"data-slot": "select-trigger",
|
|
@@ -3522,10 +3489,10 @@ function SelectTrigger({
|
|
|
3522
3489
|
...props,
|
|
3523
3490
|
children: [
|
|
3524
3491
|
children,
|
|
3525
|
-
/* @__PURE__ */ (0,
|
|
3492
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3526
3493
|
import_select.Select.Icon,
|
|
3527
3494
|
{
|
|
3528
|
-
render: /* @__PURE__ */ (0,
|
|
3495
|
+
render: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react17.ChevronDownIcon, { className: "size-4 opacity-50" })
|
|
3529
3496
|
}
|
|
3530
3497
|
)
|
|
3531
3498
|
]
|
|
@@ -3543,7 +3510,7 @@ function SelectContent({
|
|
|
3543
3510
|
alignItemWithTrigger = false,
|
|
3544
3511
|
...props
|
|
3545
3512
|
}) {
|
|
3546
|
-
return /* @__PURE__ */ (0,
|
|
3513
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3547
3514
|
import_select.Select.Positioner,
|
|
3548
3515
|
{
|
|
3549
3516
|
side,
|
|
@@ -3551,7 +3518,7 @@ function SelectContent({
|
|
|
3551
3518
|
align,
|
|
3552
3519
|
alignItemWithTrigger,
|
|
3553
3520
|
className: "isolate z-50",
|
|
3554
|
-
children: /* @__PURE__ */ (0,
|
|
3521
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
3555
3522
|
import_select.Select.Popup,
|
|
3556
3523
|
{
|
|
3557
3524
|
"data-slot": "select-content",
|
|
@@ -3565,9 +3532,9 @@ function SelectContent({
|
|
|
3565
3532
|
),
|
|
3566
3533
|
...props,
|
|
3567
3534
|
children: [
|
|
3568
|
-
/* @__PURE__ */ (0,
|
|
3569
|
-
/* @__PURE__ */ (0,
|
|
3570
|
-
/* @__PURE__ */ (0,
|
|
3535
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectScrollUpButton, {}),
|
|
3536
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_select.Select.List, { className: "p-1", children }),
|
|
3537
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectScrollDownButton, {})
|
|
3571
3538
|
]
|
|
3572
3539
|
}
|
|
3573
3540
|
)
|
|
@@ -3578,7 +3545,7 @@ function SelectLabel({
|
|
|
3578
3545
|
className,
|
|
3579
3546
|
...props
|
|
3580
3547
|
}) {
|
|
3581
|
-
return /* @__PURE__ */ (0,
|
|
3548
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3582
3549
|
import_select.Select.GroupLabel,
|
|
3583
3550
|
{
|
|
3584
3551
|
"data-slot": "select-label",
|
|
@@ -3592,7 +3559,7 @@ function SelectItem({
|
|
|
3592
3559
|
children,
|
|
3593
3560
|
...props
|
|
3594
3561
|
}) {
|
|
3595
|
-
return /* @__PURE__ */ (0,
|
|
3562
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
3596
3563
|
import_select.Select.Item,
|
|
3597
3564
|
{
|
|
3598
3565
|
"data-slot": "select-item",
|
|
@@ -3602,8 +3569,8 @@ function SelectItem({
|
|
|
3602
3569
|
),
|
|
3603
3570
|
...props,
|
|
3604
3571
|
children: [
|
|
3605
|
-
/* @__PURE__ */ (0,
|
|
3606
|
-
/* @__PURE__ */ (0,
|
|
3572
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_select.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react17.CheckIcon, { className: "size-4" }) }) }),
|
|
3573
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_select.Select.ItemText, { children })
|
|
3607
3574
|
]
|
|
3608
3575
|
}
|
|
3609
3576
|
);
|
|
@@ -3612,7 +3579,7 @@ function SelectSeparator({
|
|
|
3612
3579
|
className,
|
|
3613
3580
|
...props
|
|
3614
3581
|
}) {
|
|
3615
|
-
return /* @__PURE__ */ (0,
|
|
3582
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3616
3583
|
import_select.Select.Separator,
|
|
3617
3584
|
{
|
|
3618
3585
|
"data-slot": "select-separator",
|
|
@@ -3625,7 +3592,7 @@ function SelectScrollUpButton({
|
|
|
3625
3592
|
className,
|
|
3626
3593
|
...props
|
|
3627
3594
|
}) {
|
|
3628
|
-
return /* @__PURE__ */ (0,
|
|
3595
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3629
3596
|
import_select.Select.ScrollUpArrow,
|
|
3630
3597
|
{
|
|
3631
3598
|
"data-slot": "select-scroll-up-button",
|
|
@@ -3634,7 +3601,7 @@ function SelectScrollUpButton({
|
|
|
3634
3601
|
className
|
|
3635
3602
|
),
|
|
3636
3603
|
...props,
|
|
3637
|
-
children: /* @__PURE__ */ (0,
|
|
3604
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react17.ChevronUpIcon, { className: "size-4" })
|
|
3638
3605
|
}
|
|
3639
3606
|
);
|
|
3640
3607
|
}
|
|
@@ -3642,7 +3609,7 @@ function SelectScrollDownButton({
|
|
|
3642
3609
|
className,
|
|
3643
3610
|
...props
|
|
3644
3611
|
}) {
|
|
3645
|
-
return /* @__PURE__ */ (0,
|
|
3612
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3646
3613
|
import_select.Select.ScrollDownArrow,
|
|
3647
3614
|
{
|
|
3648
3615
|
"data-slot": "select-scroll-down-button",
|
|
@@ -3651,21 +3618,21 @@ function SelectScrollDownButton({
|
|
|
3651
3618
|
className
|
|
3652
3619
|
),
|
|
3653
3620
|
...props,
|
|
3654
|
-
children: /* @__PURE__ */ (0,
|
|
3621
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react17.ChevronDownIcon, { className: "size-4" })
|
|
3655
3622
|
}
|
|
3656
3623
|
);
|
|
3657
3624
|
}
|
|
3658
3625
|
|
|
3659
3626
|
// src/ui/separator.tsx
|
|
3660
3627
|
var import_separator = require("@base-ui/react/separator");
|
|
3661
|
-
var
|
|
3628
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
3662
3629
|
function Separator({
|
|
3663
3630
|
className,
|
|
3664
3631
|
orientation = "horizontal",
|
|
3665
3632
|
decorative: _decorative,
|
|
3666
3633
|
...props
|
|
3667
3634
|
}) {
|
|
3668
|
-
return /* @__PURE__ */ (0,
|
|
3635
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3669
3636
|
import_separator.Separator,
|
|
3670
3637
|
{
|
|
3671
3638
|
"data-slot": "separator",
|
|
@@ -3707,9 +3674,9 @@ function useIsMobile() {
|
|
|
3707
3674
|
}
|
|
3708
3675
|
|
|
3709
3676
|
// src/ui/skeleton.tsx
|
|
3710
|
-
var
|
|
3677
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
3711
3678
|
function Skeleton({ className, ...props }) {
|
|
3712
|
-
return /* @__PURE__ */ (0,
|
|
3679
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3713
3680
|
"div",
|
|
3714
3681
|
{
|
|
3715
3682
|
"data-slot": "skeleton",
|
|
@@ -3720,7 +3687,7 @@ function Skeleton({ className, ...props }) {
|
|
|
3720
3687
|
}
|
|
3721
3688
|
|
|
3722
3689
|
// src/ui/sidebar.tsx
|
|
3723
|
-
var
|
|
3690
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
3724
3691
|
var SIDEBAR_COOKIE_NAME = "sidebar_state";
|
|
3725
3692
|
var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
|
|
3726
3693
|
var SIDEBAR_WIDTH_MOBILE = "18rem";
|
|
@@ -3784,7 +3751,7 @@ function SidebarProvider({
|
|
|
3784
3751
|
}),
|
|
3785
3752
|
[state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
|
|
3786
3753
|
);
|
|
3787
|
-
return /* @__PURE__ */ (0,
|
|
3754
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TooltipProvider, { delay: 0, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3788
3755
|
"div",
|
|
3789
3756
|
{
|
|
3790
3757
|
"data-slot": "sidebar-wrapper",
|
|
@@ -3808,7 +3775,7 @@ function SidebarRoot({
|
|
|
3808
3775
|
}) {
|
|
3809
3776
|
const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
|
|
3810
3777
|
if (collapsible === "none") {
|
|
3811
|
-
return /* @__PURE__ */ (0,
|
|
3778
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3812
3779
|
"div",
|
|
3813
3780
|
{
|
|
3814
3781
|
"data-slot": "sidebar",
|
|
@@ -3822,7 +3789,7 @@ function SidebarRoot({
|
|
|
3822
3789
|
);
|
|
3823
3790
|
}
|
|
3824
3791
|
if (isMobile) {
|
|
3825
|
-
return /* @__PURE__ */ (0,
|
|
3792
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
|
|
3826
3793
|
SheetContent,
|
|
3827
3794
|
{
|
|
3828
3795
|
"data-sidebar": "sidebar",
|
|
@@ -3834,16 +3801,16 @@ function SidebarRoot({
|
|
|
3834
3801
|
},
|
|
3835
3802
|
side,
|
|
3836
3803
|
children: [
|
|
3837
|
-
/* @__PURE__ */ (0,
|
|
3838
|
-
/* @__PURE__ */ (0,
|
|
3839
|
-
/* @__PURE__ */ (0,
|
|
3804
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(SheetHeader, { className: "sr-only", children: [
|
|
3805
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SheetTitle, { children: "Sidebar" }),
|
|
3806
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
|
|
3840
3807
|
] }),
|
|
3841
|
-
/* @__PURE__ */ (0,
|
|
3808
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex h-full w-full flex-col", children })
|
|
3842
3809
|
]
|
|
3843
3810
|
}
|
|
3844
3811
|
) });
|
|
3845
3812
|
}
|
|
3846
|
-
return /* @__PURE__ */ (0,
|
|
3813
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
|
|
3847
3814
|
"div",
|
|
3848
3815
|
{
|
|
3849
3816
|
className: "group peer hidden text-sidebar-foreground md:block",
|
|
@@ -3853,7 +3820,7 @@ function SidebarRoot({
|
|
|
3853
3820
|
"data-side": side,
|
|
3854
3821
|
"data-slot": "sidebar",
|
|
3855
3822
|
children: [
|
|
3856
|
-
/* @__PURE__ */ (0,
|
|
3823
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3857
3824
|
"div",
|
|
3858
3825
|
{
|
|
3859
3826
|
"data-slot": "sidebar-gap",
|
|
@@ -3865,7 +3832,7 @@ function SidebarRoot({
|
|
|
3865
3832
|
)
|
|
3866
3833
|
}
|
|
3867
3834
|
),
|
|
3868
|
-
/* @__PURE__ */ (0,
|
|
3835
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3869
3836
|
"div",
|
|
3870
3837
|
{
|
|
3871
3838
|
"data-slot": "sidebar-container",
|
|
@@ -3881,7 +3848,7 @@ function SidebarRoot({
|
|
|
3881
3848
|
className
|
|
3882
3849
|
),
|
|
3883
3850
|
...props,
|
|
3884
|
-
children: /* @__PURE__ */ (0,
|
|
3851
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3885
3852
|
"div",
|
|
3886
3853
|
{
|
|
3887
3854
|
"data-sidebar": "sidebar",
|
|
@@ -3902,7 +3869,7 @@ function SidebarTrigger({
|
|
|
3902
3869
|
...props
|
|
3903
3870
|
}) {
|
|
3904
3871
|
const { toggleSidebar } = useSidebar();
|
|
3905
|
-
return /* @__PURE__ */ (0,
|
|
3872
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
|
|
3906
3873
|
Button,
|
|
3907
3874
|
{
|
|
3908
3875
|
"data-sidebar": "trigger",
|
|
@@ -3916,15 +3883,15 @@ function SidebarTrigger({
|
|
|
3916
3883
|
},
|
|
3917
3884
|
...props,
|
|
3918
3885
|
children: [
|
|
3919
|
-
/* @__PURE__ */ (0,
|
|
3920
|
-
/* @__PURE__ */ (0,
|
|
3886
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.PanelLeftIcon, {}),
|
|
3887
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
|
|
3921
3888
|
]
|
|
3922
3889
|
}
|
|
3923
3890
|
);
|
|
3924
3891
|
}
|
|
3925
3892
|
function SidebarRail({ className, ...props }) {
|
|
3926
3893
|
const { toggleSidebar } = useSidebar();
|
|
3927
|
-
return /* @__PURE__ */ (0,
|
|
3894
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3928
3895
|
"button",
|
|
3929
3896
|
{
|
|
3930
3897
|
"data-sidebar": "rail",
|
|
@@ -3947,7 +3914,7 @@ function SidebarRail({ className, ...props }) {
|
|
|
3947
3914
|
);
|
|
3948
3915
|
}
|
|
3949
3916
|
function SidebarInset({ className, ...props }) {
|
|
3950
|
-
return /* @__PURE__ */ (0,
|
|
3917
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3951
3918
|
"main",
|
|
3952
3919
|
{
|
|
3953
3920
|
"data-slot": "sidebar-inset",
|
|
@@ -3966,7 +3933,7 @@ function SidebarInput({
|
|
|
3966
3933
|
className,
|
|
3967
3934
|
...props
|
|
3968
3935
|
}) {
|
|
3969
|
-
return /* @__PURE__ */ (0,
|
|
3936
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3970
3937
|
Input,
|
|
3971
3938
|
{
|
|
3972
3939
|
"data-slot": "sidebar-input",
|
|
@@ -3977,7 +3944,7 @@ function SidebarInput({
|
|
|
3977
3944
|
);
|
|
3978
3945
|
}
|
|
3979
3946
|
function SidebarHeader({ className, ...props }) {
|
|
3980
|
-
return /* @__PURE__ */ (0,
|
|
3947
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3981
3948
|
"div",
|
|
3982
3949
|
{
|
|
3983
3950
|
"data-slot": "sidebar-header",
|
|
@@ -3988,7 +3955,7 @@ function SidebarHeader({ className, ...props }) {
|
|
|
3988
3955
|
);
|
|
3989
3956
|
}
|
|
3990
3957
|
function SidebarFooter({ className, ...props }) {
|
|
3991
|
-
return /* @__PURE__ */ (0,
|
|
3958
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3992
3959
|
"div",
|
|
3993
3960
|
{
|
|
3994
3961
|
"data-slot": "sidebar-footer",
|
|
@@ -4002,7 +3969,7 @@ function SidebarSeparator({
|
|
|
4002
3969
|
className,
|
|
4003
3970
|
...props
|
|
4004
3971
|
}) {
|
|
4005
|
-
return /* @__PURE__ */ (0,
|
|
3972
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4006
3973
|
Separator,
|
|
4007
3974
|
{
|
|
4008
3975
|
"data-slot": "sidebar-separator",
|
|
@@ -4013,7 +3980,7 @@ function SidebarSeparator({
|
|
|
4013
3980
|
);
|
|
4014
3981
|
}
|
|
4015
3982
|
function SidebarContent({ className, ...props }) {
|
|
4016
|
-
return /* @__PURE__ */ (0,
|
|
3983
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4017
3984
|
"div",
|
|
4018
3985
|
{
|
|
4019
3986
|
"data-slot": "sidebar-content",
|
|
@@ -4027,7 +3994,7 @@ function SidebarContent({ className, ...props }) {
|
|
|
4027
3994
|
);
|
|
4028
3995
|
}
|
|
4029
3996
|
function SidebarGroup({ className, ...props }) {
|
|
4030
|
-
return /* @__PURE__ */ (0,
|
|
3997
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4031
3998
|
"div",
|
|
4032
3999
|
{
|
|
4033
4000
|
"data-slot": "sidebar-group",
|
|
@@ -4064,7 +4031,7 @@ function SidebarGroupLabel({
|
|
|
4064
4031
|
if (asChild) {
|
|
4065
4032
|
return renderAsChild(children, "sidebar-group-label", cls, props);
|
|
4066
4033
|
}
|
|
4067
|
-
return /* @__PURE__ */ (0,
|
|
4034
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4068
4035
|
"div",
|
|
4069
4036
|
{
|
|
4070
4037
|
"data-slot": "sidebar-group-label",
|
|
@@ -4090,7 +4057,7 @@ function SidebarGroupAction({
|
|
|
4090
4057
|
if (asChild) {
|
|
4091
4058
|
return renderAsChild(children, "sidebar-group-action", cls, props);
|
|
4092
4059
|
}
|
|
4093
|
-
return /* @__PURE__ */ (0,
|
|
4060
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4094
4061
|
"button",
|
|
4095
4062
|
{
|
|
4096
4063
|
"data-slot": "sidebar-group-action",
|
|
@@ -4105,7 +4072,7 @@ function SidebarGroupContent({
|
|
|
4105
4072
|
className,
|
|
4106
4073
|
...props
|
|
4107
4074
|
}) {
|
|
4108
|
-
return /* @__PURE__ */ (0,
|
|
4075
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4109
4076
|
"div",
|
|
4110
4077
|
{
|
|
4111
4078
|
"data-slot": "sidebar-group-content",
|
|
@@ -4116,7 +4083,7 @@ function SidebarGroupContent({
|
|
|
4116
4083
|
);
|
|
4117
4084
|
}
|
|
4118
4085
|
function SidebarMenu({ className, ...props }) {
|
|
4119
|
-
return /* @__PURE__ */ (0,
|
|
4086
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4120
4087
|
"ul",
|
|
4121
4088
|
{
|
|
4122
4089
|
"data-slot": "sidebar-menu",
|
|
@@ -4127,7 +4094,7 @@ function SidebarMenu({ className, ...props }) {
|
|
|
4127
4094
|
);
|
|
4128
4095
|
}
|
|
4129
4096
|
function SidebarMenuItem({ className, ...props }) {
|
|
4130
|
-
return /* @__PURE__ */ (0,
|
|
4097
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4131
4098
|
"li",
|
|
4132
4099
|
{
|
|
4133
4100
|
"data-slot": "sidebar-menu-item",
|
|
@@ -4174,7 +4141,7 @@ function SidebarMenuButton({
|
|
|
4174
4141
|
"data-size": size,
|
|
4175
4142
|
"data-active": isActive,
|
|
4176
4143
|
...props
|
|
4177
|
-
}) : /* @__PURE__ */ (0,
|
|
4144
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4178
4145
|
"button",
|
|
4179
4146
|
{
|
|
4180
4147
|
"data-slot": "sidebar-menu-button",
|
|
@@ -4194,9 +4161,9 @@ function SidebarMenuButton({
|
|
|
4194
4161
|
children: tooltip
|
|
4195
4162
|
};
|
|
4196
4163
|
}
|
|
4197
|
-
return /* @__PURE__ */ (0,
|
|
4198
|
-
/* @__PURE__ */ (0,
|
|
4199
|
-
/* @__PURE__ */ (0,
|
|
4164
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Tooltip, { children: [
|
|
4165
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TooltipTrigger, { render: button }),
|
|
4166
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4200
4167
|
TooltipContent,
|
|
4201
4168
|
{
|
|
4202
4169
|
side: "right",
|
|
@@ -4227,7 +4194,7 @@ function SidebarMenuAction({
|
|
|
4227
4194
|
if (asChild) {
|
|
4228
4195
|
return renderAsChild(children, "sidebar-menu-action", cls, props);
|
|
4229
4196
|
}
|
|
4230
|
-
return /* @__PURE__ */ (0,
|
|
4197
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4231
4198
|
"button",
|
|
4232
4199
|
{
|
|
4233
4200
|
"data-slot": "sidebar-menu-action",
|
|
@@ -4242,7 +4209,7 @@ function SidebarMenuBadge({
|
|
|
4242
4209
|
className,
|
|
4243
4210
|
...props
|
|
4244
4211
|
}) {
|
|
4245
|
-
return /* @__PURE__ */ (0,
|
|
4212
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4246
4213
|
"div",
|
|
4247
4214
|
{
|
|
4248
4215
|
"data-slot": "sidebar-menu-badge",
|
|
@@ -4268,7 +4235,7 @@ function SidebarMenuSkeleton({
|
|
|
4268
4235
|
const width = React7.useMemo(() => {
|
|
4269
4236
|
return `${Math.floor(Math.random() * 40) + 50}%`;
|
|
4270
4237
|
}, []);
|
|
4271
|
-
return /* @__PURE__ */ (0,
|
|
4238
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
|
|
4272
4239
|
"div",
|
|
4273
4240
|
{
|
|
4274
4241
|
"data-slot": "sidebar-menu-skeleton",
|
|
@@ -4276,14 +4243,14 @@ function SidebarMenuSkeleton({
|
|
|
4276
4243
|
className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
|
|
4277
4244
|
...props,
|
|
4278
4245
|
children: [
|
|
4279
|
-
showIcon && /* @__PURE__ */ (0,
|
|
4246
|
+
showIcon && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4280
4247
|
Skeleton,
|
|
4281
4248
|
{
|
|
4282
4249
|
className: "size-4 rounded-md",
|
|
4283
4250
|
"data-sidebar": "menu-skeleton-icon"
|
|
4284
4251
|
}
|
|
4285
4252
|
),
|
|
4286
|
-
/* @__PURE__ */ (0,
|
|
4253
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4287
4254
|
Skeleton,
|
|
4288
4255
|
{
|
|
4289
4256
|
className: "h-4 max-w-(--skeleton-width) flex-1",
|
|
@@ -4298,7 +4265,7 @@ function SidebarMenuSkeleton({
|
|
|
4298
4265
|
);
|
|
4299
4266
|
}
|
|
4300
4267
|
function SidebarMenuSub({ className, ...props }) {
|
|
4301
|
-
return /* @__PURE__ */ (0,
|
|
4268
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4302
4269
|
"ul",
|
|
4303
4270
|
{
|
|
4304
4271
|
"data-slot": "sidebar-menu-sub",
|
|
@@ -4316,7 +4283,7 @@ function SidebarMenuSubItem({
|
|
|
4316
4283
|
className,
|
|
4317
4284
|
...props
|
|
4318
4285
|
}) {
|
|
4319
|
-
return /* @__PURE__ */ (0,
|
|
4286
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4320
4287
|
"li",
|
|
4321
4288
|
{
|
|
4322
4289
|
"data-slot": "sidebar-menu-sub-item",
|
|
@@ -4352,7 +4319,7 @@ function SidebarMenuSubButton({
|
|
|
4352
4319
|
}
|
|
4353
4320
|
return (
|
|
4354
4321
|
// eslint-disable-next-line jsx-a11y/anchor-has-content
|
|
4355
|
-
/* @__PURE__ */ (0,
|
|
4322
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4356
4323
|
"a",
|
|
4357
4324
|
{
|
|
4358
4325
|
"data-slot": "sidebar-menu-sub-button",
|
|
@@ -4369,9 +4336,9 @@ function SidebarMenuSubButton({
|
|
|
4369
4336
|
|
|
4370
4337
|
// src/ui/slider.tsx
|
|
4371
4338
|
var import_slider = require("@base-ui/react/slider");
|
|
4372
|
-
var
|
|
4339
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
4373
4340
|
function Slider({ className, ...props }) {
|
|
4374
|
-
return /* @__PURE__ */ (0,
|
|
4341
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
4375
4342
|
import_slider.Slider.Root,
|
|
4376
4343
|
{
|
|
4377
4344
|
"data-slot": "slider",
|
|
@@ -4384,7 +4351,7 @@ function Slider({ className, ...props }) {
|
|
|
4384
4351
|
);
|
|
4385
4352
|
}
|
|
4386
4353
|
function SliderControl({ className, ...props }) {
|
|
4387
|
-
return /* @__PURE__ */ (0,
|
|
4354
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
4388
4355
|
import_slider.Slider.Control,
|
|
4389
4356
|
{
|
|
4390
4357
|
"data-slot": "slider-control",
|
|
@@ -4394,7 +4361,7 @@ function SliderControl({ className, ...props }) {
|
|
|
4394
4361
|
);
|
|
4395
4362
|
}
|
|
4396
4363
|
function SliderTrack({ className, ...props }) {
|
|
4397
|
-
return /* @__PURE__ */ (0,
|
|
4364
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
4398
4365
|
import_slider.Slider.Track,
|
|
4399
4366
|
{
|
|
4400
4367
|
"data-slot": "slider-track",
|
|
@@ -4407,7 +4374,7 @@ function SliderTrack({ className, ...props }) {
|
|
|
4407
4374
|
);
|
|
4408
4375
|
}
|
|
4409
4376
|
function SliderIndicator({ className, ...props }) {
|
|
4410
|
-
return /* @__PURE__ */ (0,
|
|
4377
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
4411
4378
|
import_slider.Slider.Indicator,
|
|
4412
4379
|
{
|
|
4413
4380
|
"data-slot": "slider-indicator",
|
|
@@ -4417,7 +4384,7 @@ function SliderIndicator({ className, ...props }) {
|
|
|
4417
4384
|
);
|
|
4418
4385
|
}
|
|
4419
4386
|
function SliderThumb({ className, ...props }) {
|
|
4420
|
-
return /* @__PURE__ */ (0,
|
|
4387
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
4421
4388
|
import_slider.Slider.Thumb,
|
|
4422
4389
|
{
|
|
4423
4390
|
"data-slot": "slider-thumb",
|
|
@@ -4432,9 +4399,9 @@ function SliderThumb({ className, ...props }) {
|
|
|
4432
4399
|
|
|
4433
4400
|
// src/ui/spinner.tsx
|
|
4434
4401
|
var import_lucide_react19 = require("lucide-react");
|
|
4435
|
-
var
|
|
4402
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
4436
4403
|
function Spinner({ className, ...props }) {
|
|
4437
|
-
return /* @__PURE__ */ (0,
|
|
4404
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
4438
4405
|
import_lucide_react19.Loader2Icon,
|
|
4439
4406
|
{
|
|
4440
4407
|
role: "status",
|
|
@@ -4448,9 +4415,9 @@ function Spinner({ className, ...props }) {
|
|
|
4448
4415
|
|
|
4449
4416
|
// src/ui/switch.tsx
|
|
4450
4417
|
var import_switch = require("@base-ui/react/switch");
|
|
4451
|
-
var
|
|
4418
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
4452
4419
|
function Switch({ className, ...props }) {
|
|
4453
|
-
return /* @__PURE__ */ (0,
|
|
4420
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
4454
4421
|
import_switch.Switch.Root,
|
|
4455
4422
|
{
|
|
4456
4423
|
"data-slot": "switch",
|
|
@@ -4459,7 +4426,7 @@ function Switch({ className, ...props }) {
|
|
|
4459
4426
|
className
|
|
4460
4427
|
),
|
|
4461
4428
|
...props,
|
|
4462
|
-
children: /* @__PURE__ */ (0,
|
|
4429
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
4463
4430
|
import_switch.Switch.Thumb,
|
|
4464
4431
|
{
|
|
4465
4432
|
"data-slot": "switch-thumb",
|
|
@@ -4471,14 +4438,14 @@ function Switch({ className, ...props }) {
|
|
|
4471
4438
|
}
|
|
4472
4439
|
|
|
4473
4440
|
// src/ui/table.tsx
|
|
4474
|
-
var
|
|
4441
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
4475
4442
|
function Table({ className, ...props }) {
|
|
4476
|
-
return /* @__PURE__ */ (0,
|
|
4443
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
4477
4444
|
"div",
|
|
4478
4445
|
{
|
|
4479
4446
|
"data-slot": "table-container",
|
|
4480
4447
|
className: "relative w-full overflow-x-auto",
|
|
4481
|
-
children: /* @__PURE__ */ (0,
|
|
4448
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
4482
4449
|
"table",
|
|
4483
4450
|
{
|
|
4484
4451
|
"data-slot": "table",
|
|
@@ -4490,7 +4457,7 @@ function Table({ className, ...props }) {
|
|
|
4490
4457
|
);
|
|
4491
4458
|
}
|
|
4492
4459
|
function TableHeader({ className, ...props }) {
|
|
4493
|
-
return /* @__PURE__ */ (0,
|
|
4460
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
4494
4461
|
"thead",
|
|
4495
4462
|
{
|
|
4496
4463
|
"data-slot": "table-header",
|
|
@@ -4500,7 +4467,7 @@ function TableHeader({ className, ...props }) {
|
|
|
4500
4467
|
);
|
|
4501
4468
|
}
|
|
4502
4469
|
function TableBody({ className, ...props }) {
|
|
4503
|
-
return /* @__PURE__ */ (0,
|
|
4470
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
4504
4471
|
"tbody",
|
|
4505
4472
|
{
|
|
4506
4473
|
"data-slot": "table-body",
|
|
@@ -4510,7 +4477,7 @@ function TableBody({ className, ...props }) {
|
|
|
4510
4477
|
);
|
|
4511
4478
|
}
|
|
4512
4479
|
function TableFooter({ className, ...props }) {
|
|
4513
|
-
return /* @__PURE__ */ (0,
|
|
4480
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
4514
4481
|
"tfoot",
|
|
4515
4482
|
{
|
|
4516
4483
|
"data-slot": "table-footer",
|
|
@@ -4523,7 +4490,7 @@ function TableFooter({ className, ...props }) {
|
|
|
4523
4490
|
);
|
|
4524
4491
|
}
|
|
4525
4492
|
function TableRow({ className, ...props }) {
|
|
4526
|
-
return /* @__PURE__ */ (0,
|
|
4493
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
4527
4494
|
"tr",
|
|
4528
4495
|
{
|
|
4529
4496
|
"data-slot": "table-row",
|
|
@@ -4536,7 +4503,7 @@ function TableRow({ className, ...props }) {
|
|
|
4536
4503
|
);
|
|
4537
4504
|
}
|
|
4538
4505
|
function TableHead({ className, ...props }) {
|
|
4539
|
-
return /* @__PURE__ */ (0,
|
|
4506
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
4540
4507
|
"th",
|
|
4541
4508
|
{
|
|
4542
4509
|
"data-slot": "table-head",
|
|
@@ -4549,7 +4516,7 @@ function TableHead({ className, ...props }) {
|
|
|
4549
4516
|
);
|
|
4550
4517
|
}
|
|
4551
4518
|
function TableCell({ className, ...props }) {
|
|
4552
|
-
return /* @__PURE__ */ (0,
|
|
4519
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
4553
4520
|
"td",
|
|
4554
4521
|
{
|
|
4555
4522
|
"data-slot": "table-cell",
|
|
@@ -4565,7 +4532,7 @@ function TableCaption({
|
|
|
4565
4532
|
className,
|
|
4566
4533
|
...props
|
|
4567
4534
|
}) {
|
|
4568
|
-
return /* @__PURE__ */ (0,
|
|
4535
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
4569
4536
|
"caption",
|
|
4570
4537
|
{
|
|
4571
4538
|
"data-slot": "table-caption",
|
|
@@ -4578,12 +4545,12 @@ function TableCaption({
|
|
|
4578
4545
|
// src/ui/tabs.tsx
|
|
4579
4546
|
var import_tabs = require("@base-ui/react/tabs");
|
|
4580
4547
|
var import_class_variance_authority9 = require("class-variance-authority");
|
|
4581
|
-
var
|
|
4548
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
4582
4549
|
function Tabs({
|
|
4583
4550
|
className,
|
|
4584
4551
|
...props
|
|
4585
4552
|
}) {
|
|
4586
|
-
return /* @__PURE__ */ (0,
|
|
4553
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
4587
4554
|
import_tabs.Tabs.Root,
|
|
4588
4555
|
{
|
|
4589
4556
|
"data-slot": "tabs",
|
|
@@ -4612,7 +4579,7 @@ function TabsList({
|
|
|
4612
4579
|
variant,
|
|
4613
4580
|
...props
|
|
4614
4581
|
}) {
|
|
4615
|
-
return /* @__PURE__ */ (0,
|
|
4582
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
4616
4583
|
import_tabs.Tabs.List,
|
|
4617
4584
|
{
|
|
4618
4585
|
"data-slot": "tabs-list",
|
|
@@ -4626,7 +4593,7 @@ function TabsTrigger({
|
|
|
4626
4593
|
className,
|
|
4627
4594
|
...props
|
|
4628
4595
|
}) {
|
|
4629
|
-
return /* @__PURE__ */ (0,
|
|
4596
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
4630
4597
|
import_tabs.Tabs.Tab,
|
|
4631
4598
|
{
|
|
4632
4599
|
"data-slot": "tabs-trigger",
|
|
@@ -4648,7 +4615,7 @@ function TabsContent({
|
|
|
4648
4615
|
className,
|
|
4649
4616
|
...props
|
|
4650
4617
|
}) {
|
|
4651
|
-
return /* @__PURE__ */ (0,
|
|
4618
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
4652
4619
|
import_tabs.Tabs.Panel,
|
|
4653
4620
|
{
|
|
4654
4621
|
"data-slot": "tabs-content",
|
|
@@ -4659,12 +4626,12 @@ function TabsContent({
|
|
|
4659
4626
|
}
|
|
4660
4627
|
|
|
4661
4628
|
// src/ui/textarea.tsx
|
|
4662
|
-
var
|
|
4629
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
4663
4630
|
function Textarea({
|
|
4664
4631
|
className,
|
|
4665
4632
|
...props
|
|
4666
4633
|
}) {
|
|
4667
|
-
return /* @__PURE__ */ (0,
|
|
4634
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
4668
4635
|
"textarea",
|
|
4669
4636
|
{
|
|
4670
4637
|
"data-slot": "textarea",
|
|
@@ -4680,7 +4647,7 @@ function Textarea({
|
|
|
4680
4647
|
// src/ui/toggle.tsx
|
|
4681
4648
|
var import_toggle = require("@base-ui/react/toggle");
|
|
4682
4649
|
var import_class_variance_authority10 = require("class-variance-authority");
|
|
4683
|
-
var
|
|
4650
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
4684
4651
|
var toggleVariants = (0, import_class_variance_authority10.cva)(
|
|
4685
4652
|
"inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-colors outline-none hover:bg-muted hover:text-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-pressed:bg-accent data-pressed:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
4686
4653
|
{
|
|
@@ -4707,7 +4674,7 @@ function Toggle({
|
|
|
4707
4674
|
size,
|
|
4708
4675
|
...props
|
|
4709
4676
|
}) {
|
|
4710
|
-
return /* @__PURE__ */ (0,
|
|
4677
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
4711
4678
|
import_toggle.Toggle,
|
|
4712
4679
|
{
|
|
4713
4680
|
"data-slot": "toggle",
|
|
@@ -4721,7 +4688,7 @@ function Toggle({
|
|
|
4721
4688
|
var import_toggle2 = require("@base-ui/react/toggle");
|
|
4722
4689
|
var import_toggle_group = require("@base-ui/react/toggle-group");
|
|
4723
4690
|
var React8 = __toESM(require("react"), 1);
|
|
4724
|
-
var
|
|
4691
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
4725
4692
|
var ToggleGroupContext = React8.createContext({
|
|
4726
4693
|
size: "default",
|
|
4727
4694
|
variant: "default"
|
|
@@ -4733,7 +4700,7 @@ function ToggleGroup({
|
|
|
4733
4700
|
children,
|
|
4734
4701
|
...props
|
|
4735
4702
|
}) {
|
|
4736
|
-
return /* @__PURE__ */ (0,
|
|
4703
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
4737
4704
|
import_toggle_group.ToggleGroup,
|
|
4738
4705
|
{
|
|
4739
4706
|
"data-slot": "toggle-group",
|
|
@@ -4744,7 +4711,7 @@ function ToggleGroup({
|
|
|
4744
4711
|
className
|
|
4745
4712
|
),
|
|
4746
4713
|
...props,
|
|
4747
|
-
children: /* @__PURE__ */ (0,
|
|
4714
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children })
|
|
4748
4715
|
}
|
|
4749
4716
|
);
|
|
4750
4717
|
}
|
|
@@ -4756,7 +4723,7 @@ function ToggleGroupItem({
|
|
|
4756
4723
|
...props
|
|
4757
4724
|
}) {
|
|
4758
4725
|
const context = React8.useContext(ToggleGroupContext);
|
|
4759
|
-
return /* @__PURE__ */ (0,
|
|
4726
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
4760
4727
|
import_toggle2.Toggle,
|
|
4761
4728
|
{
|
|
4762
4729
|
"data-slot": "toggle-group-item",
|
|
@@ -4778,7 +4745,7 @@ function ToggleGroupItem({
|
|
|
4778
4745
|
|
|
4779
4746
|
// src/ui/typography.tsx
|
|
4780
4747
|
var import_class_variance_authority11 = require("class-variance-authority");
|
|
4781
|
-
var
|
|
4748
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
4782
4749
|
var typographyVariants = (0, import_class_variance_authority11.cva)("", {
|
|
4783
4750
|
variants: {
|
|
4784
4751
|
variant: {
|
|
@@ -4814,7 +4781,7 @@ var variantTagMap = {
|
|
|
4814
4781
|
};
|
|
4815
4782
|
function Typography({ className, variant = "p", ...props }) {
|
|
4816
4783
|
const Tag = variantTagMap[variant ?? "p"];
|
|
4817
|
-
return /* @__PURE__ */ (0,
|
|
4784
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
4818
4785
|
Tag,
|
|
4819
4786
|
{
|
|
4820
4787
|
"data-slot": "typography",
|
|
@@ -4871,7 +4838,6 @@ function Typography({ className, variant = "p", ...props }) {
|
|
|
4871
4838
|
BubbleReactions,
|
|
4872
4839
|
Button,
|
|
4873
4840
|
ButtonGroup,
|
|
4874
|
-
CHART_TOKEN_COLORS,
|
|
4875
4841
|
Calendar,
|
|
4876
4842
|
Card,
|
|
4877
4843
|
CardAction,
|
|
@@ -4885,7 +4851,6 @@ function Typography({ className, variant = "p", ...props }) {
|
|
|
4885
4851
|
CarouselItem,
|
|
4886
4852
|
CarouselNext,
|
|
4887
4853
|
CarouselPrevious,
|
|
4888
|
-
ChartContainer,
|
|
4889
4854
|
Checkbox,
|
|
4890
4855
|
Collapsible,
|
|
4891
4856
|
CollapsibleContent,
|
|
@@ -5075,7 +5040,6 @@ function Typography({ className, variant = "p", ...props }) {
|
|
|
5075
5040
|
Typography,
|
|
5076
5041
|
badgeVariants,
|
|
5077
5042
|
buttonVariants,
|
|
5078
|
-
chartColor,
|
|
5079
5043
|
navigationMenuTriggerStyle,
|
|
5080
5044
|
toast,
|
|
5081
5045
|
toastManager,
|