@photon-ai/pho-ui 4.3.1 → 4.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/{basic-page-OrUVXKrx.js → basic-page-D3MY3uY6.js} +751 -707
- package/dist/chunks/basic-page-D3MY3uY6.js.map +1 -0
- package/dist/chunks/bubble-eaoLJP4N.js +88 -0
- package/dist/chunks/bubble-eaoLJP4N.js.map +1 -0
- package/dist/chunks/{button-CdqS_t5a.js → button-CgUS0j3D.js} +4 -4
- package/dist/chunks/button-CgUS0j3D.js.map +1 -0
- package/dist/chunks/chat-DUqWlXqt.js +619 -0
- package/dist/chunks/chat-DUqWlXqt.js.map +1 -0
- package/dist/chunks/{code-block-BuDIo8Q0.js → code-block-BGgbp-6Q.js} +12 -12
- package/dist/chunks/{code-block-BuDIo8Q0.js.map → code-block-BGgbp-6Q.js.map} +1 -1
- package/dist/chunks/command-BfCCRaoc.js +225 -0
- package/dist/chunks/command-BfCCRaoc.js.map +1 -0
- package/dist/chunks/{copy-button-B_B15mEi.js → copy-button-D8XyP0oR.js} +10 -10
- package/dist/chunks/copy-button-D8XyP0oR.js.map +1 -0
- package/dist/chunks/{description-list-C-mwe4ki.js → description-list-8qm83WZB.js} +17 -17
- package/dist/chunks/description-list-8qm83WZB.js.map +1 -0
- package/dist/chunks/{dialog-BOz_xOrn.js → dialog-DeM4axJ6.js} +3 -3
- package/dist/chunks/{dialog-BOz_xOrn.js.map → dialog-DeM4axJ6.js.map} +1 -1
- package/dist/chunks/{error-BAQgnde7.js → error-VvHnteyf.js} +2 -2
- package/dist/chunks/{error-BAQgnde7.js.map → error-VvHnteyf.js.map} +1 -1
- package/dist/chunks/{filter-bar-Cr_1zBFq.js → filter-bar-BcpeTKCC.js} +38 -36
- package/dist/chunks/filter-bar-BcpeTKCC.js.map +1 -0
- package/dist/chunks/{log-list-BERiO4UJ.js → log-list-Didt-MV4.js} +2 -2
- package/dist/chunks/{log-list-BERiO4UJ.js.map → log-list-Didt-MV4.js.map} +1 -1
- package/dist/chunks/message-CTml-TrB.js +89 -0
- package/dist/chunks/message-CTml-TrB.js.map +1 -0
- package/dist/chunks/{scroll-area-Zik8t1Mk.js → scroll-area-DSwD9th7.js} +2 -2
- package/dist/chunks/{scroll-area-Zik8t1Mk.js.map → scroll-area-DSwD9th7.js.map} +1 -1
- package/dist/chunks/{sidebar-bLsjo_yb.js → sidebar-BmloUwJQ.js} +56 -56
- package/dist/chunks/sidebar-BmloUwJQ.js.map +1 -0
- package/dist/chunks/{toast-72Wwlzg9.js → toast-DUvjSZF7.js} +3 -3
- package/dist/chunks/{toast-72Wwlzg9.js.map → toast-DUvjSZF7.js.map} +1 -1
- package/dist/components/bubble.js +6 -0
- package/dist/components/button.js +1 -1
- package/dist/components/chat.js +5 -0
- package/dist/components/code-block.js +1 -1
- package/dist/components/command.js +1 -1
- package/dist/components/copy-button.js +1 -1
- package/dist/components/description-list.js +1 -1
- package/dist/components/dialog.js +1 -1
- package/dist/components/error.js +1 -1
- package/dist/components/filter-bar.js +1 -1
- package/dist/components/log-list.js +1 -1
- package/dist/components/message.js +7 -0
- package/dist/components/scroll-area.js +1 -1
- package/dist/components/toast.js +1 -1
- package/dist/index.js +145 -136
- package/dist/sections/basic-page.js +1 -1
- package/dist/sections/sidebar.js +1 -1
- package/dist/src/components/bubble/bubble.d.ts +112 -0
- package/dist/src/components/bubble/index.d.ts +1 -0
- package/dist/src/components/chat/chat.d.ts +301 -0
- package/dist/src/components/chat/index.d.ts +1 -0
- package/dist/src/components/command/command.d.ts +14 -4
- package/dist/src/components/command/index.d.ts +1 -1
- package/dist/src/components/filter-bar/filter-bar.d.ts +5 -0
- package/dist/src/components/message/index.d.ts +2 -0
- package/dist/src/components/message/message-status.d.ts +22 -0
- package/dist/src/components/message/message.d.ts +78 -0
- package/dist/src/index.d.ts +3 -0
- package/dist/src/sections/basic-page/basic-page.d.ts +15 -2
- package/dist/src/sections/sidebar/sidebar.d.ts +10 -1
- package/package.json +13 -1
- package/dist/chunks/basic-page-OrUVXKrx.js.map +0 -1
- package/dist/chunks/button-CdqS_t5a.js.map +0 -1
- package/dist/chunks/command-Cn000hMK.js +0 -192
- package/dist/chunks/command-Cn000hMK.js.map +0 -1
- package/dist/chunks/copy-button-B_B15mEi.js.map +0 -1
- package/dist/chunks/description-list-C-mwe4ki.js.map +0 -1
- package/dist/chunks/filter-bar-Cr_1zBFq.js.map +0 -1
- package/dist/chunks/sidebar-bLsjo_yb.js.map +0 -1
package/dist/components/error.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { a, c as s, i as t, l as e, n as o, o as i, r as E, s as p, t as l } from "../chunks/error-
|
|
2
|
+
import { a, c as s, i as t, l as e, n as o, o as i, r as E, s as p, t as l } from "../chunks/error-VvHnteyf.js";
|
|
3
3
|
export {
|
|
4
4
|
l as Error,
|
|
5
5
|
o as ErrorView,
|
package/dist/components/toast.js
CHANGED
package/dist/index.js
CHANGED
|
@@ -3,182 +3,191 @@ import { t as s } from "./chunks/cn-ChIgwEl3.js";
|
|
|
3
3
|
import { t as r } from "./chunks/is-react-component-DSnjtBmo.js";
|
|
4
4
|
import { t as e } from "./chunks/resolve-variant-CcD8iG5l.js";
|
|
5
5
|
import { n as E, t as S } from "./chunks/link-provider-DXzDQ08N.js";
|
|
6
|
-
import { BAR_RISE_PX as n, BLUR_PX as m, EASE_POP as I, EASE_STACK as T, FADE_ENTRANCE as p, FADE_SWAP as A, PRESS_SCALE as R, PRESS_SCALE_ROW as l, RISE_PX as C, SPRING_ENTRANCE as B, SPRING_PRESS as f, SPRING_PRESS_INLINE as
|
|
6
|
+
import { BAR_RISE_PX as n, BLUR_PX as m, EASE_POP as I, EASE_STACK as T, FADE_ENTRANCE as p, FADE_SWAP as A, PRESS_SCALE as R, PRESS_SCALE_ROW as l, RISE_PX as C, SPRING_ENTRANCE as B, SPRING_PRESS as f, SPRING_PRESS_INLINE as u, SPRING_PRESS_QUICK as N, SPRING_SETTLE as P, TRAVEL_LINEAR as L, fadeThroughBlur as c, riseIn as D } from "./motion.js";
|
|
7
7
|
import { n as V, r as d, t as U } from "./chunks/use-press-pulse-IbNstUT0.js";
|
|
8
|
-
import { n as b, t as
|
|
8
|
+
import { n as b, t as g } from "./chunks/use-copy-D6JwKUll.js";
|
|
9
9
|
import "./utils.js";
|
|
10
|
-
import { a as
|
|
11
|
-
import { a as Z, c as j, i as J, l as Q, n as q, o as $, r as aa, s as sa, t as ta } from "./chunks/error-
|
|
12
|
-
import {
|
|
13
|
-
import { n as
|
|
14
|
-
import { n as
|
|
15
|
-
import {
|
|
16
|
-
import { t as ns } from "./chunks/
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import { n as
|
|
21
|
-
import { t as cs } from "./chunks/
|
|
22
|
-
import { t as Os } from "./chunks/
|
|
23
|
-
import { t as ds } from "./chunks/
|
|
24
|
-
import {
|
|
25
|
-
import { n as
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import { i as
|
|
10
|
+
import { a as F, c as k, d as v, i as w, l as W, n as x, o as y, r as H, s as K, t as z, u as X } from "./chunks/button-CgUS0j3D.js";
|
|
11
|
+
import { a as Z, c as j, i as J, l as Q, n as q, o as $, r as aa, s as sa, t as ta } from "./chunks/error-VvHnteyf.js";
|
|
12
|
+
import { t as oa } from "./chunks/chat-DUqWlXqt.js";
|
|
13
|
+
import { A as ia, B as Ea, C as Sa, D as _a, E as na, F as ma, I as Ia, L as Ta, M as pa, N as Aa, O as Ra, P as la, R as Ca, S as Ba, T as fa, V as ua, _ as Na, a as Pa, b as La, c as ca, d as Da, f as Oa, g as Va, h as da, i as Ua, j as Ga, k as ba, l as ga, m as Ma, n as ha, o as Fa, p as ka, r as va, s as wa, t as Wa, u as xa, v as ya, w as Ha, x as Ka, y as za, z as Xa } from "./chunks/trace-CjOi3_IP.js";
|
|
14
|
+
import { n as Za, t as ja } from "./chunks/date-picker-CZbcNIe-.js";
|
|
15
|
+
import { n as Qa, t as qa } from "./chunks/copy-button-D8XyP0oR.js";
|
|
16
|
+
import { a as as, c as ss, d as ts, i as rs, l as os, n as es, o as is, r as Es, s as Ss, t as _s, u as ns } from "./chunks/sidebar-BmloUwJQ.js";
|
|
17
|
+
import { t as Is } from "./chunks/input-DjvZoF8v.js";
|
|
18
|
+
import { i as ps, n as As, r as Rs, t as ls } from "./chunks/filter-bar-BcpeTKCC.js";
|
|
19
|
+
import { a as Bs } from "./chunks/data-table-Mog6m3d9.js";
|
|
20
|
+
import { n as us, t as Ns } from "./chunks/code-block-BGgbp-6Q.js";
|
|
21
|
+
import { n as Ls, t as cs } from "./chunks/stat-hnNqjWVG.js";
|
|
22
|
+
import { t as Os } from "./chunks/calendar-4OFiCLAv.js";
|
|
23
|
+
import { t as ds } from "./chunks/close-button-GvqWbLl0.js";
|
|
24
|
+
import { t as Gs } from "./chunks/input-group-fc9_jD4d.js";
|
|
25
|
+
import { n as gs, t as Ms } from "./chunks/card-N-tvFsuV.js";
|
|
26
|
+
import { n as Fs, t as ks } from "./chunks/dialog-DeM4axJ6.js";
|
|
27
|
+
import { i as ws, n as Ws, r as xs, t as ys } from "./chunks/status-view-C8tabjDu.js";
|
|
28
|
+
import { a as Ks, c as zs, d as Xs, f as Ys, i as Zs, l as js, m as Js, n as Qs, o as qs, p as $s, r as at, s as st, t as tt, u as rt } from "./chunks/basic-page-D3MY3uY6.js";
|
|
29
|
+
import { i as et, n as it, r as Et, t as St } from "./chunks/legend-C0mU7dqd.js";
|
|
29
30
|
import "./components/chart.js";
|
|
30
|
-
import { t as
|
|
31
|
-
import { t as
|
|
32
|
-
import { i as
|
|
33
|
-
import { t as
|
|
31
|
+
import { t as mt } from "./chunks/bar-chart-DIALC2_z.js";
|
|
32
|
+
import { t as Tt } from "./chunks/line-chart-VuMYKzW3.js";
|
|
33
|
+
import { i as At, n as Rt, r as lt, t as Ct } from "./chunks/log-list-Didt-MV4.js";
|
|
34
|
+
import { t as ft } from "./chunks/description-list-8qm83WZB.js";
|
|
35
|
+
import { n as Nt, t as Pt } from "./chunks/bubble-eaoLJP4N.js";
|
|
36
|
+
import { n as ct, r as Dt, t as Ot } from "./chunks/message-CTml-TrB.js";
|
|
34
37
|
export {
|
|
35
|
-
|
|
38
|
+
tt as AUTO_SAVE_DELAY_MS,
|
|
36
39
|
n as BAR_RISE_PX,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
40
|
+
Qs as BASIC_PAGE_CALLOUT,
|
|
41
|
+
at as BASIC_PAGE_CARD,
|
|
42
|
+
Zs as BASIC_PAGE_ITEM,
|
|
43
|
+
Ks as BASIC_PAGE_ITEM_PANEL,
|
|
44
|
+
qs as BASIC_PAGE_ITEM_PANEL_DIVIDED,
|
|
45
|
+
st as BASIC_PAGE_ROW,
|
|
43
46
|
m as BLUR_PX,
|
|
44
|
-
|
|
47
|
+
Pt as BUBBLE_VARIANTS,
|
|
48
|
+
z as BUTTON_COLORS,
|
|
45
49
|
x as BUTTON_SHAPES,
|
|
46
|
-
|
|
50
|
+
H as BUTTON_SIZES,
|
|
47
51
|
w as BUTTON_VARIANTS,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
52
|
+
mt as BarChart,
|
|
53
|
+
zs as BasicPage,
|
|
54
|
+
Nt as Bubble,
|
|
55
|
+
F as Button,
|
|
56
|
+
y as ButtonLink,
|
|
57
|
+
Ms as CARD_SURFACE,
|
|
58
|
+
Et as CHART_SLOTS,
|
|
59
|
+
js as CONDENSE_BAR_ENTER,
|
|
60
|
+
rt as CONDENSE_BAR_RISE_PX,
|
|
61
|
+
Xs as CONDENSE_BAR_TRAVEL,
|
|
57
62
|
U as CONTROL_PRESS_SCALE,
|
|
58
63
|
V as CONTROL_PRESS_SPRING,
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
64
|
+
qa as COPY_BUTTON_SIZES,
|
|
65
|
+
g as COPY_FEEDBACK_MS,
|
|
66
|
+
Os as Calendar,
|
|
67
|
+
gs as Card,
|
|
68
|
+
St as ChartLegend,
|
|
69
|
+
it as ChartSwatch,
|
|
70
|
+
oa as Chat,
|
|
71
|
+
ds as CloseButton,
|
|
72
|
+
Ns as CodeBlock,
|
|
73
|
+
Qa as CopyButton,
|
|
74
|
+
ja as DatePicker,
|
|
75
|
+
ft as DescriptionList,
|
|
76
|
+
ks as Dialog,
|
|
71
77
|
I as EASE_POP,
|
|
72
78
|
T as EASE_STACK,
|
|
73
|
-
|
|
79
|
+
K as EFFECT_BUTTON_SIZES,
|
|
74
80
|
k as EffectButton,
|
|
75
81
|
W as EffectButtonLink,
|
|
76
82
|
ta as Error,
|
|
77
83
|
q as ErrorView,
|
|
78
84
|
p as FADE_ENTRANCE,
|
|
79
85
|
A as FADE_SWAP,
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
86
|
+
ls as FILTER_DATE_PRESETS,
|
|
87
|
+
Sa as FULL_VIEW,
|
|
88
|
+
As as FilterBar,
|
|
83
89
|
aa as GENERIC_ERROR_TITLE,
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
90
|
+
ka as GEN_AI_KINDS,
|
|
91
|
+
Is as Input,
|
|
92
|
+
Gs as InputGroup,
|
|
93
|
+
Tt as LineChart,
|
|
88
94
|
S as LinkProvider,
|
|
89
|
-
|
|
90
|
-
|
|
95
|
+
Ct as LogList,
|
|
96
|
+
Ha as MIN_VIEW_WIDTH,
|
|
97
|
+
Dt as Message,
|
|
91
98
|
R as PRESS_SCALE,
|
|
92
99
|
l as PRESS_SCALE_ROW,
|
|
93
100
|
C as RISE_PX,
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
101
|
+
_s as SIDEBAR_HEADER_INSET,
|
|
102
|
+
es as SIDEBAR_ITEM,
|
|
103
|
+
Es as SIDEBAR_ITEM_ACTIVE,
|
|
104
|
+
rs as SIDEBAR_ITEM_INACTIVE,
|
|
105
|
+
as as SIDEBAR_ROOT,
|
|
106
|
+
is as SIDEBAR_ROOT_BASE,
|
|
107
|
+
Ss as SIDEBAR_ROOT_INSET,
|
|
108
|
+
ss as SIDEBAR_SUBMENU_CHEVRON,
|
|
109
|
+
os as SIDEBAR_SUBMENU_LIST_INDENT,
|
|
110
|
+
ns as SIDEBAR_SUBMENU_TRIGGER_CHILD_ACTIVE,
|
|
104
111
|
B as SPRING_ENTRANCE,
|
|
105
112
|
f as SPRING_PRESS,
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
113
|
+
u as SPRING_PRESS_INLINE,
|
|
114
|
+
N as SPRING_PRESS_QUICK,
|
|
115
|
+
P as SPRING_SETTLE,
|
|
116
|
+
ys as STATUS_VIEW,
|
|
117
|
+
Ws as STATUS_VIEW_COPY,
|
|
118
|
+
xs as STATUS_VIEW_SIZES,
|
|
119
|
+
ts as Sidebar,
|
|
120
|
+
La as SpanPrimitive,
|
|
121
|
+
cs as Stat,
|
|
122
|
+
Ls as StatGroup,
|
|
123
|
+
ws as StatusView,
|
|
117
124
|
L as TRAVEL_LINEAR,
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
125
|
+
Wa as Trace,
|
|
126
|
+
fa as allCollapsed,
|
|
127
|
+
na as ancestorIds,
|
|
128
|
+
Ma as attribute,
|
|
129
|
+
da as attributeText,
|
|
130
|
+
Ua as axisTicks,
|
|
131
|
+
Pa as barGeometry,
|
|
132
|
+
_a as buildSpanTree,
|
|
126
133
|
X as buttonVariants,
|
|
127
134
|
J as capitalizeFirst,
|
|
128
|
-
|
|
129
|
-
|
|
135
|
+
et as chartColor,
|
|
136
|
+
Ra as clampView,
|
|
130
137
|
s as cn,
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
138
|
+
ba as collapseAllIds,
|
|
139
|
+
ia as collapseOneLevel,
|
|
140
|
+
Bs as createColumns,
|
|
141
|
+
Ga as deriveSpanTree,
|
|
135
142
|
Z as describeError,
|
|
136
143
|
v as effectButtonVariants,
|
|
137
|
-
|
|
144
|
+
pa as expandOneLevel,
|
|
138
145
|
c as fadeThroughBlur,
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
146
|
+
Aa as filterSpans,
|
|
147
|
+
ha as footerTotals,
|
|
148
|
+
Ys as formToasts,
|
|
149
|
+
Za as formatDateLabel,
|
|
150
|
+
Fa as formatDuration,
|
|
151
|
+
Rs as formatFilterValue,
|
|
152
|
+
wa as formatTick,
|
|
153
|
+
Va as genAIKind,
|
|
147
154
|
$ as httpReasonPhrase,
|
|
148
155
|
sa as httpStatusExplanation,
|
|
149
|
-
|
|
150
|
-
|
|
156
|
+
ps as isFilterSet,
|
|
157
|
+
la as isFullView,
|
|
151
158
|
j as isProblem,
|
|
152
159
|
r as isReactComponent,
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
+
ca as labeledTicks,
|
|
161
|
+
ga as layoutTickLabels,
|
|
162
|
+
Rt as logStatusColor,
|
|
163
|
+
lt as logStatusLabel,
|
|
164
|
+
Ot as messageStatusKey,
|
|
165
|
+
xa as niceStep,
|
|
166
|
+
Da as normalizeSpans,
|
|
167
|
+
ma as panView,
|
|
160
168
|
Q as parseProblem,
|
|
161
|
-
|
|
169
|
+
Na as peerService,
|
|
162
170
|
e as resolveVariant,
|
|
163
171
|
D as riseIn,
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
172
|
+
ct as shouldShowMessageStatus,
|
|
173
|
+
ya as spanDecorationIcon,
|
|
174
|
+
Oa as spanDuration,
|
|
175
|
+
za as spanPills,
|
|
176
|
+
Ia as spanTimelineBarVars,
|
|
177
|
+
us as tokenizeJson,
|
|
178
|
+
va as traceBulletInset,
|
|
179
|
+
Ta as traceRange,
|
|
180
|
+
At as truncateMiddle,
|
|
181
|
+
$s as useAutoSave,
|
|
182
|
+
Js as useCondense,
|
|
174
183
|
b as useCopy,
|
|
175
|
-
|
|
184
|
+
Fs as useDialogPending,
|
|
176
185
|
E as useLinkComponent,
|
|
177
186
|
d as usePressPulse,
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
187
|
+
Ka as useSpan,
|
|
188
|
+
Ba as useSpanTree,
|
|
189
|
+
Ca as viewFraction,
|
|
190
|
+
Xa as viewToRange,
|
|
191
|
+
Ea as visibleSpans,
|
|
192
|
+
ua as zoomView
|
|
184
193
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { a as s } from "../chunks/data-table-Mog6m3d9.js";
|
|
3
|
-
import { a as E, c as a, d as C, f as S, i as I, l as e, m as o, n as B, o as P, p as N, r, s as t, t as D, u as R } from "../chunks/basic-page-
|
|
3
|
+
import { a as E, c as a, d as C, f as S, i as I, l as e, m as o, n as B, o as P, p as N, r, s as t, t as D, u as R } from "../chunks/basic-page-D3MY3uY6.js";
|
|
4
4
|
export {
|
|
5
5
|
D as AUTO_SAVE_DELAY_MS,
|
|
6
6
|
B as BASIC_PAGE_CALLOUT,
|
package/dist/sections/sidebar.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { a as I, c as _, d as S, i as R, l as A, n as B, o as T, r as a, s, t as D, u as N } from "../chunks/sidebar-
|
|
2
|
+
import { a as I, c as _, d as S, i as R, l as A, n as B, o as T, r as a, s, t as D, u as N } from "../chunks/sidebar-BmloUwJQ.js";
|
|
3
3
|
export {
|
|
4
4
|
D as SIDEBAR_HEADER_INSET,
|
|
5
5
|
B as SIDEBAR_ITEM,
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { ComponentProps, Ref } from 'react';
|
|
2
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
3
|
+
/**
|
|
4
|
+
* Bubble — one message's surface: the rounded chip that carries the text,
|
|
5
|
+
* an image, or a line of prose, aligned to whichever side its author sits
|
|
6
|
+
* on. It knows nothing about who sent it or when; `Message` owns the row
|
|
7
|
+
* (avatar, header, footer) and `Chat` owns the thread.
|
|
8
|
+
*
|
|
9
|
+
* Design notes:
|
|
10
|
+
* - Monochrome, like every Pho surface. The received message is the card
|
|
11
|
+
* surface with the site hairline; the sent message is the inverted chip
|
|
12
|
+
* (the site's "msgbbl" token — literally its message bubble). There is
|
|
13
|
+
* no tinted brand bubble because there is no brand hue.
|
|
14
|
+
* - `base` radius with a `sm` tail corner on the author's side, so the
|
|
15
|
+
* bubble points at its sender the way the dashboard's already does.
|
|
16
|
+
* - `Content` renders through Base UI's `render`, so a bubble can be a
|
|
17
|
+
* `button` (open the message's record) or a link without a wrapper;
|
|
18
|
+
* the hover wash and focus ring only apply then.
|
|
19
|
+
*/
|
|
20
|
+
/**
|
|
21
|
+
* Surface axis — a closed monochrome set. `outlined` is the default:
|
|
22
|
+
* the received message. `inverse` is the sent one.
|
|
23
|
+
*/
|
|
24
|
+
export declare const BUBBLE_VARIANTS: {
|
|
25
|
+
outlined: {
|
|
26
|
+
classes: string;
|
|
27
|
+
description: string;
|
|
28
|
+
};
|
|
29
|
+
inverse: {
|
|
30
|
+
classes: string;
|
|
31
|
+
description: string;
|
|
32
|
+
};
|
|
33
|
+
subtle: {
|
|
34
|
+
classes: string;
|
|
35
|
+
description: string;
|
|
36
|
+
};
|
|
37
|
+
ghost: {
|
|
38
|
+
classes: string;
|
|
39
|
+
description: string;
|
|
40
|
+
};
|
|
41
|
+
error: {
|
|
42
|
+
classes: string;
|
|
43
|
+
description: string;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
export type BubbleVariant = keyof typeof BUBBLE_VARIANTS;
|
|
47
|
+
export type BubbleAlign = "start" | "end";
|
|
48
|
+
/**
|
|
49
|
+
* Consecutive bubbles from one author — a tighter stack than the gap
|
|
50
|
+
* between messages, so they read as one turn.
|
|
51
|
+
*/
|
|
52
|
+
declare function Group({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
|
|
53
|
+
export interface BubbleRootProps extends ComponentProps<"div"> {
|
|
54
|
+
/** Surface. @default "outlined" */
|
|
55
|
+
variant?: BubbleVariant;
|
|
56
|
+
/** Which side the author sits on. @default "start" */
|
|
57
|
+
align?: BubbleAlign;
|
|
58
|
+
ref?: Ref<HTMLDivElement>;
|
|
59
|
+
}
|
|
60
|
+
/**
|
|
61
|
+
* The bubble's column: the surface (`Content`) with anything anchored to
|
|
62
|
+
* it (`Reactions`). Caps at 80% of the row so the other side stays open;
|
|
63
|
+
* `ghost` runs full width.
|
|
64
|
+
*/
|
|
65
|
+
declare function Root({ variant, align, className, ...props }: BubbleRootProps): import("react").JSX.Element;
|
|
66
|
+
export interface BubbleContentProps extends useRender.ComponentProps<"div"> {
|
|
67
|
+
/**
|
|
68
|
+
* The bubble whose record is open beside the thread — a brand ring
|
|
69
|
+
* lifts it off the page. Pair with `aria-pressed` or `aria-current`
|
|
70
|
+
* on an interactive bubble so the state is announced too.
|
|
71
|
+
*/
|
|
72
|
+
selected?: boolean;
|
|
73
|
+
}
|
|
74
|
+
/**
|
|
75
|
+
* The surface itself. Text wraps and keeps its line breaks. Pass
|
|
76
|
+
* `render={<button type="button" />}` (or a router link) to make the
|
|
77
|
+
* bubble the control that opens the message — it then takes the hover
|
|
78
|
+
* wash and the focus ring.
|
|
79
|
+
*/
|
|
80
|
+
declare function Content({ className, render, selected, ...props }: BubbleContentProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
|
|
81
|
+
export interface BubbleReactionsProps extends ComponentProps<"div"> {
|
|
82
|
+
/** Which edge of the bubble the pill hangs from. @default "bottom" */
|
|
83
|
+
side?: "top" | "bottom";
|
|
84
|
+
/** Which corner. Defaults to the corner away from the tail. */
|
|
85
|
+
align?: BubbleAlign;
|
|
86
|
+
}
|
|
87
|
+
/**
|
|
88
|
+
* A small pill hanging off a corner of the bubble — an emoji tapback, a
|
|
89
|
+
* count. The bubble's column reserves no room for it: it overlaps the
|
|
90
|
+
* edge, as tapbacks do.
|
|
91
|
+
*/
|
|
92
|
+
declare function Reactions({ side, align, className, ...props }: BubbleReactionsProps): import("react").JSX.Element;
|
|
93
|
+
/**
|
|
94
|
+
* A message's surface. `Root` takes the `variant` and `align`; `Content`
|
|
95
|
+
* is the chip (a `div`, or a `button` / link through `render`);
|
|
96
|
+
* `Reactions` hangs off a corner. Stack one author's consecutive bubbles
|
|
97
|
+
* in a `Group`.
|
|
98
|
+
*
|
|
99
|
+
* ```tsx
|
|
100
|
+
* <Bubble.Root variant="inverse" align="end">
|
|
101
|
+
* <Bubble.Content>On my way.</Bubble.Content>
|
|
102
|
+
* <Bubble.Reactions>👍</Bubble.Reactions>
|
|
103
|
+
* </Bubble.Root>
|
|
104
|
+
* ```
|
|
105
|
+
*/
|
|
106
|
+
export declare const Bubble: {
|
|
107
|
+
Root: typeof Root;
|
|
108
|
+
Content: typeof Content;
|
|
109
|
+
Reactions: typeof Reactions;
|
|
110
|
+
Group: typeof Group;
|
|
111
|
+
};
|
|
112
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Bubble, BUBBLE_VARIANTS, type BubbleAlign, type BubbleContentProps, type BubbleReactionsProps, type BubbleRootProps, type BubbleVariant, } from './bubble';
|