reend-components 1.2.0 → 1.2.1
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/README.md +11 -16
- package/dist/bin/cli.cjs +2 -2
- package/dist/lib/index.cjs +2 -2
- package/dist/lib/index.cjs.map +1 -1
- package/dist/lib/index.mjs +32 -34
- package/dist/lib/index.mjs.map +1 -1
- package/dist/tailwind/index.cjs +2 -0
- package/package.json +4 -16
package/dist/lib/index.mjs
CHANGED
|
@@ -8,7 +8,7 @@ import * as F from "@radix-ui/react-toast";
|
|
|
8
8
|
import { cva as O } from "class-variance-authority";
|
|
9
9
|
import { X as dt, Moon as ct, Sun as ut, Crosshair as pt, Terminal as ft, AlertTriangle as mt } from "lucide-react";
|
|
10
10
|
import { Toaster as bt, toast as J } from "sonner";
|
|
11
|
-
import { toast as
|
|
11
|
+
import { toast as Dn } from "sonner";
|
|
12
12
|
import { Slot as xt } from "@radix-ui/react-slot";
|
|
13
13
|
import * as ge from "@radix-ui/react-checkbox";
|
|
14
14
|
import * as Ve from "@radix-ui/react-radio-group";
|
|
@@ -23,13 +23,12 @@ import * as H from "@radix-ui/react-dialog";
|
|
|
23
23
|
import * as gt from "@radix-ui/react-separator";
|
|
24
24
|
import * as xe from "react-dom";
|
|
25
25
|
import { Separator as ht } from "react-resizable-panels";
|
|
26
|
-
import { Panel as
|
|
27
|
-
import "recharts";
|
|
26
|
+
import { Panel as An, Group as Mn, Separator as Ln } from "react-resizable-panels";
|
|
28
27
|
import { AnimatePresence as yt, motion as ue, useInView as vt } from "framer-motion";
|
|
29
28
|
function l(...t) {
|
|
30
29
|
return lt(it(t));
|
|
31
30
|
}
|
|
32
|
-
const
|
|
31
|
+
const bn = q.Provider, xn = q.Root, gn = q.Trigger, Nt = s.forwardRef(({ className: t, sideOffset: r = 4, ...a }, o) => /* @__PURE__ */ e(
|
|
33
32
|
q.Content,
|
|
34
33
|
{
|
|
35
34
|
ref: o,
|
|
@@ -211,7 +210,7 @@ function Dt() {
|
|
|
211
210
|
dismiss: (a) => W({ type: "DISMISS_TOAST", toastId: a })
|
|
212
211
|
};
|
|
213
212
|
}
|
|
214
|
-
function
|
|
213
|
+
function hn() {
|
|
215
214
|
const { toasts: t } = Dt();
|
|
216
215
|
return /* @__PURE__ */ u(wt, { children: [
|
|
217
216
|
t.map(function({ id: r, title: a, description: o, action: n, ...i }) {
|
|
@@ -227,7 +226,7 @@ function yn() {
|
|
|
227
226
|
/* @__PURE__ */ e(Be, {})
|
|
228
227
|
] });
|
|
229
228
|
}
|
|
230
|
-
const
|
|
229
|
+
const yn = ({ theme: t = "dark", ...r }) => /* @__PURE__ */ e(
|
|
231
230
|
bt,
|
|
232
231
|
{
|
|
233
232
|
theme: t,
|
|
@@ -236,7 +235,6 @@ const vn = ({ theme: t = "dark", ...r }) => /* @__PURE__ */ e(
|
|
|
236
235
|
closeButton: !0,
|
|
237
236
|
duration: 4e3,
|
|
238
237
|
visibleToasts: 3,
|
|
239
|
-
pauseWhenPageIsHidden: !0,
|
|
240
238
|
toastOptions: {
|
|
241
239
|
classNames: {
|
|
242
240
|
toast: "group toast group-[.toaster]:bg-surface-2 group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg group-[.toaster]:border-l-[3px]",
|
|
@@ -253,7 +251,7 @@ const vn = ({ theme: t = "dark", ...r }) => /* @__PURE__ */ e(
|
|
|
253
251
|
},
|
|
254
252
|
...r
|
|
255
253
|
}
|
|
256
|
-
),
|
|
254
|
+
), vn = {
|
|
257
255
|
info: (t, r) => J(t, { duration: 5e3, ...r }),
|
|
258
256
|
success: (t, r) => J.success(t, { duration: 4e3, ...r }),
|
|
259
257
|
warning: (t, r) => J.warning(t, { duration: 8e3, ...r }),
|
|
@@ -539,7 +537,7 @@ const Ht = s.forwardRef(
|
|
|
539
537
|
);
|
|
540
538
|
Ht.displayName = "LinkCard";
|
|
541
539
|
const Yt = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
|
|
542
|
-
function
|
|
540
|
+
function Nn(t, r = !0) {
|
|
543
541
|
me(() => {
|
|
544
542
|
if (!r || !t.current) return;
|
|
545
543
|
const a = t.current, o = () => Array.from(a.querySelectorAll(Yt)), n = (i) => {
|
|
@@ -552,7 +550,7 @@ function wn(t, r = !0) {
|
|
|
552
550
|
return a.addEventListener("keydown", n), () => a.removeEventListener("keydown", n);
|
|
553
551
|
}, [t, r]);
|
|
554
552
|
}
|
|
555
|
-
function
|
|
553
|
+
function wn(t, r, a = {}) {
|
|
556
554
|
me(() => {
|
|
557
555
|
const { meta: o = !1, ctrl: n = !1, shift: i = !1, preventDefault: c = !0 } = a, d = (p) => {
|
|
558
556
|
o && !p.metaKey || n && !(p.ctrlKey || p.metaKey) || i && !p.shiftKey || p.key.toLowerCase() === t.toLowerCase() && (c && p.preventDefault(), r());
|
|
@@ -560,7 +558,7 @@ function kn(t, r, a = {}) {
|
|
|
560
558
|
return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
|
|
561
559
|
}, [t, r, a]);
|
|
562
560
|
}
|
|
563
|
-
function
|
|
561
|
+
function kn(t, r = {}) {
|
|
564
562
|
const { threshold: a = 0.1, once: o = !0 } = r, [n, i] = nt(() => typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1), c = st(n);
|
|
565
563
|
return c.current = n, me(() => {
|
|
566
564
|
if (typeof window > "u" || c.current && o) return;
|
|
@@ -575,7 +573,7 @@ function Tn(t, r = {}) {
|
|
|
575
573
|
return p.observe(d), () => p.disconnect();
|
|
576
574
|
}, [t, a, o]), n;
|
|
577
575
|
}
|
|
578
|
-
function
|
|
576
|
+
function Tn(t, r = 100) {
|
|
579
577
|
return Array.from({ length: t }, (a, o) => `${o * r}ms`);
|
|
580
578
|
}
|
|
581
579
|
const Ut = O(
|
|
@@ -3572,7 +3570,7 @@ const Sa = ({ direction: t = "horizontal", className: r, ...a }) => /* @__PURE__
|
|
|
3572
3570
|
}
|
|
3573
3571
|
);
|
|
3574
3572
|
Sa.displayName = "ResizeHandle";
|
|
3575
|
-
const
|
|
3573
|
+
const Sn = [
|
|
3576
3574
|
"var(--chart-1)",
|
|
3577
3575
|
"var(--chart-2)",
|
|
3578
3576
|
"var(--chart-3)",
|
|
@@ -3581,7 +3579,7 @@ const Rn = [
|
|
|
3581
3579
|
"var(--chart-6)",
|
|
3582
3580
|
"var(--chart-7)",
|
|
3583
3581
|
"var(--chart-8)"
|
|
3584
|
-
],
|
|
3582
|
+
], Rn = {
|
|
3585
3583
|
backgroundColor: "transparent",
|
|
3586
3584
|
style: { fontFamily: "JetBrains Mono, monospace", fontSize: 11 },
|
|
3587
3585
|
tick: { fill: "hsl(var(--muted-foreground))" },
|
|
@@ -4489,7 +4487,7 @@ const ao = s.forwardRef(
|
|
|
4489
4487
|
ao.displayName = "SwipeableItem";
|
|
4490
4488
|
const oo = s.forwardRef(
|
|
4491
4489
|
({ text: t, resetDelay: r = 2e3, onCopy: a, className: o, ...n }, i) => {
|
|
4492
|
-
const [c, d] = s.useState(!1), p = s.useRef();
|
|
4490
|
+
const [c, d] = s.useState(!1), p = s.useRef(void 0);
|
|
4493
4491
|
return s.useEffect(() => () => clearTimeout(p.current), []), /* @__PURE__ */ e(
|
|
4494
4492
|
"button",
|
|
4495
4493
|
{
|
|
@@ -4635,7 +4633,7 @@ const io = s.forwardRef(
|
|
|
4635
4633
|
)
|
|
4636
4634
|
);
|
|
4637
4635
|
io.displayName = "CookieConsent";
|
|
4638
|
-
function
|
|
4636
|
+
function En() {
|
|
4639
4637
|
const [t, r] = s.useState(!1);
|
|
4640
4638
|
return s.useEffect(() => {
|
|
4641
4639
|
const a = (o) => {
|
|
@@ -4967,7 +4965,7 @@ const mo = s.forwardRef(
|
|
|
4967
4965
|
mo.displayName = "SpoilerInline";
|
|
4968
4966
|
const bo = s.forwardRef(
|
|
4969
4967
|
({ storageKey: t = "ef-theme", className: r, ...a }, o) => {
|
|
4970
|
-
const [n, i] = s.useState(!1), [c, d] = s.useState(!1), p = s.useRef();
|
|
4968
|
+
const [n, i] = s.useState(!1), [c, d] = s.useState(!1), p = s.useRef(void 0);
|
|
4971
4969
|
return s.useEffect(() => {
|
|
4972
4970
|
const f = localStorage.getItem(t);
|
|
4973
4971
|
f === "light" ? (i(!0), document.documentElement.classList.add("light")) : f === "dark" ? (i(!1), document.documentElement.classList.remove("light")) : i(document.documentElement.classList.contains("light"));
|
|
@@ -6675,7 +6673,7 @@ export {
|
|
|
6675
6673
|
wa as BottomSheet,
|
|
6676
6674
|
ea as Breadcrumb,
|
|
6677
6675
|
pe as Button,
|
|
6678
|
-
|
|
6676
|
+
Sn as CHART_COLORS,
|
|
6679
6677
|
Ot as Card,
|
|
6680
6678
|
jt as CardBody,
|
|
6681
6679
|
Bt as CardDescription,
|
|
@@ -6737,9 +6735,9 @@ export {
|
|
|
6737
6735
|
sa as OTPInput,
|
|
6738
6736
|
zt as OperatorCard,
|
|
6739
6737
|
Qr as Pagination,
|
|
6740
|
-
|
|
6741
|
-
|
|
6742
|
-
|
|
6738
|
+
An as Panel,
|
|
6739
|
+
Mn as PanelGroup,
|
|
6740
|
+
Ln as PanelResizeHandle,
|
|
6743
6741
|
Er as Popover,
|
|
6744
6742
|
_r as PopoverAnchor,
|
|
6745
6743
|
Dr as PopoverContent,
|
|
@@ -6772,7 +6770,7 @@ export {
|
|
|
6772
6770
|
Y as SkeletonLine,
|
|
6773
6771
|
zr as SkeletonTableRow,
|
|
6774
6772
|
Qe as SkeletonText,
|
|
6775
|
-
|
|
6773
|
+
yn as SonnerToaster,
|
|
6776
6774
|
eo as SortControl,
|
|
6777
6775
|
fo as SpoilerBlock,
|
|
6778
6776
|
mo as SpoilerInline,
|
|
@@ -6809,11 +6807,11 @@ export {
|
|
|
6809
6807
|
wt as ToastProvider,
|
|
6810
6808
|
ze as ToastTitle,
|
|
6811
6809
|
Be as ToastViewport,
|
|
6812
|
-
|
|
6813
|
-
|
|
6810
|
+
hn as Toaster,
|
|
6811
|
+
xn as Tooltip,
|
|
6814
6812
|
Nt as TooltipContent,
|
|
6815
|
-
|
|
6816
|
-
|
|
6813
|
+
bn as TooltipProvider,
|
|
6814
|
+
gn as TooltipTrigger,
|
|
6817
6815
|
Kr as TopBanner,
|
|
6818
6816
|
aa as ViewToggle,
|
|
6819
6817
|
Ao as WarningBanner,
|
|
@@ -6825,11 +6823,11 @@ export {
|
|
|
6825
6823
|
l as cn,
|
|
6826
6824
|
Mr as dialogContentVariants,
|
|
6827
6825
|
Hr as emptyStateVariants,
|
|
6828
|
-
|
|
6826
|
+
Rn as endfieldChartTheme,
|
|
6829
6827
|
rn as frequencyBarsVariants,
|
|
6830
6828
|
Ut as inputWrapperVariants,
|
|
6831
6829
|
Po as missionCardVariants,
|
|
6832
|
-
|
|
6830
|
+
vn as notify,
|
|
6833
6831
|
ta as numberInputVariants,
|
|
6834
6832
|
Ce as operatorCardVariants,
|
|
6835
6833
|
ne as paginationItemVariants,
|
|
@@ -6844,13 +6842,13 @@ export {
|
|
|
6844
6842
|
_o as tacticalBadgeVariants,
|
|
6845
6843
|
qt as textareaVariants,
|
|
6846
6844
|
qr as timelineItemVariants,
|
|
6847
|
-
|
|
6845
|
+
Dn as toast,
|
|
6848
6846
|
_t as toastAction,
|
|
6849
|
-
|
|
6850
|
-
|
|
6851
|
-
|
|
6852
|
-
|
|
6853
|
-
|
|
6847
|
+
En as useCommandPalette,
|
|
6848
|
+
Nn as useFocusTrap,
|
|
6849
|
+
kn as useInView,
|
|
6850
|
+
wn as useShortcut,
|
|
6851
|
+
Tn as useStagger,
|
|
6854
6852
|
Dt as useToast
|
|
6855
6853
|
};
|
|
6856
6854
|
//# sourceMappingURL=index.mjs.map
|