@copilotz/chat-ui 0.1.4 → 0.1.7
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/index.cjs +626 -657
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +490 -521
- package/dist/index.js.map +1 -1
- package/dist/styles.css +63 -23
- package/package.json +1 -2
package/dist/styles.css
CHANGED
|
@@ -273,9 +273,6 @@
|
|
|
273
273
|
.relative {
|
|
274
274
|
position: relative;
|
|
275
275
|
}
|
|
276
|
-
.static {
|
|
277
|
-
position: static;
|
|
278
|
-
}
|
|
279
276
|
.inset-0 {
|
|
280
277
|
inset: calc(var(--spacing) * 0);
|
|
281
278
|
}
|
|
@@ -363,24 +360,6 @@
|
|
|
363
360
|
.row-start-1 {
|
|
364
361
|
grid-row-start: 1;
|
|
365
362
|
}
|
|
366
|
-
.container {
|
|
367
|
-
width: 100%;
|
|
368
|
-
@media (width >= 40rem) {
|
|
369
|
-
max-width: 40rem;
|
|
370
|
-
}
|
|
371
|
-
@media (width >= 48rem) {
|
|
372
|
-
max-width: 48rem;
|
|
373
|
-
}
|
|
374
|
-
@media (width >= 64rem) {
|
|
375
|
-
max-width: 64rem;
|
|
376
|
-
}
|
|
377
|
-
@media (width >= 80rem) {
|
|
378
|
-
max-width: 80rem;
|
|
379
|
-
}
|
|
380
|
-
@media (width >= 96rem) {
|
|
381
|
-
max-width: 96rem;
|
|
382
|
-
}
|
|
383
|
-
}
|
|
384
363
|
.m-auto {
|
|
385
364
|
margin: auto;
|
|
386
365
|
}
|
|
@@ -1216,8 +1195,8 @@
|
|
|
1216
1195
|
.h-px {
|
|
1217
1196
|
height: 1px;
|
|
1218
1197
|
}
|
|
1219
|
-
.h-
|
|
1220
|
-
height:
|
|
1198
|
+
.h-svh {
|
|
1199
|
+
height: 100svh;
|
|
1221
1200
|
}
|
|
1222
1201
|
.max-h-\(--radix-context-menu-content-available-height\) {
|
|
1223
1202
|
max-height: var(--radix-context-menu-content-available-height);
|
|
@@ -1300,6 +1279,15 @@
|
|
|
1300
1279
|
.w-\[--radix-dropdown-menu-trigger-width\] {
|
|
1301
1280
|
width: --radix-dropdown-menu-trigger-width;
|
|
1302
1281
|
}
|
|
1282
|
+
.w-\[70\%\] {
|
|
1283
|
+
width: 70%;
|
|
1284
|
+
}
|
|
1285
|
+
.w-\[75\%\] {
|
|
1286
|
+
width: 75%;
|
|
1287
|
+
}
|
|
1288
|
+
.w-\[85\%\] {
|
|
1289
|
+
width: 85%;
|
|
1290
|
+
}
|
|
1303
1291
|
.w-\[280px\] {
|
|
1304
1292
|
width: 280px;
|
|
1305
1293
|
}
|
|
@@ -2317,6 +2305,21 @@
|
|
|
2317
2305
|
height: calc(var(--spacing) * 8) !important;
|
|
2318
2306
|
}
|
|
2319
2307
|
}
|
|
2308
|
+
.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\) {
|
|
2309
|
+
&:is(:where(.group)[data-collapsible="icon"] *) {
|
|
2310
|
+
width: var(--sidebar-width-icon);
|
|
2311
|
+
}
|
|
2312
|
+
}
|
|
2313
|
+
.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] {
|
|
2314
|
+
&:is(:where(.group)[data-collapsible="icon"] *) {
|
|
2315
|
+
width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
|
|
2316
|
+
}
|
|
2317
|
+
}
|
|
2318
|
+
.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] {
|
|
2319
|
+
&:is(:where(.group)[data-collapsible="icon"] *) {
|
|
2320
|
+
width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
|
|
2321
|
+
}
|
|
2322
|
+
}
|
|
2320
2323
|
.group-data-\[collapsible\=icon\]\:justify-center {
|
|
2321
2324
|
&:is(:where(.group)[data-collapsible="icon"] *) {
|
|
2322
2325
|
justify-content: center;
|
|
@@ -2342,6 +2345,21 @@
|
|
|
2342
2345
|
opacity: 0%;
|
|
2343
2346
|
}
|
|
2344
2347
|
}
|
|
2348
|
+
.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
|
|
2349
|
+
&:is(:where(.group)[data-collapsible="offcanvas"] *) {
|
|
2350
|
+
right: calc(var(--sidebar-width) * -1);
|
|
2351
|
+
}
|
|
2352
|
+
}
|
|
2353
|
+
.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
|
|
2354
|
+
&:is(:where(.group)[data-collapsible="offcanvas"] *) {
|
|
2355
|
+
left: calc(var(--sidebar-width) * -1);
|
|
2356
|
+
}
|
|
2357
|
+
}
|
|
2358
|
+
.group-data-\[collapsible\=offcanvas\]\:w-0 {
|
|
2359
|
+
&:is(:where(.group)[data-collapsible="offcanvas"] *) {
|
|
2360
|
+
width: calc(var(--spacing) * 0);
|
|
2361
|
+
}
|
|
2362
|
+
}
|
|
2345
2363
|
.group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
|
|
2346
2364
|
&:is(:where(.group)[data-collapsible="offcanvas"] *) {
|
|
2347
2365
|
--tw-translate-x: calc(var(--spacing) * 0);
|
|
@@ -2353,6 +2371,12 @@
|
|
|
2353
2371
|
right: calc(var(--spacing) * -4);
|
|
2354
2372
|
}
|
|
2355
2373
|
}
|
|
2374
|
+
.group-data-\[side\=left\]\:border-r {
|
|
2375
|
+
&:is(:where(.group)[data-side="left"] *) {
|
|
2376
|
+
border-right-style: var(--tw-border-style);
|
|
2377
|
+
border-right-width: 1px;
|
|
2378
|
+
}
|
|
2379
|
+
}
|
|
2356
2380
|
.group-data-\[side\=right\]\:left-0 {
|
|
2357
2381
|
&:is(:where(.group)[data-side="right"] *) {
|
|
2358
2382
|
left: calc(var(--spacing) * 0);
|
|
@@ -2363,6 +2387,12 @@
|
|
|
2363
2387
|
rotate: 180deg;
|
|
2364
2388
|
}
|
|
2365
2389
|
}
|
|
2390
|
+
.group-data-\[side\=right\]\:border-l {
|
|
2391
|
+
&:is(:where(.group)[data-side="right"] *) {
|
|
2392
|
+
border-left-style: var(--tw-border-style);
|
|
2393
|
+
border-left-width: 1px;
|
|
2394
|
+
}
|
|
2395
|
+
}
|
|
2366
2396
|
.group-data-\[variant\=floating\]\:rounded-lg {
|
|
2367
2397
|
&:is(:where(.group)[data-variant="floating"] *) {
|
|
2368
2398
|
border-radius: var(--radius-lg);
|
|
@@ -3166,6 +3196,16 @@
|
|
|
3166
3196
|
text-align: left;
|
|
3167
3197
|
}
|
|
3168
3198
|
}
|
|
3199
|
+
.md\:block {
|
|
3200
|
+
@media (width >= 48rem) {
|
|
3201
|
+
display: block;
|
|
3202
|
+
}
|
|
3203
|
+
}
|
|
3204
|
+
.md\:flex {
|
|
3205
|
+
@media (width >= 48rem) {
|
|
3206
|
+
display: flex;
|
|
3207
|
+
}
|
|
3208
|
+
}
|
|
3169
3209
|
.md\:h-screen {
|
|
3170
3210
|
@media (width >= 48rem) {
|
|
3171
3211
|
height: 100vh;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@copilotz/chat-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.7",
|
|
4
4
|
"description": "Copilotz chat UI components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -54,7 +54,6 @@
|
|
|
54
54
|
"react-markdown": "^9.1.0",
|
|
55
55
|
"rehype-highlight": "^7.0.2",
|
|
56
56
|
"rehype-raw": "^7.0.0",
|
|
57
|
-
"remark-breaks": "^4.0.0",
|
|
58
57
|
"remark-gfm": "^4.0.1",
|
|
59
58
|
"tailwind-merge": "^3.3.1",
|
|
60
59
|
"tw-animate-css": "^1.3.7"
|