@cognite/aura 0.1.0 → 0.1.2

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 (38) hide show
  1. package/dist/components/index.d.ts +7 -1
  2. package/dist/components/index.js +251 -0
  3. package/dist/components/ui/core/button/button.d.ts +1 -1
  4. package/dist/components/ui/core/card/card.d.ts +17 -0
  5. package/dist/components/ui/core/card/card.js +143 -0
  6. package/dist/components/ui/core/card/card.metadata.d.ts +8 -0
  7. package/dist/components/ui/core/card/card.metadata.js +9 -0
  8. package/dist/components/ui/core/code-block/code-block.d.ts +1 -1
  9. package/dist/components/ui/core/combobox/combobox.d.ts +15 -0
  10. package/dist/components/ui/{lab/topbar/topbar.metadata.d.ts → core/combobox/combobox.metadata.d.ts} +1 -1
  11. package/dist/components/ui/core/command/command.d.ts +2 -2
  12. package/dist/components/ui/core/dialog/dialog.js +56 -55
  13. package/dist/components/ui/core/dropdown-menu/dropdown-menu.js +40 -38
  14. package/dist/components/ui/core/helper-text/helper-text.js +1 -1
  15. package/dist/components/ui/core/hover-card/hover-card.js +48 -44
  16. package/dist/components/ui/core/inline-citation/inline-citation.d.ts +2 -2
  17. package/dist/components/ui/core/inline-citation/inline-citation.js +3 -3
  18. package/dist/components/ui/core/input-group/input-group.d.ts +1 -1
  19. package/dist/components/ui/core/message/message.d.ts +1 -1
  20. package/dist/components/ui/core/message/message.js +187 -120
  21. package/dist/components/ui/core/popover/popover.js +55 -0
  22. package/dist/components/ui/core/prompt-input/prompt-input.d.ts +1 -1
  23. package/dist/components/ui/core/prompt-input/prompt-input.js +18 -18
  24. package/dist/components/ui/core/reasoning/reasoning.js +4 -1
  25. package/dist/components/ui/core/select/select.js +37 -35
  26. package/dist/components/ui/core/sources/sources.js +68 -0
  27. package/dist/components/ui/core/tool/tool.js +1 -1
  28. package/dist/components/ui/core/tooltip/tooltip.js +42 -38
  29. package/dist/index.js +249 -227
  30. package/dist/lib/portal-container-context.d.ts +2 -0
  31. package/dist/lib/portal-container-context.js +12 -0
  32. package/dist/lib/utils.js +44 -30
  33. package/dist/styles.css +1 -0
  34. package/package.json +17 -6
  35. package/dist/components/ui/lab/breadcrumb/breadcrumb.d.ts +0 -134
  36. package/dist/components/ui/lab/breadcrumb/breadcrumb.metadata.d.ts +0 -2
  37. package/dist/components/ui/lab/topbar/topbar.d.ts +0 -10
  38. package/dist/lib/component-status-config.d.ts +0 -12
@@ -1,35 +1,38 @@
1
- import { jsx as e, jsxs as n } from "react/jsx-runtime";
2
- import { Dialog as a } from "@base-ui/react/dialog";
1
+ import { jsx as a, jsxs as l } from "react/jsx-runtime";
2
+ import { Dialog as e } from "@base-ui/react/dialog";
3
3
  import { IconX as d } from "@tabler/icons-react";
