@darthcharles/greda 1.1.0 → 1.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.
Files changed (7) hide show
  1. package/THIRD_PARTY_NOTICES.md +2 -1
  2. package/dist/components/ui/popover.d.ts +22 -0
  3. package/dist/index.d.ts +1 -0
  4. package/dist/index.js +243 -189
  5. package/dist/index.js.map +1 -1
  6. package/dist/styles.css +1 -1
  7. package/package.json +10 -2
package/dist/index.js CHANGED
@@ -1,17 +1,18 @@
1
- import { jsx as o, jsxs as m } from "react/jsx-runtime";
1
+ import { jsx as o, jsxs as u } from "react/jsx-runtime";
2
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";
3
+ import { Slot as V } from "@radix-ui/react-slot";
4
+ import { cva as x } from "class-variance-authority";
5
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
- 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";
6
+ import * as N from "@radix-ui/react-label";
7
+ import * as n from "@radix-ui/react-select";
8
+ import { Check as C, ChevronDown as R, ChevronUp as j, X as T, Minus as I } from "lucide-react";
9
+ import * as d from "@radix-ui/react-dialog";
10
+ import * as h from "@radix-ui/react-checkbox";
11
+ import * as p from "@radix-ui/react-tabs";
12
12
  import * as l from "@radix-ui/react-toast";
