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