@turingpaper/ui 0.0.13 → 0.0.15

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.
@@ -1,31 +1,24 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import * as s from "react";
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 l } from "lucide-react";
5
- import { cn as t } from "./utils.mjs";
6
- const d = s.forwardRef(({ className: o, ...i }, a) => /* @__PURE__ */ e(
7
- r.Root,
8
- {
9
- className: t("grid gap-2", o),
10
- ...i,
11
- ref: a
12
- }
13
- ));
14
- d.displayName = r.Root.displayName;
15
- const m = s.forwardRef(({ className: o, ...i }, a) => /* @__PURE__ */ e(
16
- r.Item,
17
- {
18
- ref: a,
19
- className: t(
20
- "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",
21
- o
22
- ),
23
- ...i,
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 };
@@ -1,38 +1,30 @@
1
- import { jsxs as i, jsx as e } from "react/jsx-runtime";
2
- import * as s from "react";
3
- import { ScrollArea as r } from "radix-ui";
4
- import { cn as t } from "./utils.mjs";
5
- const m = s.forwardRef(({ className: o, children: l, ...a }, c) => /* @__PURE__ */ i(
6
- r.Root,
7
- {
8
- ref: c,
9
- className: t("relative overflow-hidden", o),
10
- ...a,
11
- children: [
12
- /* @__PURE__ */ e(r.Viewport, { className: "h-full w-full rounded-[inherit]", children: l }),
13
- /* @__PURE__ */ e(d, {}),
14
- /* @__PURE__ */ e(r.Corner, {})
15
- ]
16
- }
17
- ));
18
- m.displayName = r.Root.displayName;
19
- const d = s.forwardRef(({ className: o, orientation: l = "vertical", ...a }, c) => /* @__PURE__ */ e(
20
- r.ScrollAreaScrollbar,
21
- {
22
- ref: c,
23
- orientation: l,
24
- className: t(
25
- "flex touch-none select-none transition-colors",
26
- l === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
27
- l === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
28
- o
29
- ),
30
- ...a,
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 { jsxs as i, jsx as t } from "react/jsx-runtime";
2
- import * as s from "react";
3
- import { Select as e } from "radix-ui";
4
- import { ChevronDown as n, ChevronUp as f, Check as u } from "lucide-react";
5
- import { cn as l } from "./utils.mjs";
6
- const R = e.Root, C = e.Group, I = e.Value, h = s.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ i(
7
- e.Trigger,
8
- {
9
- ref: d,
10
- className: l(
11
- "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",
12
- o
13
- ),
14
- ...a,
15
- children: [
16
- r,
17
- /* @__PURE__ */ t(e.Icon, { asChild: !0, children: /* @__PURE__ */ t(n, { className: "h-4 w-4 opacity-50" }) })
18
- ]
19
- }
20
- ));
21
- h.displayName = e.Trigger.displayName;
22
- const c = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
23
- e.ScrollUpButton,
24
- {
25
- ref: a,
26
- className: l(
27
- "flex cursor-default items-center justify-center py-1",
28
- o
29
- ),
30
- ...r,
31
- children: /* @__PURE__ */ t(f, { className: "h-4 w-4" })
32
- }
33
- ));
34
- c.displayName = e.ScrollUpButton.displayName;
35
- const m = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
36
- e.ScrollDownButton,
37
- {
38
- ref: a,
39
- className: l(
40
- "flex cursor-default items-center justify-center py-1",
41
- o
42
- ),
43
- ...r,
44
- children: /* @__PURE__ */ t(n, { className: "h-4 w-4" })
45
- }
46
- ));
47
- m.displayName = e.ScrollDownButton.displayName;
48
- const y = s.forwardRef(({ className: o, children: r, position: a = "popper", ...d }, p) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ i(
49
- e.Content,
50
- {
51
- ref: p,
52
- className: l(
53
- "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]",
54
- a === "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",
55
- o
56
- ),
57
- position: a,
58
- ...d,
59
- children: [
60
- /* @__PURE__ */ t(c, {}),
61
- /* @__PURE__ */ t(
62
- e.Viewport,
63
- {
64
- className: l(
65
- "p-1",
66
- a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
67
- ),
68
- children: r
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 };
@@ -1,24 +1,16 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import * as l from "react";
3
- import { Separator as o } from "radix-ui";
4
- import { cn as s } from "./utils.mjs";
5
- const f = l.forwardRef(
6
- ({ className: a, orientation: r = "horizontal", decorative: t = !0, ...p }, m) => /* @__PURE__ */ e(
7
- o.Root,
8
- {
9
- ref: m,
10
- decorative: t,
11
- orientation: r,
12
- className: s(
13
- "shrink-0 bg-border",
14
- r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
15
- a
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 { jsx as o, jsxs as l } from "react/jsx-runtime";
2
- import * as r from "react";
3
- import { Dialog as e } from "radix-ui";
4
- import { cva as c } from "class-variance-authority";
5
- import { X as f } from "lucide-react";
6
- import { cn as i } from "./utils.mjs";
7
- const R = e.Root, T = e.Trigger, D = e.Close, p = e.Portal, d = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
8
- e.Overlay,
9
- {
10
- className: i(
11
- "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",
12
- t
13
- ),
14
- ...a,
15
- ref: s
16
- }
17
- ));
18
- d.displayName = e.Overlay.displayName;
19
- const h = c(
20
- "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",
21
- {
22
- variants: {
23
- side: {
24
- top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
25
- bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
26
- 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",
27
- 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"
28
- }
29
- },
30
- defaultVariants: {
31
- side: "right"
32
- }
33
- }
34
- ), g = r.forwardRef(({ side: t = "right", className: a, children: s, ...n }, m) => /* @__PURE__ */ l(p, { children: [
35
- /* @__PURE__ */ o(d, {}),
36
- /* @__PURE__ */ l(
37
- e.Content,
38
- {
39
- ref: m,
40
- className: i(h({ side: t }), a),
41
- ...n,
42
- children: [
43
- s,
44
- /* @__PURE__ */ l(e.Close, { 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", children: [
45
- /* @__PURE__ */ o(f, { className: "h-4 w-4" }),
46
- /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
47
- ] })
48
- ]
49
- }
50
- )
51
- ] }));
52
- g.displayName = e.Content.displayName;
53
- const u = ({
54
- className: t,
55
- ...a
56
- }) => /* @__PURE__ */ o(
57
- "div",
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 { jsx as o } from "react/jsx-runtime";
2
- import { cn as r } from "./utils.mjs";
3
- function d({
4
- className: e,
5
- ...m
6
- }) {
7
- return /* @__PURE__ */ o(
8
- "div",
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
- export {
16
- d as Skeleton
17
- };
10
+ //#endregion
11
+ export { n as Skeleton };
package/dist/slider.mjs CHANGED
@@ -1,23 +1,18 @@
1
- import { jsxs as s, jsx as r } from "react/jsx-runtime";
2
- import * as a from "react";
3
- import { Slider as e } from "radix-ui";
4
- import { cn as n } from "./utils.mjs";
5
- const d = a.forwardRef(({ className: o, ...i }, l) => /* @__PURE__ */ s(
6
- e.Root,
7
- {
8
- ref: l,
9
- className: n(
10
- "relative flex w-full touch-none select-none items-center",
11
- o
12
- ),
13
- ...i,
14
- children: [
15
- /* @__PURE__ */ r(e.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ r(e.Range, { className: "absolute h-full bg-primary" }) }),
16
- /* @__PURE__ */ r(e.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" })
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 };