@compose-market/theme 0.0.6 → 0.0.72
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/agents/index.d.ts +47 -0
- package/dist/agents/index.d.ts.map +1 -0
- package/dist/agents/index.js +12 -0
- package/dist/agents/index.js.map +1 -0
- package/dist/agents/styles.d.ts +2 -0
- package/dist/agents/styles.d.ts.map +1 -0
- package/dist/agents/styles.js +470 -0
- package/dist/agents/styles.js.map +1 -0
- package/dist/app/index.d.ts +9 -0
- package/dist/app/index.d.ts.map +1 -0
- package/dist/app/index.js +8 -0
- package/dist/app/index.js.map +1 -0
- package/dist/app/styles.d.ts +2 -0
- package/dist/app/styles.d.ts.map +1 -0
- package/dist/app/styles.js +67 -0
- package/dist/app/styles.js.map +1 -0
- package/dist/css/agents.css +468 -0
- package/dist/css/app.css +65 -0
- package/dist/css/index.css +3 -0
- package/dist/css/session.css +298 -0
- package/dist/css/shell.css +20 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -1
- package/dist/index.js.map +1 -1
- package/dist/internal/cx.d.ts +3 -0
- package/dist/internal/cx.d.ts.map +1 -0
- package/dist/internal/cx.js +4 -0
- package/dist/internal/cx.js.map +1 -0
- package/dist/session/index.d.ts +113 -0
- package/dist/session/index.d.ts.map +1 -0
- package/dist/session/index.js +48 -0
- package/dist/session/index.js.map +1 -0
- package/dist/session/styles.d.ts +2 -0
- package/dist/session/styles.d.ts.map +1 -0
- package/dist/session/styles.js +300 -0
- package/dist/session/styles.js.map +1 -0
- package/dist/shell/index.d.ts.map +1 -1
- package/dist/shell/index.js +1 -3
- package/dist/shell/index.js.map +1 -1
- package/dist/shell/styles.d.ts +1 -1
- package/dist/shell/styles.d.ts.map +1 -1
- package/dist/shell/styles.js +20 -1
- package/dist/shell/styles.js.map +1 -1
- package/package.json +29 -2
|
@@ -0,0 +1,298 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Compose.Market Session Shell
|
|
3
|
+
* @compose-market/theme/css/session
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
.cm-session-menu {
|
|
7
|
+
position: relative;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.cm-session-trigger {
|
|
11
|
+
border-color: hsl(var(--primary) / 0.35);
|
|
12
|
+
background: hsl(var(--primary) / 0.08);
|
|
13
|
+
color: hsl(var(--primary));
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.cm-session-trigger--active {
|
|
17
|
+
background: hsl(var(--primary) / 0.12);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.cm-session-trigger__mobile {
|
|
21
|
+
display: none;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.cm-session-menu__dropdown {
|
|
25
|
+
position: absolute;
|
|
26
|
+
top: calc(100% + 0.5rem);
|
|
27
|
+
right: 0;
|
|
28
|
+
width: 14.5rem;
|
|
29
|
+
z-index: 60;
|
|
30
|
+
overflow: hidden;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.cm-session-menu__header {
|
|
34
|
+
display: grid;
|
|
35
|
+
gap: 0.35rem;
|
|
36
|
+
padding: 0.8rem 0.9rem;
|
|
37
|
+
border-bottom: 1px solid hsl(var(--border) / 0.55);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.cm-session-menu__row,
|
|
41
|
+
.cm-session-summary__row {
|
|
42
|
+
display: flex;
|
|
43
|
+
align-items: flex-start;
|
|
44
|
+
justify-content: space-between;
|
|
45
|
+
gap: 1rem;
|
|
46
|
+
font-size: 0.76rem;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.cm-session-menu__row span,
|
|
50
|
+
.cm-session-summary__row span,
|
|
51
|
+
.cm-session-current__cell span,
|
|
52
|
+
.cm-session-key__cell span {
|
|
53
|
+
color: hsl(var(--muted-foreground));
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.cm-session-menu__row strong,
|
|
57
|
+
.cm-session-summary__row strong,
|
|
58
|
+
.cm-session-current__cell strong,
|
|
59
|
+
.cm-session-key__cell strong {
|
|
60
|
+
color: hsl(var(--foreground));
|
|
61
|
+
overflow-wrap: anywhere;
|
|
62
|
+
text-align: right;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.cm-session-menu__item {
|
|
66
|
+
width: 100%;
|
|
67
|
+
display: flex;
|
|
68
|
+
align-items: center;
|
|
69
|
+
gap: 0.55rem;
|
|
70
|
+
padding: 0.8rem 0.9rem;
|
|
71
|
+
border: 0;
|
|
72
|
+
background: transparent;
|
|
73
|
+
color: hsl(var(--foreground));
|
|
74
|
+
font-size: 0.86rem;
|
|
75
|
+
cursor: pointer;
|
|
76
|
+
transition: background-color 180ms ease, color 180ms ease;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.cm-session-menu__item:hover {
|
|
80
|
+
background: hsl(var(--muted) / 0.45);
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.cm-session-modal {
|
|
84
|
+
max-width: 34rem;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.cm-session-modal__title-wrap,
|
|
88
|
+
.cm-session-section__label,
|
|
89
|
+
.cm-session-current__title {
|
|
90
|
+
display: inline-flex;
|
|
91
|
+
align-items: center;
|
|
92
|
+
gap: 0.55rem;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.cm-session-modal__body {
|
|
96
|
+
display: grid;
|
|
97
|
+
gap: 1rem;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.cm-session-section {
|
|
101
|
+
display: grid;
|
|
102
|
+
gap: 0.55rem;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.cm-session-section__label,
|
|
106
|
+
.cm-session-manage__header {
|
|
107
|
+
color: hsl(var(--muted-foreground));
|
|
108
|
+
font-size: 0.78rem;
|
|
109
|
+
font-weight: 700;
|
|
110
|
+
letter-spacing: 0.06em;
|
|
111
|
+
text-transform: uppercase;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.cm-session-choice-grid {
|
|
115
|
+
display: grid;
|
|
116
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
117
|
+
gap: 0.55rem;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.cm-session-choice {
|
|
121
|
+
min-height: 2.3rem;
|
|
122
|
+
padding: 0.45rem 0.6rem;
|
|
123
|
+
border-radius: 0.35rem;
|
|
124
|
+
border: 1px solid hsl(var(--border));
|
|
125
|
+
background: hsl(var(--muted));
|
|
126
|
+
color: hsl(var(--foreground));
|
|
127
|
+
font-size: 0.82rem;
|
|
128
|
+
cursor: pointer;
|
|
129
|
+
transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.cm-session-choice.active {
|
|
133
|
+
border-color: hsl(var(--primary));
|
|
134
|
+
background: hsl(var(--primary));
|
|
135
|
+
color: hsl(var(--primary-foreground));
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.cm-session-summary,
|
|
139
|
+
.cm-session-usage {
|
|
140
|
+
display: grid;
|
|
141
|
+
gap: 0.45rem;
|
|
142
|
+
padding: 0.9rem 1rem;
|
|
143
|
+
border-radius: 0.45rem;
|
|
144
|
+
border: 1px solid hsl(var(--border));
|
|
145
|
+
background: hsl(var(--muted) / 0.45);
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.cm-session-modal__footer {
|
|
149
|
+
display: flex;
|
|
150
|
+
justify-content: flex-end;
|
|
151
|
+
gap: 0.75rem;
|
|
152
|
+
padding-top: 0.2rem;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.cm-session-current {
|
|
156
|
+
background: linear-gradient(135deg, hsl(var(--primary) / 0.12), transparent 72%);
|
|
157
|
+
border-color: hsl(var(--primary) / 0.35);
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
.cm-session-current__title {
|
|
161
|
+
color: hsl(var(--primary));
|
|
162
|
+
font-size: 0.82rem;
|
|
163
|
+
font-weight: 700;
|
|
164
|
+
margin-bottom: 0.85rem;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
.cm-session-current__grid,
|
|
168
|
+
.cm-session-key__grid {
|
|
169
|
+
display: grid;
|
|
170
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
171
|
+
gap: 0.75rem;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.cm-session-current__cell,
|
|
175
|
+
.cm-session-key__cell {
|
|
176
|
+
display: grid;
|
|
177
|
+
gap: 0.2rem;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.cm-session-manage__header {
|
|
181
|
+
display: flex;
|
|
182
|
+
align-items: center;
|
|
183
|
+
justify-content: space-between;
|
|
184
|
+
gap: 1rem;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.cm-session-empty {
|
|
188
|
+
display: grid;
|
|
189
|
+
place-items: center;
|
|
190
|
+
gap: 0.45rem;
|
|
191
|
+
min-height: 9rem;
|
|
192
|
+
padding: 1rem;
|
|
193
|
+
border: 1px dashed hsl(var(--border));
|
|
194
|
+
border-radius: 0.5rem;
|
|
195
|
+
color: hsl(var(--muted-foreground));
|
|
196
|
+
text-align: center;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.cm-session-empty__action {
|
|
200
|
+
border: 0;
|
|
201
|
+
background: transparent;
|
|
202
|
+
color: hsl(var(--primary));
|
|
203
|
+
cursor: pointer;
|
|
204
|
+
font-size: 0.86rem;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
.cm-session-key-list {
|
|
208
|
+
display: grid;
|
|
209
|
+
gap: 0.75rem;
|
|
210
|
+
max-height: 22rem;
|
|
211
|
+
overflow-y: auto;
|
|
212
|
+
padding-right: 0.15rem;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
.cm-session-key {
|
|
216
|
+
display: grid;
|
|
217
|
+
gap: 0.65rem;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
.cm-session-key__header {
|
|
221
|
+
display: flex;
|
|
222
|
+
align-items: center;
|
|
223
|
+
justify-content: space-between;
|
|
224
|
+
gap: 0.75rem;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
.cm-session-key__actions {
|
|
228
|
+
display: flex;
|
|
229
|
+
align-items: center;
|
|
230
|
+
gap: 0.35rem;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
.cm-session-key__icon {
|
|
234
|
+
width: 2rem;
|
|
235
|
+
height: 2rem;
|
|
236
|
+
display: inline-flex;
|
|
237
|
+
align-items: center;
|
|
238
|
+
justify-content: center;
|
|
239
|
+
border-radius: 0.35rem;
|
|
240
|
+
border: 1px solid hsl(var(--border));
|
|
241
|
+
background: transparent;
|
|
242
|
+
color: hsl(var(--muted-foreground));
|
|
243
|
+
cursor: pointer;
|
|
244
|
+
transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
.cm-session-key__icon:hover {
|
|
248
|
+
background: hsl(var(--muted) / 0.45);
|
|
249
|
+
color: hsl(var(--foreground));
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
.cm-session-key__icon.danger:hover {
|
|
253
|
+
border-color: hsl(var(--destructive) / 0.45);
|
|
254
|
+
color: hsl(var(--destructive));
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
.cm-session-key__id {
|
|
258
|
+
font-family: var(--font-mono), monospace;
|
|
259
|
+
color: hsl(var(--muted-foreground));
|
|
260
|
+
font-size: 0.72rem;
|
|
261
|
+
overflow-wrap: anywhere;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
.cm-session-generated {
|
|
265
|
+
display: grid;
|
|
266
|
+
grid-template-columns: minmax(0, 1fr) auto;
|
|
267
|
+
gap: 0.6rem;
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
@media (max-width: 960px) {
|
|
271
|
+
.cm-session-trigger__mobile {
|
|
272
|
+
display: inline;
|
|
273
|
+
}
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
@media (max-width: 720px) {
|
|
277
|
+
.cm-session-choice-grid,
|
|
278
|
+
.cm-session-current__grid,
|
|
279
|
+
.cm-session-key__grid {
|
|
280
|
+
grid-template-columns: 1fr;
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
.cm-session-modal__footer,
|
|
284
|
+
.cm-session-manage__header {
|
|
285
|
+
flex-direction: column;
|
|
286
|
+
align-items: stretch;
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
.cm-session-menu__dropdown {
|
|
290
|
+
width: min(18rem, calc(100vw - 2rem));
|
|
291
|
+
}
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
@media (max-width: 480px) {
|
|
295
|
+
.cm-session-choice-grid {
|
|
296
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
297
|
+
}
|
|
298
|
+
}
|
package/dist/css/shell.css
CHANGED
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
|
|
143
143
|
.cm-shell-panel {
|
|
144
144
|
border: 1px solid var(--cm-shell-border);
|
|
145
|
-
border-radius:
|
|
145
|
+
border-radius: 0.55rem;
|
|
146
146
|
background: var(--cm-shell-surface);
|
|
147
147
|
box-shadow: var(--cm-shell-shadow);
|
|
148
148
|
backdrop-filter: blur(14px);
|
|
@@ -413,6 +413,25 @@
|
|
|
413
413
|
}
|
|
414
414
|
}
|
|
415
415
|
|
|
416
|
+
@media (max-width: 480px) {
|
|
417
|
+
.cm-shell-modal-overlay {
|
|
418
|
+
padding: 0.5rem;
|
|
419
|
+
}
|
|
420
|
+
|
|
421
|
+
.cm-shell-modal {
|
|
422
|
+
width: calc(100% - 1rem);
|
|
423
|
+
max-height: 95vh;
|
|
424
|
+
}
|
|
425
|
+
|
|
426
|
+
.cm-shell-modal__header {
|
|
427
|
+
padding: 1rem 1rem 0;
|
|
428
|
+
}
|
|
429
|
+
|
|
430
|
+
.cm-shell-modal__body {
|
|
431
|
+
padding: 1rem;
|
|
432
|
+
}
|
|
433
|
+
}
|
|
434
|
+
|
|
416
435
|
/* ── Form Controls ── */
|
|
417
436
|
.cm-form-group {
|
|
418
437
|
margin-bottom: 16px;
|
package/dist/index.d.ts
CHANGED
|
@@ -6,9 +6,12 @@
|
|
|
6
6
|
export * from './tokens';
|
|
7
7
|
export * from './themes';
|
|
8
8
|
export * from './shell';
|
|
9
|
+
export * from './app';
|
|
10
|
+
export * from './agents';
|
|
11
|
+
export * from './session';
|
|
9
12
|
import { tokens, type DesignTokens } from './tokens';
|
|
10
13
|
import { themes, defaultTheme, getTheme, getThemeColors, type ThemeName, type Theme } from './themes';
|
|
11
14
|
export { tokens, themes, defaultTheme, getTheme, getThemeColors, type ThemeName, type Theme, type DesignTokens, };
|
|
12
|
-
export declare const packageVersion = "
|
|
15
|
+
export declare const packageVersion = "0.0.7";
|
|
13
16
|
export declare const packageName = "@compose-market/theme";
|
|
14
17
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtG,OAAO,EACL,MAAM,EACN,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,KAAK,SAAS,EACd,KAAK,KAAK,EACV,KAAK,YAAY,GAClB,CAAC;AAEF,eAAO,MAAM,cAAc,UAAU,CAAC;AACtC,eAAO,MAAM,WAAW,0BAA0B,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -6,9 +6,12 @@
|
|
|
6
6
|
export * from './tokens';
|
|
7
7
|
export * from './themes';
|
|
8
8
|
export * from './shell';
|
|
9
|
+
export * from './app';
|
|
10
|
+
export * from './agents';
|
|
11
|
+
export * from './session';
|
|
9
12
|
import { tokens } from './tokens';
|
|
10
13
|
import { themes, defaultTheme, getTheme, getThemeColors } from './themes';
|
|
11
14
|
export { tokens, themes, defaultTheme, getTheme, getThemeColors, };
|
|
12
|
-
export const packageVersion = '
|
|
15
|
+
export const packageVersion = '0.0.7';
|
|
13
16
|
export const packageName = '@compose-market/theme';
|
|
14
17
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAqB,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAA8B,MAAM,UAAU,CAAC;AAEtG,OAAO,EACL,MAAM,EACN,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,cAAc,GAIf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC;AACtC,MAAM,CAAC,MAAM,WAAW,GAAG,uBAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cx.d.ts","sourceRoot":"","sources":["../../src/internal/cx.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;AAE3D,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cx.js","sourceRoot":"","sources":["../../src/internal/cx.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1C,CAAC"}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export interface SessionChoice {
|
|
3
|
+
label: React.ReactNode;
|
|
4
|
+
active?: boolean;
|
|
5
|
+
onSelect: () => void;
|
|
6
|
+
}
|
|
7
|
+
export interface SessionSummaryRow {
|
|
8
|
+
label: React.ReactNode;
|
|
9
|
+
value: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export interface SessionManageKey {
|
|
12
|
+
id: string;
|
|
13
|
+
title: React.ReactNode;
|
|
14
|
+
maskedValue: React.ReactNode;
|
|
15
|
+
summaryRows: SessionSummaryRow[];
|
|
16
|
+
copyIcon?: React.ReactNode;
|
|
17
|
+
copiedIcon?: React.ReactNode;
|
|
18
|
+
revokeIcon?: React.ReactNode;
|
|
19
|
+
copied?: boolean;
|
|
20
|
+
onCopy: () => void;
|
|
21
|
+
onRevoke: () => void;
|
|
22
|
+
}
|
|
23
|
+
export interface SessionIndicatorShellProps {
|
|
24
|
+
active: boolean;
|
|
25
|
+
budgetLabel?: React.ReactNode;
|
|
26
|
+
expiresLabel?: React.ReactNode;
|
|
27
|
+
mobileBudgetLabel?: React.ReactNode;
|
|
28
|
+
startLabel?: React.ReactNode;
|
|
29
|
+
activeLabel?: React.ReactNode;
|
|
30
|
+
leadingIcon?: React.ReactNode;
|
|
31
|
+
trailingIcon?: React.ReactNode;
|
|
32
|
+
manageIcon?: React.ReactNode;
|
|
33
|
+
manageLabel?: React.ReactNode;
|
|
34
|
+
keyIcon?: React.ReactNode;
|
|
35
|
+
keyLabel?: React.ReactNode;
|
|
36
|
+
onStart: () => void;
|
|
37
|
+
onOpenManage: () => void;
|
|
38
|
+
onOpenKey: () => void;
|
|
39
|
+
className?: string;
|
|
40
|
+
}
|
|
41
|
+
export interface SessionBudgetDialogShellProps {
|
|
42
|
+
open: boolean;
|
|
43
|
+
title: React.ReactNode;
|
|
44
|
+
subtitle?: React.ReactNode;
|
|
45
|
+
titleIcon?: React.ReactNode;
|
|
46
|
+
budgetLabel?: React.ReactNode;
|
|
47
|
+
durationLabel?: React.ReactNode;
|
|
48
|
+
durationIcon?: React.ReactNode;
|
|
49
|
+
budgetChoices: SessionChoice[];
|
|
50
|
+
durationChoices: SessionChoice[];
|
|
51
|
+
summaryRows: SessionSummaryRow[];
|
|
52
|
+
error?: React.ReactNode;
|
|
53
|
+
onClose: () => void;
|
|
54
|
+
onSubmit: () => void;
|
|
55
|
+
submitting?: boolean;
|
|
56
|
+
submitLabel: React.ReactNode;
|
|
57
|
+
submittingLabel?: React.ReactNode;
|
|
58
|
+
cancelLabel?: React.ReactNode;
|
|
59
|
+
}
|
|
60
|
+
export interface SessionManageDialogShellProps {
|
|
61
|
+
open: boolean;
|
|
62
|
+
title: React.ReactNode;
|
|
63
|
+
subtitle?: React.ReactNode;
|
|
64
|
+
titleIcon?: React.ReactNode;
|
|
65
|
+
currentSessionTitle?: React.ReactNode;
|
|
66
|
+
currentSessionIcon?: React.ReactNode;
|
|
67
|
+
currentSessionRows?: SessionSummaryRow[];
|
|
68
|
+
sectionLabel: React.ReactNode;
|
|
69
|
+
newKeyLabel: React.ReactNode;
|
|
70
|
+
newKeyIcon?: React.ReactNode;
|
|
71
|
+
loading?: boolean;
|
|
72
|
+
loadingLabel?: React.ReactNode;
|
|
73
|
+
emptyState?: {
|
|
74
|
+
title: React.ReactNode;
|
|
75
|
+
actionLabel?: React.ReactNode;
|
|
76
|
+
onAction?: () => void;
|
|
77
|
+
};
|
|
78
|
+
keys: SessionManageKey[];
|
|
79
|
+
onClose: () => void;
|
|
80
|
+
onCreateKey: () => void;
|
|
81
|
+
}
|
|
82
|
+
export interface ComposeKeyDialogShellProps {
|
|
83
|
+
open: boolean;
|
|
84
|
+
title: React.ReactNode;
|
|
85
|
+
subtitle?: React.ReactNode;
|
|
86
|
+
titleIcon?: React.ReactNode;
|
|
87
|
+
keyName: string;
|
|
88
|
+
keyNameLabel: React.ReactNode;
|
|
89
|
+
keyNamePlaceholder?: string;
|
|
90
|
+
onKeyNameChange: (value: string) => void;
|
|
91
|
+
summaryRows: SessionSummaryRow[];
|
|
92
|
+
generatedKey?: string | null;
|
|
93
|
+
warning?: React.ReactNode;
|
|
94
|
+
usageLabel?: React.ReactNode;
|
|
95
|
+
usageValue?: React.ReactNode;
|
|
96
|
+
onClose: () => void;
|
|
97
|
+
onGenerate: () => void;
|
|
98
|
+
generating?: boolean;
|
|
99
|
+
generateLabel: React.ReactNode;
|
|
100
|
+
generatingLabel?: React.ReactNode;
|
|
101
|
+
onCopy: () => void;
|
|
102
|
+
copied?: boolean;
|
|
103
|
+
copyLabel?: React.ReactNode;
|
|
104
|
+
copiedLabel?: React.ReactNode;
|
|
105
|
+
copyIcon?: React.ReactNode;
|
|
106
|
+
copiedIcon?: React.ReactNode;
|
|
107
|
+
closeLabel?: React.ReactNode;
|
|
108
|
+
}
|
|
109
|
+
export declare function SessionIndicatorShell({ active, budgetLabel, expiresLabel, mobileBudgetLabel, startLabel, activeLabel, leadingIcon, trailingIcon, manageIcon, manageLabel, keyIcon, keyLabel, onStart, onOpenManage, onOpenKey, className, }: SessionIndicatorShellProps): import("react/jsx-runtime").JSX.Element;
|
|
110
|
+
export declare function SessionBudgetDialogShell({ open, title, subtitle, titleIcon, budgetLabel, durationLabel, durationIcon, budgetChoices, durationChoices, summaryRows, error, onClose, onSubmit, submitting, submitLabel, submittingLabel, cancelLabel, }: SessionBudgetDialogShellProps): import("react/jsx-runtime").JSX.Element;
|
|
111
|
+
export declare function SessionManageDialogShell({ open, title, subtitle, titleIcon, currentSessionTitle, currentSessionIcon, currentSessionRows, sectionLabel, newKeyLabel, newKeyIcon, loading, loadingLabel, emptyState, keys, onClose, onCreateKey, }: SessionManageDialogShellProps): import("react/jsx-runtime").JSX.Element;
|
|
112
|
+
export declare function ComposeKeyDialogShell({ open, title, subtitle, titleIcon, keyName, keyNameLabel, keyNamePlaceholder, onKeyNameChange, summaryRows, generatedKey, warning, usageLabel, usageValue, onClose, onGenerate, generating, generateLabel, generatingLabel, onCopy, copied, copyLabel, copiedLabel, copyIcon, copiedIcon, closeLabel, }: ComposeKeyDialogShellProps): import("react/jsx-runtime").JSX.Element;
|
|
113
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/session/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { cx } from "../internal/cx";
|
|
4
|
+
import { ShellButton, ShellInput, ShellModal, ShellNotice, ShellPanel, } from "../shell";
|
|
5
|
+
function SessionChoiceGrid({ choices }) {
|
|
6
|
+
return (_jsx("div", { className: "cm-session-choice-grid", children: choices.map((choice, index) => (_jsx("button", { type: "button", className: cx("cm-session-choice", choice.active && "active"), onClick: choice.onSelect, children: choice.label }, index))) }));
|
|
7
|
+
}
|
|
8
|
+
function SessionSummary({ rows }) {
|
|
9
|
+
return (_jsx("div", { className: "cm-session-summary", children: rows.map((row, index) => (_jsxs("div", { className: "cm-session-summary__row", children: [_jsx("span", { children: row.label }), _jsx("strong", { children: row.value })] }, index))) }));
|
|
10
|
+
}
|
|
11
|
+
export function SessionIndicatorShell({ active, budgetLabel, expiresLabel, mobileBudgetLabel, startLabel = "Start Session", activeLabel = "Session", leadingIcon, trailingIcon, manageIcon, manageLabel = "Manage Sessions", keyIcon, keyLabel = "Generate API Key", onStart, onOpenManage, onOpenKey, className, }) {
|
|
12
|
+
const [open, setOpen] = React.useState(false);
|
|
13
|
+
const rootRef = React.useRef(null);
|
|
14
|
+
React.useEffect(() => {
|
|
15
|
+
if (!open) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
function handlePointerDown(event) {
|
|
19
|
+
if (!rootRef.current || rootRef.current.contains(event.target)) {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
setOpen(false);
|
|
23
|
+
}
|
|
24
|
+
window.addEventListener("mousedown", handlePointerDown);
|
|
25
|
+
return () => window.removeEventListener("mousedown", handlePointerDown);
|
|
26
|
+
}, [open]);
|
|
27
|
+
if (!active) {
|
|
28
|
+
return (_jsxs(ShellButton, { tone: "secondary", size: "sm", className: cx("cm-session-trigger", className), onClick: onStart, children: [leadingIcon, startLabel] }));
|
|
29
|
+
}
|
|
30
|
+
return (_jsxs("div", { className: cx("cm-session-menu", className), ref: rootRef, children: [_jsxs(ShellButton, { tone: "secondary", size: "sm", className: "cm-session-trigger cm-session-trigger--active", onClick: () => setOpen((current) => !current), children: [leadingIcon, _jsx("span", { children: activeLabel }), mobileBudgetLabel ? _jsx("span", { className: "cm-session-trigger__mobile", children: mobileBudgetLabel }) : null, trailingIcon] }), open ? (_jsxs(ShellPanel, { className: "cm-session-menu__dropdown", padded: false, children: [_jsxs("div", { className: "cm-session-menu__header", children: [_jsxs("div", { className: "cm-session-menu__row", children: [_jsx("span", { children: "Budget" }), _jsx("strong", { children: budgetLabel })] }), _jsxs("div", { className: "cm-session-menu__row", children: [_jsx("span", { children: "Expires" }), _jsx("strong", { children: expiresLabel })] })] }), _jsxs("button", { type: "button", className: "cm-session-menu__item", onClick: () => {
|
|
31
|
+
setOpen(false);
|
|
32
|
+
onOpenKey();
|
|
33
|
+
}, children: [keyIcon, _jsx("span", { children: keyLabel })] }), _jsxs("button", { type: "button", className: "cm-session-menu__item", onClick: () => {
|
|
34
|
+
setOpen(false);
|
|
35
|
+
onOpenManage();
|
|
36
|
+
}, children: [manageIcon, _jsx("span", { children: manageLabel })] })] })) : null] }));
|
|
37
|
+
}
|
|
38
|
+
export function SessionBudgetDialogShell({ open, title, subtitle, titleIcon, budgetLabel = "Budget Limit (USDC)", durationLabel = "Session Duration", durationIcon, budgetChoices, durationChoices, summaryRows, error, onClose, onSubmit, submitting = false, submitLabel, submittingLabel = "Working...", cancelLabel = "Cancel", }) {
|
|
39
|
+
return (_jsxs(ShellModal, { open: open, title: (_jsxs("span", { className: "cm-session-modal__title-wrap", children: [titleIcon, title] })), subtitle: subtitle, onClose: onClose, className: "cm-session-modal", contentClassName: "cm-session-modal__body", children: [_jsxs("div", { className: "cm-session-section", children: [_jsx("div", { className: "cm-session-section__label", children: budgetLabel }), _jsx(SessionChoiceGrid, { choices: budgetChoices })] }), _jsxs("div", { className: "cm-session-section", children: [_jsxs("div", { className: "cm-session-section__label", children: [durationIcon, durationLabel] }), _jsx(SessionChoiceGrid, { choices: durationChoices })] }), _jsx(SessionSummary, { rows: summaryRows }), error ? _jsx(ShellNotice, { tone: "error", children: error }) : null, _jsxs("div", { className: "cm-session-modal__footer", children: [_jsx(ShellButton, { tone: "ghost", onClick: onClose, disabled: submitting, children: cancelLabel }), _jsx(ShellButton, { tone: "primary", onClick: onSubmit, disabled: submitting, children: submitting ? submittingLabel : submitLabel })] })] }));
|
|
40
|
+
}
|
|
41
|
+
export function SessionManageDialogShell({ open, title, subtitle, titleIcon, currentSessionTitle, currentSessionIcon, currentSessionRows = [], sectionLabel, newKeyLabel, newKeyIcon, loading = false, loadingLabel = "Loading sessions...", emptyState, keys, onClose, onCreateKey, }) {
|
|
42
|
+
return (_jsxs(ShellModal, { open: open, title: (_jsxs("span", { className: "cm-session-modal__title-wrap", children: [titleIcon, title] })), subtitle: subtitle, onClose: onClose, className: "cm-session-modal", contentClassName: "cm-session-modal__body", children: [currentSessionRows.length > 0 ? (_jsxs(ShellPanel, { className: "cm-session-current", children: [_jsxs("div", { className: "cm-session-current__title", children: [currentSessionIcon, currentSessionTitle] }), _jsx("div", { className: "cm-session-current__grid", children: currentSessionRows.map((row, index) => (_jsxs("div", { className: "cm-session-current__cell", children: [_jsx("span", { children: row.label }), _jsx("strong", { children: row.value })] }, index))) })] })) : null, _jsxs("div", { className: "cm-session-manage__header", children: [_jsx("span", { children: sectionLabel }), _jsxs(ShellButton, { tone: "ghost", size: "sm", onClick: onCreateKey, children: [newKeyIcon, newKeyLabel] })] }), loading ? (_jsx("div", { className: "cm-session-empty", children: loadingLabel })) : keys.length === 0 ? (_jsxs("div", { className: "cm-session-empty", children: [_jsx("div", { children: emptyState?.title }), emptyState?.actionLabel && emptyState.onAction ? (_jsx("button", { type: "button", className: "cm-session-empty__action", onClick: emptyState.onAction, children: emptyState.actionLabel })) : null] })) : (_jsx("div", { className: "cm-session-key-list", children: keys.map((key) => (_jsxs(ShellPanel, { className: "cm-session-key", children: [_jsxs("div", { className: "cm-session-key__header", children: [_jsx("strong", { children: key.title }), _jsxs("div", { className: "cm-session-key__actions", children: [_jsx("button", { type: "button", className: "cm-session-key__icon", onClick: key.onCopy, title: "Copy key", children: key.copied ? key.copiedIcon || key.copyIcon : key.copyIcon }), _jsx("button", { type: "button", className: "cm-session-key__icon danger", onClick: key.onRevoke, title: "Revoke key", children: key.revokeIcon })] })] }), _jsx("div", { className: "cm-session-key__id", children: key.maskedValue }), _jsx("div", { className: "cm-session-key__grid", children: key.summaryRows.map((row, index) => (_jsxs("div", { className: "cm-session-key__cell", children: [_jsx("span", { children: row.label }), _jsx("strong", { children: row.value })] }, index))) })] }, key.id))) }))] }));
|
|
43
|
+
}
|
|
44
|
+
export function ComposeKeyDialogShell({ open, title, subtitle, titleIcon, keyName, keyNameLabel, keyNamePlaceholder, onKeyNameChange, summaryRows, generatedKey, warning, usageLabel, usageValue, onClose, onGenerate, generating = false, generateLabel, generatingLabel = "Generating...", onCopy, copied = false, copyLabel = "Copy to Clipboard", copiedLabel = "Copied!", copyIcon, copiedIcon, closeLabel = "Close", }) {
|
|
45
|
+
const actionLabel = copied ? copiedLabel : copyLabel;
|
|
46
|
+
return (_jsx(ShellModal, { open: open, title: (_jsxs("span", { className: "cm-session-modal__title-wrap", children: [titleIcon, title] })), subtitle: subtitle, onClose: onClose, className: "cm-session-modal", contentClassName: "cm-session-modal__body", children: !generatedKey ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "cm-session-section", children: [_jsx("div", { className: "cm-session-section__label", children: keyNameLabel }), _jsx(ShellInput, { value: keyName, onChange: (event) => onKeyNameChange(event.currentTarget.value), placeholder: keyNamePlaceholder })] }), _jsx(SessionSummary, { rows: summaryRows }), _jsxs("div", { className: "cm-session-modal__footer", children: [_jsx(ShellButton, { tone: "ghost", onClick: onClose, disabled: generating, children: closeLabel }), _jsx(ShellButton, { tone: "primary", onClick: onGenerate, disabled: generating, children: generating ? generatingLabel : generateLabel })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "cm-session-section", children: [_jsx("div", { className: "cm-session-section__label", children: "Your API Key" }), _jsxs("div", { className: "cm-session-generated", children: [_jsx(ShellInput, { readOnly: true, value: generatedKey }), _jsx(ShellButton, { tone: "secondary", size: "sm", onClick: onCopy, children: copied ? copiedIcon : copyIcon })] })] }), warning ? _jsx(ShellNotice, { tone: "warning", children: warning }) : null, _jsx(SessionSummary, { rows: summaryRows }), usageLabel && usageValue ? (_jsx(ShellPanel, { className: "cm-session-usage", children: _jsxs("div", { className: "cm-session-summary__row", children: [_jsx("span", { children: usageLabel }), _jsx("strong", { children: usageValue })] }) })) : null, _jsxs("div", { className: "cm-session-modal__footer", children: [_jsx(ShellButton, { tone: "ghost", onClick: onClose, children: closeLabel }), _jsxs(ShellButton, { tone: "primary", onClick: onCopy, children: [copied ? copiedIcon : copyIcon, actionLabel] })] })] })) }));
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/session/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const sessionCss = "/**\n * Compose.Market Session Shell\n * @compose-market/theme/css/session\n */\n\n.cm-session-menu {\n position: relative;\n}\n\n.cm-session-trigger {\n border-color: hsl(var(--primary) / 0.35);\n background: hsl(var(--primary) / 0.08);\n color: hsl(var(--primary));\n}\n\n.cm-session-trigger--active {\n background: hsl(var(--primary) / 0.12);\n}\n\n.cm-session-trigger__mobile {\n display: none;\n}\n\n.cm-session-menu__dropdown {\n position: absolute;\n top: calc(100% + 0.5rem);\n right: 0;\n width: 14.5rem;\n z-index: 60;\n overflow: hidden;\n}\n\n.cm-session-menu__header {\n display: grid;\n gap: 0.35rem;\n padding: 0.8rem 0.9rem;\n border-bottom: 1px solid hsl(var(--border) / 0.55);\n}\n\n.cm-session-menu__row,\n.cm-session-summary__row {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 1rem;\n font-size: 0.76rem;\n}\n\n.cm-session-menu__row span,\n.cm-session-summary__row span,\n.cm-session-current__cell span,\n.cm-session-key__cell span {\n color: hsl(var(--muted-foreground));\n}\n\n.cm-session-menu__row strong,\n.cm-session-summary__row strong,\n.cm-session-current__cell strong,\n.cm-session-key__cell strong {\n color: hsl(var(--foreground));\n overflow-wrap: anywhere;\n text-align: right;\n}\n\n.cm-session-menu__item {\n width: 100%;\n display: flex;\n align-items: center;\n gap: 0.55rem;\n padding: 0.8rem 0.9rem;\n border: 0;\n background: transparent;\n color: hsl(var(--foreground));\n font-size: 0.86rem;\n cursor: pointer;\n transition: background-color 180ms ease, color 180ms ease;\n}\n\n.cm-session-menu__item:hover {\n background: hsl(var(--muted) / 0.45);\n}\n\n.cm-session-modal {\n max-width: 34rem;\n}\n\n.cm-session-modal__title-wrap,\n.cm-session-section__label,\n.cm-session-current__title {\n display: inline-flex;\n align-items: center;\n gap: 0.55rem;\n}\n\n.cm-session-modal__body {\n display: grid;\n gap: 1rem;\n}\n\n.cm-session-section {\n display: grid;\n gap: 0.55rem;\n}\n\n.cm-session-section__label,\n.cm-session-manage__header {\n color: hsl(var(--muted-foreground));\n font-size: 0.78rem;\n font-weight: 700;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n}\n\n.cm-session-choice-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 0.55rem;\n}\n\n.cm-session-choice {\n min-height: 2.3rem;\n padding: 0.45rem 0.6rem;\n border-radius: 0.35rem;\n border: 1px solid hsl(var(--border));\n background: hsl(var(--muted));\n color: hsl(var(--foreground));\n font-size: 0.82rem;\n cursor: pointer;\n transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease;\n}\n\n.cm-session-choice.active {\n border-color: hsl(var(--primary));\n background: hsl(var(--primary));\n color: hsl(var(--primary-foreground));\n}\n\n.cm-session-summary,\n.cm-session-usage {\n display: grid;\n gap: 0.45rem;\n padding: 0.9rem 1rem;\n border-radius: 0.45rem;\n border: 1px solid hsl(var(--border));\n background: hsl(var(--muted) / 0.45);\n}\n\n.cm-session-modal__footer {\n display: flex;\n justify-content: flex-end;\n gap: 0.75rem;\n padding-top: 0.2rem;\n}\n\n.cm-session-current {\n background: linear-gradient(135deg, hsl(var(--primary) / 0.12), transparent 72%);\n border-color: hsl(var(--primary) / 0.35);\n}\n\n.cm-session-current__title {\n color: hsl(var(--primary));\n font-size: 0.82rem;\n font-weight: 700;\n margin-bottom: 0.85rem;\n}\n\n.cm-session-current__grid,\n.cm-session-key__grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 0.75rem;\n}\n\n.cm-session-current__cell,\n.cm-session-key__cell {\n display: grid;\n gap: 0.2rem;\n}\n\n.cm-session-manage__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n\n.cm-session-empty {\n display: grid;\n place-items: center;\n gap: 0.45rem;\n min-height: 9rem;\n padding: 1rem;\n border: 1px dashed hsl(var(--border));\n border-radius: 0.5rem;\n color: hsl(var(--muted-foreground));\n text-align: center;\n}\n\n.cm-session-empty__action {\n border: 0;\n background: transparent;\n color: hsl(var(--primary));\n cursor: pointer;\n font-size: 0.86rem;\n}\n\n.cm-session-key-list {\n display: grid;\n gap: 0.75rem;\n max-height: 22rem;\n overflow-y: auto;\n padding-right: 0.15rem;\n}\n\n.cm-session-key {\n display: grid;\n gap: 0.65rem;\n}\n\n.cm-session-key__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 0.75rem;\n}\n\n.cm-session-key__actions {\n display: flex;\n align-items: center;\n gap: 0.35rem;\n}\n\n.cm-session-key__icon {\n width: 2rem;\n height: 2rem;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 0.35rem;\n border: 1px solid hsl(var(--border));\n background: transparent;\n color: hsl(var(--muted-foreground));\n cursor: pointer;\n transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;\n}\n\n.cm-session-key__icon:hover {\n background: hsl(var(--muted) / 0.45);\n color: hsl(var(--foreground));\n}\n\n.cm-session-key__icon.danger:hover {\n border-color: hsl(var(--destructive) / 0.45);\n color: hsl(var(--destructive));\n}\n\n.cm-session-key__id {\n font-family: var(--font-mono), monospace;\n color: hsl(var(--muted-foreground));\n font-size: 0.72rem;\n overflow-wrap: anywhere;\n}\n\n.cm-session-generated {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n gap: 0.6rem;\n}\n\n@media (max-width: 960px) {\n .cm-session-trigger__mobile {\n display: inline;\n }\n}\n\n@media (max-width: 720px) {\n .cm-session-choice-grid,\n .cm-session-current__grid,\n .cm-session-key__grid {\n grid-template-columns: 1fr;\n }\n\n .cm-session-modal__footer,\n .cm-session-manage__header {\n flex-direction: column;\n align-items: stretch;\n }\n\n .cm-session-menu__dropdown {\n width: min(18rem, calc(100vw - 2rem));\n }\n}\n\n@media (max-width: 480px) {\n .cm-session-choice-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n";
|
|
2
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/session/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,6+LA0StB,CAAC"}
|