@darthcharles/greda 0.0.0-stage → 0.2.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/LICENSE +21 -0
- package/README.md +124 -2
- package/THIRD_PARTY_NOTICES.md +19 -0
- package/dist/components/ui/badge.d.ts +9 -0
- package/dist/components/ui/button.d.ts +12 -0
- package/dist/components/ui/card.d.ts +8 -0
- package/dist/components/ui/checkbox.d.ts +4 -0
- package/dist/components/ui/dialog.d.ts +24 -0
- package/dist/components/ui/input.d.ts +3 -0
- package/dist/components/ui/label.d.ts +5 -0
- package/dist/components/ui/select.d.ts +18 -0
- package/dist/components/ui/tabs.d.ts +7 -0
- package/dist/components/ui/textarea.d.ts +3 -0
- package/dist/components/ui/toast.d.ts +15 -0
- package/dist/components/ui/tooltip.d.ts +12 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.js +614 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/utils.d.ts +3 -0
- package/dist/styles.css +104 -0
- package/dist/tokens.css +195 -0
- package/dist/utils.js +9 -0
- package/dist/utils.js.map +1 -0
- package/package.json +96 -4
- package/upstream/shadcn-ui/LICENSE.md +21 -0
package/dist/index.js
ADDED
|
@@ -0,0 +1,614 @@
|
|
|
1
|
+
import { jsx as o, jsxs as m } from "react/jsx-runtime";
|
|
2
|
+
import * as i from "react";
|
|
3
|
+
import { Slot as k } from "@radix-ui/react-slot";
|
|
4
|
+
import { cva as p } from "class-variance-authority";
|
|
5
|
+
import { cn as r } from "./utils.js";
|
|
6
|
+
import * as b from "@radix-ui/react-label";
|
|
7
|
+
import * as s from "@radix-ui/react-select";
|
|
8
|
+
import { Check as x, ChevronDown as y, ChevronUp as S, X as h, Minus as P } from "lucide-react";
|
|
9
|
+
import * as n from "@radix-ui/react-dialog";
|
|
10
|
+
import * as v from "@radix-ui/react-checkbox";
|
|
11
|
+
import * as u from "@radix-ui/react-tabs";
|
|
12
|
+
import * as l from "@radix-ui/react-toast";
|
|
13
|
+
import * as f from "@radix-ui/react-tooltip";
|
|
14
|
+
const z = p(
|
|
15
|
+
"comal-ui inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all active:[&:not([aria-haspopup])]:translate-y-px motion-reduce:active:[&:not([aria-haspopup])]:transform-none focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-disabled [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
|
16
|
+
{
|
|
17
|
+
variants: {
|
|
18
|
+
variant: {
|
|
19
|
+
default: "bg-primary text-primary-foreground shadow hover:bg-primary-hover",
|
|
20
|
+
destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
|
|
21
|
+
outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
|
|
22
|
+
secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
|
|
23
|
+
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
24
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
25
|
+
},
|
|
26
|
+
size: {
|
|
27
|
+
default: "h-9 px-4 py-2",
|
|
28
|
+
sm: "h-8 rounded-md px-3 text-xs",
|
|
29
|
+
lg: "h-10 rounded-md px-8",
|
|
30
|
+
icon: "h-9 w-9"
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
defaultVariants: {
|
|
34
|
+
variant: "default",
|
|
35
|
+
size: "default"
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
), V = i.forwardRef(
|
|
39
|
+
({
|
|
40
|
+
className: e,
|
|
41
|
+
variant: t,
|
|
42
|
+
size: a,
|
|
43
|
+
asChild: d = !1,
|
|
44
|
+
loading: c = !1,
|
|
45
|
+
disabled: g,
|
|
46
|
+
type: C,
|
|
47
|
+
...T
|
|
48
|
+
}, D) => /* @__PURE__ */ o(
|
|
49
|
+
d ? k : "button",
|
|
50
|
+
{
|
|
51
|
+
className: r(z({ variant: t, size: a, className: e })),
|
|
52
|
+
ref: D,
|
|
53
|
+
type: d ? void 0 : C ?? "button",
|
|
54
|
+
disabled: d ? void 0 : g || c,
|
|
55
|
+
"aria-busy": c || void 0,
|
|
56
|
+
...T
|
|
57
|
+
}
|
|
58
|
+
)
|
|
59
|
+
);
|
|
60
|
+
V.displayName = "Button";
|
|
61
|
+
const j = i.forwardRef(
|
|
62
|
+
({ className: e, type: t, ...a }, d) => /* @__PURE__ */ o(
|
|
63
|
+
"input",
|
|
64
|
+
{
|
|
65
|
+
type: t,
|
|
66
|
+
className: r(
|
|
67
|
+
"comal-ui",
|
|
68
|
+
"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-disabled aria-[invalid=true]:border-destructive md:text-sm",
|
|
69
|
+
e
|
|
70
|
+
),
|
|
71
|
+
ref: d,
|
|
72
|
+
...a
|
|
73
|
+
}
|
|
74
|
+
)
|
|
75
|
+
);
|
|
76
|
+
j.displayName = "Input";
|
|
77
|
+
const I = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
78
|
+
"textarea",
|
|
79
|
+
{
|
|
80
|
+
className: r(
|
|
81
|
+
"comal-ui",
|
|
82
|
+
"flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-disabled aria-[invalid=true]:border-destructive md:text-sm",
|
|
83
|
+
e
|
|
84
|
+
),
|
|
85
|
+
ref: a,
|
|
86
|
+
...t
|
|
87
|
+
}
|
|
88
|
+
));
|
|
89
|
+
I.displayName = "Textarea";
|
|
90
|
+
const B = p(
|
|
91
|
+
"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
|
92
|
+
), L = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
93
|
+
b.Root,
|
|
94
|
+
{
|
|
95
|
+
ref: a,
|
|
96
|
+
className: r("comal-ui", B(), e),
|
|
97
|
+
...t
|
|
98
|
+
}
|
|
99
|
+
));
|
|
100
|
+
L.displayName = b.Root.displayName;
|
|
101
|
+
const xe = s.Root, ye = s.Group, he = s.Value, F = i.forwardRef(({ className: e, children: t, ...a }, d) => /* @__PURE__ */ m(
|
|
102
|
+
s.Trigger,
|
|
103
|
+
{
|
|
104
|
+
ref: d,
|
|
105
|
+
className: r(
|
|
106
|
+
"comal-ui",
|
|
107
|
+
"flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-disabled aria-[invalid=true]:border-destructive [&>span]:line-clamp-1",
|
|
108
|
+
e
|
|
109
|
+
),
|
|
110
|
+
...a,
|
|
111
|
+
children: [
|
|
112
|
+
t,
|
|
113
|
+
/* @__PURE__ */ o(s.Icon, { asChild: !0, children: /* @__PURE__ */ o(y, { className: "h-4 w-4 opacity-50" }) })
|
|
114
|
+
]
|
|
115
|
+
}
|
|
116
|
+
));
|
|
117
|
+
F.displayName = s.Trigger.displayName;
|
|
118
|
+
const w = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
119
|
+
s.ScrollUpButton,
|
|
120
|
+
{
|
|
121
|
+
ref: a,
|
|
122
|
+
className: r(
|
|
123
|
+
"comal-ui",
|
|
124
|
+
"flex cursor-default items-center justify-center py-1",
|
|
125
|
+
e
|
|
126
|
+
),
|
|
127
|
+
...t,
|
|
128
|
+
children: /* @__PURE__ */ o(S, { className: "h-4 w-4" })
|
|
129
|
+
}
|
|
130
|
+
));
|
|
131
|
+
w.displayName = s.ScrollUpButton.displayName;
|
|
132
|
+
const N = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
133
|
+
s.ScrollDownButton,
|
|
134
|
+
{
|
|
135
|
+
ref: a,
|
|
136
|
+
className: r(
|
|
137
|
+
"comal-ui",
|
|
138
|
+
"flex cursor-default items-center justify-center py-1",
|
|
139
|
+
e
|
|
140
|
+
),
|
|
141
|
+
...t,
|
|
142
|
+
children: /* @__PURE__ */ o(y, { className: "h-4 w-4" })
|
|
143
|
+
}
|
|
144
|
+
));
|
|
145
|
+
N.displayName = s.ScrollDownButton.displayName;
|
|
146
|
+
const H = i.forwardRef(({ className: e, container: t, children: a, position: d = "popper", ...c }, g) => /* @__PURE__ */ o(s.Portal, { container: t, children: /* @__PURE__ */ m(
|
|
147
|
+
s.Content,
|
|
148
|
+
{
|
|
149
|
+
ref: g,
|
|
150
|
+
className: r(
|
|
151
|
+
"comal-ui",
|
|
152
|
+
"relative z-popover max-h-[--radix-select-content-available-height] 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]",
|
|
153
|
+
d === "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",
|
|
154
|
+
e
|
|
155
|
+
),
|
|
156
|
+
position: d,
|
|
157
|
+
...c,
|
|
158
|
+
children: [
|
|
159
|
+
/* @__PURE__ */ o(w, {}),
|
|
160
|
+
/* @__PURE__ */ o(
|
|
161
|
+
s.Viewport,
|
|
162
|
+
{
|
|
163
|
+
className: r(
|
|
164
|
+
"comal-ui",
|
|
165
|
+
"p-1",
|
|
166
|
+
d === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
|
|
167
|
+
),
|
|
168
|
+
children: a
|
|
169
|
+
}
|
|
170
|
+
),
|
|
171
|
+
/* @__PURE__ */ o(N, {})
|
|
172
|
+
]
|
|
173
|
+
}
|
|
174
|
+
) }));
|
|
175
|
+
H.displayName = s.Content.displayName;
|
|
176
|
+
const U = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
177
|
+
s.Label,
|
|
178
|
+
{
|
|
179
|
+
ref: a,
|
|
180
|
+
className: r(
|
|
181
|
+
"comal-ui",
|
|
182
|
+
"px-2 py-1.5 text-sm font-semibold",
|
|
183
|
+
e
|
|
184
|
+
),
|
|
185
|
+
...t
|
|
186
|
+
}
|
|
187
|
+
));
|
|
188
|
+
U.displayName = s.Label.displayName;
|
|
189
|
+
const A = i.forwardRef(({ className: e, children: t, ...a }, d) => /* @__PURE__ */ m(
|
|
190
|
+
s.Item,
|
|
191
|
+
{
|
|
192
|
+
ref: d,
|
|
193
|
+
className: r(
|
|
194
|
+
"comal-ui",
|
|
195
|
+
"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
196
|
+
e
|
|
197
|
+
),
|
|
198
|
+
...a,
|
|
199
|
+
children: [
|
|
200
|
+
/* @__PURE__ */ o("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(s.ItemIndicator, { children: /* @__PURE__ */ o(x, { className: "h-4 w-4" }) }) }),
|
|
201
|
+
/* @__PURE__ */ o(s.ItemText, { children: t })
|
|
202
|
+
]
|
|
203
|
+
}
|
|
204
|
+
));
|
|
205
|
+
A.displayName = s.Item.displayName;
|
|
206
|
+
const O = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
207
|
+
s.Separator,
|
|
208
|
+
{
|
|
209
|
+
ref: a,
|
|
210
|
+
className: r(
|
|
211
|
+
"comal-ui",
|
|
212
|
+
"-mx-1 my-1 h-px bg-muted",
|
|
213
|
+
e
|
|
214
|
+
),
|
|
215
|
+
...t
|
|
216
|
+
}
|
|
217
|
+
));
|
|
218
|
+
O.displayName = s.Separator.displayName;
|
|
219
|
+
const we = n.Root, Ne = n.Trigger, _ = n.Portal, Re = n.Close, R = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
220
|
+
n.Overlay,
|
|
221
|
+
{
|
|
222
|
+
ref: a,
|
|
223
|
+
className: r(
|
|
224
|
+
"comal-ui",
|
|
225
|
+
"fixed inset-0 z-overlay bg-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
226
|
+
e
|
|
227
|
+
),
|
|
228
|
+
...t
|
|
229
|
+
}
|
|
230
|
+
));
|
|
231
|
+
R.displayName = n.Overlay.displayName;
|
|
232
|
+
const G = i.forwardRef(({ className: e, container: t, children: a, ...d }, c) => /* @__PURE__ */ m(_, { container: t, children: [
|
|
233
|
+
/* @__PURE__ */ o(R, {}),
|
|
234
|
+
/* @__PURE__ */ m(
|
|
235
|
+
n.Content,
|
|
236
|
+
{
|
|
237
|
+
ref: c,
|
|
238
|
+
className: r(
|
|
239
|
+
"comal-ui",
|
|
240
|
+
"fixed left-[50%] top-[50%] z-overlay grid text-foreground w-[calc(100%-2rem)] max-w-lg max-h-[calc(100dvh-2rem)] overflow-y-auto translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
|
|
241
|
+
e
|
|
242
|
+
),
|
|
243
|
+
...d,
|
|
244
|
+
children: [
|
|
245
|
+
a,
|
|
246
|
+
/* @__PURE__ */ m(n.Close, { className: "comal-ui absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
|
|
247
|
+
/* @__PURE__ */ o(h, { className: "h-4 w-4" }),
|
|
248
|
+
/* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
|
|
249
|
+
] })
|
|
250
|
+
]
|
|
251
|
+
}
|
|
252
|
+
)
|
|
253
|
+
] }));
|
|
254
|
+
G.displayName = n.Content.displayName;
|
|
255
|
+
const M = ({
|
|
256
|
+
className: e,
|
|
257
|
+
...t
|
|
258
|
+
}) => /* @__PURE__ */ o(
|
|
259
|
+
"div",
|
|
260
|
+
{
|
|
261
|
+
className: r(
|
|
262
|
+
"comal-ui",
|
|
263
|
+
"flex flex-col space-y-1.5 text-center sm:text-left",
|
|
264
|
+
e
|
|
265
|
+
),
|
|
266
|
+
...t
|
|
267
|
+
}
|
|
268
|
+
);
|
|
269
|
+
M.displayName = "DialogHeader";
|
|
270
|
+
const X = ({
|
|
271
|
+
className: e,
|
|
272
|
+
...t
|
|
273
|
+
}) => /* @__PURE__ */ o(
|
|
274
|
+
"div",
|
|
275
|
+
{
|
|
276
|
+
className: r(
|
|
277
|
+
"comal-ui",
|
|
278
|
+
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
279
|
+
e
|
|
280
|
+
),
|
|
281
|
+
...t
|
|
282
|
+
}
|
|
283
|
+
);
|
|
284
|
+
X.displayName = "DialogFooter";
|
|
285
|
+
const q = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
286
|
+
n.Title,
|
|
287
|
+
{
|
|
288
|
+
ref: a,
|
|
289
|
+
className: r(
|
|
290
|
+
"comal-ui",
|
|
291
|
+
"comal-heading text-lg font-semibold leading-none tracking-tight",
|
|
292
|
+
e
|
|
293
|
+
),
|
|
294
|
+
...t
|
|
295
|
+
}
|
|
296
|
+
));
|
|
297
|
+
q.displayName = n.Title.displayName;
|
|
298
|
+
const E = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
299
|
+
n.Description,
|
|
300
|
+
{
|
|
301
|
+
ref: a,
|
|
302
|
+
className: r("comal-ui", "text-sm text-muted-foreground", e),
|
|
303
|
+
...t
|
|
304
|
+
}
|
|
305
|
+
));
|
|
306
|
+
E.displayName = n.Description.displayName;
|
|
307
|
+
const J = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
308
|
+
"div",
|
|
309
|
+
{
|
|
310
|
+
ref: a,
|
|
311
|
+
className: r(
|
|
312
|
+
"comal-ui",
|
|
313
|
+
"rounded-xl border bg-card text-card-foreground shadow",
|
|
314
|
+
e
|
|
315
|
+
),
|
|
316
|
+
...t
|
|
317
|
+
}
|
|
318
|
+
));
|
|
319
|
+
J.displayName = "Card";
|
|
320
|
+
const K = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
321
|
+
"div",
|
|
322
|
+
{
|
|
323
|
+
ref: a,
|
|
324
|
+
className: r(
|
|
325
|
+
"comal-ui",
|
|
326
|
+
"flex flex-col space-y-1.5 p-6",
|
|
327
|
+
e
|
|
328
|
+
),
|
|
329
|
+
...t
|
|
330
|
+
}
|
|
331
|
+
));
|
|
332
|
+
K.displayName = "CardHeader";
|
|
333
|
+
const Q = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
334
|
+
"div",
|
|
335
|
+
{
|
|
336
|
+
ref: a,
|
|
337
|
+
className: r(
|
|
338
|
+
"comal-ui",
|
|
339
|
+
"comal-heading font-semibold leading-none tracking-tight",
|
|
340
|
+
e
|
|
341
|
+
),
|
|
342
|
+
...t
|
|
343
|
+
}
|
|
344
|
+
));
|
|
345
|
+
Q.displayName = "CardTitle";
|
|
346
|
+
const W = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
347
|
+
"div",
|
|
348
|
+
{
|
|
349
|
+
ref: a,
|
|
350
|
+
className: r("comal-ui", "text-sm text-muted-foreground", e),
|
|
351
|
+
...t
|
|
352
|
+
}
|
|
353
|
+
));
|
|
354
|
+
W.displayName = "CardDescription";
|
|
355
|
+
const Y = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
356
|
+
"div",
|
|
357
|
+
{
|
|
358
|
+
ref: a,
|
|
359
|
+
className: r("comal-ui", "p-6 pt-0", e),
|
|
360
|
+
...t
|
|
361
|
+
}
|
|
362
|
+
));
|
|
363
|
+
Y.displayName = "CardContent";
|
|
364
|
+
const Z = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
365
|
+
"div",
|
|
366
|
+
{
|
|
367
|
+
ref: a,
|
|
368
|
+
className: r(
|
|
369
|
+
"comal-ui",
|
|
370
|
+
"flex items-center p-6 pt-0",
|
|
371
|
+
e
|
|
372
|
+
),
|
|
373
|
+
...t
|
|
374
|
+
}
|
|
375
|
+
));
|
|
376
|
+
Z.displayName = "CardFooter";
|
|
377
|
+
const $ = p(
|
|
378
|
+
"comal-ui inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
|
|
379
|
+
{
|
|
380
|
+
variants: {
|
|
381
|
+
variant: {
|
|
382
|
+
default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
|
|
383
|
+
secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
384
|
+
destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
|
|
385
|
+
outline: "text-foreground"
|
|
386
|
+
}
|
|
387
|
+
},
|
|
388
|
+
defaultVariants: {
|
|
389
|
+
variant: "default"
|
|
390
|
+
}
|
|
391
|
+
}
|
|
392
|
+
);
|
|
393
|
+
function Ce({ className: e, variant: t, ...a }) {
|
|
394
|
+
return /* @__PURE__ */ o("div", { className: r($({ variant: t }), e), ...a });
|
|
395
|
+
}
|
|
396
|
+
const ee = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
397
|
+
v.Root,
|
|
398
|
+
{
|
|
399
|
+
ref: a,
|
|
400
|
+
className: r(
|
|
401
|
+
"comal-ui",
|
|
402
|
+
"grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-disabled aria-[invalid=true]:border-destructive data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
|
|
403
|
+
e
|
|
404
|
+
),
|
|
405
|
+
...t,
|
|
406
|
+
children: /* @__PURE__ */ m(
|
|
407
|
+
v.Indicator,
|
|
408
|
+
{
|
|
409
|
+
"data-slot": "checkbox-indicator",
|
|
410
|
+
className: r(
|
|
411
|
+
"comal-ui",
|
|
412
|
+
"grid place-content-center text-current"
|
|
413
|
+
),
|
|
414
|
+
children: [
|
|
415
|
+
/* @__PURE__ */ o(x, { className: "h-4 w-4", "data-check-icon": "" }),
|
|
416
|
+
/* @__PURE__ */ o(P, { className: "h-4 w-4", "data-mixed-icon": "" })
|
|
417
|
+
]
|
|
418
|
+
}
|
|
419
|
+
)
|
|
420
|
+
}
|
|
421
|
+
));
|
|
422
|
+
ee.displayName = v.Root.displayName;
|
|
423
|
+
const Te = u.Root, te = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
424
|
+
u.List,
|
|
425
|
+
{
|
|
426
|
+
ref: a,
|
|
427
|
+
className: r(
|
|
428
|
+
"comal-ui",
|
|
429
|
+
"inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground data-[orientation=vertical]:h-auto data-[orientation=vertical]:flex-col",
|
|
430
|
+
e
|
|
431
|
+
),
|
|
432
|
+
...t
|
|
433
|
+
}
|
|
434
|
+
));
|
|
435
|
+
te.displayName = u.List.displayName;
|
|
436
|
+
const ae = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
437
|
+
u.Trigger,
|
|
438
|
+
{
|
|
439
|
+
ref: a,
|
|
440
|
+
className: r(
|
|
441
|
+
"comal-ui",
|
|
442
|
+
"inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
|
|
443
|
+
e
|
|
444
|
+
),
|
|
445
|
+
...t
|
|
446
|
+
}
|
|
447
|
+
));
|
|
448
|
+
ae.displayName = u.Trigger.displayName;
|
|
449
|
+
const oe = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
450
|
+
u.Content,
|
|
451
|
+
{
|
|
452
|
+
ref: a,
|
|
453
|
+
className: r(
|
|
454
|
+
"comal-ui",
|
|
455
|
+
"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
|
|
456
|
+
e
|
|
457
|
+
),
|
|
458
|
+
...t
|
|
459
|
+
}
|
|
460
|
+
));
|
|
461
|
+
oe.displayName = u.Content.displayName;
|
|
462
|
+
const De = l.Provider, re = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
463
|
+
l.Viewport,
|
|
464
|
+
{
|
|
465
|
+
ref: a,
|
|
466
|
+
className: r(
|
|
467
|
+
"comal-ui",
|
|
468
|
+
"fixed top-0 z-toast flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[var(--toast-width)]",
|
|
469
|
+
e
|
|
470
|
+
),
|
|
471
|
+
...t
|
|
472
|
+
}
|
|
473
|
+
));
|
|
474
|
+
re.displayName = l.Viewport.displayName;
|
|
475
|
+
const ie = p(
|
|
476
|
+
"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 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
|
|
477
|
+
{
|
|
478
|
+
variants: {
|
|
479
|
+
variant: {
|
|
480
|
+
default: "border bg-background text-foreground",
|
|
481
|
+
destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
|
|
482
|
+
}
|
|
483
|
+
},
|
|
484
|
+
defaultVariants: {
|
|
485
|
+
variant: "default"
|
|
486
|
+
}
|
|
487
|
+
}
|
|
488
|
+
), se = i.forwardRef(({ className: e, variant: t, ...a }, d) => /* @__PURE__ */ o(
|
|
489
|
+
l.Root,
|
|
490
|
+
{
|
|
491
|
+
ref: d,
|
|
492
|
+
className: r("comal-ui", ie({ variant: t }), e),
|
|
493
|
+
...a
|
|
494
|
+
}
|
|
495
|
+
));
|
|
496
|
+
se.displayName = l.Root.displayName;
|
|
497
|
+
const de = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
498
|
+
l.Action,
|
|
499
|
+
{
|
|
500
|
+
ref: a,
|
|
501
|
+
className: r(
|
|
502
|
+
"comal-ui",
|
|
503
|
+
"inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
|
|
504
|
+
e
|
|
505
|
+
),
|
|
506
|
+
...t
|
|
507
|
+
}
|
|
508
|
+
));
|
|
509
|
+
de.displayName = l.Action.displayName;
|
|
510
|
+
const ne = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
511
|
+
l.Close,
|
|
512
|
+
{
|
|
513
|
+
ref: a,
|
|
514
|
+
className: r(
|
|
515
|
+
"comal-ui",
|
|
516
|
+
"absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
|
|
517
|
+
e
|
|
518
|
+
),
|
|
519
|
+
"aria-label": "Dismiss notification",
|
|
520
|
+
"toast-close": "",
|
|
521
|
+
...t,
|
|
522
|
+
children: /* @__PURE__ */ o(h, { className: "h-4 w-4" })
|
|
523
|
+
}
|
|
524
|
+
));
|
|
525
|
+
ne.displayName = l.Close.displayName;
|
|
526
|
+
const le = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
527
|
+
l.Title,
|
|
528
|
+
{
|
|
529
|
+
ref: a,
|
|
530
|
+
className: r(
|
|
531
|
+
"comal-ui",
|
|
532
|
+
"text-sm font-semibold [&+div]:text-xs",
|
|
533
|
+
e
|
|
534
|
+
),
|
|
535
|
+
...t
|
|
536
|
+
}
|
|
537
|
+
));
|
|
538
|
+
le.displayName = l.Title.displayName;
|
|
539
|
+
const ce = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
540
|
+
l.Description,
|
|
541
|
+
{
|
|
542
|
+
ref: a,
|
|
543
|
+
className: r("comal-ui", "text-sm opacity-90", e),
|
|
544
|
+
...t
|
|
545
|
+
}
|
|
546
|
+
));
|
|
547
|
+
ce.displayName = l.Description.displayName;
|
|
548
|
+
const ke = f.Provider, Se = f.Root, Pe = f.Trigger, me = i.forwardRef(({ className: e, container: t, sideOffset: a = 4, ...d }, c) => /* @__PURE__ */ o(f.Portal, { container: t, children: /* @__PURE__ */ o(
|
|
549
|
+
f.Content,
|
|
550
|
+
{
|
|
551
|
+
ref: c,
|
|
552
|
+
sideOffset: a,
|
|
553
|
+
className: r(
|
|
554
|
+
"comal-ui",
|
|
555
|
+
"z-popover max-w-[var(--tooltip-width)] overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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-tooltip-content-transform-origin]",
|
|
556
|
+
e
|
|
557
|
+
),
|
|
558
|
+
...d
|
|
559
|
+
}
|
|
560
|
+
) }));
|
|
561
|
+
me.displayName = f.Content.displayName;
|
|
562
|
+
export {
|
|
563
|
+
Ce as Badge,
|
|
564
|
+
V as Button,
|
|
565
|
+
J as Card,
|
|
566
|
+
Y as CardContent,
|
|
567
|
+
W as CardDescription,
|
|
568
|
+
Z as CardFooter,
|
|
569
|
+
K as CardHeader,
|
|
570
|
+
Q as CardTitle,
|
|
571
|
+
ee as Checkbox,
|
|
572
|
+
we as Dialog,
|
|
573
|
+
Re as DialogClose,
|
|
574
|
+
G as DialogContent,
|
|
575
|
+
E as DialogDescription,
|
|
576
|
+
X as DialogFooter,
|
|
577
|
+
M as DialogHeader,
|
|
578
|
+
R as DialogOverlay,
|
|
579
|
+
_ as DialogPortal,
|
|
580
|
+
q as DialogTitle,
|
|
581
|
+
Ne as DialogTrigger,
|
|
582
|
+
j as Input,
|
|
583
|
+
L as Label,
|
|
584
|
+
xe as Select,
|
|
585
|
+
H as SelectContent,
|
|
586
|
+
ye as SelectGroup,
|
|
587
|
+
A as SelectItem,
|
|
588
|
+
U as SelectLabel,
|
|
589
|
+
N as SelectScrollDownButton,
|
|
590
|
+
w as SelectScrollUpButton,
|
|
591
|
+
O as SelectSeparator,
|
|
592
|
+
F as SelectTrigger,
|
|
593
|
+
he as SelectValue,
|
|
594
|
+
Te as Tabs,
|
|
595
|
+
oe as TabsContent,
|
|
596
|
+
te as TabsList,
|
|
597
|
+
ae as TabsTrigger,
|
|
598
|
+
I as Textarea,
|
|
599
|
+
se as Toast,
|
|
600
|
+
de as ToastAction,
|
|
601
|
+
ne as ToastClose,
|
|
602
|
+
ce as ToastDescription,
|
|
603
|
+
De as ToastProvider,
|
|
604
|
+
le as ToastTitle,
|
|
605
|
+
re as ToastViewport,
|
|
606
|
+
Se as Tooltip,
|
|
607
|
+
me as TooltipContent,
|
|
608
|
+
ke as TooltipProvider,
|
|
609
|
+
Pe as TooltipTrigger,
|
|
610
|
+
$ as badgeVariants,
|
|
611
|
+
z as buttonVariants,
|
|
612
|
+
r as cn
|
|
613
|
+
};
|
|
614
|
+
//# sourceMappingURL=index.js.map
|