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