13
- import * as p from "@radix-ui/react-tooltip";
14
- const z = f(
13
+ import * as f from "@radix-ui/react-tooltip";
14
+ import * as m from "@radix-ui/react-popover";
15
+ const B = x(
15
16
  "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
  {
17
18
  variants: {
@@ -35,31 +36,31 @@ const z = f(
35
36
  size: "default"
36
37
  }
37
38
  }
38
- ), V = i.forwardRef(
39
+ ), L = i.forwardRef(
39
40
  ({
40
41
  className: e,
41
42
  variant: t,
42
43
  size: a,
43
- asChild: d = !1,
44
+ asChild: s = !1,
44
45
  loading: c = !1,
45
46
  disabled: g,
46
- type: C,
47
- ...T
48
- }, D) => /* @__PURE__ */ o(
49
- d ? S : "button",
47
+ type: v,
48
+ ...y
49
+ }, b) => /* @__PURE__ */ o(
50
+ s ? V : "button",
50
51
  {
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,
52
+ className: r(B({ variant: t, size: a, className: e })),
53
+ ref: b,
54
+ type: s ? void 0 : v ?? "button",
55
+ disabled: s ? void 0 : g || c,
55
56
  "aria-busy": c || void 0,
56
- ...T
57
+ ...y
57
58
  }
58
59
  )
59
60
  );
60
- V.displayName = "Button";
61
- const j = i.forwardRef(
62
- ({ className: e, type: t, ...a }, d) => /* @__PURE__ */ o(
61
+ L.displayName = "Button";
62
+ const O = i.forwardRef(
63
+ ({ className: e, type: t, ...a }, s) => /* @__PURE__ */ o(
63
64
  "input",
64
65
  {
65
66
  type: t,
@@ -68,13 +69,13 @@ const j = i.forwardRef(
68
69
  "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
70
  e
70
71
  ),
71
- ref: d,
72
+ ref: s,
72
73
  ...a
73
74
  }
74
75
  )
75
76
  );
76
- j.displayName = "Input";
77
- const I = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
77
+ O.displayName = "Input";
78
+ const A = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
78
79
  "textarea",
79
80
  {
80
81
  className: r(
@@ -86,22 +87,22 @@ const I = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
86
87
  ...t
87
88
  }
88
89
  ));
89
- I.displayName = "Textarea";
90
- const B = f(
90
+ A.displayName = "Textarea";
91
+ const F = x(
91
92
  "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,
93
+ ), H = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
94
+ N.Root,
94
95
  {
95
96
  ref: a,
96
- className: r("comal-ui", B(), e),
97
+ className: r("comal-ui", F(), e),
97
98
  ...t
98
99
  }
99
100
  ));
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,
101
+ H.displayName = N.Root.displayName;
102
+ const Re = n.Root, Te = n.Group, De = n.Value, U = i.forwardRef(({ className: e, children: t, ...a }, s) => /* @__PURE__ */ u(
103
+ n.Trigger,
103
104
  {
104
- ref: d,
105
+ ref: s,
105
106
  className: r(
106
107
  "comal-ui",
107
108
  "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",
@@ -110,13 +111,13 @@ const be = s.Root, xe = s.Group, he = s.Value, F = i.forwardRef(({ className: e,
110
111
  ...a,
111
112
  children: [
112
113
  t,
113
- /* @__PURE__ */ o(s.Icon, { asChild: !0, children: /* @__PURE__ */ o(x, { className: "h-4 w-4 opacity-50" }) })
114
+ /* @__PURE__ */ o(n.Icon, { asChild: !0, children: /* @__PURE__ */ o(R, { className: "h-4 w-4 opacity-50" }) })
114
115
  ]
115
116
  }
116
117
  ));
117
- F.displayName = s.Trigger.displayName;
118
- const w = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
119
- s.ScrollUpButton,
118
+ U.displayName = n.Trigger.displayName;
119
+ const D = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
120
+ n.ScrollUpButton,
120
121
  {
121
122
  ref: a,
122
123
  className: r(
@@ -125,12 +126,12 @@ const w = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
125
126
  e
126
127
  ),
127
128
  ...t,
128
- children: /* @__PURE__ */ o(k, { className: "h-4 w-4" })
129
+ children: /* @__PURE__ */ o(j, { className: "h-4 w-4" })
129
130
  }
130
131
  ));
131
- w.displayName = s.ScrollUpButton.displayName;
132
- const N = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
133
- s.ScrollDownButton,
132
+ D.displayName = n.ScrollUpButton.displayName;
133
+ const P = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
134
+ n.ScrollDownButton,
134
135
  {
135
136
  ref: a,
136
137
  className: r(
@@ -139,42 +140,42 @@ const N = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
139
140
  e
140
141
  ),
141
142
  ...t,
142
- children: /* @__PURE__ */ o(x, { className: "h-4 w-4" })
143
+ children: /* @__PURE__ */ o(R, { className: "h-4 w-4" })
143
144
  }
144
145
  ));
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,
146
+ P.displayName = n.ScrollDownButton.displayName;
147
+ const _ = i.forwardRef(({ className: e, container: t, children: a, position: s = "popper", ...c }, g) => /* @__PURE__ */ o(n.Portal, { container: t, children: /* @__PURE__ */ u(
148
+ n.Content,
148
149
  {
149
150
  ref: g,
150
151
  className: r(
151
152
  "comal-ui",
152
153
  "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
+ s === "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
155
  e
155
156
  ),
156
- position: d,
157
+ position: s,
157
158
  ...c,
158
159
  children: [
159
- /* @__PURE__ */ o(w, {}),
160
+ /* @__PURE__ */ o(D, {}),
160
161
  /* @__PURE__ */ o(
161
- s.Viewport,
162
+ n.Viewport,
162
163
  {
163
164
  className: r(
164
165
  "comal-ui",
165
166
  "p-1",
166
- d === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
167
+ s === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
167
168
  ),
168
169
  children: a
169
170
  }
170
171
  ),
171
- /* @__PURE__ */ o(N, {})
172
+ /* @__PURE__ */ o(P, {})
172
173
  ]
173
174
  }
174
175
  ) }));
175
- H.displayName = s.Content.displayName;
176
- const U = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
177
- s.Label,
176
+ _.displayName = n.Content.displayName;
177
+ const G = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
178
+ n.Label,
178
179
  {
179
180
  ref: a,
180
181
  className: r(
@@ -185,11 +186,11 @@ const U = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
185
186
  ...t
186
187
  }
187
188
  ));
