@gv-tech/ui-native 2.15.1 → 2.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +35 -0
- package/dist/ui-native.mjs +690 -569
- package/package.json +1 -1
- package/src/index.ts +8 -0
- package/src/lib/utils.ts +10 -0
- package/src/table-of-contents.tsx +237 -0
- package/src/toast.tsx +5 -5
package/dist/ui-native.mjs
CHANGED
|
@@ -1,79 +1,82 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import * as
|
|
3
|
-
import { Text as
|
|
4
|
-
import { clsx as
|
|
5
|
-
import { twMerge as
|
|
6
|
-
import * as
|
|
7
|
-
import { ChevronDown as
|
|
8
|
-
import
|
|
9
|
-
import { cva as
|
|
10
|
-
import * as
|
|
11
|
-
import * as
|
|
12
|
-
import * as
|
|
13
|
-
import * as
|
|
14
|
-
import * as
|
|
15
|
-
import * as
|
|
16
|
-
import * as
|
|
17
|
-
import * as
|
|
18
|
-
import * as
|
|
19
|
-
import * as
|
|
20
|
-
import * as
|
|
21
|
-
import { toggleVariants as
|
|
22
|
-
import { toggleVariants as
|
|
23
|
-
import * as
|
|
24
|
-
import * as
|
|
25
|
-
import * as
|
|
26
|
-
import * as
|
|
27
|
-
function
|
|
28
|
-
return
|
|
1
|
+
import { jsx as t, jsxs as b, Fragment as q } from "react/jsx-runtime";
|
|
2
|
+
import * as n from "react";
|
|
3
|
+
import { Text as c, View as s, Pressable as he, StyleSheet as z, Platform as F, TextInput as te, TouchableOpacity as re, ScrollView as ye } from "react-native";
|
|
4
|
+
import { clsx as xe } from "clsx";
|
|
5
|
+
import { twMerge as Ne } from "tailwind-merge";
|
|
6
|
+
import * as y from "@rn-primitives/accordion";
|
|
7
|
+
import { ChevronDown as W, Check as ae, X as $, Circle as we, ChevronUp as ve } from "lucide-react-native";
|
|
8
|
+
import N, { useDerivedValue as Re, withTiming as j, useAnimatedStyle as oe, interpolate as Te, Extrapolation as Ce, FadeOut as A, FadeIn as P, SlideOutRight as Se, SlideInRight as De, useSharedValue as ke, withRepeat as Ae, withSequence as Pe, Layout as Ie, FadeOutDown as Ve, FadeInUp as He } from "react-native-reanimated";
|
|
9
|
+
import { cva as I } from "class-variance-authority";
|
|
10
|
+
import * as g from "@rn-primitives/alert-dialog";
|
|
11
|
+
import * as V from "@rn-primitives/avatar";
|
|
12
|
+
import * as E from "@rn-primitives/checkbox";
|
|
13
|
+
import * as X from "@rn-primitives/collapsible";
|
|
14
|
+
import * as m from "@rn-primitives/dialog";
|
|
15
|
+
import * as U from "@rn-primitives/label";
|
|
16
|
+
import * as H from "@rn-primitives/radio-group";
|
|
17
|
+
import * as u from "@rn-primitives/select";
|
|
18
|
+
import * as ne from "@rn-primitives/separator";
|
|
19
|
+
import * as Y from "@rn-primitives/switch";
|
|
20
|
+
import * as C from "@rn-primitives/tabs";
|
|
21
|
+
import { toggleVariants as ie } from "@gv-tech/ui-core";
|
|
22
|
+
import { toggleVariants as da } from "@gv-tech/ui-core";
|
|
23
|
+
import * as se from "@rn-primitives/toggle";
|
|
24
|
+
import * as G from "@rn-primitives/toggle-group";
|
|
25
|
+
import * as O from "@rn-primitives/tooltip";
|
|
26
|
+
import * as R from "@rn-primitives/toast";
|
|
27
|
+
function B(r, e = c, a = {}) {
|
|
28
|
+
return n.Children.map(r, (i) => typeof i == "string" || typeof i == "number" ? /* @__PURE__ */ t(e, { ...a, children: i }) : i);
|
|
29
29
|
}
|
|
30
30
|
function o(...r) {
|
|
31
|
-
return
|
|
31
|
+
return Ne(xe(r));
|
|
32
32
|
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
33
|
+
function Oe(r) {
|
|
34
|
+
return r.toString().toLowerCase().trim().replace(/\s+/g, "-").replace(/[^\w-]+/g, "").replace(/--+/g, "-");
|
|
35
|
+
}
|
|
36
|
+
const ze = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(y.Root, { ref: a, className: o("web:gap-0", r), ...e }));
|
|
37
|
+
ze.displayName = y.Root?.displayName || "Accordion";
|
|
38
|
+
const Fe = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(y.Item, { ref: a, className: o("border-border overflow-hidden border-b", r), ...e }));
|
|
39
|
+
Fe.displayName = y.Item?.displayName || "AccordionItem";
|
|
40
|
+
const Le = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(y.Header, { ref: a, className: o("flex flex-row", r), ...e }));
|
|
41
|
+
Le.displayName = y.Header?.displayName || "AccordionHeader";
|
|
42
|
+
const je = n.forwardRef(({ className: r, children: e, ...a }, i) => {
|
|
43
|
+
const { isExpanded: l } = y.useItemContext(), d = Re(
|
|
44
|
+
() => l ? j(1, { duration: 250 }) : j(0, { duration: 200 })
|
|
45
|
+
), f = oe(() => ({
|
|
46
|
+
transform: [{ rotate: `${d.value * 180}deg` }],
|
|
47
|
+
opacity: Te(d.value, [0, 1], [1, 0.8], Ce.CLAMP)
|
|
45
48
|
}));
|
|
46
|
-
return /* @__PURE__ */
|
|
47
|
-
|
|
49
|
+
return /* @__PURE__ */ t(y.Header, { className: "flex", children: /* @__PURE__ */ b(
|
|
50
|
+
y.Trigger,
|
|
48
51
|
{
|
|
49
|
-
ref:
|
|
52
|
+
ref: i,
|
|
50
53
|
className: o(
|
|
51
54
|
"flex flex-row items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
|
|
52
55
|
r
|
|
53
56
|
),
|
|
54
57
|
...a,
|
|
55
58
|
children: [
|
|
56
|
-
/* @__PURE__ */
|
|
57
|
-
/* @__PURE__ */
|
|
59
|
+
/* @__PURE__ */ t(q, { children: e }),
|
|
60
|
+
/* @__PURE__ */ t(N.View, { style: f, children: /* @__PURE__ */ t(W, { className: "text-muted-foreground h-4 w-4 shrink-0 transition-transform duration-200" }) })
|
|
58
61
|
]
|
|
59
62
|
}
|
|
60
63
|
) });
|
|
61
64
|
});
|
|
62
|
-
|
|
63
|
-
const
|
|
64
|
-
|
|
65
|
+
je.displayName = y.Trigger?.displayName || "AccordionTrigger";
|
|
66
|
+
const Ge = n.forwardRef(({ className: r, children: e, ...a }, i) => /* @__PURE__ */ t(
|
|
67
|
+
y.Content,
|
|
65
68
|
{
|
|
66
|
-
ref:
|
|
69
|
+
ref: i,
|
|
67
70
|
className: o(
|
|
68
71
|
"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all",
|
|
69
72
|
r
|
|
70
73
|
),
|
|
71
74
|
...a,
|
|
72
|
-
children: /* @__PURE__ */
|
|
75
|
+
children: /* @__PURE__ */ t(s, { className: o("pt-0 pb-4", r), children: e })
|
|
73
76
|
}
|
|
74
77
|
));
|
|
75
|
-
|
|
76
|
-
const
|
|
78
|
+
Ge.displayName = y.Content?.displayName || "AccordionContent";
|
|
79
|
+
const Be = I("relative w-full rounded-lg border p-4", {
|
|
77
80
|
variants: {
|
|
78
81
|
variant: {
|
|
79
82
|
default: "bg-background border-border",
|
|
@@ -85,24 +88,24 @@ const Te = R("relative w-full rounded-lg border p-4", {
|
|
|
85
88
|
defaultVariants: {
|
|
86
89
|
variant: "default"
|
|
87
90
|
}
|
|
88
|
-
}),
|
|
89
|
-
|
|
90
|
-
const
|
|
91
|
-
({ className: r, ...
|
|
92
|
-
|
|
91
|
+
}), Me = n.forwardRef(({ className: r, variant: e, children: a, ...i }, l) => /* @__PURE__ */ t(s, { ref: l, className: o(Be({ variant: e }), r), ...i, children: B(a) }));
|
|
92
|
+
Me.displayName = "Alert";
|
|
93
|
+
const Ee = n.forwardRef(
|
|
94
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
95
|
+
c,
|
|
93
96
|
{
|
|
94
97
|
ref: a,
|
|
95
98
|
className: o("text-foreground mb-1 leading-none font-medium tracking-tight", r),
|
|
96
|
-
...
|
|
99
|
+
...e
|
|
97
100
|
}
|
|
98
101
|
)
|
|
99
102
|
);
|
|
100
|
-
|
|
101
|
-
const
|
|
102
|
-
({ className: r, ...
|
|
103
|
+
Ee.displayName = "AlertTitle";
|
|
104
|
+
const Ue = n.forwardRef(
|
|
105
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(c, { ref: a, className: o("text-muted-foreground text-sm leading-relaxed", r), ...e })
|
|
103
106
|
);
|
|
104
|
-
|
|
105
|
-
const
|
|
107
|
+
Ue.displayName = "AlertDescription";
|
|
108
|
+
const _ = I(
|
|
106
109
|
"flex-row items-center justify-center gap-2 rounded-md transition-colors active:opacity-80",
|
|
107
110
|
{
|
|
108
111
|
variants: {
|
|
@@ -126,7 +129,7 @@ const M = R(
|
|
|
126
129
|
size: "default"
|
|
127
130
|
}
|
|
128
131
|
}
|
|
129
|
-
),
|
|
132
|
+
), Ye = I("text-sm font-medium", {
|
|
130
133
|
variants: {
|
|
131
134
|
variant: {
|
|
132
135
|
default: "text-primary-foreground",
|
|
@@ -140,38 +143,38 @@ const M = R(
|
|
|
140
143
|
defaultVariants: {
|
|
141
144
|
variant: "default"
|
|
142
145
|
}
|
|
143
|
-
}),
|
|
144
|
-
({ className: r, variant:
|
|
145
|
-
|
|
146
|
+
}), qe = n.forwardRef(
|
|
147
|
+
({ className: r, variant: e, size: a, onPress: i, children: l, disabled: d, ...f }, p) => /* @__PURE__ */ t(
|
|
148
|
+
he,
|
|
146
149
|
{
|
|
147
|
-
ref:
|
|
148
|
-
onPress:
|
|
149
|
-
disabled:
|
|
150
|
-
className: o(
|
|
151
|
-
...
|
|
152
|
-
children:
|
|
153
|
-
className: o(
|
|
150
|
+
ref: p,
|
|
151
|
+
onPress: i,
|
|
152
|
+
disabled: d,
|
|
153
|
+
className: o(_({ variant: e, size: a, className: r }), d && "opacity-50"),
|
|
154
|
+
...f,
|
|
155
|
+
children: B(l, c, {
|
|
156
|
+
className: o(Ye({ variant: e }))
|
|
154
157
|
})
|
|
155
158
|
}
|
|
156
159
|
)
|
|
157
160
|
);
|
|
158
|
-
|
|
159
|
-
const
|
|
160
|
-
|
|
161
|
+
qe.displayName = "Button";
|
|
162
|
+
const gr = g.Root, br = g.Trigger, We = g.Portal, le = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(g.Overlay, { style: z.absoluteFill, asChild: !0, ref: a, ...e, children: /* @__PURE__ */ t(
|
|
163
|
+
N.View,
|
|
161
164
|
{
|
|
162
|
-
entering:
|
|
163
|
-
exiting:
|
|
165
|
+
entering: P.duration(150),
|
|
166
|
+
exiting: A.duration(150),
|
|
164
167
|
className: o("z-50 flex items-center justify-center bg-black/80 p-2", r)
|
|
165
168
|
}
|
|
166
169
|
) }));
|
|
167
|
-
|
|
168
|
-
const
|
|
169
|
-
/* @__PURE__ */
|
|
170
|
-
/* @__PURE__ */
|
|
171
|
-
|
|
170
|
+
le.displayName = g.Overlay?.displayName || "AlertDialogOverlay";
|
|
171
|
+
const $e = n.forwardRef(({ className: r, portalHost: e, overlayClassName: a, overlayStyle: i, ...l }, d) => /* @__PURE__ */ b(We, { hostName: e, children: [
|
|
172
|
+
/* @__PURE__ */ t(le, { className: a, style: i }),
|
|
173
|
+
/* @__PURE__ */ t(g.Content, { ref: d, asChild: !0, ...l, children: /* @__PURE__ */ t(
|
|
174
|
+
N.View,
|
|
172
175
|
{
|
|
173
|
-
entering:
|
|
174
|
-
exiting:
|
|
176
|
+
entering: P.duration(150),
|
|
177
|
+
exiting: A.duration(150),
|
|
175
178
|
className: o(
|
|
176
179
|
"border-border bg-background z-50 w-full max-w-lg gap-4 rounded-xl border p-6 shadow-lg sm:rounded-lg",
|
|
177
180
|
r
|
|
@@ -179,61 +182,61 @@ const ze = i.forwardRef(({ className: r, portalHost: t, overlayClassName: a, ove
|
|
|
179
182
|
}
|
|
180
183
|
) })
|
|
181
184
|
] }));
|
|
182
|
-
|
|
183
|
-
const
|
|
184
|
-
|
|
185
|
-
const
|
|
186
|
-
|
|
187
|
-
const
|
|
188
|
-
|
|
185
|
+
$e.displayName = g.Content?.displayName || "AlertDialogContent";
|
|
186
|
+
const Xe = ({ className: r, ...e }) => /* @__PURE__ */ t(s, { className: o("flex flex-col gap-2 text-center sm:text-left", r), ...e });
|
|
187
|
+
Xe.displayName = "AlertDialogHeader";
|
|
188
|
+
const _e = ({ className: r, ...e }) => /* @__PURE__ */ t(s, { className: o("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", r), ...e });
|
|
189
|
+
_e.displayName = "AlertDialogFooter";
|
|
190
|
+
const Je = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
191
|
+
g.Title,
|
|
189
192
|
{
|
|
190
193
|
ref: a,
|
|
191
194
|
className: o("native:text-xl text-foreground text-lg font-semibold", r),
|
|
192
|
-
...
|
|
195
|
+
...e
|
|
193
196
|
}
|
|
194
197
|
));
|
|
195
|
-
|
|
196
|
-
const
|
|
197
|
-
|
|
198
|
+
Je.displayName = g.Title?.displayName || "AlertDialogTitle";
|
|
199
|
+
const Ke = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
200
|
+
g.Description,
|
|
198
201
|
{
|
|
199
202
|
ref: a,
|
|
200
203
|
className: o("native:text-base text-muted-foreground text-sm", r),
|
|
201
|
-
...
|
|
204
|
+
...e
|
|
202
205
|
}
|
|
203
206
|
));
|
|
204
|
-
|
|
205
|
-
const
|
|
206
|
-
|
|
207
|
-
const
|
|
208
|
-
|
|
207
|
+
Ke.displayName = g.Description?.displayName || "AlertDialogDescription";
|
|
208
|
+
const Qe = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(g.Action, { ref: a, className: o(_(), r), ...e }));
|
|
209
|
+
Qe.displayName = g.Action?.displayName || "AlertDialogAction";
|
|
210
|
+
const Ze = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
211
|
+
g.Cancel,
|
|
209
212
|
{
|
|
210
213
|
ref: a,
|
|
211
|
-
className: o(
|
|
212
|
-
...
|
|
214
|
+
className: o(_({ variant: "outline" }), "mt-2 sm:mt-0", r),
|
|
215
|
+
...e
|
|
213
216
|
}
|
|
214
217
|
));
|
|
215
|
-
|
|
216
|
-
const
|
|
217
|
-
|
|
218
|
+
Ze.displayName = g.Cancel?.displayName || "AlertDialogCancel";
|
|
219
|
+
const hr = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "aspect-ratio is not yet implemented for React Native" }) }), et = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
220
|
+
V.Root,
|
|
218
221
|
{
|
|
219
222
|
ref: a,
|
|
220
223
|
className: o("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", r),
|
|
221
|
-
...
|
|
224
|
+
...e
|
|
222
225
|
}
|
|
223
226
|
));
|
|
224
|
-
|
|
225
|
-
const
|
|
226
|
-
|
|
227
|
-
const
|
|
228
|
-
|
|
227
|
+
et.displayName = V.Root?.displayName || "Avatar";
|
|
228
|
+
const tt = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(V.Image, { ref: a, className: o("aspect-square h-full w-full", r), ...e }));
|
|
229
|
+
tt.displayName = V.Image?.displayName || "AvatarImage";
|
|
230
|
+
const rt = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
231
|
+
V.Fallback,
|
|
229
232
|
{
|
|
230
233
|
ref: a,
|
|
231
234
|
className: o("bg-muted flex h-full w-full items-center justify-center rounded-full", r),
|
|
232
|
-
...
|
|
235
|
+
...e
|
|
233
236
|
}
|
|
234
237
|
));
|
|
235
|
-
|
|
236
|
-
const
|
|
238
|
+
rt.displayName = V.Fallback?.displayName || "AvatarFallback";
|
|
239
|
+
const at = I("flex-row items-center rounded-md border px-2 py-0.5", {
|
|
237
240
|
variants: {
|
|
238
241
|
variant: {
|
|
239
242
|
default: "border-transparent bg-primary",
|
|
@@ -245,7 +248,7 @@ const Me = R("flex-row items-center rounded-md border px-2 py-0.5", {
|
|
|
245
248
|
defaultVariants: {
|
|
246
249
|
variant: "default"
|
|
247
250
|
}
|
|
248
|
-
}),
|
|
251
|
+
}), ot = I("text-xs font-semibold", {
|
|
249
252
|
variants: {
|
|
250
253
|
variant: {
|
|
251
254
|
default: "text-primary-foreground",
|
|
@@ -258,84 +261,84 @@ const Me = R("flex-row items-center rounded-md border px-2 py-0.5", {
|
|
|
258
261
|
variant: "default"
|
|
259
262
|
}
|
|
260
263
|
});
|
|
261
|
-
function
|
|
262
|
-
return /* @__PURE__ */
|
|
263
|
-
className: o(
|
|
264
|
+
function yr({ className: r, textClassName: e, variant: a, children: i, ...l }) {
|
|
265
|
+
return /* @__PURE__ */ t(s, { className: o(at({ variant: a }), r), ...l, children: B(i, c, {
|
|
266
|
+
className: o(ot({ variant: a }), e)
|
|
264
267
|
}) });
|
|
265
268
|
}
|
|
266
|
-
const
|
|
267
|
-
|
|
268
|
-
const
|
|
269
|
-
({ className: r, ...
|
|
269
|
+
const xr = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "breadcrumb is not yet implemented for React Native" }) }), Nr = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "calendar is not yet implemented for React Native" }) }), nt = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(s, { ref: a, className: o("border-border bg-card rounded-xl border shadow-sm", r), ...e }));
|
|
270
|
+
nt.displayName = "Card";
|
|
271
|
+
const it = n.forwardRef(
|
|
272
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(s, { ref: a, className: o("flex flex-col space-y-1.5 p-6", r), ...e })
|
|
270
273
|
);
|
|
271
|
-
|
|
272
|
-
const
|
|
273
|
-
({ className: r, ...
|
|
274
|
-
|
|
274
|
+
it.displayName = "CardHeader";
|
|
275
|
+
const st = n.forwardRef(
|
|
276
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
277
|
+
c,
|
|
275
278
|
{
|
|
276
279
|
ref: a,
|
|
277
280
|
className: o("text-card-foreground text-lg leading-none font-semibold tracking-tight", r),
|
|
278
|
-
...
|
|
281
|
+
...e
|
|
279
282
|
}
|
|
280
283
|
)
|
|
281
284
|
);
|
|
282
|
-
|
|
283
|
-
const
|
|
284
|
-
({ className: r, ...
|
|
285
|
+
st.displayName = "CardTitle";
|
|
286
|
+
const lt = n.forwardRef(
|
|
287
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(c, { ref: a, className: o("text-muted-foreground text-sm", r), ...e })
|
|
285
288
|
);
|
|
286
|
-
|
|
287
|
-
const
|
|
288
|
-
({ className: r, ...
|
|
289
|
+
lt.displayName = "CardDescription";
|
|
290
|
+
const dt = n.forwardRef(
|
|
291
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(s, { ref: a, className: o("p-6 pt-0", r), ...e, children: B(e.children, c, { className: "text-sm text-card-foreground" }) })
|
|
289
292
|
);
|
|
290
|
-
|
|
291
|
-
const
|
|
292
|
-
({ className: r, ...
|
|
293
|
+
dt.displayName = "CardContent";
|
|
294
|
+
const ct = n.forwardRef(
|
|
295
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(s, { ref: a, className: o("flex flex-row items-center p-6 pt-0", r), ...e })
|
|
293
296
|
);
|
|
294
|
-
|
|
295
|
-
const
|
|
296
|
-
|
|
297
|
+
ct.displayName = "CardFooter";
|
|
298
|
+
const wr = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "carousel is not yet implemented for React Native" }) }), vr = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "chart is not yet implemented for React Native" }) }), mt = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
299
|
+
E.Root,
|
|
297
300
|
{
|
|
298
301
|
ref: a,
|
|
299
302
|
className: o(
|
|
300
303
|
"web:peer native:h-[20] native:w-[20] native:rounded border-primary web:ring-offset-background web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 h-4 w-4 shrink-0 rounded-sm border disabled:cursor-not-allowed disabled:opacity-50",
|
|
301
|
-
|
|
304
|
+
e.checked && "bg-primary",
|
|
302
305
|
r
|
|
303
306
|
),
|
|
304
|
-
...
|
|
305
|
-
children: /* @__PURE__ */
|
|
307
|
+
...e,
|
|
308
|
+
children: /* @__PURE__ */ t(E.Indicator, { className: o("h-full w-full items-center justify-center"), children: /* @__PURE__ */ t(ae, { size: 12, strokeWidth: F.OS === "web" ? 2.5 : 3.5, className: "text-primary-foreground" }) })
|
|
306
309
|
}
|
|
307
310
|
));
|
|
308
|
-
|
|
309
|
-
const
|
|
310
|
-
|
|
311
|
+
mt.displayName = E.Root?.displayName || "Checkbox";
|
|
312
|
+
const Rr = X.Root, Tr = X.Trigger, Cr = X.Content, Sr = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "command is not yet implemented for React Native" }) }), Dr = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "context-menu is not yet implemented for React Native" }) }), kr = m.Root, Ar = m.Trigger, ft = m.Portal, Pr = m.Close, de = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(m.Overlay, { style: z.absoluteFill, asChild: !0, ref: a, ...e, children: /* @__PURE__ */ t(
|
|
313
|
+
N.View,
|
|
311
314
|
{
|
|
312
|
-
entering:
|
|
313
|
-
exiting:
|
|
315
|
+
entering: P.duration(150),
|
|
316
|
+
exiting: A.duration(150),
|
|
314
317
|
className: o("z-50 flex items-center justify-center bg-black/80 p-2", r)
|
|
315
318
|
}
|
|
316
319
|
) }));
|
|
317
|
-
|
|
318
|
-
const
|
|
319
|
-
({ className: r, children:
|
|
320
|
-
/* @__PURE__ */
|
|
321
|
-
/* @__PURE__ */
|
|
322
|
-
|
|
320
|
+
de.displayName = m.Overlay?.displayName || "DialogOverlay";
|
|
321
|
+
const ut = n.forwardRef(
|
|
322
|
+
({ className: r, children: e, portalHost: a, overlayClassName: i, overlayStyle: l, ...d }, f) => /* @__PURE__ */ b(ft, { hostName: a, children: [
|
|
323
|
+
/* @__PURE__ */ t(de, { className: i, style: l }),
|
|
324
|
+
/* @__PURE__ */ t(m.Content, { ref: f, asChild: !0, ...d, children: /* @__PURE__ */ b(
|
|
325
|
+
N.View,
|
|
323
326
|
{
|
|
324
|
-
entering:
|
|
325
|
-
exiting:
|
|
327
|
+
entering: P.duration(150),
|
|
328
|
+
exiting: A.duration(150),
|
|
326
329
|
className: o(
|
|
327
330
|
"border-border bg-background z-50 w-full max-w-lg gap-4 rounded-xl border p-6 shadow-lg sm:rounded-lg",
|
|
328
331
|
r
|
|
329
332
|
),
|
|
330
333
|
children: [
|
|
331
|
-
|
|
332
|
-
/* @__PURE__ */
|
|
333
|
-
|
|
334
|
+
e,
|
|
335
|
+
/* @__PURE__ */ b(
|
|
336
|
+
m.Close,
|
|
334
337
|
{
|
|
335
338
|
className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none",
|
|
336
339
|
children: [
|
|
337
|
-
/* @__PURE__ */
|
|
338
|
-
/* @__PURE__ */
|
|
340
|
+
/* @__PURE__ */ t($, { size: 18, className: "text-muted-foreground" }),
|
|
341
|
+
/* @__PURE__ */ t(s, { className: "sr-only", children: /* @__PURE__ */ t(m.Title, { children: "Close" }) })
|
|
339
342
|
]
|
|
340
343
|
}
|
|
341
344
|
)
|
|
@@ -344,91 +347,91 @@ const Qe = i.forwardRef(
|
|
|
344
347
|
) })
|
|
345
348
|
] })
|
|
346
349
|
);
|
|
347
|
-
|
|
348
|
-
const
|
|
349
|
-
|
|
350
|
-
const
|
|
351
|
-
|
|
352
|
-
const
|
|
353
|
-
|
|
350
|
+
ut.displayName = m.Content?.displayName || "DialogContent";
|
|
351
|
+
const pt = ({ className: r, ...e }) => /* @__PURE__ */ t(s, { className: o("flex flex-col gap-1.5 text-center sm:text-left", r), ...e });
|
|
352
|
+
pt.displayName = "DialogHeader";
|
|
353
|
+
const gt = ({ className: r, ...e }) => /* @__PURE__ */ t(s, { className: o("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", r), ...e });
|
|
354
|
+
gt.displayName = "DialogFooter";
|
|
355
|
+
const bt = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
356
|
+
m.Title,
|
|
354
357
|
{
|
|
355
358
|
ref: a,
|
|
356
359
|
className: o("native:text-xl text-foreground text-lg leading-none font-semibold tracking-tight", r),
|
|
357
|
-
...
|
|
360
|
+
...e
|
|
358
361
|
}
|
|
359
362
|
));
|
|
360
|
-
|
|
361
|
-
const
|
|
362
|
-
|
|
363
|
+
bt.displayName = m.Title?.displayName || "DialogTitle";
|
|
364
|
+
const ht = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
365
|
+
m.Description,
|
|
363
366
|
{
|
|
364
367
|
ref: a,
|
|
365
368
|
className: o("native:text-base text-muted-foreground text-sm", r),
|
|
366
|
-
...
|
|
369
|
+
...e
|
|
367
370
|
}
|
|
368
371
|
));
|
|
369
|
-
|
|
370
|
-
const
|
|
371
|
-
({ className: r, placeholderClassName:
|
|
372
|
-
|
|
372
|
+
ht.displayName = m.Description?.displayName || "DialogDescription";
|
|
373
|
+
const Ir = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "drawer is not yet implemented for React Native" }) }), Vr = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "dropdown-menu is not yet implemented for React Native" }) }), Hr = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "form is not yet implemented for React Native" }) }), Or = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "hover-card is not yet implemented for React Native" }) }), yt = n.forwardRef(
|
|
374
|
+
({ className: r, placeholderClassName: e, ...a }, i) => /* @__PURE__ */ t(
|
|
375
|
+
te,
|
|
373
376
|
{
|
|
374
|
-
ref:
|
|
377
|
+
ref: i,
|
|
375
378
|
className: o(
|
|
376
379
|
"border-input text-foreground placeholder:text-muted-foreground focus:border-ring flex h-10 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-sm transition-colors disabled:opacity-50",
|
|
377
380
|
r
|
|
378
381
|
),
|
|
379
|
-
placeholderClassName: o("text-muted-foreground",
|
|
382
|
+
placeholderClassName: o("text-muted-foreground", e),
|
|
380
383
|
...a
|
|
381
384
|
}
|
|
382
385
|
)
|
|
383
386
|
);
|
|
384
|
-
|
|
385
|
-
const
|
|
386
|
-
|
|
387
|
+
yt.displayName = "Input";
|
|
388
|
+
const xt = n.forwardRef(({ className: r, onPress: e, onLongPress: a, onPressIn: i, onPressOut: l, ...d }, f) => /* @__PURE__ */ t(
|
|
389
|
+
U.Root,
|
|
387
390
|
{
|
|
388
391
|
className: "web:cursor-default",
|
|
389
|
-
onPress:
|
|
392
|
+
onPress: e,
|
|
390
393
|
onLongPress: a,
|
|
391
|
-
onPressIn:
|
|
392
|
-
onPressOut:
|
|
393
|
-
children: /* @__PURE__ */
|
|
394
|
-
|
|
394
|
+
onPressIn: i,
|
|
395
|
+
onPressOut: l,
|
|
396
|
+
children: /* @__PURE__ */ t(
|
|
397
|
+
U.Text,
|
|
395
398
|
{
|
|
396
|
-
ref:
|
|
399
|
+
ref: f,
|
|
397
400
|
className: o(
|
|
398
401
|
"text-foreground native:text-base web:peer-disabled:cursor-not-allowed web:peer-disabled:opacity-70 text-sm leading-none font-medium",
|
|
399
402
|
r
|
|
400
403
|
),
|
|
401
|
-
...
|
|
404
|
+
...d
|
|
402
405
|
}
|
|
403
406
|
)
|
|
404
407
|
}
|
|
405
408
|
));
|
|
406
|
-
|
|
407
|
-
const
|
|
408
|
-
({ className: r, ...
|
|
409
|
+
xt.displayName = U.Root?.displayName || "Label";
|
|
410
|
+
const zr = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "menubar is not yet implemented for React Native" }) }), Fr = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "navigation-menu is not yet implemented for React Native" }) }), Lr = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "pagination is not yet implemented for React Native" }) }), jr = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "popover is not yet implemented for React Native" }) }), Gr = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "progress is not yet implemented for React Native" }) }), Nt = n.forwardRef(
|
|
411
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(H.Root, { className: o("web:grid gap-2", r), ...e, ref: a })
|
|
409
412
|
);
|
|
410
|
-
|
|
411
|
-
const
|
|
412
|
-
({ className: r, ...
|
|
413
|
-
|
|
413
|
+
Nt.displayName = H.Root?.displayName || "RadioGroup";
|
|
414
|
+
const wt = n.forwardRef(
|
|
415
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
416
|
+
H.Item,
|
|
414
417
|
{
|
|
415
418
|
ref: a,
|
|
416
419
|
className: o(
|
|
417
420
|
"native:h-5 native:w-5 border-primary text-primary web:ring-offset-background web:focus:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 aspect-square h-4 w-4 rounded-full border",
|
|
418
|
-
|
|
421
|
+
e.disabled && "web:cursor-not-allowed opacity-50",
|
|
419
422
|
r
|
|
420
423
|
),
|
|
421
|
-
...
|
|
422
|
-
children: /* @__PURE__ */
|
|
424
|
+
...e,
|
|
425
|
+
children: /* @__PURE__ */ t(H.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ t(we, { className: "h-2.5 w-2.5 fill-current text-current" }) })
|
|
423
426
|
}
|
|
424
427
|
)
|
|
425
428
|
);
|
|
426
|
-
|
|
427
|
-
const
|
|
428
|
-
({ className: r, children:
|
|
429
|
-
|
|
429
|
+
wt.displayName = H.Item?.displayName || "RadioGroupItem";
|
|
430
|
+
const Br = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "ResizablePanelGroup is not yet implemented for React Native" }) }), Mr = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "ResizablePanel is not yet implemented for React Native" }) }), Er = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "ResizableHandle is not yet implemented for React Native" }) }), Ur = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "scroll-area is not yet implemented for React Native" }) }), Yr = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "Search is not yet implemented for React Native" }) }), qr = u.Root, Wr = u.Group, $r = u.Value, vt = n.forwardRef(
|
|
431
|
+
({ className: r, children: e, ...a }, i) => /* @__PURE__ */ b(
|
|
432
|
+
u.Trigger,
|
|
430
433
|
{
|
|
431
|
-
ref:
|
|
434
|
+
ref: i,
|
|
432
435
|
className: o(
|
|
433
436
|
"native:h-12 border-input bg-background text-muted-foreground web:ring-offset-background web:focus:outline-none web:focus:ring-2 web:focus:ring-ring web:focus:ring-offset-2 flex h-10 flex-row items-center justify-between rounded-md border px-3 py-2 text-sm [&>span]:line-clamp-1",
|
|
434
437
|
a.disabled && "web:cursor-not-allowed opacity-50",
|
|
@@ -436,133 +439,133 @@ const Nr = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { childre
|
|
|
436
439
|
),
|
|
437
440
|
...a,
|
|
438
441
|
children: [
|
|
439
|
-
/* @__PURE__ */
|
|
440
|
-
/* @__PURE__ */
|
|
442
|
+
/* @__PURE__ */ t(q, { children: e }),
|
|
443
|
+
/* @__PURE__ */ t(W, { size: 16, "aria-hidden": !0, className: "text-foreground opacity-50" })
|
|
441
444
|
]
|
|
442
445
|
}
|
|
443
446
|
)
|
|
444
447
|
);
|
|
445
|
-
|
|
446
|
-
const
|
|
447
|
-
|
|
448
|
+
vt.displayName = u.Trigger?.displayName || "SelectTrigger";
|
|
449
|
+
const ce = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
450
|
+
u.ScrollUpButton,
|
|
448
451
|
{
|
|
449
452
|
ref: a,
|
|
450
453
|
className: o("flex cursor-default items-center justify-center py-1", r),
|
|
451
|
-
...
|
|
452
|
-
children: /* @__PURE__ */
|
|
454
|
+
...e,
|
|
455
|
+
children: /* @__PURE__ */ t(ve, { size: 14, className: "text-foreground" })
|
|
453
456
|
}
|
|
454
457
|
));
|
|
455
|
-
|
|
456
|
-
const
|
|
457
|
-
|
|
458
|
+
ce.displayName = u.ScrollUpButton?.displayName || "SelectScrollUpButton";
|
|
459
|
+
const me = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
460
|
+
u.ScrollDownButton,
|
|
458
461
|
{
|
|
459
462
|
ref: a,
|
|
460
463
|
className: o("flex cursor-default items-center justify-center py-1", r),
|
|
461
|
-
...
|
|
462
|
-
children: /* @__PURE__ */
|
|
464
|
+
...e,
|
|
465
|
+
children: /* @__PURE__ */ t(W, { size: 14, className: "text-foreground" })
|
|
463
466
|
}
|
|
464
467
|
));
|
|
465
|
-
|
|
466
|
-
const
|
|
467
|
-
({ className: r, children:
|
|
468
|
-
const { open:
|
|
469
|
-
return /* @__PURE__ */
|
|
470
|
-
/* @__PURE__ */
|
|
471
|
-
/* @__PURE__ */
|
|
472
|
-
|
|
468
|
+
me.displayName = u.ScrollDownButton?.displayName || "SelectScrollDownButton";
|
|
469
|
+
const Rt = n.forwardRef(
|
|
470
|
+
({ className: r, children: e, position: a = "popper", portalHost: i, overlayClassName: l, overlayStyle: d, ...f }, p) => {
|
|
471
|
+
const { open: w } = u.useRootContext();
|
|
472
|
+
return /* @__PURE__ */ b(u.Portal, { hostName: i, children: [
|
|
473
|
+
/* @__PURE__ */ t(u.Overlay, { style: F.OS !== "web" ? z.absoluteFill : void 0, asChild: !0, children: /* @__PURE__ */ t(N.View, { className: l, style: d }) }),
|
|
474
|
+
/* @__PURE__ */ b(
|
|
475
|
+
u.Content,
|
|
473
476
|
{
|
|
474
|
-
ref:
|
|
477
|
+
ref: p,
|
|
475
478
|
className: o(
|
|
476
479
|
"border-border bg-popover 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 relative z-50 max-h-96 min-w-[8rem] rounded-md border shadow-md",
|
|
477
480
|
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",
|
|
478
|
-
|
|
481
|
+
w ? "web:zoom-in-95 web:animate-in web:fade-in-0" : "web:zoom-out-95 web:animate-out web:fade-out-0",
|
|
479
482
|
r
|
|
480
483
|
),
|
|
481
484
|
position: a,
|
|
482
|
-
...
|
|
485
|
+
...f,
|
|
483
486
|
children: [
|
|
484
|
-
/* @__PURE__ */
|
|
485
|
-
/* @__PURE__ */
|
|
486
|
-
|
|
487
|
+
/* @__PURE__ */ t(ce, {}),
|
|
488
|
+
/* @__PURE__ */ t(
|
|
489
|
+
u.Viewport,
|
|
487
490
|
{
|
|
488
491
|
className: o(
|
|
489
492
|
"p-1",
|
|
490
493
|
a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
|
|
491
494
|
),
|
|
492
|
-
children:
|
|
495
|
+
children: e
|
|
493
496
|
}
|
|
494
497
|
),
|
|
495
|
-
/* @__PURE__ */
|
|
498
|
+
/* @__PURE__ */ t(me, {})
|
|
496
499
|
]
|
|
497
500
|
}
|
|
498
501
|
)
|
|
499
502
|
] });
|
|
500
503
|
}
|
|
501
504
|
);
|
|
502
|
-
|
|
503
|
-
const
|
|
504
|
-
({ className: r, ...
|
|
505
|
-
|
|
505
|
+
Rt.displayName = u.Content?.displayName || "SelectContent";
|
|
506
|
+
const Tt = n.forwardRef(
|
|
507
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
508
|
+
u.Label,
|
|
506
509
|
{
|
|
507
510
|
ref: a,
|
|
508
511
|
className: o("text-popover-foreground py-1.5 pr-2 pl-8 text-sm font-semibold", r),
|
|
509
|
-
...
|
|
512
|
+
...e
|
|
510
513
|
}
|
|
511
514
|
)
|
|
512
515
|
);
|
|
513
|
-
|
|
514
|
-
const
|
|
515
|
-
({ className: r, children:
|
|
516
|
-
const
|
|
517
|
-
return /* @__PURE__ */
|
|
518
|
-
|
|
516
|
+
Tt.displayName = u.Label?.displayName || "SelectLabel";
|
|
517
|
+
const Ct = n.forwardRef(
|
|
518
|
+
({ className: r, children: e, label: a, ...i }, l) => {
|
|
519
|
+
const d = a || (typeof e == "string" ? e : "");
|
|
520
|
+
return /* @__PURE__ */ b(
|
|
521
|
+
u.Item,
|
|
519
522
|
{
|
|
520
|
-
ref:
|
|
521
|
-
label:
|
|
523
|
+
ref: l,
|
|
524
|
+
label: d,
|
|
522
525
|
className: o(
|
|
523
526
|
"web:hover:bg-accent/50 web:focus:bg-accent web:focus:text-accent-foreground web:hover:text-accent-foreground relative flex w-full cursor-default flex-row items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:opacity-50",
|
|
524
|
-
|
|
527
|
+
i.disabled && "web:pointer-events-none",
|
|
525
528
|
r
|
|
526
529
|
),
|
|
527
|
-
...
|
|
530
|
+
...i,
|
|
528
531
|
children: [
|
|
529
|
-
/* @__PURE__ */
|
|
532
|
+
/* @__PURE__ */ t(
|
|
530
533
|
s,
|
|
531
534
|
{
|
|
532
535
|
className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
|
|
533
|
-
children: /* @__PURE__ */
|
|
536
|
+
children: /* @__PURE__ */ t(u.ItemIndicator, { children: /* @__PURE__ */ t(ae, { size: 14, strokeWidth: 3, className: "text-popover-foreground" }) })
|
|
534
537
|
}
|
|
535
538
|
),
|
|
536
|
-
/* @__PURE__ */
|
|
539
|
+
/* @__PURE__ */ t(u.ItemText, { className: "text-popover-foreground native:text-base text-sm", children: e })
|
|
537
540
|
]
|
|
538
541
|
}
|
|
539
542
|
);
|
|
540
543
|
}
|
|
541
544
|
);
|
|
542
|
-
|
|
543
|
-
const
|
|
544
|
-
({ className: r, ...
|
|
545
|
-
|
|
545
|
+
Ct.displayName = u.Item?.displayName || "SelectItem";
|
|
546
|
+
const St = n.forwardRef(
|
|
547
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
548
|
+
u.Separator,
|
|
546
549
|
{
|
|
547
550
|
ref: a,
|
|
548
551
|
className: o("bg-muted -mx-1 my-1 h-px", r),
|
|
549
|
-
...
|
|
552
|
+
...e
|
|
550
553
|
}
|
|
551
554
|
)
|
|
552
555
|
);
|
|
553
|
-
|
|
554
|
-
const
|
|
555
|
-
|
|
556
|
+
St.displayName = u.Separator?.displayName || "SelectSeparator";
|
|
557
|
+
const Dt = n.forwardRef(({ className: r, orientation: e = "horizontal", decorative: a = !0, ...i }, l) => /* @__PURE__ */ t(
|
|
558
|
+
ne.Root,
|
|
556
559
|
{
|
|
557
|
-
ref:
|
|
560
|
+
ref: l,
|
|
558
561
|
decorative: a,
|
|
559
|
-
orientation:
|
|
560
|
-
className: o("bg-border shrink-0",
|
|
561
|
-
...
|
|
562
|
+
orientation: e,
|
|
563
|
+
className: o("bg-border shrink-0", e === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", r),
|
|
564
|
+
...i
|
|
562
565
|
}
|
|
563
566
|
));
|
|
564
|
-
|
|
565
|
-
const
|
|
567
|
+
Dt.displayName = ne.Root?.displayName || "Separator";
|
|
568
|
+
const J = n.createContext(void 0), kt = I("text-foreground", {
|
|
566
569
|
variants: {
|
|
567
570
|
variant: {
|
|
568
571
|
h1: "text-4xl font-extrabold tracking-tight",
|
|
@@ -579,38 +582,38 @@ const U = i.createContext(void 0), ft = R("text-foreground", {
|
|
|
579
582
|
defaultVariants: {
|
|
580
583
|
variant: "body"
|
|
581
584
|
}
|
|
582
|
-
}),
|
|
583
|
-
({ className: r, variant:
|
|
585
|
+
}), S = n.forwardRef(
|
|
586
|
+
({ className: r, variant: e = "body", children: a, ...i }, l) => /* @__PURE__ */ t(c, { ref: l, className: o(kt({ variant: e, className: r })), ...i, children: a })
|
|
584
587
|
);
|
|
585
|
-
|
|
586
|
-
const
|
|
587
|
-
|
|
588
|
+
S.displayName = "Text";
|
|
589
|
+
const Xr = m.Root, _r = m.Trigger, Jr = m.Close, At = m.Portal, fe = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
590
|
+
m.Overlay,
|
|
588
591
|
{
|
|
589
|
-
style:
|
|
592
|
+
style: F.OS !== "web" ? z.absoluteFill : void 0,
|
|
590
593
|
asChild: !0,
|
|
591
594
|
ref: a,
|
|
592
|
-
...
|
|
593
|
-
children: /* @__PURE__ */
|
|
594
|
-
|
|
595
|
+
...e,
|
|
596
|
+
children: /* @__PURE__ */ t(
|
|
597
|
+
N.View,
|
|
595
598
|
{
|
|
596
|
-
entering:
|
|
597
|
-
exiting:
|
|
599
|
+
entering: P.duration(150),
|
|
600
|
+
exiting: A.duration(150),
|
|
598
601
|
className: o("web:cursor-default absolute inset-0 z-50 bg-black/80", r)
|
|
599
602
|
}
|
|
600
603
|
)
|
|
601
604
|
}
|
|
602
605
|
));
|
|
603
|
-
|
|
604
|
-
const
|
|
605
|
-
({ className: r, children:
|
|
606
|
-
const
|
|
607
|
-
return /* @__PURE__ */
|
|
608
|
-
/* @__PURE__ */
|
|
609
|
-
/* @__PURE__ */
|
|
610
|
-
|
|
606
|
+
fe.displayName = m.Overlay?.displayName || "SheetOverlay";
|
|
607
|
+
const Pt = n.forwardRef(
|
|
608
|
+
({ className: r, children: e, side: a = "right", overlayClassName: i, overlayStyle: l, ...d }, f) => {
|
|
609
|
+
const p = F.OS === "web", w = p ? void 0 : De, D = p ? void 0 : Se;
|
|
610
|
+
return /* @__PURE__ */ b(At, { children: [
|
|
611
|
+
/* @__PURE__ */ t(fe, { className: i, style: l }),
|
|
612
|
+
/* @__PURE__ */ t(m.Content, { ref: f, asChild: !0, ...d, children: /* @__PURE__ */ b(
|
|
613
|
+
N.View,
|
|
611
614
|
{
|
|
612
|
-
entering:
|
|
613
|
-
exiting:
|
|
615
|
+
entering: w,
|
|
616
|
+
exiting: D,
|
|
614
617
|
className: o(
|
|
615
618
|
"bg-background web:cursor-default web:duration-200 web:ease-in-out absolute z-50 h-full w-3/4 gap-4 p-6 shadow-lg",
|
|
616
619
|
a === "right" && "border-border data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right top-0 right-0 border-l",
|
|
@@ -620,17 +623,17 @@ const pt = i.forwardRef(
|
|
|
620
623
|
r
|
|
621
624
|
),
|
|
622
625
|
children: [
|
|
623
|
-
|
|
624
|
-
/* @__PURE__ */
|
|
625
|
-
|
|
626
|
+
e,
|
|
627
|
+
/* @__PURE__ */ b(
|
|
628
|
+
m.Close,
|
|
626
629
|
{
|
|
627
630
|
className: o(
|
|
628
631
|
"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none",
|
|
629
632
|
"web:absolute web:right-4 web:top-4"
|
|
630
633
|
),
|
|
631
634
|
children: [
|
|
632
|
-
/* @__PURE__ */
|
|
633
|
-
/* @__PURE__ */
|
|
635
|
+
/* @__PURE__ */ t($, { size: 24, className: "text-muted-foreground" }),
|
|
636
|
+
/* @__PURE__ */ t(S, { className: "sr-only", children: "Close" })
|
|
634
637
|
]
|
|
635
638
|
}
|
|
636
639
|
)
|
|
@@ -640,44 +643,44 @@ const pt = i.forwardRef(
|
|
|
640
643
|
] });
|
|
641
644
|
}
|
|
642
645
|
);
|
|
643
|
-
|
|
644
|
-
const
|
|
645
|
-
|
|
646
|
-
const
|
|
647
|
-
|
|
648
|
-
const
|
|
649
|
-
|
|
650
|
-
const
|
|
651
|
-
|
|
652
|
-
function
|
|
653
|
-
const a =
|
|
654
|
-
|
|
655
|
-
a.value =
|
|
656
|
-
|
|
646
|
+
Pt.displayName = m.Content?.displayName || "SheetContent";
|
|
647
|
+
const It = ({ className: r, ...e }) => /* @__PURE__ */ t(s, { className: o("flex flex-col space-y-2 text-center sm:text-left", r), ...e });
|
|
648
|
+
It.displayName = "SheetHeader";
|
|
649
|
+
const Vt = ({ className: r, ...e }) => /* @__PURE__ */ t(s, { className: o("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", r), ...e });
|
|
650
|
+
Vt.displayName = "SheetFooter";
|
|
651
|
+
const Ht = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(m.Title, { ref: a, className: o("text-foreground text-lg font-semibold", r), ...e }));
|
|
652
|
+
Ht.displayName = m.Title?.displayName || "SheetTitle";
|
|
653
|
+
const Ot = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(m.Description, { ref: a, className: o("text-muted-foreground text-sm", r), ...e }));
|
|
654
|
+
Ot.displayName = m.Description?.displayName || "SheetDescription";
|
|
655
|
+
function Kr({ className: r, ...e }) {
|
|
656
|
+
const a = ke(0.5);
|
|
657
|
+
n.useEffect(() => {
|
|
658
|
+
a.value = Ae(
|
|
659
|
+
Pe(j(0.2, { duration: 500 }), j(0.5, { duration: 500 })),
|
|
657
660
|
-1,
|
|
658
661
|
!0
|
|
659
662
|
);
|
|
660
663
|
}, []);
|
|
661
|
-
const
|
|
664
|
+
const i = oe(() => ({
|
|
662
665
|
opacity: a.value
|
|
663
666
|
}));
|
|
664
|
-
return /* @__PURE__ */
|
|
667
|
+
return /* @__PURE__ */ t(N.View, { className: o("bg-muted rounded-md", r), style: i, ...e });
|
|
665
668
|
}
|
|
666
|
-
const
|
|
667
|
-
({ className: r, checked:
|
|
668
|
-
|
|
669
|
+
const Qr = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "slider is not yet implemented for React Native" }) }), Zr = () => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "Toaster (Sonner) is not yet implemented for React Native" }) }), zt = n.forwardRef(
|
|
670
|
+
({ className: r, checked: e, onCheckedChange: a, ...i }, l) => /* @__PURE__ */ t(
|
|
671
|
+
Y.Root,
|
|
669
672
|
{
|
|
670
673
|
className: o(
|
|
671
674
|
"peer focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-input inline-flex h-6 w-11 shrink-0 cursor-pointer flex-row items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
|
|
672
675
|
r
|
|
673
676
|
),
|
|
674
|
-
...
|
|
675
|
-
checked:
|
|
677
|
+
...i,
|
|
678
|
+
checked: e ?? !1,
|
|
676
679
|
onCheckedChange: a || (() => {
|
|
677
680
|
}),
|
|
678
|
-
ref:
|
|
679
|
-
children: /* @__PURE__ */
|
|
680
|
-
|
|
681
|
+
ref: l,
|
|
682
|
+
children: /* @__PURE__ */ t(
|
|
683
|
+
Y.Thumb,
|
|
681
684
|
{
|
|
682
685
|
className: o(
|
|
683
686
|
"bg-background pointer-events-none block h-5 w-5 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
|
|
@@ -687,25 +690,25 @@ const Ir = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { childre
|
|
|
687
690
|
}
|
|
688
691
|
)
|
|
689
692
|
);
|
|
690
|
-
|
|
691
|
-
const
|
|
692
|
-
({ className: r, ...
|
|
693
|
+
zt.displayName = Y.Root?.displayName || "Switch";
|
|
694
|
+
const Ft = n.forwardRef(
|
|
695
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(s, { ref: a, className: o("w-full caption-bottom text-sm", r), ...e })
|
|
693
696
|
);
|
|
694
|
-
|
|
695
|
-
const
|
|
696
|
-
({ className: r, ...
|
|
697
|
+
Ft.displayName = "Table";
|
|
698
|
+
const Lt = n.forwardRef(
|
|
699
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(s, { ref: a, className: o("border-border border-b", r), ...e })
|
|
697
700
|
);
|
|
698
|
-
|
|
699
|
-
const
|
|
700
|
-
({ className: r, ...
|
|
701
|
+
Lt.displayName = "TableHeader";
|
|
702
|
+
const jt = n.forwardRef(
|
|
703
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(s, { ref: a, className: o("flex-1", r), ...e })
|
|
701
704
|
);
|
|
702
|
-
|
|
703
|
-
const
|
|
704
|
-
({ className: r, ...
|
|
705
|
+
jt.displayName = "TableBody";
|
|
706
|
+
const Gt = n.forwardRef(
|
|
707
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(s, { ref: a, className: o("bg-muted/50 font-medium [&>tr]:last:border-b-0", r), ...e })
|
|
705
708
|
);
|
|
706
|
-
|
|
707
|
-
const
|
|
708
|
-
({ className: r, ...
|
|
709
|
+
Gt.displayName = "TableFooter";
|
|
710
|
+
const Bt = n.forwardRef(
|
|
711
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
709
712
|
s,
|
|
710
713
|
{
|
|
711
714
|
ref: a,
|
|
@@ -713,378 +716,496 @@ const Tt = i.forwardRef(
|
|
|
713
716
|
"border-border hover:bg-muted/50 data-[state=selected]:bg-muted flex-row border-b transition-colors",
|
|
714
717
|
r
|
|
715
718
|
),
|
|
716
|
-
...
|
|
719
|
+
...e
|
|
717
720
|
}
|
|
718
721
|
)
|
|
719
722
|
);
|
|
720
|
-
|
|
721
|
-
const
|
|
722
|
-
({ className: r, ...
|
|
723
|
-
|
|
723
|
+
Bt.displayName = "TableRow";
|
|
724
|
+
const Mt = n.forwardRef(
|
|
725
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
726
|
+
S,
|
|
724
727
|
{
|
|
725
728
|
ref: a,
|
|
726
729
|
className: o(
|
|
727
730
|
"text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
|
|
728
731
|
r
|
|
729
732
|
),
|
|
730
|
-
...
|
|
733
|
+
...e
|
|
731
734
|
}
|
|
732
735
|
)
|
|
733
736
|
);
|
|
734
|
-
|
|
735
|
-
const
|
|
736
|
-
({ className: r, ...
|
|
737
|
+
Mt.displayName = "TableHead";
|
|
738
|
+
const Et = n.forwardRef(
|
|
739
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(S, { ref: a, className: o("p-4 align-middle [&:has([role=checkbox])]:pr-0", r), ...e })
|
|
737
740
|
);
|
|
738
|
-
|
|
739
|
-
const
|
|
740
|
-
({ className: r, ...
|
|
741
|
+
Et.displayName = "TableCell";
|
|
742
|
+
const Ut = n.forwardRef(
|
|
743
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(S, { ref: a, className: o("text-muted-foreground mt-4 text-sm", r), ...e })
|
|
741
744
|
);
|
|
742
|
-
|
|
743
|
-
const
|
|
744
|
-
({ className: r, ...
|
|
745
|
-
|
|
745
|
+
Ut.displayName = "TableCaption";
|
|
746
|
+
const ea = C.Root, Yt = n.forwardRef(
|
|
747
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
748
|
+
C.List,
|
|
746
749
|
{
|
|
747
750
|
ref: a,
|
|
748
751
|
className: o(
|
|
749
752
|
"bg-muted text-muted-foreground inline-flex h-10 flex-row items-center justify-center rounded-md p-1",
|
|
750
753
|
r
|
|
751
754
|
),
|
|
752
|
-
...
|
|
755
|
+
...e
|
|
753
756
|
}
|
|
754
757
|
)
|
|
755
758
|
);
|
|
756
|
-
|
|
757
|
-
const
|
|
758
|
-
({ className: r, ...
|
|
759
|
-
const { value:
|
|
760
|
-
return /* @__PURE__ */
|
|
761
|
-
|
|
759
|
+
Yt.displayName = C.List?.displayName || "TabsList";
|
|
760
|
+
const qt = n.forwardRef(
|
|
761
|
+
({ className: r, ...e }, a) => {
|
|
762
|
+
const { value: i } = C.useRootContext();
|
|
763
|
+
return /* @__PURE__ */ t(
|
|
764
|
+
J.Provider,
|
|
762
765
|
{
|
|
763
766
|
value: o(
|
|
764
767
|
"text-sm native:text-base font-medium text-muted-foreground web:transition-all",
|
|
765
|
-
|
|
768
|
+
i === e.value && "text-foreground"
|
|
766
769
|
),
|
|
767
|
-
children: /* @__PURE__ */
|
|
768
|
-
|
|
770
|
+
children: /* @__PURE__ */ t(
|
|
771
|
+
C.Trigger,
|
|
769
772
|
{
|
|
770
773
|
ref: a,
|
|
771
774
|
className: o(
|
|
772
775
|
"ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
|
|
773
|
-
|
|
774
|
-
|
|
776
|
+
e.disabled && "opacity-50",
|
|
777
|
+
i === e.value && "bg-background shadow-foreground/10 shadow-sm",
|
|
775
778
|
r
|
|
776
779
|
),
|
|
777
|
-
...
|
|
780
|
+
...e
|
|
778
781
|
}
|
|
779
782
|
)
|
|
780
783
|
}
|
|
781
784
|
);
|
|
782
785
|
}
|
|
783
786
|
);
|
|
784
|
-
|
|
785
|
-
const
|
|
786
|
-
({ className: r, ...
|
|
787
|
-
|
|
787
|
+
qt.displayName = C.Trigger?.displayName || "TabsTrigger";
|
|
788
|
+
const Wt = n.forwardRef(
|
|
789
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
790
|
+
C.Content,
|
|
788
791
|
{
|
|
789
792
|
ref: a,
|
|
790
793
|
className: o(
|
|
791
794
|
"ring-offset-background focus-visible:ring-ring mt-2 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
|
|
792
795
|
r
|
|
793
796
|
),
|
|
794
|
-
...
|
|
797
|
+
...e
|
|
795
798
|
}
|
|
796
799
|
)
|
|
797
800
|
);
|
|
798
|
-
|
|
799
|
-
const
|
|
800
|
-
({ className: r, placeholderClassName:
|
|
801
|
-
|
|
801
|
+
Wt.displayName = C.Content?.displayName || "TabsContent";
|
|
802
|
+
const $t = n.forwardRef(
|
|
803
|
+
({ className: r, placeholderClassName: e, ...a }, i) => /* @__PURE__ */ t(
|
|
804
|
+
te,
|
|
802
805
|
{
|
|
803
|
-
ref:
|
|
806
|
+
ref: i,
|
|
804
807
|
multiline: !0,
|
|
805
808
|
numberOfLines: a.numberOfLines || 3,
|
|
806
809
|
className: o(
|
|
807
810
|
"border-input bg-background text-foreground placeholder:text-muted-foreground focus:border-ring flex min-h-[80px] w-full rounded-md border px-3 py-2 text-base shadow-sm transition-colors disabled:opacity-50",
|
|
808
811
|
r
|
|
809
812
|
),
|
|
810
|
-
placeholderClassName: o("text-muted-foreground",
|
|
813
|
+
placeholderClassName: o("text-muted-foreground", e),
|
|
811
814
|
textAlignVertical: "top",
|
|
812
815
|
...a
|
|
813
816
|
}
|
|
814
817
|
)
|
|
815
818
|
);
|
|
816
|
-
|
|
817
|
-
const
|
|
818
|
-
({ className: r, variant:
|
|
819
|
-
|
|
819
|
+
$t.displayName = "Textarea";
|
|
820
|
+
const Xt = n.forwardRef(
|
|
821
|
+
({ className: r, variant: e, size: a, ...i }, l) => /* @__PURE__ */ t(
|
|
822
|
+
J.Provider,
|
|
820
823
|
{
|
|
821
824
|
value: o(
|
|
822
825
|
"text-sm native:text-base text-foreground font-medium",
|
|
823
|
-
|
|
826
|
+
i.pressed && "text-accent-foreground",
|
|
824
827
|
r
|
|
825
828
|
),
|
|
826
|
-
children: /* @__PURE__ */
|
|
827
|
-
|
|
829
|
+
children: /* @__PURE__ */ t(
|
|
830
|
+
se.Root,
|
|
828
831
|
{
|
|
829
|
-
ref:
|
|
830
|
-
className: o(
|
|
831
|
-
...
|
|
832
|
-
pressed:
|
|
833
|
-
onPressedChange:
|
|
832
|
+
ref: l,
|
|
833
|
+
className: o(ie({ variant: e, size: a, className: r })),
|
|
834
|
+
...i,
|
|
835
|
+
pressed: i.pressed || !1,
|
|
836
|
+
onPressedChange: i.onPressedChange || (() => {
|
|
834
837
|
})
|
|
835
838
|
}
|
|
836
839
|
)
|
|
837
840
|
}
|
|
838
841
|
)
|
|
839
842
|
);
|
|
840
|
-
|
|
841
|
-
const
|
|
843
|
+
Xt.displayName = se.Root?.displayName || "Toggle";
|
|
844
|
+
const ue = n.createContext({
|
|
842
845
|
size: "default",
|
|
843
846
|
variant: "default"
|
|
844
|
-
}),
|
|
845
|
-
({ className: r, variant:
|
|
846
|
-
|
|
847
|
+
}), _t = n.forwardRef(
|
|
848
|
+
({ className: r, variant: e, size: a, children: i, type: l, value: d, onValueChange: f, ...p }, w) => /* @__PURE__ */ t(
|
|
849
|
+
G.Root,
|
|
847
850
|
{
|
|
848
|
-
ref:
|
|
849
|
-
type:
|
|
850
|
-
value:
|
|
851
|
-
onValueChange:
|
|
851
|
+
ref: w,
|
|
852
|
+
type: l,
|
|
853
|
+
value: d,
|
|
854
|
+
onValueChange: f,
|
|
852
855
|
className: o("flex flex-row items-center justify-center gap-1", r),
|
|
853
|
-
...
|
|
854
|
-
children: /* @__PURE__ */
|
|
856
|
+
...p,
|
|
857
|
+
children: /* @__PURE__ */ t(ue.Provider, { value: { variant: e, size: a }, children: i })
|
|
855
858
|
}
|
|
856
859
|
)
|
|
857
860
|
);
|
|
858
|
-
|
|
859
|
-
const
|
|
860
|
-
({ className: r, children:
|
|
861
|
-
const
|
|
862
|
-
return /* @__PURE__ */
|
|
863
|
-
|
|
861
|
+
_t.displayName = G.Root?.displayName || "ToggleGroup";
|
|
862
|
+
const Jt = n.forwardRef(
|
|
863
|
+
({ className: r, children: e, variant: a, size: i, value: l, ...d }, f) => {
|
|
864
|
+
const p = n.useContext(ue);
|
|
865
|
+
return /* @__PURE__ */ t(
|
|
866
|
+
J.Provider,
|
|
864
867
|
{
|
|
865
868
|
value: o(
|
|
866
869
|
"text-sm native:text-base text-foreground font-medium",
|
|
867
|
-
|
|
868
|
-
|
|
870
|
+
d.disabled && "web:cursor-not-allowed opacity-50",
|
|
871
|
+
l === "" && "text-accent-foreground",
|
|
869
872
|
r
|
|
870
873
|
),
|
|
871
|
-
children: /* @__PURE__ */
|
|
872
|
-
|
|
874
|
+
children: /* @__PURE__ */ t(
|
|
875
|
+
G.Item,
|
|
873
876
|
{
|
|
874
|
-
ref:
|
|
875
|
-
value:
|
|
877
|
+
ref: f,
|
|
878
|
+
value: l,
|
|
876
879
|
className: o(
|
|
877
|
-
|
|
878
|
-
variant:
|
|
879
|
-
size:
|
|
880
|
+
ie({
|
|
881
|
+
variant: p.variant || a,
|
|
882
|
+
size: p.size || i
|
|
880
883
|
}),
|
|
881
884
|
r
|
|
882
885
|
),
|
|
883
|
-
...
|
|
884
|
-
children:
|
|
886
|
+
...d,
|
|
887
|
+
children: e
|
|
885
888
|
}
|
|
886
889
|
)
|
|
887
890
|
}
|
|
888
891
|
);
|
|
889
892
|
}
|
|
890
893
|
);
|
|
891
|
-
|
|
892
|
-
const
|
|
893
|
-
({ className: r, portalHost:
|
|
894
|
-
|
|
894
|
+
Jt.displayName = G.Item?.displayName || "ToggleGroupItem";
|
|
895
|
+
const ta = O.Root, ra = O.Trigger, Kt = n.forwardRef(
|
|
896
|
+
({ className: r, portalHost: e, ...a }, i) => /* @__PURE__ */ t(O.Portal, { hostName: e, children: /* @__PURE__ */ t(O.Overlay, { style: F.OS !== "web" ? z.absoluteFill : void 0, children: /* @__PURE__ */ t(
|
|
897
|
+
N.View,
|
|
895
898
|
{
|
|
896
|
-
entering:
|
|
897
|
-
exiting:
|
|
899
|
+
entering: P,
|
|
900
|
+
exiting: A,
|
|
898
901
|
className: o(
|
|
899
902
|
"border-border bg-popover web:animate-in web:fade-in-0 web: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 z-50 overflow-hidden rounded-md border px-3 py-1.5 shadow-md",
|
|
900
903
|
r
|
|
901
904
|
),
|
|
902
|
-
children: /* @__PURE__ */
|
|
905
|
+
children: /* @__PURE__ */ t(S, { className: "text-popover-foreground native:text-base text-sm", children: a.children })
|
|
903
906
|
}
|
|
904
907
|
) }) })
|
|
905
908
|
);
|
|
906
|
-
|
|
907
|
-
const
|
|
908
|
-
|
|
909
|
+
Kt.displayName = O.Content?.displayName || "TooltipContent";
|
|
910
|
+
const aa = ({ children: r }) => /* @__PURE__ */ t(q, { children: r }), Qt = n.forwardRef(({ className: r, variant: e = "default", ...a }, i) => /* @__PURE__ */ t(
|
|
911
|
+
R.Root,
|
|
909
912
|
{
|
|
910
|
-
ref:
|
|
913
|
+
ref: i,
|
|
911
914
|
className: o(
|
|
912
915
|
"group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg",
|
|
913
|
-
|
|
916
|
+
e === "default" ? "border-border bg-background" : "border-destructive bg-destructive",
|
|
914
917
|
r
|
|
915
918
|
),
|
|
916
919
|
...a,
|
|
917
|
-
children: /* @__PURE__ */
|
|
920
|
+
children: /* @__PURE__ */ t(N.View, { entering: He, exiting: Ve, layout: Ie, className: "w-full flex-row items-center", children: a.children })
|
|
918
921
|
}
|
|
919
922
|
));
|
|
920
|
-
|
|
921
|
-
const
|
|
922
|
-
|
|
923
|
-
const
|
|
924
|
-
|
|
923
|
+
Qt.displayName = R.Root?.displayName || "Toast";
|
|
924
|
+
const Zt = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(R.Title, { ref: a, className: o("text-foreground text-sm font-semibold", r), ...e }));
|
|
925
|
+
Zt.displayName = R.Title?.displayName || "ToastTitle";
|
|
926
|
+
const er = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
927
|
+
R.Description,
|
|
925
928
|
{
|
|
926
929
|
ref: a,
|
|
927
930
|
className: o("text-muted-foreground text-sm opacity-90", r),
|
|
928
|
-
...
|
|
931
|
+
...e
|
|
929
932
|
}
|
|
930
933
|
));
|
|
931
|
-
|
|
932
|
-
const
|
|
933
|
-
|
|
934
|
+
er.displayName = R.Description?.displayName || "ToastDescription";
|
|
935
|
+
const tr = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
936
|
+
R.Close,
|
|
934
937
|
{
|
|
935
938
|
ref: a,
|
|
936
939
|
className: o(
|
|
937
940
|
"text-foreground/50 hover:text-foreground absolute top-1 right-1 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100 focus:ring-1 focus:outline-none",
|
|
938
941
|
r
|
|
939
942
|
),
|
|
940
|
-
...
|
|
941
|
-
children: /* @__PURE__ */
|
|
943
|
+
...e,
|
|
944
|
+
children: /* @__PURE__ */ t($, { size: 16, className: "text-muted-foreground" })
|
|
942
945
|
}
|
|
943
946
|
));
|
|
944
|
-
|
|
945
|
-
const
|
|
946
|
-
|
|
947
|
+
tr.displayName = R.Close?.displayName || "ToastClose";
|
|
948
|
+
const rr = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
949
|
+
R.Action,
|
|
947
950
|
{
|
|
948
951
|
ref: a,
|
|
949
952
|
className: o(
|
|
950
953
|
"hover:bg-secondary focus:ring-ring inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:ring-1 focus:outline-none disabled:pointer-events-none disabled:opacity-50",
|
|
951
954
|
r
|
|
952
955
|
),
|
|
953
|
-
...
|
|
956
|
+
...e
|
|
954
957
|
}
|
|
955
958
|
));
|
|
956
|
-
|
|
957
|
-
function
|
|
958
|
-
return /* @__PURE__ */
|
|
959
|
+
rr.displayName = R.Action?.displayName || "ToastAction";
|
|
960
|
+
function oa({ children: r }) {
|
|
961
|
+
return /* @__PURE__ */ t(s, { style: { flex: 1 }, children: r });
|
|
962
|
+
}
|
|
963
|
+
function na() {
|
|
964
|
+
return /* @__PURE__ */ t(re, { onPress: () => {
|
|
965
|
+
}, children: /* @__PURE__ */ t(s, { style: { padding: 10, backgroundColor: "#eee", borderRadius: 5 }, children: /* @__PURE__ */ t(c, { children: "Toggle Theme" }) }) });
|
|
966
|
+
}
|
|
967
|
+
function ia() {
|
|
968
|
+
return /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "Toaster is not yet implemented for React Native" }) });
|
|
969
|
+
}
|
|
970
|
+
const pe = n.createContext(void 0);
|
|
971
|
+
function K() {
|
|
972
|
+
const r = n.useContext(pe);
|
|
973
|
+
if (!r)
|
|
974
|
+
throw new Error("useTOC must be used within a TableOfContents provider");
|
|
975
|
+
return r;
|
|
976
|
+
}
|
|
977
|
+
function Q({ children: r, activeId: e }) {
|
|
978
|
+
const [a, i] = n.useState([]), [l, d] = n.useState(null), f = n.useRef(null), p = n.useMemo(() => {
|
|
979
|
+
const h = e || l;
|
|
980
|
+
return a.find((x) => x.id === h)?.text || null;
|
|
981
|
+
}, [a, l, e]), w = n.useCallback((h, x, v, T) => {
|
|
982
|
+
i((L) => {
|
|
983
|
+
const M = L.find((k) => k.id === h);
|
|
984
|
+
return M && Math.abs(M.pageY - T) < 1 ? L : (M ? L.map((k) => k.id === h ? { id: h, text: x, level: v, pageY: T } : k) : [...L, { id: h, text: x, level: v, pageY: T }]).sort((k, be) => k.pageY - be.pageY);
|
|
985
|
+
});
|
|
986
|
+
}, []), D = n.useCallback((h) => {
|
|
987
|
+
i((x) => x.filter((v) => v.id !== h));
|
|
988
|
+
}, []), Z = n.useCallback(
|
|
989
|
+
(h) => {
|
|
990
|
+
const x = a.find((v) => v.id === h);
|
|
991
|
+
x && f.current && f.current.scrollTo({ y: x.pageY - 20, animated: !0 });
|
|
992
|
+
},
|
|
993
|
+
[a]
|
|
994
|
+
), ee = n.useCallback(
|
|
995
|
+
(h) => {
|
|
996
|
+
const x = h.nativeEvent.contentOffset.y;
|
|
997
|
+
let v = null;
|
|
998
|
+
for (let T = a.length - 1; T >= 0; T--)
|
|
999
|
+
if (x >= a[T].pageY - 100) {
|
|
1000
|
+
v = a[T].id;
|
|
1001
|
+
break;
|
|
1002
|
+
}
|
|
1003
|
+
v !== l && d(v);
|
|
1004
|
+
},
|
|
1005
|
+
[a, l]
|
|
1006
|
+
), ge = n.useMemo(
|
|
1007
|
+
() => ({
|
|
1008
|
+
headings: a,
|
|
1009
|
+
activeId: e || l,
|
|
1010
|
+
activeHeadingText: p,
|
|
1011
|
+
registerHeading: w,
|
|
1012
|
+
unregisterHeading: D,
|
|
1013
|
+
scrollToHeading: Z,
|
|
1014
|
+
onScroll: ee,
|
|
1015
|
+
scrollViewRef: f
|
|
1016
|
+
}),
|
|
1017
|
+
[
|
|
1018
|
+
a,
|
|
1019
|
+
l,
|
|
1020
|
+
e,
|
|
1021
|
+
p,
|
|
1022
|
+
w,
|
|
1023
|
+
D,
|
|
1024
|
+
Z,
|
|
1025
|
+
ee
|
|
1026
|
+
]
|
|
1027
|
+
);
|
|
1028
|
+
return /* @__PURE__ */ t(pe.Provider, { value: ge, children: /* @__PURE__ */ t(s, { className: "flex-1", children: r }) });
|
|
1029
|
+
}
|
|
1030
|
+
function ar({
|
|
1031
|
+
children: r,
|
|
1032
|
+
level: e = 2,
|
|
1033
|
+
id: a,
|
|
1034
|
+
className: i
|
|
1035
|
+
}) {
|
|
1036
|
+
const { registerHeading: l, unregisterHeading: d } = K(), f = a || Oe(r), p = n.useCallback(
|
|
1037
|
+
(w) => {
|
|
1038
|
+
const { y: D } = w.nativeEvent.layout;
|
|
1039
|
+
l(f, r, e, D);
|
|
1040
|
+
},
|
|
1041
|
+
[f, r, e, l]
|
|
1042
|
+
);
|
|
1043
|
+
return n.useEffect(() => () => d(f), [f, d]), /* @__PURE__ */ t(s, { onLayout: p, children: /* @__PURE__ */ t(S, { variant: e === 1 ? "h1" : e === 2 ? "h2" : e === 3 ? "h3" : "h4", className: i, children: r }) });
|
|
959
1044
|
}
|
|
960
|
-
function
|
|
961
|
-
|
|
962
|
-
|
|
1045
|
+
function or({ className: r }) {
|
|
1046
|
+
const { headings: e, activeId: a, scrollToHeading: i } = K();
|
|
1047
|
+
if (e.length === 0)
|
|
1048
|
+
return null;
|
|
1049
|
+
const l = Math.min(...e.map((d) => d.level));
|
|
1050
|
+
return /* @__PURE__ */ b(s, { className: o("space-y-2 p-4", r), children: [
|
|
1051
|
+
/* @__PURE__ */ t(S, { variant: "overline", className: "mb-2 font-bold", children: "On this page" }),
|
|
1052
|
+
e.map((d) => {
|
|
1053
|
+
const f = a === d.id, p = (d.level - l) * 16;
|
|
1054
|
+
return /* @__PURE__ */ t(
|
|
1055
|
+
re,
|
|
1056
|
+
{
|
|
1057
|
+
onPress: () => i(d.id),
|
|
1058
|
+
style: { paddingLeft: p },
|
|
1059
|
+
className: "py-1",
|
|
1060
|
+
children: /* @__PURE__ */ t(c, { className: o("text-sm", f ? "text-primary font-bold" : "text-muted-foreground"), children: d.text })
|
|
1061
|
+
},
|
|
1062
|
+
d.id
|
|
1063
|
+
);
|
|
1064
|
+
})
|
|
1065
|
+
] });
|
|
963
1066
|
}
|
|
964
|
-
function
|
|
965
|
-
|
|
1067
|
+
function nr({ children: r, className: e }) {
|
|
1068
|
+
const { scrollViewRef: a, onScroll: i } = K();
|
|
1069
|
+
return /* @__PURE__ */ t(
|
|
1070
|
+
ye,
|
|
1071
|
+
{
|
|
1072
|
+
ref: a,
|
|
1073
|
+
onScroll: i,
|
|
1074
|
+
scrollEventThrottle: 16,
|
|
1075
|
+
className: o("flex-1", e),
|
|
1076
|
+
contentContainerStyle: { padding: 16 },
|
|
1077
|
+
children: r
|
|
1078
|
+
}
|
|
1079
|
+
);
|
|
966
1080
|
}
|
|
1081
|
+
Q.List = or;
|
|
1082
|
+
Q.Content = nr;
|
|
1083
|
+
Q.Heading = ar;
|
|
967
1084
|
export {
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1085
|
+
ze as Accordion,
|
|
1086
|
+
Ge as AccordionContent,
|
|
1087
|
+
Fe as AccordionItem,
|
|
1088
|
+
je as AccordionTrigger,
|
|
1089
|
+
Me as Alert,
|
|
1090
|
+
Ue as AlertDescription,
|
|
1091
|
+
gr as AlertDialog,
|
|
1092
|
+
Qe as AlertDialogAction,
|
|
1093
|
+
Ze as AlertDialogCancel,
|
|
1094
|
+
$e as AlertDialogContent,
|
|
1095
|
+
Ke as AlertDialogDescription,
|
|
1096
|
+
_e as AlertDialogFooter,
|
|
1097
|
+
Xe as AlertDialogHeader,
|
|
1098
|
+
le as AlertDialogOverlay,
|
|
1099
|
+
We as AlertDialogPortal,
|
|
1100
|
+
Je as AlertDialogTitle,
|
|
1101
|
+
br as AlertDialogTrigger,
|
|
1102
|
+
Ee as AlertTitle,
|
|
1103
|
+
hr as AspectRatio,
|
|
1104
|
+
et as Avatar,
|
|
1105
|
+
rt as AvatarFallback,
|
|
1106
|
+
tt as AvatarImage,
|
|
1107
|
+
yr as Badge,
|
|
1108
|
+
xr as Breadcrumb,
|
|
1109
|
+
qe as Button,
|
|
1110
|
+
Nr as Calendar,
|
|
1111
|
+
nt as Card,
|
|
1112
|
+
dt as CardContent,
|
|
1113
|
+
lt as CardDescription,
|
|
1114
|
+
ct as CardFooter,
|
|
1115
|
+
it as CardHeader,
|
|
1116
|
+
st as CardTitle,
|
|
1117
|
+
wr as Carousel,
|
|
1118
|
+
vr as Chart,
|
|
1119
|
+
mt as Checkbox,
|
|
1120
|
+
Rr as Collapsible,
|
|
1121
|
+
Cr as CollapsibleContent,
|
|
1122
|
+
Tr as CollapsibleTrigger,
|
|
1123
|
+
Sr as Command,
|
|
1124
|
+
Dr as ContextMenu,
|
|
1125
|
+
kr as Dialog,
|
|
1126
|
+
Pr as DialogClose,
|
|
1127
|
+
ut as DialogContent,
|
|
1128
|
+
ht as DialogDescription,
|
|
1129
|
+
gt as DialogFooter,
|
|
1130
|
+
pt as DialogHeader,
|
|
1131
|
+
bt as DialogTitle,
|
|
1132
|
+
Ar as DialogTrigger,
|
|
1133
|
+
Ir as Drawer,
|
|
1134
|
+
Vr as DropdownMenu,
|
|
1135
|
+
Hr as Form,
|
|
1136
|
+
Or as HoverCard,
|
|
1137
|
+
yt as Input,
|
|
1138
|
+
xt as Label,
|
|
1139
|
+
zr as Menubar,
|
|
1140
|
+
Fr as NavigationMenu,
|
|
1141
|
+
Lr as Pagination,
|
|
1142
|
+
jr as Popover,
|
|
1143
|
+
Gr as Progress,
|
|
1144
|
+
Nt as RadioGroup,
|
|
1145
|
+
wt as RadioGroupItem,
|
|
1146
|
+
Er as ResizableHandle,
|
|
1147
|
+
Mr as ResizablePanel,
|
|
1148
|
+
Br as ResizablePanelGroup,
|
|
1149
|
+
Ur as ScrollArea,
|
|
1150
|
+
Yr as Search,
|
|
1151
|
+
qr as Select,
|
|
1152
|
+
Rt as SelectContent,
|
|
1153
|
+
Wr as SelectGroup,
|
|
1154
|
+
Ct as SelectItem,
|
|
1155
|
+
Tt as SelectLabel,
|
|
1156
|
+
me as SelectScrollDownButton,
|
|
1157
|
+
ce as SelectScrollUpButton,
|
|
1158
|
+
St as SelectSeparator,
|
|
1159
|
+
vt as SelectTrigger,
|
|
1160
|
+
$r as SelectValue,
|
|
1161
|
+
Dt as Separator,
|
|
1162
|
+
Xr as Sheet,
|
|
1163
|
+
Jr as SheetClose,
|
|
1164
|
+
Pt as SheetContent,
|
|
1165
|
+
Ot as SheetDescription,
|
|
1166
|
+
Vt as SheetFooter,
|
|
1167
|
+
It as SheetHeader,
|
|
1168
|
+
fe as SheetOverlay,
|
|
1169
|
+
At as SheetPortal,
|
|
1170
|
+
Ht as SheetTitle,
|
|
1171
|
+
_r as SheetTrigger,
|
|
1172
|
+
Kr as Skeleton,
|
|
1173
|
+
Qr as Slider,
|
|
1174
|
+
Zr as Sonner,
|
|
1175
|
+
zt as Switch,
|
|
1176
|
+
Ft as Table,
|
|
1177
|
+
jt as TableBody,
|
|
1178
|
+
Ut as TableCaption,
|
|
1179
|
+
Et as TableCell,
|
|
1180
|
+
Gt as TableFooter,
|
|
1181
|
+
Mt as TableHead,
|
|
1182
|
+
Lt as TableHeader,
|
|
1183
|
+
Q as TableOfContents,
|
|
1184
|
+
nr as TableOfContentsContent,
|
|
1185
|
+
ar as TableOfContentsHeading,
|
|
1186
|
+
or as TableOfContentsList,
|
|
1187
|
+
Bt as TableRow,
|
|
1188
|
+
ea as Tabs,
|
|
1189
|
+
Wt as TabsContent,
|
|
1190
|
+
Yt as TabsList,
|
|
1191
|
+
qt as TabsTrigger,
|
|
1192
|
+
S as Text,
|
|
1193
|
+
$t as Textarea,
|
|
1194
|
+
oa as ThemeProvider,
|
|
1195
|
+
na as ThemeToggle,
|
|
1196
|
+
Qt as Toast,
|
|
1197
|
+
ia as Toaster,
|
|
1198
|
+
Xt as Toggle,
|
|
1199
|
+
_t as ToggleGroup,
|
|
1200
|
+
Jt as ToggleGroupItem,
|
|
1201
|
+
ta as Tooltip,
|
|
1202
|
+
Kt as TooltipContent,
|
|
1203
|
+
aa as TooltipProvider,
|
|
1204
|
+
ra as TooltipTrigger,
|
|
1205
|
+
at as badgeVariants,
|
|
1206
|
+
_ as buttonVariants,
|
|
1086
1207
|
o as cn,
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1208
|
+
kt as textVariants,
|
|
1209
|
+
da as toggleVariants,
|
|
1210
|
+
B as wrapTextChildren
|
|
1090
1211
|
};
|