@offlinemediainc/offline-ui 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +912 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +151 -1
- package/dist/index.d.ts +151 -1
- package/dist/index.js +852 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -15,6 +15,14 @@ var SeparatorPrimitive = require('@radix-ui/react-separator');
|
|
|
15
15
|
var LabelPrimitive = require('@radix-ui/react-label');
|
|
16
16
|
var TooltipPrimitive = require('@radix-ui/react-tooltip');
|
|
17
17
|
var TabsPrimitive = require('@radix-ui/react-tabs');
|
|
18
|
+
var AccordionPrimitive = require('@radix-ui/react-accordion');
|
|
19
|
+
var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
|
|
20
|
+
var CheckboxPrimitive = require('@radix-ui/react-checkbox');
|
|
21
|
+
var inputOtp = require('input-otp');
|
|
22
|
+
var ProgressPrimitive = require('@radix-ui/react-progress');
|
|
23
|
+
var SelectPrimitive = require('@radix-ui/react-select');
|
|
24
|
+
var sonner = require('sonner');
|
|
25
|
+
var RechartsPrimitive = require('recharts');
|
|
18
26
|
var Image2 = require('next/image');
|
|
19
27
|
var Link = require('next/link');
|
|
20
28
|
var navigation = require('next/navigation');
|
|
@@ -48,6 +56,12 @@ var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrim
|
|
|
48
56
|
var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
|
|
49
57
|
var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
|
|
50
58
|
var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
|
|
59
|
+
var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
|
|
60
|
+
var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
|
|
61
|
+
var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
|
|
62
|
+
var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
|
|
63
|
+
var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
|
|
64
|
+
var RechartsPrimitive__namespace = /*#__PURE__*/_interopNamespace(RechartsPrimitive);
|
|
51
65
|
var Image2__default = /*#__PURE__*/_interopDefault(Image2);
|
|
52
66
|
var Link__default = /*#__PURE__*/_interopDefault(Link);
|
|
53
67
|
|
|
@@ -1531,6 +1545,846 @@ var TabsContent = React12__namespace.forwardRef((_a, ref) => {
|
|
|
1531
1545
|
);
|
|
1532
1546
|
});
|
|
1533
1547
|
TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
|
|
1548
|
+
var Accordion = AccordionPrimitive__namespace.Root;
|
|
1549
|
+
var AccordionItem = React12__namespace.forwardRef((_a, ref) => {
|
|
1550
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
1551
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1552
|
+
AccordionPrimitive__namespace.Item,
|
|
1553
|
+
__spreadValues({
|
|
1554
|
+
ref,
|
|
1555
|
+
className: cn("border-b", className)
|
|
1556
|
+
}, props)
|
|
1557
|
+
);
|
|
1558
|
+
});
|
|
1559
|
+
AccordionItem.displayName = "AccordionItem";
|
|
1560
|
+
var AccordionTrigger = React12__namespace.forwardRef((_a, ref) => {
|
|
1561
|
+
var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
|
|
1562
|
+
return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1563
|
+
AccordionPrimitive__namespace.Trigger,
|
|
1564
|
+
__spreadProps(__spreadValues({
|
|
1565
|
+
ref,
|
|
1566
|
+
className: cn(
|
|
1567
|
+
"flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
|
|
1568
|
+
className
|
|
1569
|
+
)
|
|
1570
|
+
}, props), {
|
|
1571
|
+
children: [
|
|
1572
|
+
children,
|
|
1573
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
|
|
1574
|
+
]
|
|
1575
|
+
})
|
|
1576
|
+
) });
|
|
1577
|
+
});
|
|
1578
|
+
AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
|
|
1579
|
+
var AccordionContent = React12__namespace.forwardRef((_a, ref) => {
|
|
1580
|
+
var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
|
|
1581
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1582
|
+
AccordionPrimitive__namespace.Content,
|
|
1583
|
+
__spreadProps(__spreadValues({
|
|
1584
|
+
ref,
|
|
1585
|
+
className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
|
|
1586
|
+
}, props), {
|
|
1587
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pb-4 pt-0", className), children })
|
|
1588
|
+
})
|
|
1589
|
+
);
|
|
1590
|
+
});
|
|
1591
|
+
AccordionContent.displayName = AccordionPrimitive__namespace.Content.displayName;
|
|
1592
|
+
var AlertDialog = AlertDialogPrimitive__namespace.Root;
|
|
1593
|
+
var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
|
|
1594
|
+
var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
|
|
1595
|
+
var AlertDialogOverlay = React12__namespace.forwardRef((_a, ref) => {
|
|
1596
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
1597
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1598
|
+
AlertDialogPrimitive__namespace.Overlay,
|
|
1599
|
+
__spreadProps(__spreadValues({
|
|
1600
|
+
className: cn(
|
|
1601
|
+
"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
1602
|
+
className
|
|
1603
|
+
)
|
|
1604
|
+
}, props), {
|
|
1605
|
+
ref
|
|
1606
|
+
})
|
|
1607
|
+
);
|
|
1608
|
+
});
|
|
1609
|
+
AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
|
|
1610
|
+
var AlertDialogContent = React12__namespace.forwardRef((_a, ref) => {
|
|
1611
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
1612
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
|
|
1613
|
+
/* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
|
|
1614
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1615
|
+
AlertDialogPrimitive__namespace.Content,
|
|
1616
|
+
__spreadValues({
|
|
1617
|
+
ref,
|
|
1618
|
+
className: cn(
|
|
1619
|
+
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
|
|
1620
|
+
className
|
|
1621
|
+
)
|
|
1622
|
+
}, props)
|
|
1623
|
+
)
|
|
1624
|
+
] });
|
|
1625
|
+
});
|
|
1626
|
+
AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.displayName;
|
|
1627
|
+
var AlertDialogHeader = (_a) => {
|
|
1628
|
+
var _b = _a, {
|
|
1629
|
+
className
|
|
1630
|
+
} = _b, props = __objRest(_b, [
|
|
1631
|
+
"className"
|
|
1632
|
+
]);
|
|
1633
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1634
|
+
"div",
|
|
1635
|
+
__spreadValues({
|
|
1636
|
+
className: cn(
|
|
1637
|
+
"flex flex-col space-y-2 text-center sm:text-left",
|
|
1638
|
+
className
|
|
1639
|
+
)
|
|
1640
|
+
}, props)
|
|
1641
|
+
);
|
|
1642
|
+
};
|
|
1643
|
+
AlertDialogHeader.displayName = "AlertDialogHeader";
|
|
1644
|
+
var AlertDialogFooter = (_a) => {
|
|
1645
|
+
var _b = _a, {
|
|
1646
|
+
className
|
|
1647
|
+
} = _b, props = __objRest(_b, [
|
|
1648
|
+
"className"
|
|
1649
|
+
]);
|
|
1650
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1651
|
+
"div",
|
|
1652
|
+
__spreadValues({
|
|
1653
|
+
className: cn(
|
|
1654
|
+
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
1655
|
+
className
|
|
1656
|
+
)
|
|
1657
|
+
}, props)
|
|
1658
|
+
);
|
|
1659
|
+
};
|
|
1660
|
+
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
1661
|
+
var AlertDialogTitle = React12__namespace.forwardRef((_a, ref) => {
|
|
1662
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
1663
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1664
|
+
AlertDialogPrimitive__namespace.Title,
|
|
1665
|
+
__spreadValues({
|
|
1666
|
+
ref,
|
|
1667
|
+
className: cn("text-lg font-semibold", className)
|
|
1668
|
+
}, props)
|
|
1669
|
+
);
|
|
1670
|
+
});
|
|
1671
|
+
AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
|
|
1672
|
+
var AlertDialogDescription = React12__namespace.forwardRef((_a, ref) => {
|
|
1673
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
1674
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1675
|
+
AlertDialogPrimitive__namespace.Description,
|
|
1676
|
+
__spreadValues({
|
|
1677
|
+
ref,
|
|
1678
|
+
className: cn("text-sm text-muted-foreground", className)
|
|
1679
|
+
}, props)
|
|
1680
|
+
);
|
|
1681
|
+
});
|
|
1682
|
+
AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
|
|
1683
|
+
var AlertDialogAction = React12__namespace.forwardRef((_a, ref) => {
|
|
1684
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
1685
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1686
|
+
AlertDialogPrimitive__namespace.Action,
|
|
1687
|
+
__spreadValues({
|
|
1688
|
+
ref,
|
|
1689
|
+
className: cn(buttonVariants(), className)
|
|
1690
|
+
}, props)
|
|
1691
|
+
);
|
|
1692
|
+
});
|
|
1693
|
+
AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
|
|
1694
|
+
var AlertDialogCancel = React12__namespace.forwardRef((_a, ref) => {
|
|
1695
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
1696
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1697
|
+
AlertDialogPrimitive__namespace.Cancel,
|
|
1698
|
+
__spreadValues({
|
|
1699
|
+
ref,
|
|
1700
|
+
className: cn(
|
|
1701
|
+
buttonVariants({ variant: "outline" }),
|
|
1702
|
+
"mt-2 sm:mt-0",
|
|
1703
|
+
className
|
|
1704
|
+
)
|
|
1705
|
+
}, props)
|
|
1706
|
+
);
|
|
1707
|
+
});
|
|
1708
|
+
AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
|
|
1709
|
+
var Checkbox = React12__namespace.forwardRef((_a, ref) => {
|
|
1710
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
1711
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1712
|
+
CheckboxPrimitive__namespace.Root,
|
|
1713
|
+
__spreadProps(__spreadValues({
|
|
1714
|
+
ref,
|
|
1715
|
+
className: cn(
|
|
1716
|
+
"peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
|
|
1717
|
+
className
|
|
1718
|
+
)
|
|
1719
|
+
}, props), {
|
|
1720
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1721
|
+
CheckboxPrimitive__namespace.Indicator,
|
|
1722
|
+
{
|
|
1723
|
+
className: cn("flex items-center justify-center text-current"),
|
|
1724
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" })
|
|
1725
|
+
}
|
|
1726
|
+
)
|
|
1727
|
+
})
|
|
1728
|
+
);
|
|
1729
|
+
});
|
|
1730
|
+
Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
|
|
1731
|
+
var InputOTP = React12__namespace.forwardRef((_a, ref) => {
|
|
1732
|
+
var _b = _a, { className, containerClassName } = _b, props = __objRest(_b, ["className", "containerClassName"]);
|
|
1733
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1734
|
+
inputOtp.OTPInput,
|
|
1735
|
+
__spreadValues({
|
|
1736
|
+
ref,
|
|
1737
|
+
containerClassName: cn(
|
|
1738
|
+
"flex items-center gap-2 has-[:disabled]:opacity-50",
|
|
1739
|
+
containerClassName
|
|
1740
|
+
),
|
|
1741
|
+
className: cn("disabled:cursor-not-allowed", className)
|
|
1742
|
+
}, props)
|
|
1743
|
+
);
|
|
1744
|
+
});
|
|
1745
|
+
InputOTP.displayName = "InputOTP";
|
|
1746
|
+
var InputOTPGroup = React12__namespace.forwardRef((_a, ref) => {
|
|
1747
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
1748
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadValues({ ref, className: cn("flex items-center", className) }, props));
|
|
1749
|
+
});
|
|
1750
|
+
InputOTPGroup.displayName = "InputOTPGroup";
|
|
1751
|
+
var InputOTPSlot = React12__namespace.forwardRef((_a, ref) => {
|
|
1752
|
+
var _b = _a, { index, className } = _b, props = __objRest(_b, ["index", "className"]);
|
|
1753
|
+
const inputOTPContext = React12__namespace.useContext(inputOtp.OTPInputContext);
|
|
1754
|
+
const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
|
|
1755
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1756
|
+
"div",
|
|
1757
|
+
__spreadProps(__spreadValues({
|
|
1758
|
+
ref,
|
|
1759
|
+
className: cn(
|
|
1760
|
+
"relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
|
|
1761
|
+
isActive && "z-10 ring-2 ring-ring ring-offset-background",
|
|
1762
|
+
className
|
|
1763
|
+
)
|
|
1764
|
+
}, props), {
|
|
1765
|
+
children: [
|
|
1766
|
+
char,
|
|
1767
|
+
hasFakeCaret && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
|
|
1768
|
+
]
|
|
1769
|
+
})
|
|
1770
|
+
);
|
|
1771
|
+
});
|
|
1772
|
+
InputOTPSlot.displayName = "InputOTPSlot";
|
|
1773
|
+
var InputOTPSeparator = React12__namespace.forwardRef((_a, ref) => {
|
|
1774
|
+
var props = __objRest(_a, []);
|
|
1775
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, role: "separator" }, props), { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Dot, {}) }));
|
|
1776
|
+
});
|
|
1777
|
+
InputOTPSeparator.displayName = "InputOTPSeparator";
|
|
1778
|
+
var Progress = React12__namespace.forwardRef((_a, ref) => {
|
|
1779
|
+
var _b = _a, { className, value } = _b, props = __objRest(_b, ["className", "value"]);
|
|
1780
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1781
|
+
ProgressPrimitive__namespace.Root,
|
|
1782
|
+
__spreadProps(__spreadValues({
|
|
1783
|
+
ref,
|
|
1784
|
+
className: cn(
|
|
1785
|
+
"relative h-4 w-full overflow-hidden rounded-full bg-secondary",
|
|
1786
|
+
className
|
|
1787
|
+
)
|
|
1788
|
+
}, props), {
|
|
1789
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1790
|
+
ProgressPrimitive__namespace.Indicator,
|
|
1791
|
+
{
|
|
1792
|
+
className: "h-full w-full flex-1 bg-primary transition-all",
|
|
1793
|
+
style: { transform: `translateX(-${100 - (value || 0)}%)` }
|
|
1794
|
+
}
|
|
1795
|
+
)
|
|
1796
|
+
})
|
|
1797
|
+
);
|
|
1798
|
+
});
|
|
1799
|
+
Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
|
|
1800
|
+
var Select = SelectPrimitive__namespace.Root;
|
|
1801
|
+
var SelectGroup = SelectPrimitive__namespace.Group;
|
|
1802
|
+
var SelectValue = SelectPrimitive__namespace.Value;
|
|
1803
|
+
var SelectTrigger = React12__namespace.forwardRef((_a, ref) => {
|
|
1804
|
+
var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
|
|
1805
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1806
|
+
SelectPrimitive__namespace.Trigger,
|
|
1807
|
+
__spreadProps(__spreadValues({
|
|
1808
|
+
ref,
|
|
1809
|
+
className: cn(
|
|
1810
|
+
"flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
|
|
1811
|
+
className
|
|
1812
|
+
)
|
|
1813
|
+
}, props), {
|
|
1814
|
+
children: [
|
|
1815
|
+
children,
|
|
1816
|
+
/* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
|
|
1817
|
+
]
|
|
1818
|
+
})
|
|
1819
|
+
);
|
|
1820
|
+
});
|
|
1821
|
+
SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
|
|
1822
|
+
var SelectScrollUpButton = React12__namespace.forwardRef((_a, ref) => {
|
|
1823
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
1824
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1825
|
+
SelectPrimitive__namespace.ScrollUpButton,
|
|
1826
|
+
__spreadProps(__spreadValues({
|
|
1827
|
+
ref,
|
|
1828
|
+
className: cn(
|
|
1829
|
+
"flex cursor-default items-center justify-center py-1",
|
|
1830
|
+
className
|
|
1831
|
+
)
|
|
1832
|
+
}, props), {
|
|
1833
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "h-4 w-4" })
|
|
1834
|
+
})
|
|
1835
|
+
);
|
|
1836
|
+
});
|
|
1837
|
+
SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
|
|
1838
|
+
var SelectScrollDownButton = React12__namespace.forwardRef((_a, ref) => {
|
|
1839
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
1840
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1841
|
+
SelectPrimitive__namespace.ScrollDownButton,
|
|
1842
|
+
__spreadProps(__spreadValues({
|
|
1843
|
+
ref,
|
|
1844
|
+
className: cn(
|
|
1845
|
+
"flex cursor-default items-center justify-center py-1",
|
|
1846
|
+
className
|
|
1847
|
+
)
|
|
1848
|
+
}, props), {
|
|
1849
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" })
|
|
1850
|
+
})
|
|
1851
|
+
);
|
|
1852
|
+
});
|
|
1853
|
+
SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
|
|
1854
|
+
var SelectContent = React12__namespace.forwardRef((_a, ref) => {
|
|
1855
|
+
var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
|
|
1856
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1857
|
+
SelectPrimitive__namespace.Content,
|
|
1858
|
+
__spreadProps(__spreadValues({
|
|
1859
|
+
ref,
|
|
1860
|
+
className: cn(
|
|
1861
|
+
"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
1862
|
+
position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
|
|
1863
|
+
className
|
|
1864
|
+
),
|
|
1865
|
+
position
|
|
1866
|
+
}, props), {
|
|
1867
|
+
children: [
|
|
1868
|
+
/* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
|
|
1869
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1870
|
+
SelectPrimitive__namespace.Viewport,
|
|
1871
|
+
{
|
|
1872
|
+
className: cn(
|
|
1873
|
+
"p-1",
|
|
1874
|
+
position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
|
|
1875
|
+
),
|
|
1876
|
+
children
|
|
1877
|
+
}
|
|
1878
|
+
),
|
|
1879
|
+
/* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
|
|
1880
|
+
]
|
|
1881
|
+
})
|
|
1882
|
+
) });
|
|
1883
|
+
});
|
|
1884
|
+
SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
|
|
1885
|
+
var SelectLabel = React12__namespace.forwardRef((_a, ref) => {
|
|
1886
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
1887
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1888
|
+
SelectPrimitive__namespace.Label,
|
|
1889
|
+
__spreadValues({
|
|
1890
|
+
ref,
|
|
1891
|
+
className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)
|
|
1892
|
+
}, props)
|
|
1893
|
+
);
|
|
1894
|
+
});
|
|
1895
|
+
SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
|
|
1896
|
+
var SelectItem = React12__namespace.forwardRef((_a, ref) => {
|
|
1897
|
+
var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
|
|
1898
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1899
|
+
SelectPrimitive__namespace.Item,
|
|
1900
|
+
__spreadProps(__spreadValues({
|
|
1901
|
+
ref,
|
|
1902
|
+
className: cn(
|
|
1903
|
+
"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
1904
|
+
className
|
|
1905
|
+
)
|
|
1906
|
+
}, props), {
|
|
1907
|
+
children: [
|
|
1908
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
|
|
1909
|
+
/* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
|
|
1910
|
+
]
|
|
1911
|
+
})
|
|
1912
|
+
);
|
|
1913
|
+
});
|
|
1914
|
+
SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
|
|
1915
|
+
var SelectSeparator = React12__namespace.forwardRef((_a, ref) => {
|
|
1916
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
1917
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1918
|
+
SelectPrimitive__namespace.Separator,
|
|
1919
|
+
__spreadValues({
|
|
1920
|
+
ref,
|
|
1921
|
+
className: cn("-mx-1 my-1 h-px bg-muted", className)
|
|
1922
|
+
}, props)
|
|
1923
|
+
);
|
|
1924
|
+
});
|
|
1925
|
+
SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
|
|
1926
|
+
var Toaster = (_a) => {
|
|
1927
|
+
var props = __objRest(_a, []);
|
|
1928
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1929
|
+
sonner.Toaster,
|
|
1930
|
+
__spreadValues({
|
|
1931
|
+
className: "toaster group",
|
|
1932
|
+
toastOptions: {
|
|
1933
|
+
classNames: {
|
|
1934
|
+
toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
|
|
1935
|
+
description: "group-[.toast]:text-muted-foreground",
|
|
1936
|
+
actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
|
|
1937
|
+
cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
|
|
1938
|
+
}
|
|
1939
|
+
}
|
|
1940
|
+
}, props)
|
|
1941
|
+
);
|
|
1942
|
+
};
|
|
1943
|
+
var Table = React12__namespace.forwardRef((_a, ref) => {
|
|
1944
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
1945
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1946
|
+
"table",
|
|
1947
|
+
__spreadValues({
|
|
1948
|
+
ref,
|
|
1949
|
+
className: cn("w-full caption-bottom text-sm", className)
|
|
1950
|
+
}, props)
|
|
1951
|
+
) });
|
|
1952
|
+
});
|
|
1953
|
+
Table.displayName = "Table";
|
|
1954
|
+
var TableHeader = React12__namespace.forwardRef((_a, ref) => {
|
|
1955
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
1956
|
+
return /* @__PURE__ */ jsxRuntime.jsx("thead", __spreadValues({ ref, className: cn("[&_tr]:border-b", className) }, props));
|
|
1957
|
+
});
|
|
1958
|
+
TableHeader.displayName = "TableHeader";
|
|
1959
|
+
var TableBody = React12__namespace.forwardRef((_a, ref) => {
|
|
1960
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
1961
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1962
|
+
"tbody",
|
|
1963
|
+
__spreadValues({
|
|
1964
|
+
ref,
|
|
1965
|
+
className: cn("[&_tr:last-child]:border-0", className)
|
|
1966
|
+
}, props)
|
|
1967
|
+
);
|
|
1968
|
+
});
|
|
1969
|
+
TableBody.displayName = "TableBody";
|
|
1970
|
+
var TableFooter = React12__namespace.forwardRef((_a, ref) => {
|
|
1971
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
1972
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1973
|
+
"tfoot",
|
|
1974
|
+
__spreadValues({
|
|
1975
|
+
ref,
|
|
1976
|
+
className: cn(
|
|
1977
|
+
"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
|
|
1978
|
+
className
|
|
1979
|
+
)
|
|
1980
|
+
}, props)
|
|
1981
|
+
);
|
|
1982
|
+
});
|
|
1983
|
+
TableFooter.displayName = "TableFooter";
|
|
1984
|
+
var TableRow = React12__namespace.forwardRef((_a, ref) => {
|
|
1985
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
1986
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1987
|
+
"tr",
|
|
1988
|
+
__spreadValues({
|
|
1989
|
+
ref,
|
|
1990
|
+
className: cn(
|
|
1991
|
+
"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
|
|
1992
|
+
className
|
|
1993
|
+
)
|
|
1994
|
+
}, props)
|
|
1995
|
+
);
|
|
1996
|
+
});
|
|
1997
|
+
TableRow.displayName = "TableRow";
|
|
1998
|
+
var TableHead = React12__namespace.forwardRef((_a, ref) => {
|
|
1999
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
2000
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2001
|
+
"th",
|
|
2002
|
+
__spreadValues({
|
|
2003
|
+
ref,
|
|
2004
|
+
className: cn(
|
|
2005
|
+
"h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
|
|
2006
|
+
className
|
|
2007
|
+
)
|
|
2008
|
+
}, props)
|
|
2009
|
+
);
|
|
2010
|
+
});
|
|
2011
|
+
TableHead.displayName = "TableHead";
|
|
2012
|
+
var TableCell = React12__namespace.forwardRef((_a, ref) => {
|
|
2013
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
2014
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2015
|
+
"td",
|
|
2016
|
+
__spreadValues({
|
|
2017
|
+
ref,
|
|
2018
|
+
className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)
|
|
2019
|
+
}, props)
|
|
2020
|
+
);
|
|
2021
|
+
});
|
|
2022
|
+
TableCell.displayName = "TableCell";
|
|
2023
|
+
var TableCaption = React12__namespace.forwardRef((_a, ref) => {
|
|
2024
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
2025
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2026
|
+
"caption",
|
|
2027
|
+
__spreadValues({
|
|
2028
|
+
ref,
|
|
2029
|
+
className: cn("mt-4 text-sm text-muted-foreground", className)
|
|
2030
|
+
}, props)
|
|
2031
|
+
);
|
|
2032
|
+
});
|
|
2033
|
+
TableCaption.displayName = "TableCaption";
|
|
2034
|
+
var Textarea = React12__namespace.forwardRef((_a, ref) => {
|
|
2035
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
2036
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2037
|
+
"textarea",
|
|
2038
|
+
__spreadValues({
|
|
2039
|
+
className: cn(
|
|
2040
|
+
"flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
|
|
2041
|
+
className
|
|
2042
|
+
),
|
|
2043
|
+
ref
|
|
2044
|
+
}, props)
|
|
2045
|
+
);
|
|
2046
|
+
});
|
|
2047
|
+
Textarea.displayName = "Textarea";
|
|
2048
|
+
var Breadcrumb = React12__namespace.forwardRef((_a, ref) => {
|
|
2049
|
+
var props = __objRest(_a, []);
|
|
2050
|
+
return /* @__PURE__ */ jsxRuntime.jsx("nav", __spreadValues({ ref, "aria-label": "breadcrumb" }, props));
|
|
2051
|
+
});
|
|
2052
|
+
Breadcrumb.displayName = "Breadcrumb";
|
|
2053
|
+
var BreadcrumbList = React12__namespace.forwardRef((_a, ref) => {
|
|
2054
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
2055
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2056
|
+
"ol",
|
|
2057
|
+
__spreadValues({
|
|
2058
|
+
ref,
|
|
2059
|
+
className: cn(
|
|
2060
|
+
"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
|
|
2061
|
+
className
|
|
2062
|
+
)
|
|
2063
|
+
}, props)
|
|
2064
|
+
);
|
|
2065
|
+
});
|
|
2066
|
+
BreadcrumbList.displayName = "BreadcrumbList";
|
|
2067
|
+
var BreadcrumbItem = React12__namespace.forwardRef((_a, ref) => {
|
|
2068
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
2069
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2070
|
+
"li",
|
|
2071
|
+
__spreadValues({
|
|
2072
|
+
ref,
|
|
2073
|
+
className: cn("inline-flex items-center gap-1.5", className)
|
|
2074
|
+
}, props)
|
|
2075
|
+
);
|
|
2076
|
+
});
|
|
2077
|
+
BreadcrumbItem.displayName = "BreadcrumbItem";
|
|
2078
|
+
var BreadcrumbLink = React12__namespace.forwardRef((_a, ref) => {
|
|
2079
|
+
var _b = _a, { asChild, className } = _b, props = __objRest(_b, ["asChild", "className"]);
|
|
2080
|
+
const Comp = asChild ? reactSlot.Slot : "a";
|
|
2081
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2082
|
+
Comp,
|
|
2083
|
+
__spreadValues({
|
|
2084
|
+
ref,
|
|
2085
|
+
className: cn(
|
|
2086
|
+
"transition-colors hover:text-foreground inline-flex items-center gap-1.5",
|
|
2087
|
+
className
|
|
2088
|
+
)
|
|
2089
|
+
}, props)
|
|
2090
|
+
);
|
|
2091
|
+
});
|
|
2092
|
+
BreadcrumbLink.displayName = "BreadcrumbLink";
|
|
2093
|
+
var BreadcrumbPage = React12__namespace.forwardRef((_a, ref) => {
|
|
2094
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
2095
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2096
|
+
"span",
|
|
2097
|
+
__spreadValues({
|
|
2098
|
+
ref,
|
|
2099
|
+
role: "link",
|
|
2100
|
+
"aria-disabled": "true",
|
|
2101
|
+
"aria-current": "page",
|
|
2102
|
+
className: cn("font-normal text-foreground", className)
|
|
2103
|
+
}, props)
|
|
2104
|
+
);
|
|
2105
|
+
});
|
|
2106
|
+
BreadcrumbPage.displayName = "BreadcrumbPage";
|
|
2107
|
+
var BreadcrumbSeparator = (_a) => {
|
|
2108
|
+
var _b = _a, {
|
|
2109
|
+
children,
|
|
2110
|
+
className
|
|
2111
|
+
} = _b, props = __objRest(_b, [
|
|
2112
|
+
"children",
|
|
2113
|
+
"className"
|
|
2114
|
+
]);
|
|
2115
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2116
|
+
"li",
|
|
2117
|
+
__spreadProps(__spreadValues({
|
|
2118
|
+
role: "presentation",
|
|
2119
|
+
"aria-hidden": "true",
|
|
2120
|
+
className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className)
|
|
2121
|
+
}, props), {
|
|
2122
|
+
children: children != null ? children : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
|
|
2123
|
+
})
|
|
2124
|
+
);
|
|
2125
|
+
};
|
|
2126
|
+
BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
|
|
2127
|
+
var BreadcrumbEllipsis = (_a) => {
|
|
2128
|
+
var _b = _a, {
|
|
2129
|
+
className
|
|
2130
|
+
} = _b, props = __objRest(_b, [
|
|
2131
|
+
"className"
|
|
2132
|
+
]);
|
|
2133
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2134
|
+
"span",
|
|
2135
|
+
__spreadProps(__spreadValues({
|
|
2136
|
+
role: "presentation",
|
|
2137
|
+
"aria-hidden": "true",
|
|
2138
|
+
className: cn("flex h-9 w-9 items-center justify-center", className)
|
|
2139
|
+
}, props), {
|
|
2140
|
+
children: [
|
|
2141
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" }),
|
|
2142
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More" })
|
|
2143
|
+
]
|
|
2144
|
+
})
|
|
2145
|
+
);
|
|
2146
|
+
};
|
|
2147
|
+
BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
|
|
2148
|
+
function cn2(...inputs) {
|
|
2149
|
+
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
2150
|
+
}
|
|
2151
|
+
var THEMES = { light: "", dark: ".dark" };
|
|
2152
|
+
var ChartContext = React12__namespace.createContext(null);
|
|
2153
|
+
function useChart() {
|
|
2154
|
+
const context = React12__namespace.useContext(ChartContext);
|
|
2155
|
+
if (!context) {
|
|
2156
|
+
throw new Error("useChart must be used within a <ChartContainer />");
|
|
2157
|
+
}
|
|
2158
|
+
return context;
|
|
2159
|
+
}
|
|
2160
|
+
function ChartContainer(_a) {
|
|
2161
|
+
var _b = _a, {
|
|
2162
|
+
id,
|
|
2163
|
+
className,
|
|
2164
|
+
children,
|
|
2165
|
+
config
|
|
2166
|
+
} = _b, props = __objRest(_b, [
|
|
2167
|
+
"id",
|
|
2168
|
+
"className",
|
|
2169
|
+
"children",
|
|
2170
|
+
"config"
|
|
2171
|
+
]);
|
|
2172
|
+
const uniqueId = React12__namespace.useId();
|
|
2173
|
+
const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
|
|
2174
|
+
return /* @__PURE__ */ jsxRuntime.jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2175
|
+
"div",
|
|
2176
|
+
__spreadProps(__spreadValues({
|
|
2177
|
+
"data-slot": "chart",
|
|
2178
|
+
"data-chart": chartId,
|
|
2179
|
+
className: cn2(
|
|
2180
|
+
"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
|
|
2181
|
+
className
|
|
2182
|
+
)
|
|
2183
|
+
}, props), {
|
|
2184
|
+
children: [
|
|
2185
|
+
/* @__PURE__ */ jsxRuntime.jsx(ChartStyle, { id: chartId, config }),
|
|
2186
|
+
/* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive__namespace.ResponsiveContainer, { children })
|
|
2187
|
+
]
|
|
2188
|
+
})
|
|
2189
|
+
) });
|
|
2190
|
+
}
|
|
2191
|
+
var ChartStyle = ({ id, config }) => {
|
|
2192
|
+
const colorConfig = Object.entries(config).filter(
|
|
2193
|
+
([, config2]) => config2.theme || config2.color
|
|
2194
|
+
);
|
|
2195
|
+
if (!colorConfig.length) {
|
|
2196
|
+
return null;
|
|
2197
|
+
}
|
|
2198
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2199
|
+
"style",
|
|
2200
|
+
{
|
|
2201
|
+
dangerouslySetInnerHTML: {
|
|
2202
|
+
__html: Object.entries(THEMES).map(
|
|
2203
|
+
([theme, prefix]) => `
|
|
2204
|
+
${prefix} [data-chart=${id}] {
|
|
2205
|
+
${colorConfig.map(([key, itemConfig]) => {
|
|
2206
|
+
var _a;
|
|
2207
|
+
const color = ((_a = itemConfig.theme) == null ? void 0 : _a[theme]) || itemConfig.color;
|
|
2208
|
+
return color ? ` --color-${key}: ${color};` : null;
|
|
2209
|
+
}).join("\n")}
|
|
2210
|
+
}
|
|
2211
|
+
`
|
|
2212
|
+
).join("\n")
|
|
2213
|
+
}
|
|
2214
|
+
}
|
|
2215
|
+
);
|
|
2216
|
+
};
|
|
2217
|
+
var ChartTooltip = RechartsPrimitive__namespace.Tooltip;
|
|
2218
|
+
function ChartTooltipContent({
|
|
2219
|
+
active,
|
|
2220
|
+
payload,
|
|
2221
|
+
className,
|
|
2222
|
+
indicator = "dot",
|
|
2223
|
+
hideLabel = false,
|
|
2224
|
+
hideIndicator = false,
|
|
2225
|
+
label,
|
|
2226
|
+
labelFormatter,
|
|
2227
|
+
labelClassName,
|
|
2228
|
+
formatter,
|
|
2229
|
+
color,
|
|
2230
|
+
nameKey,
|
|
2231
|
+
labelKey
|
|
2232
|
+
}) {
|
|
2233
|
+
const { config } = useChart();
|
|
2234
|
+
const tooltipLabel = React12__namespace.useMemo(() => {
|
|
2235
|
+
var _a;
|
|
2236
|
+
if (hideLabel || !(payload == null ? void 0 : payload.length)) {
|
|
2237
|
+
return null;
|
|
2238
|
+
}
|
|
2239
|
+
const [item] = payload;
|
|
2240
|
+
const key = `${labelKey || (item == null ? void 0 : item.dataKey) || (item == null ? void 0 : item.name) || "value"}`;
|
|
2241
|
+
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
2242
|
+
const value = !labelKey && typeof label === "string" ? ((_a = config[label]) == null ? void 0 : _a.label) || label : itemConfig == null ? void 0 : itemConfig.label;
|
|
2243
|
+
if (labelFormatter) {
|
|
2244
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn2("font-medium", labelClassName), children: labelFormatter(value, payload) });
|
|
2245
|
+
}
|
|
2246
|
+
if (!value) {
|
|
2247
|
+
return null;
|
|
2248
|
+
}
|
|
2249
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn2("font-medium", labelClassName), children: value });
|
|
2250
|
+
}, [
|
|
2251
|
+
label,
|
|
2252
|
+
labelFormatter,
|
|
2253
|
+
payload,
|
|
2254
|
+
hideLabel,
|
|
2255
|
+
labelClassName,
|
|
2256
|
+
config,
|
|
2257
|
+
labelKey
|
|
2258
|
+
]);
|
|
2259
|
+
if (!active || !(payload == null ? void 0 : payload.length)) {
|
|
2260
|
+
return null;
|
|
2261
|
+
}
|
|
2262
|
+
const nestLabel = payload.length === 1 && indicator !== "dot";
|
|
2263
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2264
|
+
"div",
|
|
2265
|
+
{
|
|
2266
|
+
className: cn2(
|
|
2267
|
+
"border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",
|
|
2268
|
+
className
|
|
2269
|
+
),
|
|
2270
|
+
children: [
|
|
2271
|
+
!nestLabel ? tooltipLabel : null,
|
|
2272
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
|
|
2273
|
+
const key = `${nameKey || item.name || item.dataKey || "value"}`;
|
|
2274
|
+
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
2275
|
+
const indicatorColor = color || item.payload.fill || item.color;
|
|
2276
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2277
|
+
"div",
|
|
2278
|
+
{
|
|
2279
|
+
className: cn2(
|
|
2280
|
+
"[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
|
|
2281
|
+
indicator === "dot" && "items-center"
|
|
2282
|
+
),
|
|
2283
|
+
children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2284
|
+
(itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsxRuntime.jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2285
|
+
"div",
|
|
2286
|
+
{
|
|
2287
|
+
className: cn2(
|
|
2288
|
+
"shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
|
|
2289
|
+
{
|
|
2290
|
+
"h-2.5 w-2.5": indicator === "dot",
|
|
2291
|
+
"w-1": indicator === "line",
|
|
2292
|
+
"w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
|
|
2293
|
+
"my-0.5": nestLabel && indicator === "dashed"
|
|
2294
|
+
}
|
|
2295
|
+
),
|
|
2296
|
+
style: {
|
|
2297
|
+
"--color-bg": indicatorColor,
|
|
2298
|
+
"--color-border": indicatorColor
|
|
2299
|
+
}
|
|
2300
|
+
}
|
|
2301
|
+
),
|
|
2302
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2303
|
+
"div",
|
|
2304
|
+
{
|
|
2305
|
+
className: cn2(
|
|
2306
|
+
"flex flex-1 justify-between leading-none",
|
|
2307
|
+
nestLabel ? "items-end" : "items-center"
|
|
2308
|
+
),
|
|
2309
|
+
children: [
|
|
2310
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-1.5", children: [
|
|
2311
|
+
nestLabel ? tooltipLabel : null,
|
|
2312
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
|
|
2313
|
+
] }),
|
|
2314
|
+
item.value && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-mono font-medium tabular-nums", children: item.value.toLocaleString() })
|
|
2315
|
+
]
|
|
2316
|
+
}
|
|
2317
|
+
)
|
|
2318
|
+
] })
|
|
2319
|
+
},
|
|
2320
|
+
item.dataKey
|
|
2321
|
+
);
|
|
2322
|
+
}) })
|
|
2323
|
+
]
|
|
2324
|
+
}
|
|
2325
|
+
);
|
|
2326
|
+
}
|
|
2327
|
+
var ChartLegend = RechartsPrimitive__namespace.Legend;
|
|
2328
|
+
function ChartLegendContent({
|
|
2329
|
+
className,
|
|
2330
|
+
hideIcon = false,
|
|
2331
|
+
payload,
|
|
2332
|
+
verticalAlign = "bottom",
|
|
2333
|
+
nameKey
|
|
2334
|
+
}) {
|
|
2335
|
+
const { config } = useChart();
|
|
2336
|
+
if (!(payload == null ? void 0 : payload.length)) {
|
|
2337
|
+
return null;
|
|
2338
|
+
}
|
|
2339
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2340
|
+
"div",
|
|
2341
|
+
{
|
|
2342
|
+
className: cn2(
|
|
2343
|
+
"flex items-center justify-center gap-4",
|
|
2344
|
+
verticalAlign === "top" ? "pb-3" : "pt-3",
|
|
2345
|
+
className
|
|
2346
|
+
),
|
|
2347
|
+
children: payload.filter((item) => item.type !== "none").map((item) => {
|
|
2348
|
+
const key = `${nameKey || item.dataKey || "value"}`;
|
|
2349
|
+
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
2350
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2351
|
+
"div",
|
|
2352
|
+
{
|
|
2353
|
+
className: cn2(
|
|
2354
|
+
"[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
|
|
2355
|
+
),
|
|
2356
|
+
children: [
|
|
2357
|
+
(itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ jsxRuntime.jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
2358
|
+
"div",
|
|
2359
|
+
{
|
|
2360
|
+
className: "h-2 w-2 shrink-0 rounded-[2px]",
|
|
2361
|
+
style: {
|
|
2362
|
+
backgroundColor: item.color
|
|
2363
|
+
}
|
|
2364
|
+
}
|
|
2365
|
+
),
|
|
2366
|
+
itemConfig == null ? void 0 : itemConfig.label
|
|
2367
|
+
]
|
|
2368
|
+
},
|
|
2369
|
+
item.value
|
|
2370
|
+
);
|
|
2371
|
+
})
|
|
2372
|
+
}
|
|
2373
|
+
);
|
|
2374
|
+
}
|
|
2375
|
+
function getPayloadConfigFromPayload(config, payload, key) {
|
|
2376
|
+
if (typeof payload !== "object" || payload === null) {
|
|
2377
|
+
return void 0;
|
|
2378
|
+
}
|
|
2379
|
+
const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
|
|
2380
|
+
let configLabelKey = key;
|
|
2381
|
+
if (key in payload && typeof payload[key] === "string") {
|
|
2382
|
+
configLabelKey = payload[key];
|
|
2383
|
+
} else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
|
|
2384
|
+
configLabelKey = payloadPayload[key];
|
|
2385
|
+
}
|
|
2386
|
+
return configLabelKey in config ? config[configLabelKey] : config[key];
|
|
2387
|
+
}
|
|
1534
2388
|
var defaultNavGroups = [
|
|
1535
2389
|
{
|
|
1536
2390
|
label: "Main",
|
|
@@ -1788,10 +2642,36 @@ function OfflineSidebar({
|
|
|
1788
2642
|
] });
|
|
1789
2643
|
}
|
|
1790
2644
|
|
|
2645
|
+
Object.defineProperty(exports, "toast", {
|
|
2646
|
+
enumerable: true,
|
|
2647
|
+
get: function () { return sonner.toast; }
|
|
2648
|
+
});
|
|
2649
|
+
exports.Accordion = Accordion;
|
|
2650
|
+
exports.AccordionContent = AccordionContent;
|
|
2651
|
+
exports.AccordionItem = AccordionItem;
|
|
2652
|
+
exports.AccordionTrigger = AccordionTrigger;
|
|
2653
|
+
exports.AlertDialog = AlertDialog;
|
|
2654
|
+
exports.AlertDialogAction = AlertDialogAction;
|
|
2655
|
+
exports.AlertDialogCancel = AlertDialogCancel;
|
|
2656
|
+
exports.AlertDialogContent = AlertDialogContent;
|
|
2657
|
+
exports.AlertDialogDescription = AlertDialogDescription;
|
|
2658
|
+
exports.AlertDialogFooter = AlertDialogFooter;
|
|
2659
|
+
exports.AlertDialogHeader = AlertDialogHeader;
|
|
2660
|
+
exports.AlertDialogOverlay = AlertDialogOverlay;
|
|
2661
|
+
exports.AlertDialogPortal = AlertDialogPortal;
|
|
2662
|
+
exports.AlertDialogTitle = AlertDialogTitle;
|
|
2663
|
+
exports.AlertDialogTrigger = AlertDialogTrigger;
|
|
1791
2664
|
exports.Avatar = Avatar;
|
|
1792
2665
|
exports.AvatarFallback = AvatarFallback;
|
|
1793
2666
|
exports.AvatarImage = AvatarImage;
|
|
1794
2667
|
exports.Badge = Badge;
|
|
2668
|
+
exports.Breadcrumb = Breadcrumb;
|
|
2669
|
+
exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
|
|
2670
|
+
exports.BreadcrumbItem = BreadcrumbItem;
|
|
2671
|
+
exports.BreadcrumbLink = BreadcrumbLink;
|
|
2672
|
+
exports.BreadcrumbList = BreadcrumbList;
|
|
2673
|
+
exports.BreadcrumbPage = BreadcrumbPage;
|
|
2674
|
+
exports.BreadcrumbSeparator = BreadcrumbSeparator;
|
|
1795
2675
|
exports.Button = Button;
|
|
1796
2676
|
exports.Card = Card;
|
|
1797
2677
|
exports.CardContent = CardContent;
|
|
@@ -1799,6 +2679,13 @@ exports.CardDescription = CardDescription;
|
|
|
1799
2679
|
exports.CardFooter = CardFooter;
|
|
1800
2680
|
exports.CardHeader = CardHeader;
|
|
1801
2681
|
exports.CardTitle = CardTitle;
|
|
2682
|
+
exports.ChartContainer = ChartContainer;
|
|
2683
|
+
exports.ChartLegend = ChartLegend;
|
|
2684
|
+
exports.ChartLegendContent = ChartLegendContent;
|
|
2685
|
+
exports.ChartStyle = ChartStyle;
|
|
2686
|
+
exports.ChartTooltip = ChartTooltip;
|
|
2687
|
+
exports.ChartTooltipContent = ChartTooltipContent;
|
|
2688
|
+
exports.Checkbox = Checkbox;
|
|
1802
2689
|
exports.Collapsible = Collapsible;
|
|
1803
2690
|
exports.CollapsibleContent = CollapsibleContent2;
|
|
1804
2691
|
exports.CollapsibleNavItem = CollapsibleNavItem;
|
|
@@ -1829,6 +2716,10 @@ exports.DropdownMenuSubContent = DropdownMenuSubContent;
|
|
|
1829
2716
|
exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
|
|
1830
2717
|
exports.DropdownMenuTrigger = DropdownMenuTrigger;
|
|
1831
2718
|
exports.Input = Input;
|
|
2719
|
+
exports.InputOTP = InputOTP;
|
|
2720
|
+
exports.InputOTPGroup = InputOTPGroup;
|
|
2721
|
+
exports.InputOTPSeparator = InputOTPSeparator;
|
|
2722
|
+
exports.InputOTPSlot = InputOTPSlot;
|
|
1832
2723
|
exports.Item = Item2;
|
|
1833
2724
|
exports.ItemActions = ItemActions;
|
|
1834
2725
|
exports.ItemContent = ItemContent;
|
|
@@ -1844,6 +2735,17 @@ exports.NavGroupComponent = NavGroupComponent;
|
|
|
1844
2735
|
exports.OfflineAppIcon = OfflineAppIcon;
|
|
1845
2736
|
exports.OfflineSidebar = OfflineSidebar;
|
|
1846
2737
|
exports.OfflineTopbar = OfflineTopbar;
|
|
2738
|
+
exports.Progress = Progress;
|
|
2739
|
+
exports.Select = Select;
|
|
2740
|
+
exports.SelectContent = SelectContent;
|
|
2741
|
+
exports.SelectGroup = SelectGroup;
|
|
2742
|
+
exports.SelectItem = SelectItem;
|
|
2743
|
+
exports.SelectLabel = SelectLabel;
|
|
2744
|
+
exports.SelectScrollDownButton = SelectScrollDownButton;
|
|
2745
|
+
exports.SelectScrollUpButton = SelectScrollUpButton;
|
|
2746
|
+
exports.SelectSeparator = SelectSeparator;
|
|
2747
|
+
exports.SelectTrigger = SelectTrigger;
|
|
2748
|
+
exports.SelectValue = SelectValue;
|
|
1847
2749
|
exports.Separator = Separator2;
|
|
1848
2750
|
exports.Sheet = Sheet;
|
|
1849
2751
|
exports.SheetClose = SheetClose;
|
|
@@ -1880,10 +2782,20 @@ exports.SidebarSeparator = SidebarSeparator;
|
|
|
1880
2782
|
exports.SidebarTrigger = SidebarTrigger;
|
|
1881
2783
|
exports.SimpleNavItem = SimpleNavItem;
|
|
1882
2784
|
exports.Skeleton = Skeleton;
|
|
2785
|
+
exports.Table = Table;
|
|
2786
|
+
exports.TableBody = TableBody;
|
|
2787
|
+
exports.TableCaption = TableCaption;
|
|
2788
|
+
exports.TableCell = TableCell;
|
|
2789
|
+
exports.TableFooter = TableFooter;
|
|
2790
|
+
exports.TableHead = TableHead;
|
|
2791
|
+
exports.TableHeader = TableHeader;
|
|
2792
|
+
exports.TableRow = TableRow;
|
|
1883
2793
|
exports.Tabs = Tabs;
|
|
1884
2794
|
exports.TabsContent = TabsContent;
|
|
1885
2795
|
exports.TabsList = TabsList;
|
|
1886
2796
|
exports.TabsTrigger = TabsTrigger;
|
|
2797
|
+
exports.Textarea = Textarea;
|
|
2798
|
+
exports.Toaster = Toaster;
|
|
1887
2799
|
exports.Tooltip = Tooltip;
|
|
1888
2800
|
exports.TooltipContent = TooltipContent;
|
|
1889
2801
|
exports.TooltipProvider = TooltipProvider;
|