188
- U.displayName = s.Label.displayName;
189
- const A = i.forwardRef(({ className: e, children: t, ...a }, d) => /* @__PURE__ */ m(
190
- s.Item,
189
+ G.displayName = n.Label.displayName;
190
+ const E = i.forwardRef(({ className: e, children: t, ...a }, s) => /* @__PURE__ */ u(
191
+ n.Item,
191
192
  {
192
- ref: d,
193
+ ref: s,
193
194
  className: r(
194
195
  "comal-ui",
195
196
  "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",
@@ -197,14 +198,14 @@ const A = i.forwardRef(({ className: e, children: t, ...a }, d) => /* @__PURE__
197
198
  ),
198
199
  ...a,
199
200
  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(b, { className: "h-4 w-4" }) }) }),
201
- /* @__PURE__ */ o(s.ItemText, { children: t })
201
+ /* @__PURE__ */ o("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(n.ItemIndicator, { children: /* @__PURE__ */ o(C, { className: "h-4 w-4" }) }) }),
202
+ /* @__PURE__ */ o(n.ItemText, { children: t })
202
203
  ]
203
204
  }
204
205
  ));
205
- A.displayName = s.Item.displayName;
206
- const O = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
207
- s.Separator,
206
+ E.displayName = n.Item.displayName;
207
+ const X = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
208
+ n.Separator,
208
209
  {
209
210
  ref: a,
210
211
  className: r(
@@ -215,9 +216,9 @@ const O = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
215
216
  ...t
216
217
  }
217
218
  ));
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,
219
+ X.displayName = n.Separator.displayName;
220
+ const Pe = d.Root, Se = d.Trigger, q = d.Portal, ke = d.Close, S = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
221
+ d.Overlay,
221
222
  {
222
223
  ref: a,
223
224
  className: r(
@@ -228,11 +229,11 @@ const we = n.Root, Ne = n.Trigger, _ = n.Portal, Re = n.Close, R = i.forwardRef(
228
229
  ...t
229
230
  }
230
231
  ));
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,
232
+ S.displayName = d.Overlay.displayName;
233
+ const J = i.forwardRef(({ className: e, container: t, children: a, ...s }, c) => /* @__PURE__ */ u(q, { container: t, children: [
234
+ /* @__PURE__ */ o(S, {}),
235
+ /* @__PURE__ */ u(
236
+ d.Content,
236
237
  {
237
238
  ref: c,
238
239
  className: r(
@@ -240,19 +241,19 @@ const G = i.forwardRef(({ className: e, container: t, children: a, ...d }, c) =>
240
241
  "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
242
  e
242
243
  ),
243
- ...d,
244
+ ...s,
244
245
  children: [
245
246
  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" }),
247
+ /* @__PURE__ */ u(d.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: [
248
+ /* @__PURE__ */ o(T, { className: "h-4 w-4" }),
248
249
  /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
249
250
  ] })
250
251
  ]
251
252
  }
252
253
  )
253
254
  ] }));
254
- G.displayName = n.Content.displayName;
255
- const M = ({
255
+ J.displayName = d.Content.displayName;
256
+ const K = ({
256
257
  className: e,
257
258
  ...t
258
259
  }) => /* @__PURE__ */ o(
@@ -266,8 +267,8 @@ const M = ({
266
267
  ...t
267
268
  }
268
269
  );
269
- M.displayName = "DialogHeader";
270
- const X = ({
270
+ K.displayName = "DialogHeader";
271
+ const M = ({
271
272
  className: e,
272
273
  ...t
273
274
  }) => /* @__PURE__ */ o(
@@ -281,9 +282,9 @@ const X = ({
281
282
  ...t
282
283
  }
283
284
  );
284
- X.displayName = "DialogFooter";
285
- const q = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
286
- n.Title,
285
+ M.displayName = "DialogFooter";
286
+ const Q = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
287
+ d.Title,
287
288
  {
288
289
  ref: a,
289
290
  className: r(
@@ -294,17 +295,17 @@ const q = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
294
295
  ...t
295
296
  }
296
297
  ));
297
- q.displayName = n.Title.displayName;
298
- const E = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
299
- n.Description,
298
+ Q.displayName = d.Title.displayName;
299
+ const W = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
300
+ d.Description,
300
301
  {
301
302
  ref: a,
302
303
  className: r("comal-ui", "text-sm text-muted", e),
303
304
  ...t
304
305
  }
305
306
  ));
306
- E.displayName = n.Description.displayName;
307
- const J = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
307
+ W.displayName = d.Description.displayName;
308
+ const Y = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
308
309
  "div",
309
310
  {
310
311
  ref: a,
@@ -316,8 +317,8 @@ const J = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
316
317
  ...t
317
318
  }
318
319
  ));
319
- J.displayName = "Card";
320
- const K = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
320
+ Y.displayName = "Card";
321
+ const Z = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
321
322
  "div",
322
323
  {
323
324
  ref: a,
@@ -329,8 +330,8 @@ const K = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
329
330
  ...t
330
331
  }
331
332
  ));
332
- K.displayName = "CardHeader";
333
- const Q = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
333
+ Z.displayName = "CardHeader";
334
+ const $ = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
334
335
  "div",
335
336
  {
336
337
  ref: a,
@@ -342,8 +343,8 @@ const Q = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
342
343
  ...t
343
344
  }
344
345
  ));
