@turingpaper/ui 0.0.13 → 0.0.14
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/accordion.mjs +34 -46
- package/dist/alert-dialog.mjs +54 -113
- package/dist/avatar.mjs +26 -42
- package/dist/badge.mjs +21 -25
- package/dist/breadcrumb.mjs +58 -91
- package/dist/button.mjs +40 -48
- package/dist/card.mjs +41 -63
- package/dist/chart.mjs +123 -204
- package/dist/checkbox.mjs +17 -26
- package/dist/collapsible.mjs +6 -7
- package/dist/command.mjs +70 -109
- package/dist/components/mermaid-diagram.d.ts +0 -2
- package/dist/dialog.mjs +48 -99
- package/dist/drawer.mjs +48 -98
- package/dist/dropdown-menu.mjs +72 -143
- package/dist/hover-card.mjs +16 -23
- package/dist/input-group.mjs +71 -135
- package/dist/input-otp.mjs +40 -47
- package/dist/input.mjs +13 -21
- package/dist/label.mjs +15 -19
- package/dist/map.mjs +640 -730
- package/dist/mermaid-diagram.mjs +125 -141
- package/dist/pagination.mjs +62 -105
- package/dist/popover.mjs +15 -23
- package/dist/progress.mjs +16 -24
- package/dist/provider.mjs +18 -15
- package/dist/radio-group.mjs +23 -30
- package/dist/scroll-area.mjs +30 -38
- package/dist/select.mjs +69 -121
- package/dist/separator.mjs +16 -24
- package/dist/sheet.mjs +58 -110
- package/dist/skeleton.mjs +10 -16
- package/dist/slider.mjs +18 -23
- package/dist/styles.css +1 -1
- package/dist/switch.mjs +14 -27
- package/dist/table.mjs +57 -87
- package/dist/tabs.mjs +25 -46
- package/dist/textarea.mjs +11 -17
- package/dist/toggle-group.mjs +36 -40
- package/dist/toggle.mjs +34 -37
- package/dist/tooltip.mjs +15 -23
- package/dist/utils.mjs +6 -6
- package/package.json +7 -7
package/dist/radio-group.mjs
CHANGED
|
@@ -1,31 +1,24 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import * as
|
|
1
|
+
import { cn as e } from "./utils.mjs";
|
|
2
|
+
import * as t from "react";
|
|
3
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
3
4
|
import { RadioGroup as r } from "radix-ui";
|
|
4
|
-
import { Circle as
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
children: /* @__PURE__ */ e(r.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(l, { className: "h-2.5 w-2.5 fill-current text-current" }) })
|
|
25
|
-
}
|
|
26
|
-
));
|
|
27
|
-
m.displayName = r.Item.displayName;
|
|
28
|
-
export {
|
|
29
|
-
d as RadioGroup,
|
|
30
|
-
m as RadioGroupItem
|
|
31
|
-
};
|
|
5
|
+
import { Circle as i } from "lucide-react";
|
|
6
|
+
//#region src/components/radio-group.tsx
|
|
7
|
+
var a = t.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ n(r.Root, {
|
|
8
|
+
className: e("grid gap-2", t),
|
|
9
|
+
...i,
|
|
10
|
+
ref: a
|
|
11
|
+
}));
|
|
12
|
+
a.displayName = r.Root.displayName;
|
|
13
|
+
var o = t.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ n(r.Item, {
|
|
14
|
+
ref: o,
|
|
15
|
+
className: e("aspect-square h-4 w-4 rounded-full border border-primary text-primary focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50", t),
|
|
16
|
+
...a,
|
|
17
|
+
children: /* @__PURE__ */ n(r.Indicator, {
|
|
18
|
+
className: "flex items-center justify-center",
|
|
19
|
+
children: /* @__PURE__ */ n(i, { className: "h-2.5 w-2.5 fill-current text-current" })
|
|
20
|
+
})
|
|
21
|
+
}));
|
|
22
|
+
o.displayName = r.Item.displayName;
|
|
23
|
+
//#endregion
|
|
24
|
+
export { a as RadioGroup, o as RadioGroupItem };
|
package/dist/scroll-area.mjs
CHANGED
|
@@ -1,38 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
)
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
children: /* @__PURE__ */ e(r.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
|
|
32
|
-
}
|
|
33
|
-
));
|
|
34
|
-
d.displayName = r.ScrollAreaScrollbar.displayName;
|
|
35
|
-
export {
|
|
36
|
-
m as ScrollArea,
|
|
37
|
-
d as ScrollBar
|
|
38
|
-
};
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "./utils.mjs";
|
|
3
|
+
import * as t from "react";
|
|
4
|
+
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
5
|
+
import { ScrollArea as i } from "radix-ui";
|
|
6
|
+
//#region src/components/scroll-area.tsx
|
|
7
|
+
var a = t.forwardRef(({ className: t, children: a, ...s }, c) => /* @__PURE__ */ r(i.Root, {
|
|
8
|
+
ref: c,
|
|
9
|
+
className: e("relative overflow-hidden", t),
|
|
10
|
+
...s,
|
|
11
|
+
children: [
|
|
12
|
+
/* @__PURE__ */ n(i.Viewport, {
|
|
13
|
+
className: "h-full w-full rounded-[inherit]",
|
|
14
|
+
children: a
|
|
15
|
+
}),
|
|
16
|
+
/* @__PURE__ */ n(o, {}),
|
|
17
|
+
/* @__PURE__ */ n(i.Corner, {})
|
|
18
|
+
]
|
|
19
|
+
}));
|
|
20
|
+
a.displayName = i.Root.displayName;
|
|
21
|
+
var o = t.forwardRef(({ className: t, orientation: r = "vertical", ...a }, o) => /* @__PURE__ */ n(i.ScrollAreaScrollbar, {
|
|
22
|
+
ref: o,
|
|
23
|
+
orientation: r,
|
|
24
|
+
className: e("flex touch-none select-none transition-colors", r === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]", r === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]", t),
|
|
25
|
+
...a,
|
|
26
|
+
children: /* @__PURE__ */ n(i.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
|
|
27
|
+
}));
|
|
28
|
+
o.displayName = i.ScrollAreaScrollbar.displayName;
|
|
29
|
+
//#endregion
|
|
30
|
+
export { a as ScrollArea, o as ScrollBar };
|
package/dist/select.mjs
CHANGED
|
@@ -1,121 +1,69 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import * as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
h
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
)
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
)
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
),
|
|
71
|
-
/* @__PURE__ */ t(m, {})
|
|
72
|
-
]
|
|
73
|
-
}
|
|
74
|
-
) }));
|
|
75
|
-
y.displayName = e.Content.displayName;
|
|
76
|
-
const g = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
|
|
77
|
-
e.Label,
|
|
78
|
-
{
|
|
79
|
-
ref: a,
|
|
80
|
-
className: l("py-1.5 pl-8 pr-2 text-sm font-semibold", o),
|
|
81
|
-
...r
|
|
82
|
-
}
|
|
83
|
-
));
|
|
84
|
-
g.displayName = e.Label.displayName;
|
|
85
|
-
const w = s.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ i(
|
|
86
|
-
e.Item,
|
|
87
|
-
{
|
|
88
|
-
ref: d,
|
|
89
|
-
className: l(
|
|
90
|
-
"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",
|
|
91
|
-
o
|
|
92
|
-
),
|
|
93
|
-
...a,
|
|
94
|
-
children: [
|
|
95
|
-
/* @__PURE__ */ t("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(u, { className: "h-4 w-4" }) }) }),
|
|
96
|
-
/* @__PURE__ */ t(e.ItemText, { children: r })
|
|
97
|
-
]
|
|
98
|
-
}
|
|
99
|
-
));
|
|
100
|
-
w.displayName = e.Item.displayName;
|
|
101
|
-
const N = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
|
|
102
|
-
e.Separator,
|
|
103
|
-
{
|
|
104
|
-
ref: a,
|
|
105
|
-
className: l("-mx-1 my-1 h-px bg-muted", o),
|
|
106
|
-
...r
|
|
107
|
-
}
|
|
108
|
-
));
|
|
109
|
-
N.displayName = e.Separator.displayName;
|
|
110
|
-
export {
|
|
111
|
-
R as Select,
|
|
112
|
-
y as SelectContent,
|
|
113
|
-
C as SelectGroup,
|
|
114
|
-
w as SelectItem,
|
|
115
|
-
g as SelectLabel,
|
|
116
|
-
m as SelectScrollDownButton,
|
|
117
|
-
c as SelectScrollUpButton,
|
|
118
|
-
N as SelectSeparator,
|
|
119
|
-
h as SelectTrigger,
|
|
120
|
-
I as SelectValue
|
|
121
|
-
};
|
|
1
|
+
import { cn as e } from "./utils.mjs";
|
|
2
|
+
import * as t from "react";
|
|
3
|
+
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
4
|
+
import { Select as i } from "radix-ui";
|
|
5
|
+
import { Check as a, ChevronDown as o, ChevronUp as s } from "lucide-react";
|
|
6
|
+
//#region src/components/select.tsx
|
|
7
|
+
var c = i.Root, l = i.Group, u = i.Value, d = t.forwardRef(({ className: t, children: a, ...s }, c) => /* @__PURE__ */ r(i.Trigger, {
|
|
8
|
+
ref: c,
|
|
9
|
+
className: e("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm data-[placeholder]:text-muted-foreground focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", t),
|
|
10
|
+
...s,
|
|
11
|
+
children: [a, /* @__PURE__ */ n(i.Icon, {
|
|
12
|
+
asChild: !0,
|
|
13
|
+
children: /* @__PURE__ */ n(o, { className: "h-4 w-4 opacity-50" })
|
|
14
|
+
})]
|
|
15
|
+
}));
|
|
16
|
+
d.displayName = i.Trigger.displayName;
|
|
17
|
+
var f = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.ScrollUpButton, {
|
|
18
|
+
ref: a,
|
|
19
|
+
className: e("flex cursor-default items-center justify-center py-1", t),
|
|
20
|
+
...r,
|
|
21
|
+
children: /* @__PURE__ */ n(s, { className: "h-4 w-4" })
|
|
22
|
+
}));
|
|
23
|
+
f.displayName = i.ScrollUpButton.displayName;
|
|
24
|
+
var p = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.ScrollDownButton, {
|
|
25
|
+
ref: a,
|
|
26
|
+
className: e("flex cursor-default items-center justify-center py-1", t),
|
|
27
|
+
...r,
|
|
28
|
+
children: /* @__PURE__ */ n(o, { className: "h-4 w-4" })
|
|
29
|
+
}));
|
|
30
|
+
p.displayName = i.ScrollDownButton.displayName;
|
|
31
|
+
var m = t.forwardRef(({ className: t, children: a, position: o = "popper", ...s }, c) => /* @__PURE__ */ n(i.Portal, { children: /* @__PURE__ */ r(i.Content, {
|
|
32
|
+
ref: c,
|
|
33
|
+
className: e("relative z-50 max-h-72 min-w-[8rem] overflow-y-auto overflow-x-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 origin-[--radix-select-content-transform-origin]", o === "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", t),
|
|
34
|
+
position: o,
|
|
35
|
+
...s,
|
|
36
|
+
children: [
|
|
37
|
+
/* @__PURE__ */ n(f, {}),
|
|
38
|
+
/* @__PURE__ */ n(i.Viewport, {
|
|
39
|
+
className: e("p-1", o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
|
|
40
|
+
children: a
|
|
41
|
+
}),
|
|
42
|
+
/* @__PURE__ */ n(p, {})
|
|
43
|
+
]
|
|
44
|
+
}) }));
|
|
45
|
+
m.displayName = i.Content.displayName;
|
|
46
|
+
var h = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.Label, {
|
|
47
|
+
ref: a,
|
|
48
|
+
className: e("py-1.5 pl-8 pr-2 text-sm font-semibold", t),
|
|
49
|
+
...r
|
|
50
|
+
}));
|
|
51
|
+
h.displayName = i.Label.displayName;
|
|
52
|
+
var g = t.forwardRef(({ className: t, children: o, ...s }, c) => /* @__PURE__ */ r(i.Item, {
|
|
53
|
+
ref: c,
|
|
54
|
+
className: e("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", t),
|
|
55
|
+
...s,
|
|
56
|
+
children: [/* @__PURE__ */ n("span", {
|
|
57
|
+
className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
|
|
58
|
+
children: /* @__PURE__ */ n(i.ItemIndicator, { children: /* @__PURE__ */ n(a, { className: "h-4 w-4" }) })
|
|
59
|
+
}), /* @__PURE__ */ n(i.ItemText, { children: o })]
|
|
60
|
+
}));
|
|
61
|
+
g.displayName = i.Item.displayName;
|
|
62
|
+
var _ = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.Separator, {
|
|
63
|
+
ref: a,
|
|
64
|
+
className: e("-mx-1 my-1 h-px bg-muted", t),
|
|
65
|
+
...r
|
|
66
|
+
}));
|
|
67
|
+
_.displayName = i.Separator.displayName;
|
|
68
|
+
//#endregion
|
|
69
|
+
export { c as Select, m as SelectContent, l as SelectGroup, g as SelectItem, h as SelectLabel, p as SelectScrollDownButton, f as SelectScrollUpButton, _ as SelectSeparator, d as SelectTrigger, u as SelectValue };
|
package/dist/separator.mjs
CHANGED
|
@@ -1,24 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
...p
|
|
18
|
-
}
|
|
19
|
-
)
|
|
20
|
-
);
|
|
21
|
-
f.displayName = o.Root.displayName;
|
|
22
|
-
export {
|
|
23
|
-
f as Separator
|
|
24
|
-
};
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "./utils.mjs";
|
|
3
|
+
import * as t from "react";
|
|
4
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
5
|
+
import { Separator as r } from "radix-ui";
|
|
6
|
+
//#region src/components/separator.tsx
|
|
7
|
+
var i = t.forwardRef(({ className: t, orientation: i = "horizontal", decorative: a = !0, ...o }, s) => /* @__PURE__ */ n(r.Root, {
|
|
8
|
+
ref: s,
|
|
9
|
+
decorative: a,
|
|
10
|
+
orientation: i,
|
|
11
|
+
className: e("shrink-0 bg-border", i === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", t),
|
|
12
|
+
...o
|
|
13
|
+
}));
|
|
14
|
+
i.displayName = r.Root.displayName;
|
|
15
|
+
//#endregion
|
|
16
|
+
export { i as Separator };
|
package/dist/sheet.mjs
CHANGED
|
@@ -1,110 +1,58 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import * as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
className: i(
|
|
60
|
-
"flex flex-col space-y-2 text-center sm:text-left",
|
|
61
|
-
t
|
|
62
|
-
),
|
|
63
|
-
...a
|
|
64
|
-
}
|
|
65
|
-
);
|
|
66
|
-
u.displayName = "SheetHeader";
|
|
67
|
-
const b = ({
|
|
68
|
-
className: t,
|
|
69
|
-
...a
|
|
70
|
-
}) => /* @__PURE__ */ o(
|
|
71
|
-
"div",
|
|
72
|
-
{
|
|
73
|
-
className: i(
|
|
74
|
-
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
75
|
-
t
|
|
76
|
-
),
|
|
77
|
-
...a
|
|
78
|
-
}
|
|
79
|
-
);
|
|
80
|
-
b.displayName = "SheetFooter";
|
|
81
|
-
const y = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
|
|
82
|
-
e.Title,
|
|
83
|
-
{
|
|
84
|
-
ref: s,
|
|
85
|
-
className: i("text-lg font-semibold text-foreground", t),
|
|
86
|
-
...a
|
|
87
|
-
}
|
|
88
|
-
));
|
|
89
|
-
y.displayName = e.Title.displayName;
|
|
90
|
-
const x = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
|
|
91
|
-
e.Description,
|
|
92
|
-
{
|
|
93
|
-
ref: s,
|
|
94
|
-
className: i("text-sm text-muted-foreground", t),
|
|
95
|
-
...a
|
|
96
|
-
}
|
|
97
|
-
));
|
|
98
|
-
x.displayName = e.Description.displayName;
|
|
99
|
-
export {
|
|
100
|
-
R as Sheet,
|
|
101
|
-
D as SheetClose,
|
|
102
|
-
g as SheetContent,
|
|
103
|
-
x as SheetDescription,
|
|
104
|
-
b as SheetFooter,
|
|
105
|
-
u as SheetHeader,
|
|
106
|
-
d as SheetOverlay,
|
|
107
|
-
p as SheetPortal,
|
|
108
|
-
y as SheetTitle,
|
|
109
|
-
T as SheetTrigger
|
|
110
|
-
};
|
|
1
|
+
import { cn as e } from "./utils.mjs";
|
|
2
|
+
import * as t from "react";
|
|
3
|
+
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
4
|
+
import { Dialog as i } from "radix-ui";
|
|
5
|
+
import { cva as a } from "class-variance-authority";
|
|
6
|
+
import { X as o } from "lucide-react";
|
|
7
|
+
//#region src/components/sheet.tsx
|
|
8
|
+
var s = i.Root, c = i.Trigger, l = i.Close, u = i.Portal, d = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.Overlay, {
|
|
9
|
+
className: e("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", t),
|
|
10
|
+
...r,
|
|
11
|
+
ref: a
|
|
12
|
+
}));
|
|
13
|
+
d.displayName = i.Overlay.displayName;
|
|
14
|
+
var f = a("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500", {
|
|
15
|
+
variants: { side: {
|
|
16
|
+
top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
|
|
17
|
+
bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
|
|
18
|
+
left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
|
|
19
|
+
right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
|
|
20
|
+
} },
|
|
21
|
+
defaultVariants: { side: "right" }
|
|
22
|
+
}), p = t.forwardRef(({ side: t = "right", className: a, children: s, ...c }, l) => /* @__PURE__ */ r(u, { children: [/* @__PURE__ */ n(d, {}), /* @__PURE__ */ r(i.Content, {
|
|
23
|
+
ref: l,
|
|
24
|
+
className: e(f({ side: t }), a),
|
|
25
|
+
...c,
|
|
26
|
+
children: [s, /* @__PURE__ */ r(i.Close, {
|
|
27
|
+
className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none data-[state=open]:bg-secondary",
|
|
28
|
+
children: [/* @__PURE__ */ n(o, { className: "h-4 w-4" }), /* @__PURE__ */ n("span", {
|
|
29
|
+
className: "sr-only",
|
|
30
|
+
children: "Close"
|
|
31
|
+
})]
|
|
32
|
+
})]
|
|
33
|
+
})] }));
|
|
34
|
+
p.displayName = i.Content.displayName;
|
|
35
|
+
var m = ({ className: t, ...r }) => /* @__PURE__ */ n("div", {
|
|
36
|
+
className: e("flex flex-col space-y-2 text-center sm:text-left", t),
|
|
37
|
+
...r
|
|
38
|
+
});
|
|
39
|
+
m.displayName = "SheetHeader";
|
|
40
|
+
var h = ({ className: t, ...r }) => /* @__PURE__ */ n("div", {
|
|
41
|
+
className: e("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", t),
|
|
42
|
+
...r
|
|
43
|
+
});
|
|
44
|
+
h.displayName = "SheetFooter";
|
|
45
|
+
var g = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.Title, {
|
|
46
|
+
ref: a,
|
|
47
|
+
className: e("text-lg font-semibold text-foreground", t),
|
|
48
|
+
...r
|
|
49
|
+
}));
|
|
50
|
+
g.displayName = i.Title.displayName;
|
|
51
|
+
var _ = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.Description, {
|
|
52
|
+
ref: a,
|
|
53
|
+
className: e("text-sm text-muted-foreground", t),
|
|
54
|
+
...r
|
|
55
|
+
}));
|
|
56
|
+
_.displayName = i.Description.displayName;
|
|
57
|
+
//#endregion
|
|
58
|
+
export { s as Sheet, l as SheetClose, p as SheetContent, _ as SheetDescription, h as SheetFooter, m as SheetHeader, d as SheetOverlay, u as SheetPortal, g as SheetTitle, c as SheetTrigger };
|
package/dist/skeleton.mjs
CHANGED
|
@@ -1,17 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
{
|
|
10
|
-
className: r("animate-pulse rounded-md bg-muted", e),
|
|
11
|
-
...m
|
|
12
|
-
}
|
|
13
|
-
);
|
|
1
|
+
import { cn as e } from "./utils.mjs";
|
|
2
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
3
|
+
//#region src/components/skeleton.tsx
|
|
4
|
+
function n({ className: n, ...r }) {
|
|
5
|
+
return /* @__PURE__ */ t("div", {
|
|
6
|
+
className: e("animate-pulse rounded-md bg-muted", n),
|
|
7
|
+
...r
|
|
8
|
+
});
|
|
14
9
|
}
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
};
|
|
10
|
+
//#endregion
|
|
11
|
+
export { n as Skeleton };
|
package/dist/slider.mjs
CHANGED
|
@@ -1,23 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
));
|
|
20
|
-
d.displayName = e.Root.displayName;
|
|
21
|
-
export {
|
|
22
|
-
d as Slider
|
|
23
|
-
};
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "./utils.mjs";
|
|
3
|
+
import * as t from "react";
|
|
4
|
+
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
5
|
+
import { Slider as i } from "radix-ui";
|
|
6
|
+
//#region src/components/slider.tsx
|
|
7
|
+
var a = t.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ r(i.Root, {
|
|
8
|
+
ref: o,
|
|
9
|
+
className: e("relative flex w-full touch-none select-none items-center", t),
|
|
10
|
+
...a,
|
|
11
|
+
children: [/* @__PURE__ */ n(i.Track, {
|
|
12
|
+
className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary",
|
|
13
|
+
children: /* @__PURE__ */ n(i.Range, { className: "absolute h-full bg-primary" })
|
|
14
|
+
}), /* @__PURE__ */ n(i.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background transition-colors focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50" })]
|
|
15
|
+
}));
|
|
16
|
+
a.displayName = i.Root.displayName;
|
|
17
|
+
//#endregion
|
|
18
|
+
export { a as Slider };
|