4
- import { cn as i, getPortalContainer as c } from "../../../../lib/utils.js";
5
- function y({ ...t }) {
6
- return /* @__PURE__ */ e(a.Root, { "data-slot": "dialog", ...t });
4
+ import { usePortalContainer as c } from "../../../../lib/portal-container-context.js";
5
+ import { cn as i } from "../../../../lib/utils.js";
6
+ import { Button as g } from "../button/button.js";
7
+ function b({ ...t }) {
8
+ return /* @__PURE__ */ a(e.Root, { "data-slot": "dialog", ...t });
7
9
  }
8
- function D({ children: t, ...o }) {
9
- return /* @__PURE__ */ e(a.Trigger, { "data-slot": "dialog-trigger", ...o, children: t });
10
+ function v({ children: t, ...o }) {
11
+ return /* @__PURE__ */ a(e.Trigger, { "data-slot": "dialog-trigger", ...o, children: t });
10
12
  }
11
- function g({ ...t }) {
12
- return /* @__PURE__ */ e(
13
- a.Portal,
13
+ function p({ ...t }) {
14
+ const o = c();
15
+ return /* @__PURE__ */ a(
16
+ e.Portal,
14
17
  {
15
18
  "data-slot": "dialog-portal",
16
- ...t,
17
- container: c()
19
+ container: o,
20
+ ...t
18
21
  }
19
22
  );
20
23
  }
21
- function b({
24
+ function N({
22
25
  children: t,
23
26
  ...o
24
27
  }) {
25
- return /* @__PURE__ */ e(a.Close, { "data-slot": "dialog-close", ...o, children: t });
28
+ return /* @__PURE__ */ a(e.Close, { "data-slot": "dialog-close", ...o, children: t });
26
29
  }
27
- function u({
30
+ function m({
28
31
  className: t,
29
32
  ...o
30
33
  }) {
31
- return /* @__PURE__ */ e(
32
- a.Backdrop,
34
+ return /* @__PURE__ */ a(
35
+ e.Backdrop,
33
36
  {
34
37
  "data-slot": "dialog-overlay",
35
38
  className: i(
@@ -40,17 +43,17 @@ function u({
40
43
  }
41
44
  );
42
45
  }
43
- function h({
46
+ function C({
44
47
  className: t,
45
48
  children: o,
46
- showCloseButton: l = !0,
47
- closeButtonLabel: r = "Close",
49
+ showCloseButton: r = !0,
50
+ closeButtonLabel: n = "Close",
48
51
  ...s
49
52
  }) {
50
- return /* @__PURE__ */ n(g, { "data-slot": "dialog-portal", children: [
51
- /* @__PURE__ */ e(u, {}),
52
- /* @__PURE__ */ n(
53
- a.Popup,
53
+ return /* @__PURE__ */ l(p, { "data-slot": "dialog-portal", children: [
54
+ /* @__PURE__ */ a(m, {}),
55
+ /* @__PURE__ */ l(
56
+ e.Popup,
54
57
  {
55
58
  "data-slot": "dialog-content",
56
59
  className: i(
@@ -60,20 +63,18 @@ function h({
60
63
  ...s,
61
64
  children: [
62
65
  o,
63
- l && /* @__PURE__ */ e(
64
- a.Close,
66
+ r && /* @__PURE__ */ a(
67
+ e.Close,
65
68
  {
66
69
  "data-slot": "dialog-close",
67
- render: /* @__PURE__ */ n(
68
- "button",
70
+ render: /* @__PURE__ */ a(
71
+ g,
69
72
  {
70
- type: "button",
71
- "aria-label": r,
72
- className: "ring-offset-background focus:ring-ring data-open:bg-accent data-open:text-muted-foreground text-foreground absolute top-5 right-4 flex size-7 items-center justify-center rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
73
- children: [
74
- /* @__PURE__ */ e(d, { className: "h-4 w-4" }),
75
- /* @__PURE__ */ e("span", { className: "sr-only", children: r })
76
- ]
73
+ variant: "ghost",
74
+ size: "icon-sm",
75
+ className: "absolute top-5 right-4 opacity-70 hover:opacity-100",
76
+ "aria-label": n,
77
+ children: /* @__PURE__ */ a(d, { className: "h-4 w-4" })
77
78
  }
78
79
  )
79
80
  }
@@ -83,8 +84,8 @@ function h({
83
84
  )
84
85
  ] });
85
86
  }
86
- function v({ className: t, ...o }) {
87
- return /* @__PURE__ */ e(
87
+ function w({ className: t, ...o }) {
88
+ return /* @__PURE__ */ a(
88
89
  "div",
89
90
  {
90
91
  "data-slot": "dialog-header",
@@ -96,8 +97,8 @@ function v({ className: t, ...o }) {
96
97
  }
97
98
  );
98
99
  }
99
- function N({ className: t, ...o }) {
100
- return /* @__PURE__ */ e(
100
+ function k({ className: t, ...o }) {
101
+ return /* @__PURE__ */ a(
101
102
  "div",
102
103
  {
103
104
  "data-slot": "dialog-footer",
@@ -109,12 +110,12 @@ function N({ className: t, ...o }) {
109
110
  }
110
111
  );
111
112
  }
112
- function k({
113
+ function P({
113
114
  className: t,
114
115
  ...o
115
116
  }) {
116
- return /* @__PURE__ */ e(
117
- a.Title,
117
+ return /* @__PURE__ */ a(
118
+ e.Title,
118
119
  {
119
120
  "data-slot": "dialog-title",
120
121
  className: i(
@@ -125,12 +126,12 @@ function k({
125
126
  }
126
127
  );
127
128
  }
128
- function C({
129
+ function T({
129
130
  className: t,
130
131
  ...o
131
132
  }) {
132
- return /* @__PURE__ */ e(
133
- a.Description,
133
+ return /* @__PURE__ */ a(
134
+ e.Description,
134
135
  {
135
136
  "data-slot": "dialog-description",
136
137
  className: i(
@@ -142,14 +143,14 @@ function C({
142
143
  );
143
144
  }
144
145
  export {
145
- y as Dialog,
146
- b as DialogClose,
147
- h as DialogContent,
148
- C as DialogDescription,
149
- N as DialogFooter,
150
- v as DialogHeader,
151
- u as DialogOverlay,
152
- g as DialogPortal,
153
- k as DialogTitle,
154
- D as DialogTrigger
146
+ b as Dialog,
147
+ N as DialogClose,
148
+ C as DialogContent,
149
+ T as DialogDescription,
150
+ k as DialogFooter,
151
+ w as DialogHeader,
152
+ m as DialogOverlay,
153
+ p as DialogPortal,
154
+ P as DialogTitle,
155
+ v as DialogTrigger
155
156
  };
@@ -1,18 +1,20 @@
1
- import { jsx as o, jsxs as p } from "react/jsx-runtime";
1
+ import { jsx as t, jsxs as p } from "react/jsx-runtime";
2
2
  import { forwardRef as i } from "react";
3
3
  import { Menu as r } from "@base-ui/react/menu";
4
4
  import { IconCheck as c, IconChevronRight as f } from "@tabler/icons-react";
5
- import { cn as d, getPortalContainer as v } from "../../../../lib/utils.js";
5
+ import { usePortalContainer as v } from "../../../../lib/portal-container-context.js";
6
+ import { cn as d } from "../../../../lib/utils.js";
6
7
  function w({ ...e }) {
7
- return /* @__PURE__ */ o(r.Root, { "data-slot": "dropdown-menu", ...e });
8
+ return /* @__PURE__ */ t(r.Root, { "data-slot": "dropdown-menu", ...e });
8
9
  }
9
10
  w.displayName = "DropdownMenu";
10
11
  function l({ ...e }) {
11
- return /* @__PURE__ */ o(
12
+ const o = v();
13
+ return /* @__PURE__ */ t(
12
14
  r.Portal,
13
15
  {
14
16
  "data-slot": "dropdown-menu-portal",
15
- container: v(),
17
+ container: o,
16
18
  ...e
17
19
  }
18
20
  );
@@ -20,29 +22,29 @@ function l({ ...e }) {
20
22
  l.displayName = "DropdownMenuPortal";
21
23
  function b({
22
24
  children: e,
23
- ...t
25
+ ...o
24
26
  }) {
25
- return /* @__PURE__ */ o(r.Trigger, { "data-slot": "dropdown-menu-trigger", ...t, children: e });
27
+ return /* @__PURE__ */ t(r.Trigger, { "data-slot": "dropdown-menu-trigger", ...o, children: e });
26
28
  }
27
29
  b.displayName = "DropdownMenuTrigger";
28
30
  function m({
29
31
  align: e = "start",
30
- alignOffset: t = 0,
32
+ alignOffset: o = 0,
31
33
  side: n = "bottom",
32
34
  sideOffset: a = 4,
33
35
  className: s,
34
36
  container: u,
35
37
  ...g
36
38
  }) {
37
- return /* @__PURE__ */ o(l, { container: u, children: /* @__PURE__ */ o(
39
+ return /* @__PURE__ */ t(l, { container: u, children: /* @__PURE__ */ t(
38
40
  r.Positioner,
39
41
  {
40
42
  className: "isolate z-50 outline-none",
41
43
  align: e,
42
- alignOffset: t,
44
+ alignOffset: o,
43
45
  side: n,
44
46
  sideOffset: a,
45
- children: /* @__PURE__ */ o(
47
+ children: /* @__PURE__ */ t(
46
48
  r.Popup,
47
49
  {
48
50
  "data-slot": "dropdown-menu-content",
@@ -58,15 +60,15 @@ function m({
58
60
  }
59
61
  m.displayName = "DropdownMenuContent";
60
62
  function x({ ...e }) {
61
- return /* @__PURE__ */ o(r.Group, { "data-slot": "dropdown-menu-group", ...e });
63
+ return /* @__PURE__ */ t(r.Group, { "data-slot": "dropdown-menu-group", ...e });
62
64
  }
63
65
  x.displayName = "DropdownMenuGroup";
64
- const h = i(({ className: e, inset: t, variant: n = "default", children: a, ...s }, u) => /* @__PURE__ */ o(
66
+ const h = i(({ className: e, inset: o, variant: n = "default", children: a, ...s }, u) => /* @__PURE__ */ t(
65
67
  r.Item,
66
68
  {
67
69
  ref: u,
68
70
  "data-slot": "dropdown-menu-item",
69
- "data-inset": t,
71
+ "data-inset": o,
70
72
  "data-variant": n,
71
73
  className: d(
72
74
  "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive-hover dark:data-[variant=destructive]:focus:bg-destructive-hover data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:text-destructive-foreground data-[variant=destructive]:hover:bg-destructive-hover dark:data-[variant=destructive]:hover:bg-destructive-hover [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm p-2 text-base outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
@@ -77,7 +79,7 @@ const h = i(({ className: e, inset: t, variant: n = "default", children: a, ...s
77
79
  }
78
80
  ));
79
81
  h.displayName = "DropdownMenuItem";
80
- const M = i(({ className: e, children: t, checked: n, ...a }, s) => /* @__PURE__ */ p(
82
+ const M = i(({ className: e, children: o, checked: n, ...a }, s) => /* @__PURE__ */ p(
81
83
  r.CheckboxItem,
82
84
  {
83
85
  ref: s,
@@ -89,14 +91,14 @@ const M = i(({ className: e, children: t, checked: n, ...a }, s) => /* @__PURE__
89
91
  checked: n,
90
92
  ...a,
91
93
  children: [
92
- /* @__PURE__ */ o("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ o(r.CheckboxItemIndicator, { children: /* @__PURE__ */ o(c, { className: "size-4 text-popover-foreground" }) }) }),
93
- t
94
+ /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(r.CheckboxItemIndicator, { children: /* @__PURE__ */ t(c, { className: "size-4 text-popover-foreground" }) }) }),
95
+ o
94
96
  ]
95
97
  }
96
98
  ));
97
99
  M.displayName = "DropdownMenuCheckboxItem";
98
100
  function D({ ...e }) {
99
- return /* @__PURE__ */ o(
101
+ return /* @__PURE__ */ t(
100
102
  r.RadioGroup,
101
103
  {
102
104
  "data-slot": "dropdown-menu-radio-group",
@@ -105,7 +107,7 @@ function D({ ...e }) {
105
107
  );
106
108
  }
107
109
  D.displayName = "DropdownMenuRadioGroup";
108
- const N = i(({ className: e, children: t, ...n }, a) => /* @__PURE__ */ p(
110
+ const N = i(({ className: e, children: o, ...n }, a) => /* @__PURE__ */ p(
109
111
  r.RadioItem,
110
112
  {
111
113
  ref: a,
@@ -116,18 +118,18 @@ const N = i(({ className: e, children: t, ...n }, a) => /* @__PURE__ */ p(
116
118
  ),
117
119
  ...n,
118
120
  children: [
119
- /* @__PURE__ */ o("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ o(r.RadioItemIndicator, { children: /* @__PURE__ */ o(c, { className: "size-4 text-popover-foreground" }) }) }),
120
- t
121
+ /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(r.RadioItemIndicator, { children: /* @__PURE__ */ t(c, { className: "size-4 text-popover-foreground" }) }) }),
122
+ o
121
123
  ]
122
124
  }
123
125
  ));
124
126
  N.displayName = "DropdownMenuRadioItem";
125
- const y = i(({ className: e, inset: t, ...n }, a) => /* @__PURE__ */ o(
127
+ const y = i(({ className: e, inset: o, ...n }, a) => /* @__PURE__ */ t(
126
128
  r.GroupLabel,
127
129
  {
128
130
  ref: a,
129
131
  "data-slot": "dropdown-menu-label",
130
- "data-inset": t,
132
+ "data-inset": o,
131
133
  className: d(
132
134
  "-mx-1 -mt-1 mb-1 px-2 py-1.5 text-sm border-b border-border font-medium data-inset:pl-8 text-popover-foreground dark:text-popover-foreground",
133
135
  e
@@ -136,7 +138,7 @@ const y = i(({ className: e, inset: t, ...n }, a) => /* @__PURE__ */ o(
136
138
  }
137
139
  ));
138
140
  y.displayName = "DropdownMenuLabel";
139
- const z = i(({ className: e, ...t }, n) => /* @__PURE__ */ o(
141
+ const z = i(({ className: e, ...o }, n) => /* @__PURE__ */ t(
140
142
  "div",
141
143
  {
142
144
  ref: n,
@@ -145,21 +147,21 @@ const z = i(({ className: e, ...t }, n) => /* @__PURE__ */ o(
145
147
  "-mx-1 -mt-1 mb-1 flex flex-row items-center gap-2 border-b border-border px-2 py-2 pointer-events-none",
146
148
  e
147
149
  ),
148
- ...t
150
+ ...o
149
151
  }
150
152
  ));
151
153
  z.displayName = "DropdownMenuHeader";
152
- const k = i(({ className: e, ...t }, n) => /* @__PURE__ */ o(
154
+ const k = i(({ className: e, ...o }, n) => /* @__PURE__ */ t(
153
155
  r.Separator,
154
156
  {
155
157
  ref: n,
156
158
  "data-slot": "dropdown-menu-separator",
157
159
  className: d("bg-border -mx-1 my-1 h-px", e),
158
- ...t
160
+ ...o
159
161
  }
160
162
  ));
161
163
  k.displayName = "DropdownMenuSeparator";
162
- const I = i(({ className: e, ...t }, n) => /* @__PURE__ */ o(
164
+ const I = i(({ className: e, ...o }, n) => /* @__PURE__ */ t(
163
165
  "span",
164
166
  {
165
167
  ref: n,
@@ -168,20 +170,20 @@ const I = i(({ className: e, ...t }, n) => /* @__PURE__ */ o(
168
170
  "text-muted-foreground ml-auto text-xs tracking-widest",
169
171
  e
170
172
  ),
171
- ...t
173
+ ...o
172
174
  }
173
175
  ));
174
176
  I.displayName = "DropdownMenuShortcut";
175
177
  function S({ ...e }) {
176
- return /* @__PURE__ */ o(r.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...e });
178
+ return /* @__PURE__ */ t(r.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...e });
177
179
  }
178
180
  S.displayName = "DropdownMenuSub";
179
- const _ = i(({ className: e, inset: t, children: n, ...a }, s) => /* @__PURE__ */ p(
181
+ const _ = i(({ className: e, inset: o, children: n, ...a }, s) => /* @__PURE__ */ p(
180
182
  r.SubmenuTrigger,
181
183
  {
182
184
  ref: s,
183
185
  "data-slot": "dropdown-menu-sub-trigger",
184
- "data-inset": t,
186
+ "data-inset": o,
185
187
  className: d(
186
188
  "focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
187
189
  e
@@ -189,26 +191,26 @@ const _ = i(({ className: e, inset: t, children: n, ...a }, s) => /* @__PURE__ *
189
191
  ...a,
190
192
  children: [
191
193
  n,
192
- /* @__PURE__ */ o(f, { className: "ml-auto size-4" })
194
+ /* @__PURE__ */ t(f, { className: "ml-auto size-4" })
193
195
  ]
194
196
  }
195
197
  ));
196
198
  _.displayName = "DropdownMenuSubTrigger";
197
199
  function C({
198
200
  align: e = "start",
199
- alignOffset: t = -3,
201
+ alignOffset: o = -3,
200
202
  side: n = "right",
201
203
  sideOffset: a = 0,
202
204
  className: s,
203
205
  ...u
204
206
  }) {
205
- return /* @__PURE__ */ o(
207
+ return /* @__PURE__ */ t(
206
208
  m,
207
209
  {
208
210
  "data-slot": "dropdown-menu-sub-content",
209
211
  className: d("min-w-32 w-auto", s),
210
212
  align: e,
211
- alignOffset: t,
213
+ alignOffset: o,
212
214
  side: n,
213
215
  sideOffset: a,
214
216
  ...u
@@ -216,7 +218,7 @@ function C({
216
218
  );
217
219
  }
218
220
  C.displayName = "DropdownMenuSubContent";
219
- const R = i(({ className: e, ...t }, n) => /* @__PURE__ */ o(
221
+ const R = i(({ className: e, ...o }, n) => /* @__PURE__ */ t(
220
222
  "div",
221
223
  {
222
224
  ref: n,
@@ -225,7 +227,7 @@ const R = i(({ className: e, ...t }, n) => /* @__PURE__ */ o(
225
227
  "px-2 py-1 text-sm text-muted-foreground dark:text-muted-foreground",
226
228
  e
227
229
  ),
228
- ...t
230
+ ...o
229
231
  }
230
232
  ));
231
233
  R.displayName = "DropdownMenuSectionLabel";
@@ -1,4 +1,4 @@
1
- import { jsx as e, jsxs as p } from "react/jsx-runtime";
1
+ import { jsxs as p, jsx as e } from "react/jsx-runtime";
2
2
  import { forwardRef as g, isValidElement as u } from "react";
3
3
  import { IconExclamationCircle as h } from "@tabler/icons-react";
4
4
  import { cva as i } from "class-variance-authority";
@@ -1,22 +1,23 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { createContext as c, forwardRef as s, useContext as p, useMemo as f } from "react";
2
+ import { createContext as p, forwardRef as l, useContext as f, useMemo as u } from "react";
3
3
  import { PreviewCard as d } from "@base-ui/react/preview-card";
4
- import { getPortalContainer as g, cn as v } from "../../../../lib/utils.js";
5
- const m = c(null);
6
- function u({
4
+ import { usePortalContainer as v } from "../../../../lib/portal-container-context.js";
5
+ import { cn as g } from "../../../../lib/utils.js";
6
+ const m = p(null);
7
+ function C({
7
8
  openDelay: o,
8
9
  closeDelay: e,
9
10
  ...a
10
11
  }) {
11
- const r = f(
12
+ const r = u(
12
13
  () => ({ openDelay: o, closeDelay: e }),
13
14
  [o, e]
14
15
  );
15
16
  return /* @__PURE__ */ t(m.Provider, { value: r, children: /* @__PURE__ */ t(d.Root, { "data-slot": "hover-card", ...a }) });
16
17
  }
17
- u.displayName = "HoverCard";
18
- const C = s(({ children: o, ...e }, a) => {
19
- const r = p(m), { delay: n, closeDelay: i, ...l } = e;
18
+ C.displayName = "HoverCard";
19
+ const h = l(({ children: o, ...e }, a) => {
20
+ const r = f(m), { delay: n, closeDelay: i, ...s } = e;
20
21
  return /* @__PURE__ */ t(
21
22
  d.Trigger,
22
23
  {
@@ -24,13 +25,13 @@ const C = s(({ children: o, ...e }, a) => {
24
25
  "data-slot": "hover-card-trigger",
25
26
  delay: n ?? r?.openDelay,
26
27
  closeDelay: i ?? r?.closeDelay,
27
- ...l,
28
+ ...s,
28
29
  children: o
29
30
  }
30
31
  );
31
32
  });
32
- C.displayName = "HoverCardTrigger";
33
- const h = s(
33
+ h.displayName = "HoverCardTrigger";
34
+ const y = l(
34
35
  ({
35
36
  className: o,
36
37
  side: e = "bottom",
@@ -38,39 +39,42 @@ const h = s(
38
39
  align: r = "center",
39
40
  alignOffset: n = 4,
40
41
  ...i
41
- }, l) => /* @__PURE__ */ t(
42
- d.Portal,
43
- {
44
- "data-slot": "hover-card-portal",
45
- container: g(),
46
- children: /* @__PURE__ */ t(
47
- d.Positioner,
48
- {
49
- align: r,
50
- alignOffset: n,
51
- side: e,
52
- sideOffset: a,
53
- className: "isolate z-50",
54
- children: /* @__PURE__ */ t(
55
- d.Popup,
56
- {
57
- ref: l,
58
- "data-slot": "hover-card-content",
59
- className: v(
60
- "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 z-50 w-64 origin-[var(--transform-origin)] rounded-md border p-4 shadow-md outline-none",
61
- o
62
- ),
63
- ...i
64
- }
65
- )
66
- }
67
- )
68
- }
69
- )
42
+ }, s) => {
43
+ const c = v();
44
+ return /* @__PURE__ */ t(
45
+ d.Portal,
46
+ {
47
+ "data-slot": "hover-card-portal",
48
+ container: c,
49
+ children: /* @__PURE__ */ t(
50
+ d.Positioner,
51
+ {
52
+ align: r,
53
+ alignOffset: n,
54
+ side: e,
55
+ sideOffset: a,
56
+ className: "isolate z-50",
57
+ children: /* @__PURE__ */ t(
58
+ d.Popup,
59
+ {
60
+ ref: s,
61
+ "data-slot": "hover-card-content",
62
+ className: g(
63
+ "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 z-50 w-64 origin-[var(--transform-origin)] rounded-md border p-4 shadow-md outline-none",
64
+ o
65
+ ),
66
+ ...i
67
+ }
68
+ )
69
+ }
70
+ )
71
+ }
72
+ );
73
+ }
70
74
  );
71
- h.displayName = "HoverCardContent";
75
+ y.displayName = "HoverCardContent";
72
76
  export {
73
- u as HoverCard,
74
- h as HoverCardContent,
75
- C as HoverCardTrigger
77
+ C as HoverCard,
78
+ y as HoverCardContent,
79
+ h as HoverCardTrigger
76
80
  };
@@ -22,7 +22,7 @@ type InlineCitationSourceProps = ComponentProps<'div'> & {
22
22
  };
23
23
  declare const InlineCitationSource: import('react').ForwardRefExoticComponent<Omit<InlineCitationSourceProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
24
24
  declare const InlineCitationQuote: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> & import('react').RefAttributes<HTMLQuoteElement>>;
25
- type InlineCitationLinkProps = Omit<ComponentProps<'a'>, 'target'> & {
25
+ export type InlineCitationLinkProps = Omit<ComponentProps<'a'>, 'target'> & {
26
26
  target?: '_blank' | '_self';
27
27
  icon?: ComponentType<{
28
28
  className?: string;
@@ -30,4 +30,4 @@ type InlineCitationLinkProps = Omit<ComponentProps<'a'>, 'target'> & {
30
30
  variant?: 'mountain' | 'nordic' | 'fjord';
31
31
  };
32
32
  declare const InlineCitationLink: import('react').ForwardRefExoticComponent<Omit<InlineCitationLinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
33
- export { InlineCitation, InlineCitationGroup, InlineCitationText, InlineCitationCard, InlineCitationCardTrigger, InlineCitationCardBody, InlineCitationSource, InlineCitationQuote, InlineCitationLink, };
33
+ export { InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationGroup, InlineCitationLink, InlineCitationQuote, InlineCitationSource, InlineCitationText, };
@@ -2,7 +2,7 @@ import { jsx as i, jsxs as d, Fragment as v } from "react/jsx-runtime";
2
2
  import { forwardRef as r } from "react";
3
3
  import { cn as o, getHostname as m } from "../../../../lib/utils.js";
4
4
  import { Badge as g } from "../badge/badge.js";
5
- import { HoverCard as f, HoverCardTrigger as x, HoverCardContent as b } from "../hover-card/hover-card.js";
5
+ import { HoverCard as f, HoverCardContent as x, HoverCardTrigger as b } from "../hover-card/hover-card.js";
6
6
  const h = r(
7
7
  ({ className: e, ...n }, t) => /* @__PURE__ */ i(
8
8
  "span",
@@ -49,7 +49,7 @@ const q = (e) => /* @__PURE__ */ i(
49
49
  className: t,
50
50
  ...a
51
51
  }) => /* @__PURE__ */ i(
52
- x,
52
+ b,
53
53
  {
54
54
  render: /* @__PURE__ */ d(
55
55
  g,
@@ -76,7 +76,7 @@ const q = (e) => /* @__PURE__ */ i(
76
76
  className: e,
77
77
  ...n
78
78
  }) => /* @__PURE__ */ i(
79
- b,
79
+ x,
80
80
  {
81
81
  "data-slot": "inline-citation-card-body",
82
82
  className: o("relative w-80 p-0", e),
@@ -4,7 +4,7 @@ declare const InputGroupAddon: import('react').ForwardRefExoticComponent<Omit<im
4
4
  align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
5
5
  } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
6
6
  declare const InputGroupButton: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('@base-ui/react').ButtonProps & VariantProps<(props?: ({
7
- variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | "link" | null | undefined;
7
+ variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
8
8
  size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
9
9
  } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLElement>, "size"> & VariantProps<(props?: ({
10
10
  size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;
@@ -52,4 +52,4 @@ type MessageAttachmentsProps = ComponentProps<'div'>;
52
52
  declare function MessageAttachments({ children, className, ...props }: MessageAttachmentsProps): import("react/jsx-runtime").JSX.Element | null;
53
53
  type MessageToolbarProps = ComponentProps<'div'>;
54
54
  declare const MessageToolbar: ({ className, children, ...props }: MessageToolbarProps) => import("react/jsx-runtime").JSX.Element;
55
- export { Message, MessageContent, MessageAvatar, MessageAvatarIcon, MessageActions, MessageAction, MessageBranch, MessageBranchContent, MessageBranchSelector, MessageBranchPrevious, MessageBranchNext, MessageBranchPage, MessageResponse, MessageAttachment, MessageAttachments, MessageToolbar, };
55
+ export { Message, MessageAction, MessageActions, MessageAttachment, MessageAttachments, MessageAvatar, MessageAvatarIcon, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageResponse, MessageToolbar, };