345
- Q.displayName = "CardTitle";
346
- const W = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
346
+ $.displayName = "CardTitle";
347
+ const ee = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
347
348
  "div",
348
349
  {
349
350
  ref: a,
@@ -351,8 +352,8 @@ const W = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
351
352
  ...t
352
353
  }
353
354
  ));
354
- W.displayName = "CardDescription";
355
- const Y = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
355
+ ee.displayName = "CardDescription";
356
+ const te = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
356
357
  "div",
357
358
  {
358
359
  ref: a,
@@ -360,8 +361,8 @@ const Y = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
360
361
  ...t
361
362
  }
362
363
  ));
363
- Y.displayName = "CardContent";
364
- const Z = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
364
+ te.displayName = "CardContent";
365
+ const ae = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
365
366
  "div",
366
367
  {
367
368
  ref: a,
@@ -373,8 +374,8 @@ const Z = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
373
374
  ...t
374
375
  }
375
376
  ));
376
- Z.displayName = "CardFooter";
377
- const $ = f(
377
+ ae.displayName = "CardFooter";
378
+ const oe = x(
378
379
  "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
  {
380
381
  variants: {
@@ -390,11 +391,11 @@ const $ = f(
390
391
  }
391
392
  }
392
393
  );
393
- function Ce({ className: e, variant: t, ...a }) {
394
- return /* @__PURE__ */ o("div", { className: r($({ variant: t }), e), ...a });
394
+ function ze({ className: e, variant: t, ...a }) {
395
+ return /* @__PURE__ */ o("div", { className: r(oe({ variant: t }), e), ...a });
395
396
  }
396
- const ee = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
397
- v.Root,
397
+ const re = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
398
+ h.Root,
398
399
  {
399
400
  ref: a,
400
401
  className: r(
@@ -403,8 +404,8 @@ const ee = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
403
404
  e
404
405
  ),
405
406
  ...t,
406
- children: /* @__PURE__ */ m(
407
- v.Indicator,
407
+ children: /* @__PURE__ */ u(
408
+ h.Indicator,
408
409
  {
409
410
  "data-slot": "checkbox-indicator",
410
411
  className: r(
@@ -412,16 +413,16 @@ const ee = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
412
413
  "grid place-content-center text-current"
413
414
  ),
414
415
  children: [
415
- /* @__PURE__ */ o(b, { className: "h-4 w-4", "data-check-icon": "" }),
416
- /* @__PURE__ */ o(P, { className: "h-4 w-4", "data-mixed-icon": "" })
416
+ /* @__PURE__ */ o(C, { className: "h-4 w-4", "data-check-icon": "" }),
417
+ /* @__PURE__ */ o(I, { className: "h-4 w-4", "data-mixed-icon": "" })
417
418
  ]
418
419
  }
419
420
  )
420
421
  }
421
422
  ));
422
- ee.displayName = v.Root.displayName;
423
- const Te = u.Root, te = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
424
- u.List,
423
+ re.displayName = h.Root.displayName;
424
+ const Ve = p.Root, ie = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
425
+ p.List,
425
426
  {
426
427
  ref: a,
427
428
  className: r(
@@ -432,9 +433,9 @@ const Te = u.Root, te = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__
432
433
  ...t
433
434
  }
434
435
  ));
435
- te.displayName = u.List.displayName;
436
- const ae = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
437
- u.Trigger,
436
+ ie.displayName = p.List.displayName;
437
+ const se = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
438
+ p.Trigger,
438
439
  {
439
440
  ref: a,
440
441
  className: r(
@@ -445,9 +446,9 @@ const ae = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
445
446
  ...t
446
447
  }
447
448
  ));
448
- ae.displayName = u.Trigger.displayName;
449
- const oe = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
450
- u.Content,
449
+ se.displayName = p.Trigger.displayName;
450
+ const ne = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
451
+ p.Content,
451
452
  {
452
453
  ref: a,
453
454
  className: r(
@@ -458,8 +459,8 @@ const oe = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
458
459
  ...t
459
460
  }
460
461
  ));
461
- oe.displayName = u.Content.displayName;
462
- const De = l.Provider, re = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
462
+ ne.displayName = p.Content.displayName;
463
+ const je = l.Provider, de = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
463
464
  l.Viewport,
464
465
  {
465
466
  ref: a,
@@ -471,8 +472,8 @@ const De = l.Provider, re = i.forwardRef(({ className: e, ...t }, a) => /* @__PU
471
472
  ...t
472
473
  }
473
474
  ));
474
- re.displayName = l.Viewport.displayName;
475
- const ie = f(
475
+ de.displayName = l.Viewport.displayName;
476
+ const le = x(
476
477
  "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
  {
478
479
  variants: {
@@ -485,16 +486,16 @@ const ie = f(
485
486
  variant: "default"
486
487
  }
487
488
  }
488
- ), se = i.forwardRef(({ className: e, variant: t, ...a }, d) => /* @__PURE__ */ o(
489
+ ), ce = i.forwardRef(({ className: e, variant: t, ...a }, s) => /* @__PURE__ */ o(
489
490
  l.Root,
490
491
  {
491
- ref: d,
492
- className: r("comal-ui", ie({ variant: t }), e),
492
+ ref: s,
493
+ className: r("comal-ui", le({ variant: t }), e),
493
494
  ...a
494
495
  }
495
496
  ));
496
- se.displayName = l.Root.displayName;
497
- const de = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
497
+ ce.displayName = l.Root.displayName;
498
+ const me = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
498
499
  l.Action,
499
500
  {
500
501
  ref: a,
@@ -506,8 +507,8 @@ const de = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
506
507
  ...t
507
508
  }
508
509
  ));
509
- de.displayName = l.Action.displayName;
510
- const ne = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
510
+ me.displayName = l.Action.displayName;
511
+ const ue = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
511
512
  l.Close,
512
513
  {
513
514
  ref: a,
@@ -519,11 +520,11 @@ const ne = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
519
520
  "aria-label": "Dismiss notification",
520
521
  "toast-close": "",
521
522
  ...t,
522
- children: /* @__PURE__ */ o(h, { className: "h-4 w-4" })
523
+ children: /* @__PURE__ */ o(T, { className: "h-4 w-4" })
523
524
  }
524
525
  ));
525
- ne.displayName = l.Close.displayName;
526
- const le = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
526
+ ue.displayName = l.Close.displayName;
527
+ const pe = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
527
528
  l.Title,
528
529
  {
529
530
  ref: a,
@@ -535,8 +536,8 @@ const le = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
535
536
  ...t
536
537
  }
537
538
  ));
538
- le.displayName = l.Title.displayName;
539
- const ce = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
539
+ pe.displayName = l.Title.displayName;
540
+ const fe = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
540
541
  l.Description,
541
542
  {
542
543
  ref: a,
@@ -544,9 +545,9 @@ const ce = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
544
545
  ...t
545
546
  }
546
547
  ));
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,
548
+ fe.displayName = l.Description.displayName;
549
+ const Ie = f.Provider, Be = f.Root, Le = f.Trigger, ge = i.forwardRef(({ className: e, container: t, sideOffset: a = 4, ...s }, c) => /* @__PURE__ */ o(f.Portal, { container: t, children: /* @__PURE__ */ o(
550
+ f.Content,
550
551
  {
551
552
  ref: c,
552
553
  sideOffset: a,
@@ -555,60 +556,113 @@ const Se = p.Provider, ke = p.Root, Pe = p.Trigger, me = i.forwardRef(({ classNa
555
556
  "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
557
  e
557
558
  ),
558
- ...d
559
+ ...s
559
560
  }
560
561
  ) }));
561
- me.displayName = p.Content.displayName;
562
+ ge.displayName = f.Content.displayName;
563
+ const Oe = m.Anchor, k = i.createContext({ side: "bottom", align: "center", sideOffset: 4 });
564
+ function Ae({ placement: e = "bottom", sideOffset: t = 4, ...a }) {
565
+ const [s, c = "center"] = e.split("-");
566
+ return /* @__PURE__ */ o(k.Provider, { value: { side: s, align: c, sideOffset: t }, children: /* @__PURE__ */ o(m.Root, { ...a }) });
567
+ }
568
+ const ve = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
569
+ m.Trigger,
570
+ {
571
+ ref: a,
572
+ className: r("comal-ui", e),
573
+ ...t
574
+ }
575
+ ));
576
+ ve.displayName = m.Trigger.displayName;
577
+ const ye = i.forwardRef(({ container: e, className: t, collisionPadding: a = 8, forceMount: s, ...c }, g) => {
578
+ const v = i.useContext(k), y = e && "current" in e ? e : void 0, [b, w] = i.useState(null);
579
+ if (i.useEffect(() => {
580
+ w(y?.current ?? null);
581
+ }, [y]), y && !b) return null;
582
+ const z = e && "current" in e ? b : e;
583
+ return /* @__PURE__ */ o(m.Portal, { container: z, forceMount: s, children: /* @__PURE__ */ o(
584
+ m.Content,
585
+ {
586
+ ref: g,
587
+ side: v.side,
588
+ align: v.align,
589
+ sideOffset: v.sideOffset,
590
+ collisionPadding: a,
591
+ forceMount: s,
592
+ className: r(
593
+ "comal-ui",
594
+ "z-popover w-72 max-w-[var(--radix-popover-content-available-width)] max-h-[var(--radix-popover-content-available-height)] overflow-y-auto rounded-md border bg-popover p-4 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-popover-content-transform-origin]",
595
+ t
596
+ ),
597
+ ...c
598
+ }
599
+ ) });
600
+ });
601
+ ye.displayName = m.Content.displayName;
602
+ const be = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
603
+ m.Close,
604
+ {
605
+ ref: a,
606
+ className: r("comal-ui", e),
607
+ ...t
608
+ }
609
+ ));
610
+ be.displayName = m.Close.displayName;
562
611
  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
- be as Select,
585
- H as SelectContent,
586
- xe 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
- ke as Tooltip,
607
- me as TooltipContent,
608
- Se as TooltipProvider,
609
- Pe as TooltipTrigger,
610
- $ as badgeVariants,
611
- z as buttonVariants,
612
+ ze as Badge,
613
+ L as Button,
614
+ Y as Card,
615
+ te as CardContent,
616
+ ee as CardDescription,
617
+ ae as CardFooter,
618
+ Z as CardHeader,
619
+ $ as CardTitle,
620
+ re as Checkbox,
621
+ Pe as Dialog,
622
+ ke as DialogClose,
623
+ J as DialogContent,
624
+ W as DialogDescription,
625
+ M as DialogFooter,
626
+ K as DialogHeader,
627
+ S as DialogOverlay,
628
+ q as DialogPortal,
629
+ Q as DialogTitle,
630
+ Se as DialogTrigger,
631
+ O as Input,
632
+ H as Label,
633
+ Ae as Popover,
634
+ Oe as PopoverAnchor,
635
+ be as PopoverClose,
636
+ ye as PopoverContent,
637
+ ve as PopoverTrigger,
638
+ Re as Select,
639
+ _ as SelectContent,
640
+ Te as SelectGroup,
641
+ E as SelectItem,
642
+ G as SelectLabel,
643
+ P as SelectScrollDownButton,
644
+ D as SelectScrollUpButton,
645
+ X as SelectSeparator,
646
+ U as SelectTrigger,
647
+ De as SelectValue,
648
+ Ve as Tabs,
649
+ ne as TabsContent,
650
+ ie as TabsList,
651
+ se as TabsTrigger,
652
+ A as Textarea,
653
+ ce as Toast,
654
+ me as ToastAction,
655
+ ue as ToastClose,
656
+ fe as ToastDescription,
657
+ je as ToastProvider,
658
+ pe as ToastTitle,
659
+ de as ToastViewport,
660
+ Be as Tooltip,
661
+ ge as TooltipContent,
662
+ Ie as TooltipProvider,
663
+ Le as TooltipTrigger,
664
+ oe as badgeVariants,
665
+ B as buttonVariants,
612
666
  r as cn
613
667
  };
614
668
  //# sourceMappingURL=index.js.map